From bffdca308d7edc9a21b8a271831f25b7ebe8ff4f Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Sun, 10 May 2026 17:27:02 +0200
Subject: [PATCH 01/19] Add import/export settings buttons

---
 .../components/DataSettings/DataSettings.vue  | 78 +++++++++++++++++++
 src/renderer/store/modules/settings.js        |  7 ++
 static/locales/en-US.yaml                     |  8 ++
 3 files changed, 93 insertions(+)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 9228ded2fd876..310be0d796e61 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -65,6 +65,19 @@
         @click="showExportSearchHistoryPrompt = true"
       />
     </FtFlexBox>
+    <h4 class="groupTitle">
+      {{ t('Settings') }}
+    </h4>
+    <FtFlexBox class="box">
+      <FtButton
+        :label="t('Settings.Data Settings.Import Settings')"
+        @click="importSettings"
+      />
+      <FtButton
+        :label="t('Settings.Data Settings.Export Settings')"
+        @click="exportSettings"
+      />
+    </FtFlexBox>
     <FtPrompt
       v-if="showExportSubscriptionsPrompt"
       :label="$t('Settings.Data Settings.Select Export Type')"
@@ -1458,6 +1471,71 @@ async function exportYouTubeSearchHistory() {
 }
 
 // #endregion search history
+
+// #region settings
+
+/** @type {import('vue').ComputedRef<object>} */
+const settingsEntries = computed(() => {
+  return store.getters.getUserSettings
+})
+
+async function importSettings() {
+  let response
+  try {
+    response = await readFileWithPicker(
+      t('Settings.Data Settings.Settings File'),
+      {
+        'application/x-freetube-db': '.db',
+        'application/json': '.json'
+      },
+      IMPORT_DIRECTORY_ID,
+      START_IN_DIRECTORY
+    )
+  } catch (err) {
+    const message = t('Settings.Data Settings.Unable to read file')
+    showToast(`${message}: ${err}`)
+    return
+  }
+
+  if (response === null) {
+    return
+  }
+
+  const { content } = response
+  const settings = JSON.parse(content)
+
+  const settingsDb = settingsEntries.value
+
+  for (const [key, value] of Object.entries(settings)) {
+    if (Object.hasOwn(settingsDb, key)) {
+      const updaterId = await store.dispatch('getDefaultUpdaterId', key)
+      await store.dispatch(updaterId, value)
+    } else {
+      const message = `${t('Settings.Data Settings.Unknown setting key')}: ${key}`
+      showToast(message)
+    }
+  }
+
+  showToast(t('Settings.Data Settings.All settings have been successfully imported'))
+}
+
+async function exportSettings() {
+  const settingsDb = JSON.stringify(settingsEntries.value)
+  const dateStr = getTodayDateStrLocalTimezone()
+  const exportFileName = 'freetube-settings-' + dateStr + '.db'
+
+  await promptAndWriteToFile(
+    exportFileName,
+    settingsDb,
+    t('Settings.Data Settings.Settings File'),
+    'application/x-freetube-db',
+    '.db',
+    t('Settings.Data Settings.All settings have been successfully exported')
+  )
+}
+
+// #endregion settings
+
 </script>
 
 <style scoped src="./DataSettings.css" />
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 99affa66401d0..9e4f662fd3b11 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -418,6 +418,9 @@ const customState = {
 }
 
 const customGetters = {
+  getUserSettings: (state) => {
+    return state
+  }
 }
 
 const customMutations = {}
@@ -631,6 +634,10 @@ const customActions = {
         }
       })
     }
+  },
+
+  getDefaultUpdaterId: (_, settingId) => {
+    return defaultUpdaterId(settingId)
   }
 }
 
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 95aedd31f9d06..0f021b9990aac 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -589,6 +589,7 @@ Settings:
     History File: History File
     Playlist File: Playlist File
     Search history file: Search history file
+    Settings File: Settings File
     Export Subscriptions: Export Subscriptions
     Export FreeTube: Export FreeTube
     Export YouTube: Export YouTube
@@ -600,6 +601,8 @@ Settings:
     Search history: Search history
     Import search history: Import search history
     Export search history: Export search history
+    Import Settings: Import Settings
+    Export Settings: Export Settings
     Profile object has insufficient data, skipping item: Profile object has insufficient
       data, skipping item
     All subscriptions and profiles have been successfully imported: All subscriptions
@@ -625,9 +628,14 @@ Settings:
       successfully imported
     All search history has been successfully exported: All search history has been
       successfully exported
+    All settings have been successfully imported: All settings have been 
+      successfully imported
+    All settings have been successfully exported: All settings have been 
+      successfully exported
     Unable to read file: Unable to read file
     Unable to write file: Unable to write file
     Unknown data key: Unknown data key
+    Unknown setting key: Unknown setting key
     How do I import my subscriptions?: How do I import my subscriptions?
     Manage Subscriptions: Manage Subscriptions
   Proxy Settings:

From 043a65977a8c964cd0c6d83fb1b96b5b78299f2e Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 11 May 2026 23:28:29 +0200
Subject: [PATCH 02/19] Add exported settings exclusion list

---
 .../components/DataSettings/DataSettings.vue  | 18 +++++++--------
 src/renderer/store/modules/settings.js        | 23 +++++++++++++++++--
 2 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 310be0d796e61..ea5f9a81a7556 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1475,8 +1475,8 @@ async function exportYouTubeSearchHistory() {
 // #region settings
 
 /** @type {import('vue').ComputedRef<object>} */
-const settingsEntries = computed(() => {
-  return store.getters.getUserSettings
+const exportableSettingsEntries = computed(() => {
+  return store.getters.getExportableSettings
 })
 
 async function importSettings() {
@@ -1502,12 +1502,12 @@ async function importSettings() {
   }
 
   const { content } = response
-  const settings = JSON.parse(content)
+  const importedSettings = JSON.parse(content)
 
-  const settingsDb = settingsEntries.value
+  const exportableSettings = exportableSettingsEntries.value
 
-  for (const [key, value] of Object.entries(settings)) {
-    if (Object.hasOwn(settingsDb, key)) {
+  for (const [key, value] of Object.entries(importedSettings)) {
+    if (Object.hasOwn(exportableSettings, key)) {
       const updaterId = await store.dispatch('getDefaultUpdaterId', key)
       await store.dispatch(updaterId, value)
     } else {
@@ -1520,13 +1520,13 @@ async function importSettings() {
 }
 
 async function exportSettings() {
-  const settingsDb = JSON.stringify(settingsEntries.value)
   const dateStr = getTodayDateStrLocalTimezone()
-  const exportFileName = 'freetube-settings-' + dateStr + '.db'
+  const exportFileName = `freetube-settings-${dateStr}.db`
+  const exportableSettings = JSON.stringify(exportableSettingsEntries.value)
 
   await promptAndWriteToFile(
     exportFileName,
-    settingsDb,
+    exportableSettings,
     t('Settings.Data Settings.Settings File'),
     'application/x-freetube-db',
     '.db',
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 9e4f662fd3b11..7d00edd89ec82 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -418,8 +418,27 @@ const customState = {
 }
 
 const customGetters = {
-  getUserSettings: (state) => {
-    return state
+  getExportableSettings: (state) => {
+    const excludedSettings = [
+      // Passwords
+      'settingsPassword',
+      // Proxy
+      'proxyHostname',
+      'proxyPort',
+      'proxyUsername',
+      'proxyPassword',
+      'proxyProtocol',
+      'proxyVideos',
+      // External player
+      'externalPlayer',
+      'externalPlayerExecutable',
+      'externalPlayerCustomArgs',
+      // Screenshot
+      'screenshotAskPath',
+      'screenshotFolderPath'
+    ]
+    const exportableSettings = Object.keys(state).filter(key => !excludedSettings.includes(key))
+    return exportableSettings
   }
 }
 

From df0d50d9158d7b7bb4b02163c4cd153003425ea2 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 11 May 2026 23:35:49 +0200
Subject: [PATCH 03/19] Add documentation

---
 src/renderer/store/modules/settings.js | 49 ++++++++++++++++----------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 7d00edd89ec82..f3fc53ce54c0d 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -121,6 +121,16 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * to evaluate if it is truly necessary
  * and to ensure that the implementation works as intended.
  *
+ ***
+ * `nonExportableSettings`
+ * This array contains setting keys
+ * that should not be exported when a user chooses to "Export settings".
+ *
+ * When adding a new setting, it should be considered
+ * whether this setting can be exported or not. For example, settings
+ * that are OS or user specific like paths or executables should not
+ * be exported.
+ *
  ****
  * ENDING NOTES
  *
@@ -414,30 +424,31 @@ const sideEffectHandlers = {
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
+const nonExportableSettings = [
+  // Passwords
+  'settingsPassword',
+  // Proxy
+  'proxyHostname',
+  'proxyPort',
+  'proxyUsername',
+  'proxyPassword',
+  'proxyProtocol',
+  'proxyVideos',
+  // External player
+  'externalPlayer',
+  'externalPlayerExecutable',
+  'externalPlayerCustomArgs',
+  // Screenshot
+  'screenshotAskPath',
+  'screenshotFolderPath'
+]
+
 const customState = {
 }
 
 const customGetters = {
   getExportableSettings: (state) => {
-    const excludedSettings = [
-      // Passwords
-      'settingsPassword',
-      // Proxy
-      'proxyHostname',
-      'proxyPort',
-      'proxyUsername',
-      'proxyPassword',
-      'proxyProtocol',
-      'proxyVideos',
-      // External player
-      'externalPlayer',
-      'externalPlayerExecutable',
-      'externalPlayerCustomArgs',
-      // Screenshot
-      'screenshotAskPath',
-      'screenshotFolderPath'
-    ]
-    const exportableSettings = Object.keys(state).filter(key => !excludedSettings.includes(key))
+    const exportableSettings = Object.keys(state).filter(key => !nonExportableSettings.includes(key))
     return exportableSettings
   }
 }

From 55022f4feef952da97c50fdb56a68a2a03e771da Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Tue, 12 May 2026 00:09:15 +0200
Subject: [PATCH 04/19] Add tooltip to the data settings header

---
 .../components/DataSettings/DataSettings.css        |  5 +++++
 .../components/DataSettings/DataSettings.vue        | 13 ++++++++++---
 static/locales/en-US.yaml                           |  1 +
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.css b/src/renderer/components/DataSettings/DataSettings.css
index 68e850df56333..6ad37d627fa9d 100644
--- a/src/renderer/components/DataSettings/DataSettings.css
+++ b/src/renderer/components/DataSettings/DataSettings.css
@@ -1,3 +1,8 @@
 .box {
   justify-content: center;
 }
+
+.titleTooltip {
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index ea5f9a81a7556..466759e7120fa 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -65,9 +65,15 @@
         @click="showExportSearchHistoryPrompt = true"
       />
     </FtFlexBox>
-    <h4 class="groupTitle">
-      {{ t('Settings') }}
-    </h4>
+    <FtFlexBox class="titleTooltip">
+      <h4 class="groupTitle">
+        {{ t('Settings') }}
+      </h4>
+      <FtTooltip
+        class="selectTooltip"
+        :tooltip="t('Settings.Data Settings.Settings Tooltip')"
+      />
+    </FtFlexBox>
     <FtFlexBox class="box">
       <FtButton
         :label="t('Settings.Data Settings.Import Settings')"
@@ -111,6 +117,7 @@ import FtButton from '../FtButton/FtButton.vue'
 import FtFlexBox from '../ft-flex-box/ft-flex-box.vue'
 import FtPrompt from '../FtPrompt/FtPrompt.vue'
 import FtSettingsSection from '../FtSettingsSection/FtSettingsSection.vue'
+import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
 import store from '../../store/index'
 
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 0f021b9990aac..bd6d0db192d9c 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -603,6 +603,7 @@ Settings:
     Export search history: Export search history
     Import Settings: Import Settings
     Export Settings: Export Settings
+    Settings Tooltip: Settings that are OS or user specific cannot be exported or imported (e.g., proxy, screenshot path, external player path...)
     Profile object has insufficient data, skipping item: Profile object has insufficient
       data, skipping item
     All subscriptions and profiles have been successfully imported: All subscriptions

From 4d60589c557a2dc80ea26628a2fa60ef84fe240f Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Tue, 12 May 2026 00:14:15 +0200
Subject: [PATCH 05/19] Consider settingsPassword to be exportable, could be
 discussed

---
 src/renderer/store/modules/settings.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index f3fc53ce54c0d..4131ac9857383 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -425,8 +425,6 @@ const sideEffectHandlers = {
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
 const nonExportableSettings = [
-  // Passwords
-  'settingsPassword',
   // Proxy
   'proxyHostname',
   'proxyPort',

From 220c332f200337e9af4cf4b80f0ebf4bd8f27422 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Wed, 13 May 2026 01:10:37 +0200
Subject: [PATCH 06/19] Take into account settings that need restart

---
 .../components/DataSettings/DataSettings.vue  | 72 ++++++++++++++++---
 src/renderer/store/modules/settings.js        | 22 ++++--
 2 files changed, 80 insertions(+), 14 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 466759e7120fa..27d5d4e4e44e3 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -105,6 +105,13 @@
       :option-values="WATCH_SEARCH_HISTORY_PROMPT_VALUES"
       @click="exportSearchHistory"
     />
+    <FtPrompt
+      v-if="showRestartPrompt"
+      :label="$t('Settings[\'The app needs to restart for changes to take effect. Restart and apply change?\']')"
+      :option-names="[$t('Yes, Restart'), $t('Cancel')]"
+      :option-values="['restart', 'cancel']"
+      @click="handleRestart"
+    />
   </FtSettingsSection>
 </template>
 
@@ -1482,10 +1489,19 @@ async function exportYouTubeSearchHistory() {
 // #region settings
 
 /** @type {import('vue').ComputedRef<object>} */
-const exportableSettingsEntries = computed(() => {
+const exportableSettings = computed(() => {
   return store.getters.getExportableSettings
 })
 
+/** @type {import('vue').ComputedRef<string[]>} */
+const restartNeededKeys = computed(() => {
+  return store.getters.getRestartNeededKeys
+})
+
+const showRestartPrompt = ref(false)
+
+const pendingSettings = new Map()
+
 async function importSettings() {
   let response
   try {
@@ -1511,15 +1527,28 @@ async function importSettings() {
   const { content } = response
   const importedSettings = JSON.parse(content)
 
-  const exportableSettings = exportableSettingsEntries.value
+  const currentSettings = exportableSettings.value
 
-  for (const [key, value] of Object.entries(importedSettings)) {
-    if (Object.hasOwn(exportableSettings, key)) {
-      const updaterId = await store.dispatch('getDefaultUpdaterId', key)
-      await store.dispatch(updaterId, value)
-    } else {
-      const message = `${t('Settings.Data Settings.Unknown setting key')}: ${key}`
+  for (const [importedKey, importedValue] of Object.entries(importedSettings)) {
+    if (!Object.hasOwn(currentSettings, importedKey)) {
+      const message = `${t('Settings.Data Settings.Unknown setting key')}: ${importedKey}`
       showToast(message)
+      continue
+    }
+
+    const currentValue = currentSettings[importedKey]
+    const areValuesEqual = currentValue === importedValue ||
+      (typeof importedValue === 'object' && JSON.stringify(currentValue) === JSON.stringify(importedValue))
+    if (areValuesEqual) {
+      continue
+    }
+
+    if (restartNeededKeys.value.has(importedKey)) {
+      pendingSettings.set(importedKey, importedValue)
+      showRestartPrompt.value = true
+    } else {
+      const updaterId = await store.dispatch('getDefaultUpdaterId', importedKey)
+      await store.dispatch(updaterId, importedValue)
     }
   }
 
@@ -1529,11 +1558,11 @@ async function importSettings() {
 async function exportSettings() {
   const dateStr = getTodayDateStrLocalTimezone()
   const exportFileName = `freetube-settings-${dateStr}.db`
-  const exportableSettings = JSON.stringify(exportableSettingsEntries.value)
+  const settingsContent = JSON.stringify(exportableSettings.value)
 
   await promptAndWriteToFile(
     exportFileName,
-    exportableSettings,
+    settingsContent,
     t('Settings.Data Settings.Settings File'),
     'application/x-freetube-db',
     '.db',
@@ -1541,6 +1570,29 @@ async function exportSettings() {
   )
 }
 
+/**
+ * @param {'restart' | 'cancel' | null} value
+ */
+function handleRestart(value) {
+  showRestartPrompt.value = false
+
+  if (value === null || value === 'cancel') {
+    pendingSettings.clear()
+    return
+  }
+
+  if (process.env.IS_ELECTRON) {
+    Promise.all(
+      Array.from(pendingSettings, async ([settingKey, settingValue]) => {
+        const updaterId = await store.dispatch('getDefaultUpdaterId', settingKey)
+        return store.dispatch(updaterId, settingValue)
+      })
+    ).then(() => {
+      window.ftElectron.relaunch()
+    })
+  }
+}
+
 // #endregion settings
 
 </script>
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 4131ac9857383..117435e56db4f 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -122,7 +122,7 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * and to ensure that the implementation works as intended.
  *
  ***
- * `nonExportableSettings`
+ * `nonExportableKeys`
  * This array contains setting keys
  * that should not be exported when a user chooses to "Export settings".
  *
@@ -424,7 +424,7 @@ const sideEffectHandlers = {
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
-const nonExportableSettings = [
+const nonExportableKeys = new Set([
   // Proxy
   'proxyHostname',
   'proxyPort',
@@ -439,15 +439,25 @@ const nonExportableSettings = [
   // Screenshot
   'screenshotAskPath',
   'screenshotFolderPath'
-]
+])
+
+const restartNeededKeys = new Set([
+  'disableSmoothScrolling'
+])
 
 const customState = {
 }
 
 const customGetters = {
   getExportableSettings: (state) => {
-    const exportableSettings = Object.keys(state).filter(key => !nonExportableSettings.includes(key))
+    const exportableSettings = Object.fromEntries(
+      Object.entries(state).filter(([key]) => !nonExportableKeys.has(key))
+    )
     return exportableSettings
+  },
+
+  getRestartNeededKeys: () => {
+    return restartNeededKeys
   }
 }
 
@@ -666,6 +676,10 @@ const customActions = {
 
   getDefaultUpdaterId: (_, settingId) => {
     return defaultUpdaterId(settingId)
+  },
+
+  getDefaultGetterId: (_, settingId) => {
+    return defaultGetterId(settingId)
   }
 }
 

From 76b37a75755d3a2798d751801f6a09f505a6bbfd Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Wed, 13 May 2026 01:28:27 +0200
Subject: [PATCH 07/19] Simplify const access across store and vue script

---
 .../components/DataSettings/DataSettings.vue  | 14 +++++-------
 src/renderer/store/modules/settings.js        | 22 +++++--------------
 2 files changed, 10 insertions(+), 26 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 27d5d4e4e44e3..9b73c880f8a17 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -127,6 +127,7 @@ import FtSettingsSection from '../FtSettingsSection/FtSettingsSection.vue'
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
 import store from '../../store/index'
+import { defaultUpdaterId, restartNeededKeys } from '../../store/modules/settings'
 
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { calculateColorLuminance, getRandomColor } from '../../helpers/colors'
@@ -1493,11 +1494,6 @@ const exportableSettings = computed(() => {
   return store.getters.getExportableSettings
 })
 
-/** @type {import('vue').ComputedRef<string[]>} */
-const restartNeededKeys = computed(() => {
-  return store.getters.getRestartNeededKeys
-})
-
 const showRestartPrompt = ref(false)
 
 const pendingSettings = new Map()
@@ -1543,11 +1539,11 @@ async function importSettings() {
       continue
     }
 
-    if (restartNeededKeys.value.has(importedKey)) {
+    if (restartNeededKeys.has(importedKey)) {
       pendingSettings.set(importedKey, importedValue)
       showRestartPrompt.value = true
     } else {
-      const updaterId = await store.dispatch('getDefaultUpdaterId', importedKey)
+      const updaterId = defaultUpdaterId(importedKey)
       await store.dispatch(updaterId, importedValue)
     }
   }
@@ -1583,8 +1579,8 @@ function handleRestart(value) {
 
   if (process.env.IS_ELECTRON) {
     Promise.all(
-      Array.from(pendingSettings, async ([settingKey, settingValue]) => {
-        const updaterId = await store.dispatch('getDefaultUpdaterId', settingKey)
+      Array.from(pendingSettings, ([settingKey, settingValue]) => {
+        const updaterId = defaultUpdaterId(settingKey)
         return store.dispatch(updaterId, settingValue)
       })
     ).then(() => {
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 117435e56db4f..9197b441c8a5c 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -151,10 +151,10 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
 
 // HELPERS
 const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)
-const defaultGetterId = settingId => 'get' + capitalize(settingId)
-const defaultMutationId = settingId => 'set' + capitalize(settingId)
-const defaultUpdaterId = settingId => 'update' + capitalize(settingId)
-const defaultSideEffectsTriggerId = settingId =>
+export const defaultGetterId = settingId => 'get' + capitalize(settingId)
+export const defaultMutationId = settingId => 'set' + capitalize(settingId)
+export const defaultUpdaterId = settingId => 'update' + capitalize(settingId)
+export const defaultSideEffectsTriggerId = settingId =>
   'trigger' + capitalize(settingId) + 'SideEffects'
 /*****/
 
@@ -441,7 +441,7 @@ const nonExportableKeys = new Set([
   'screenshotFolderPath'
 ])
 
-const restartNeededKeys = new Set([
+export const restartNeededKeys = new Set([
   'disableSmoothScrolling'
 ])
 
@@ -454,10 +454,6 @@ const customGetters = {
       Object.entries(state).filter(([key]) => !nonExportableKeys.has(key))
     )
     return exportableSettings
-  },
-
-  getRestartNeededKeys: () => {
-    return restartNeededKeys
   }
 }
 
@@ -672,14 +668,6 @@ const customActions = {
         }
       })
     }
-  },
-
-  getDefaultUpdaterId: (_, settingId) => {
-    return defaultUpdaterId(settingId)
-  },
-
-  getDefaultGetterId: (_, settingId) => {
-    return defaultGetterId(settingId)
   }
 }
 

From 45728a1e0c40911113a67302250c8c09afd86e61 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Thu, 14 May 2026 13:31:17 +0200
Subject: [PATCH 08/19] Add documentation

---
 .../components/DataSettings/DataSettings.vue  |  4 +--
 src/renderer/store/modules/settings.js        | 28 +++++++++++++------
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 9b73c880f8a17..af2e20b357f48 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -127,7 +127,7 @@ import FtSettingsSection from '../FtSettingsSection/FtSettingsSection.vue'
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
 import store from '../../store/index'
-import { defaultUpdaterId, restartNeededKeys } from '../../store/modules/settings'
+import { defaultUpdaterId, settingsNeedingRestart } from '../../store/modules/settings'
 
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { calculateColorLuminance, getRandomColor } from '../../helpers/colors'
@@ -1539,7 +1539,7 @@ async function importSettings() {
       continue
     }
 
-    if (restartNeededKeys.has(importedKey)) {
+    if (settingsNeedingRestart.has(importedKey)) {
       pendingSettings.set(importedKey, importedValue)
       showRestartPrompt.value = true
     } else {
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 9197b441c8a5c..7ac90bc646f6d 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -122,14 +122,21 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * and to ensure that the implementation works as intended.
  *
  ***
- * `nonExportableKeys`
- * This array contains setting keys
+ * `settingsNotExportable`
+ * This set contains setting keys
  * that should not be exported when a user chooses to "Export settings".
  *
  * When adding a new setting, it should be considered
  * whether this setting can be exported or not. For example, settings
- * that are OS or user specific like paths or executables should not
- * be exported.
+ * that are OS or user specific like paths should not be exported.
+ *
+ ***
+ * `settingsNeedingRestart`
+ * This set contains setting keys
+ * that require an application restart to take effect.
+ *
+ * When adding a new setting that needs a restart for the
+ * change to apply, it should be added to this set.
  *
  ****
  * ENDING NOTES
@@ -424,7 +431,7 @@ const sideEffectHandlers = {
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
-const nonExportableKeys = new Set([
+const settingsNotExportable = new Set([
   // Proxy
   'proxyHostname',
   'proxyPort',
@@ -441,7 +448,7 @@ const nonExportableKeys = new Set([
   'screenshotFolderPath'
 ])
 
-export const restartNeededKeys = new Set([
+export const settingsNeedingRestart = new Set([
   'disableSmoothScrolling'
 ])
 
@@ -450,9 +457,12 @@ const customState = {
 
 const customGetters = {
   getExportableSettings: (state) => {
-    const exportableSettings = Object.fromEntries(
-      Object.entries(state).filter(([key]) => !nonExportableKeys.has(key))
-    )
+    const exportableSettings = {}
+    for (const [key, value] of Object.entries(state)) {
+      if (!settingsNotExportable.has(key)) {
+        exportableSettings[key] = value
+      }
+    }
     return exportableSettings
   }
 }

From 28b35dc7f7c33f2f18d745e4a16e79540d0b584d Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Fri, 15 May 2026 21:00:38 +0200
Subject: [PATCH 09/19] Improve tooltip text

---
 src/renderer/components/DataSettings/DataSettings.vue | 1 -
 static/locales/en-US.yaml                             | 6 +++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index af2e20b357f48..6125b7f6acfeb 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1522,7 +1522,6 @@ async function importSettings() {
 
   const { content } = response
   const importedSettings = JSON.parse(content)
-
   const currentSettings = exportableSettings.value
 
   for (const [importedKey, importedValue] of Object.entries(importedSettings)) {
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index bd6d0db192d9c..1ba19b9e9b687 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -603,7 +603,7 @@ Settings:
     Export search history: Export search history
     Import Settings: Import Settings
     Export Settings: Export Settings
-    Settings Tooltip: Settings that are OS or user specific cannot be exported or imported (e.g., proxy, screenshot path, external player path...)
+    Settings Tooltip: Settings that are OS/user-specific or experimental cannot be exported or imported (e.g., proxy, screenshot path, external player path...)
     Profile object has insufficient data, skipping item: Profile object has insufficient
       data, skipping item
     All subscriptions and profiles have been successfully imported: All subscriptions
@@ -629,9 +629,9 @@ Settings:
       successfully imported
     All search history has been successfully exported: All search history has been
       successfully exported
-    All settings have been successfully imported: All settings have been 
+    All settings have been successfully imported: All settings have been
       successfully imported
-    All settings have been successfully exported: All settings have been 
+    All settings have been successfully exported: All settings have been
       successfully exported
     Unable to read file: Unable to read file
     Unable to write file: Unable to write file

From 8e3b64a5814f0da1491d83fa10d461f55162156a Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Fri, 15 May 2026 23:36:31 +0200
Subject: [PATCH 10/19] Fix tooltip on mobile screen

---
 src/renderer/components/DataSettings/DataSettings.css    | 5 -----
 src/renderer/components/DataSettings/DataSettings.vue    | 9 ++++-----
 .../components/FtSettingsSection/FtSettingsSection.scss  | 2 +-
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.css b/src/renderer/components/DataSettings/DataSettings.css
index 6ad37d627fa9d..68e850df56333 100644
--- a/src/renderer/components/DataSettings/DataSettings.css
+++ b/src/renderer/components/DataSettings/DataSettings.css
@@ -1,8 +1,3 @@
 .box {
   justify-content: center;
 }
-
-.titleTooltip {
-  justify-content: center;
-  align-items: center;
-}
diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 6125b7f6acfeb..de82db6b247f6 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -65,15 +65,14 @@
         @click="showExportSearchHistoryPrompt = true"
       />
     </FtFlexBox>
-    <FtFlexBox class="titleTooltip">
-      <h4 class="groupTitle">
-        {{ t('Settings') }}
-      </h4>
+    <h4 class="groupTitle">
+      {{ t('Settings') }}
       <FtTooltip
         class="selectTooltip"
+        position="top"
         :tooltip="t('Settings.Data Settings.Settings Tooltip')"
       />
-    </FtFlexBox>
+    </h4>
     <FtFlexBox class="box">
       <FtButton
         :label="t('Settings.Data Settings.Import Settings')"
diff --git a/src/renderer/components/FtSettingsSection/FtSettingsSection.scss b/src/renderer/components/FtSettingsSection/FtSettingsSection.scss
index 9d9fad66dba36..c723cdcbceb5d 100644
--- a/src/renderer/components/FtSettingsSection/FtSettingsSection.scss
+++ b/src/renderer/components/FtSettingsSection/FtSettingsSection.scss
@@ -97,7 +97,7 @@
       padding-inline: 10px;
     }
 
-    :deep(:not(.select, .selectLabel) > .tooltip) {
+    :deep(:not(.select, .selectLabel, .groupTitle) > .tooltip) {
       display: inline-block;
       position: absolute;
       inset-inline-end: -25px;

From 49cdf75a6e25d9a874fe6d96cf3aecbd3452a29a Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Fri, 15 May 2026 23:48:32 +0200
Subject: [PATCH 11/19] Add more items to settingsNotExportable set

---
 src/renderer/store/modules/settings.js | 4 ++++
 static/locales/en-US.yaml              | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 7ac90bc646f6d..31804c7ada642 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -433,6 +433,7 @@ const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
 const settingsNotExportable = new Set([
   // Proxy
+  'useProxy',
   'proxyHostname',
   'proxyPort',
   'proxyUsername',
@@ -442,7 +443,10 @@ const settingsNotExportable = new Set([
   // External player
   'externalPlayer',
   'externalPlayerExecutable',
+  'externalPlayerIgnoreWarnings',
+  'externalPlayerIgnoreDefaultArgs',
   'externalPlayerCustomArgs',
+  'showAddedExternalPlayerCustomArgs',
   // Screenshot
   'screenshotAskPath',
   'screenshotFolderPath'
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 1ba19b9e9b687..4328af121794c 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -603,7 +603,7 @@ Settings:
     Export search history: Export search history
     Import Settings: Import Settings
     Export Settings: Export Settings
-    Settings Tooltip: Settings that are OS/user-specific or experimental cannot be exported or imported (e.g., proxy, screenshot path, external player path...)
+    Settings Tooltip: Settings that are OS/user-specific or experimental cannot be exported or imported (e.g., proxy, external player, screenshot folder...)
     Profile object has insufficient data, skipping item: Profile object has insufficient
       data, skipping item
     All subscriptions and profiles have been successfully imported: All subscriptions

From fc2288e4fba284d89d68a607b8d2c7369c4fcbaa Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Sat, 16 May 2026 00:01:51 +0200
Subject: [PATCH 12/19] Add backendPreference key to settingsNotExportable set
 because it is dependent of process.env

---
 src/renderer/store/modules/settings.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 31804c7ada642..d9754e1ae4b3d 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -432,7 +432,6 @@ const sideEffectHandlers = {
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
 const settingsNotExportable = new Set([
-  // Proxy
   'useProxy',
   'proxyHostname',
   'proxyPort',
@@ -440,16 +439,15 @@ const settingsNotExportable = new Set([
   'proxyPassword',
   'proxyProtocol',
   'proxyVideos',
-  // External player
   'externalPlayer',
   'externalPlayerExecutable',
   'externalPlayerIgnoreWarnings',
   'externalPlayerIgnoreDefaultArgs',
   'externalPlayerCustomArgs',
   'showAddedExternalPlayerCustomArgs',
-  // Screenshot
   'screenshotAskPath',
-  'screenshotFolderPath'
+  'screenshotFolderPath',
+  'backendPreference'
 ])
 
 export const settingsNeedingRestart = new Set([

From 2b13802177cd097b4caecd1291fb3ef4bde2e66e Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 18 May 2026 13:48:47 +0200
Subject: [PATCH 13/19] Set 'showRestartPrompt.value' once after for loop

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

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index de82db6b247f6..b498a112f48c2 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1539,13 +1539,16 @@ async function importSettings() {
 
     if (settingsNeedingRestart.has(importedKey)) {
       pendingSettings.set(importedKey, importedValue)
-      showRestartPrompt.value = true
     } else {
       const updaterId = defaultUpdaterId(importedKey)
       await store.dispatch(updaterId, importedValue)
     }
   }
 
+  if (pendingSettings.size > 0) {
+    showRestartPrompt.value = true
+  }
+
   showToast(t('Settings.Data Settings.All settings have been successfully imported'))
 }
 

From 81806b801020f5ade51a8cb1e57c2eb561eced06 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 18 May 2026 16:38:37 +0200
Subject: [PATCH 14/19] Replace 'exportable' occurences by 'transferrable'

---
 .../components/DataSettings/DataSettings.vue       |  8 ++++----
 src/renderer/store/modules/settings.js             | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index b498a112f48c2..72e913b0c885a 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1489,8 +1489,8 @@ async function exportYouTubeSearchHistory() {
 // #region settings
 
 /** @type {import('vue').ComputedRef<object>} */
-const exportableSettings = computed(() => {
-  return store.getters.getExportableSettings
+const transferrableSettings = computed(() => {
+  return store.getters.getTransferrableSettings
 })
 
 const showRestartPrompt = ref(false)
@@ -1521,7 +1521,7 @@ async function importSettings() {
 
   const { content } = response
   const importedSettings = JSON.parse(content)
-  const currentSettings = exportableSettings.value
+  const currentSettings = transferrableSettings.value
 
   for (const [importedKey, importedValue] of Object.entries(importedSettings)) {
     if (!Object.hasOwn(currentSettings, importedKey)) {
@@ -1555,7 +1555,7 @@ async function importSettings() {
 async function exportSettings() {
   const dateStr = getTodayDateStrLocalTimezone()
   const exportFileName = `freetube-settings-${dateStr}.db`
-  const settingsContent = JSON.stringify(exportableSettings.value)
+  const settingsContent = JSON.stringify(transferrableSettings.value)
 
   await promptAndWriteToFile(
     exportFileName,
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index d9754e1ae4b3d..0a21ec03a3ee6 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -122,7 +122,7 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * and to ensure that the implementation works as intended.
  *
  ***
- * `settingsNotExportable`
+ * `settingsNotTransferrable`
  * This set contains setting keys
  * that should not be exported when a user chooses to "Export settings".
  *
@@ -431,7 +431,7 @@ const sideEffectHandlers = {
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
-const settingsNotExportable = new Set([
+const settingsNotTransferrable = new Set([
   'useProxy',
   'proxyHostname',
   'proxyPort',
@@ -458,14 +458,14 @@ const customState = {
 }
 
 const customGetters = {
-  getExportableSettings: (state) => {
-    const exportableSettings = {}
+  getTransferrableSettings: (state) => {
+    const transferrableSettings = {}
     for (const [key, value] of Object.entries(state)) {
-      if (!settingsNotExportable.has(key)) {
-        exportableSettings[key] = value
+      if (!settingsNotTransferrable.has(key)) {
+        transferrableSettings[key] = value
       }
     }
-    return exportableSettings
+    return transferrableSettings
   }
 }
 

From c5924e2fe71dab70a4a612b8035a65e828803c4f Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 18 May 2026 20:28:34 +0200
Subject: [PATCH 15/19] Add more settings to 'settingsNotTransferrable' array

---
 src/renderer/store/modules/settings.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 0a21ec03a3ee6..4eced146fb076 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -432,13 +432,16 @@ const sideEffectHandlers = {
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
 const settingsNotTransferrable = new Set([
+
+  // Depends on process.env.IS_ELECTRON
+  'disableSmoothScrolling',
+  'hideToTrayOnMinimize',
   'useProxy',
+  'proxyProtocol',
   'proxyHostname',
   'proxyPort',
   'proxyUsername',
   'proxyPassword',
-  'proxyProtocol',
-  'proxyVideos',
   'externalPlayer',
   'externalPlayerExecutable',
   'externalPlayerIgnoreWarnings',
@@ -447,7 +450,11 @@ const settingsNotTransferrable = new Set([
   'showAddedExternalPlayerCustomArgs',
   'screenshotAskPath',
   'screenshotFolderPath',
-  'backendPreference'
+
+  // Depends on process.env.SUPPORTS_LOCAL_API
+  'backendFallback',
+  'backendPreference',
+  'proxyVideos',
 ])
 
 export const settingsNeedingRestart = new Set([

From ade92a465fb52c322aa25a0d11f2a6cdc3e1f8f6 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Mon, 18 May 2026 23:14:01 +0200
Subject: [PATCH 16/19] Remove pending restart and update
 'settingsNotTransferrable'

---
 .../components/DataSettings/DataSettings.vue  | 48 ++-----------------
 src/renderer/store/modules/settings.js        | 24 +++-------
 2 files changed, 10 insertions(+), 62 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 72e913b0c885a..921032bc48aff 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -104,13 +104,6 @@
       :option-values="WATCH_SEARCH_HISTORY_PROMPT_VALUES"
       @click="exportSearchHistory"
     />
-    <FtPrompt
-      v-if="showRestartPrompt"
-      :label="$t('Settings[\'The app needs to restart for changes to take effect. Restart and apply change?\']')"
-      :option-names="[$t('Yes, Restart'), $t('Cancel')]"
-      :option-values="['restart', 'cancel']"
-      @click="handleRestart"
-    />
   </FtSettingsSection>
 </template>
 
@@ -126,7 +119,7 @@ import FtSettingsSection from '../FtSettingsSection/FtSettingsSection.vue'
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
 import store from '../../store/index'
-import { defaultUpdaterId, settingsNeedingRestart } from '../../store/modules/settings'
+import { defaultUpdaterId } from '../../store/modules/settings'
 
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { calculateColorLuminance, getRandomColor } from '../../helpers/colors'
@@ -1493,10 +1486,6 @@ const transferrableSettings = computed(() => {
   return store.getters.getTransferrableSettings
 })
 
-const showRestartPrompt = ref(false)
-
-const pendingSettings = new Map()
-
 async function importSettings() {
   let response
   try {
@@ -1537,16 +1526,8 @@ async function importSettings() {
       continue
     }
 
-    if (settingsNeedingRestart.has(importedKey)) {
-      pendingSettings.set(importedKey, importedValue)
-    } else {
-      const updaterId = defaultUpdaterId(importedKey)
-      await store.dispatch(updaterId, importedValue)
-    }
-  }
-
-  if (pendingSettings.size > 0) {
-    showRestartPrompt.value = true
+    const updaterId = defaultUpdaterId(importedKey)
+    await store.dispatch(updaterId, importedValue)
   }
 
   showToast(t('Settings.Data Settings.All settings have been successfully imported'))
@@ -1567,29 +1548,6 @@ async function exportSettings() {
   )
 }
 
-/**
- * @param {'restart' | 'cancel' | null} value
- */
-function handleRestart(value) {
-  showRestartPrompt.value = false
-
-  if (value === null || value === 'cancel') {
-    pendingSettings.clear()
-    return
-  }
-
-  if (process.env.IS_ELECTRON) {
-    Promise.all(
-      Array.from(pendingSettings, ([settingKey, settingValue]) => {
-        const updaterId = defaultUpdaterId(settingKey)
-        return store.dispatch(updaterId, settingValue)
-      })
-    ).then(() => {
-      window.ftElectron.relaunch()
-    })
-  }
-}
-
 // #endregion settings
 
 </script>
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 4eced146fb076..fe730cc5499bd 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -130,14 +130,6 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * whether this setting can be exported or not. For example, settings
  * that are OS or user specific like paths should not be exported.
  *
- ***
- * `settingsNeedingRestart`
- * This set contains setting keys
- * that require an application restart to take effect.
- *
- * When adding a new setting that needs a restart for the
- * change to apply, it should be added to this set.
- *
  ****
  * ENDING NOTES
  *
@@ -432,35 +424,33 @@ const sideEffectHandlers = {
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
 const settingsNotTransferrable = new Set([
-
-  // Depends on process.env.IS_ELECTRON
-  'disableSmoothScrolling',
-  'hideToTrayOnMinimize',
+  /* Depends on process.env.IS_ELECTRON */
+  // ProxySettings
   'useProxy',
   'proxyProtocol',
   'proxyHostname',
   'proxyPort',
   'proxyUsername',
   'proxyPassword',
+  // ExternalPlayerSettings
   'externalPlayer',
   'externalPlayerExecutable',
   'externalPlayerIgnoreWarnings',
   'externalPlayerIgnoreDefaultArgs',
   'externalPlayerCustomArgs',
   'showAddedExternalPlayerCustomArgs',
+  // Others
+  'disableSmoothScrolling',
+  'hideToTrayOnMinimize',
   'screenshotAskPath',
   'screenshotFolderPath',
 
-  // Depends on process.env.SUPPORTS_LOCAL_API
+  /* Depends on process.env.SUPPORTS_LOCAL_API */
   'backendFallback',
   'backendPreference',
   'proxyVideos',
 ])
 
-export const settingsNeedingRestart = new Set([
-  'disableSmoothScrolling'
-])
-
 const customState = {
 }
 

From 8a547016ec80058bbd1300582900fb66e3c9454d Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Tue, 19 May 2026 19:55:55 +0200
Subject: [PATCH 17/19] Fix typo

---
 .../components/DataSettings/DataSettings.vue       |  8 ++++----
 src/renderer/store/modules/settings.js             | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 921032bc48aff..0662419ec22b0 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1482,8 +1482,8 @@ async function exportYouTubeSearchHistory() {
 // #region settings
 
 /** @type {import('vue').ComputedRef<object>} */
-const transferrableSettings = computed(() => {
-  return store.getters.getTransferrableSettings
+const transferableSettings = computed(() => {
+  return store.getters.getTransferableSettings
 })
 
 async function importSettings() {
@@ -1510,7 +1510,7 @@ async function importSettings() {
 
   const { content } = response
   const importedSettings = JSON.parse(content)
-  const currentSettings = transferrableSettings.value
+  const currentSettings = transferableSettings.value
 
   for (const [importedKey, importedValue] of Object.entries(importedSettings)) {
     if (!Object.hasOwn(currentSettings, importedKey)) {
@@ -1536,7 +1536,7 @@ async function importSettings() {
 async function exportSettings() {
   const dateStr = getTodayDateStrLocalTimezone()
   const exportFileName = `freetube-settings-${dateStr}.db`
-  const settingsContent = JSON.stringify(transferrableSettings.value)
+  const settingsContent = JSON.stringify(transferableSettings.value)
 
   await promptAndWriteToFile(
     exportFileName,
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index fe730cc5499bd..4560c38420f4c 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -122,7 +122,7 @@ import { getSystemLocale, showToast } from '../../helpers/utils'
  * and to ensure that the implementation works as intended.
  *
  ***
- * `settingsNotTransferrable`
+ * `settingsNotTransferable`
  * This set contains setting keys
  * that should not be exported when a user chooses to "Export settings".
  *
@@ -423,7 +423,7 @@ const sideEffectHandlers = {
 
 const settingsWithSideEffects = Object.keys(sideEffectHandlers)
 
-const settingsNotTransferrable = new Set([
+const settingsNotTransferable = new Set([
   /* Depends on process.env.IS_ELECTRON */
   // ProxySettings
   'useProxy',
@@ -455,14 +455,14 @@ const customState = {
 }
 
 const customGetters = {
-  getTransferrableSettings: (state) => {
-    const transferrableSettings = {}
+  getTransferableSettings: (state) => {
+    const transferableSettings = {}
     for (const [key, value] of Object.entries(state)) {
-      if (!settingsNotTransferrable.has(key)) {
-        transferrableSettings[key] = value
+      if (!settingsNotTransferable.has(key)) {
+        transferableSettings[key] = value
       }
     }
-    return transferrableSettings
+    return transferableSettings
   }
 }
 

From 55065e5cf6ab1dc90a1a9fe49222abc9c2939f7f Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Tue, 19 May 2026 20:09:10 +0200
Subject: [PATCH 18/19] Differentiate between non-transferable and unknown
 settings

---
 src/renderer/components/DataSettings/DataSettings.vue | 11 +++++++++--
 static/locales/en-US.yaml                             |  1 +
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 0662419ec22b0..07bc7cd3a82bc 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -1510,7 +1510,8 @@ async function importSettings() {
 
   const { content } = response
   const importedSettings = JSON.parse(content)
-  const currentSettings = transferableSettings.value
+  const currentTransferableSettings = transferableSettings.value
+  const currentSettings = store.state.settings
 
   for (const [importedKey, importedValue] of Object.entries(importedSettings)) {
     if (!Object.hasOwn(currentSettings, importedKey)) {
@@ -1519,7 +1520,13 @@ async function importSettings() {
       continue
     }
 
-    const currentValue = currentSettings[importedKey]
+    if (!Object.hasOwn(currentTransferableSettings, importedKey)) {
+      const message = `${t('Settings.Data Settings.Non-transferable setting key')}: ${importedKey}`
+      showToast(message)
+      continue
+    }
+
+    const currentValue = currentTransferableSettings[importedKey]
     const areValuesEqual = currentValue === importedValue ||
       (typeof importedValue === 'object' && JSON.stringify(currentValue) === JSON.stringify(importedValue))
     if (areValuesEqual) {
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 4328af121794c..411550d232494 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -637,6 +637,7 @@ Settings:
     Unable to write file: Unable to write file
     Unknown data key: Unknown data key
     Unknown setting key: Unknown setting key
+    Non-transferable setting key: Non-transferable setting key
     How do I import my subscriptions?: How do I import my subscriptions?
     Manage Subscriptions: Manage Subscriptions
   Proxy Settings:

From 64d06429d77d0e8d7465173edb07eebc99af1678 Mon Sep 17 00:00:00 2001
From: David <david.cec@proton.me>
Date: Tue, 19 May 2026 21:08:55 +0200
Subject: [PATCH 19/19] Fix localization key

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

diff --git a/src/renderer/components/DataSettings/DataSettings.vue b/src/renderer/components/DataSettings/DataSettings.vue
index 07bc7cd3a82bc..99e102eb71d58 100644
--- a/src/renderer/components/DataSettings/DataSettings.vue
+++ b/src/renderer/components/DataSettings/DataSettings.vue
@@ -66,7 +66,7 @@
       />
     </FtFlexBox>
     <h4 class="groupTitle">
-      {{ t('Settings') }}
+      {{ t('Settings.Settings') }}
       <FtTooltip
         class="selectTooltip"
         position="top"