diff --git a/package-lock.json b/package-lock.json
index 13d1cd31..cf8a78db 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -62,6 +62,7 @@
         "vue-color": "^2.8.1",
         "vue-d3-sunburst": "git+https://github.com/ErikBjare/Vue.D3.sunburst.git#patch-1",
         "vue-datetime": "^1.0.0-beta.13",
+        "vue-i18n": "^8.28.2",
         "vuedraggable": "^2.24.3",
         "weekstart": "^1.0.1",
         "xss": "^1.0.14"
@@ -23563,6 +23564,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/vue-i18n": {
+      "version": "8.28.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.28.2.tgz",
+      "integrity": "sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA==",
+      "deprecated": "v9 and v10 no longer supported. please migrate to v11. about maintenance status, see https://vue-i18n.intlify.dev/guide/maintenance.html",
+      "license": "MIT"
+    },
     "node_modules/vue-loader": {
       "version": "17.4.2",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.4.2.tgz",
diff --git a/package.json b/package.json
index 6ac792ee..f6968612 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "test": "jest",
     "test:unit": "jest --selectProjects jsdom",
     "test:e2e": "vue-cli-service test:e2e",
+    "check:locales": "node scripts/check-locales.mjs",
     "lint": "vue-cli-service lint",
     "lint_old": "eslint --ignore-path=.gitignore --ext .vue,.js,.ts ."
   },
@@ -69,6 +70,7 @@
     "vue-color": "^2.8.1",
     "vue-d3-sunburst": "git+https://github.com/ErikBjare/Vue.D3.sunburst.git#patch-1",
     "vue-datetime": "^1.0.0-beta.13",
+    "vue-i18n": "^8.28.2",
     "vuedraggable": "^2.24.3",
     "weekstart": "^1.0.1",
     "xss": "^1.0.14"
diff --git a/scripts/check-locales.mjs b/scripts/check-locales.mjs
new file mode 100644
index 00000000..0ca72d11
--- /dev/null
+++ b/scripts/check-locales.mjs
@@ -0,0 +1,200 @@
+#!/usr/bin/env node
+/**
+ * Validates i18n locale files: key parity vs en, placeholder consistency, untranslated strings.
+ * Usage: node scripts/check-locales.mjs
+ */
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const LOCALES_DIR = path.join(__dirname, '../src/i18n/locales');
+const LOCALES = ['en', 'uk', 'de', 'ru', 'zh-CN'];
+
+/** Substrings: identical en/value is OK when value contains any of these (case-insensitive). */
+const ALLOWLIST_SUBSTRINGS = [
+  'activitywatch',
+  'discord',
+  'github',
+  'twitter',
+  'facebook',
+  'patreon',
+  'reddit',
+  'producthunt',
+  'alternativeto',
+  'opentelemetry',
+  'json',
+  'csv',
+  'api',
+  'host',
+  'bucket',
+  'watcher',
+  'afk',
+  'stopwatch',
+  'timespiral',
+  'devtools',
+  'devmode',
+  'hostname',
+  'http',
+  'forum',
+  'liberapay',
+  'opencollective',
+  'mozilla',
+  'chrome',
+  'android',
+  'ios',
+  'linux',
+  'windows',
+  'macos',
+  'npm',
+  'vue',
+  'pinia',
+  'id',
+  'url',
+  'regex',
+  'score',
+  'timeline',
+  'graph',
+  'query',
+  'trends',
+  'report',
+  'search',
+  'settings',
+  'home',
+  'tools',
+  'theme',
+  'auto',
+  'light',
+  'dark',
+  'monday',
+  'saturday',
+  'sunday',
+  'version',
+  'experiment',
+  'wip',
+  'demo',
+  'cancel',
+  'save',
+  'open',
+  'more',
+  'delete',
+  'import',
+  'export',
+  'confirm',
+  'enabled',
+  'disabled',
+  'loading',
+  'refresh',
+  'options',
+  'filters',
+  'remove',
+  'start',
+  'end',
+  'running',
+  'history',
+  'documentation',
+  'website',
+];
+
+function loadLocale(code) {
+  const filePath = path.join(LOCALES_DIR, `${code}.ts`);
+  let text = fs.readFileSync(filePath, 'utf8');
+  text = text.replace(/export\s+default\s+/, '').replace(/;\s*$/, '');
+  // Locale files are static object literals only.
+  // eslint-disable-next-line no-new-func
+  return new Function(`return (${text})`)();
+}
+
+function flatten(obj, prefix = '') {
+  const out = {};
+  for (const [key, value] of Object.entries(obj)) {
+    const pathKey = prefix ? `${prefix}.${key}` : key;
+    if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
+      Object.assign(out, flatten(value, pathKey));
+    } else if (typeof value === 'string') {
+      out[pathKey] = value;
+    }
+  }
+  return out;
+}
+
+function placeholders(s) {
+  const m = s.match(/\{[a-zA-Z]+\}/g);
+  return m ? [...new Set(m)].sort().join(',') : '';
+}
+
+function isAllowlistedIdentical(enValue, targetValue) {
+  if (enValue !== targetValue) return false;
+  const lower = enValue.toLowerCase();
+  if (enValue.length <= 3) return true;
+  return ALLOWLIST_SUBSTRINGS.some(sub => lower.includes(sub));
+}
+
+let failed = false;
+
+const enFlat = flatten(loadLocale('en'));
+
+for (const code of LOCALES) {
+  if (code === 'en') continue;
+  const flat = flatten(loadLocale(code));
+  const enKeys = new Set(Object.keys(enFlat));
+  const keys = new Set(Object.keys(flat));
+
+  const missing = [...enKeys].filter(k => !keys.has(k));
+  const extra = [...keys].filter(k => !enKeys.has(k));
+
+  if (missing.length) {
+    failed = true;
+    console.error(`\n[${code}] Missing keys (${missing.length}):`);
+    missing.slice(0, 20).forEach(k => console.error(`  - ${k}`));
+    if (missing.length > 20) console.error(`  ... and ${missing.length - 20} more`);
+  }
+  if (extra.length) {
+    failed = true;
+    console.error(`\n[${code}] Extra keys (${extra.length}):`);
+    extra.slice(0, 20).forEach(k => console.error(`  - ${k}`));
+  }
+
+  const placeholderMismatches = [];
+  const untranslated = [];
+
+  for (const key of enKeys) {
+    if (!keys.has(key)) continue;
+    const enVal = enFlat[key];
+    const val = flat[key];
+    if (placeholders(enVal) !== placeholders(val)) {
+      placeholderMismatches.push({ key, en: placeholders(enVal), got: placeholders(val) });
+    }
+    if (key.startsWith('common.language')) continue;
+    if (enVal === val && !isAllowlistedIdentical(enVal, val)) {
+      untranslated.push(key);
+    }
+  }
+
+  if (placeholderMismatches.length) {
+    failed = true;
+    console.error(`\n[${code}] Placeholder mismatches (${placeholderMismatches.length}):`);
+    placeholderMismatches
+      .slice(0, 15)
+      .forEach(({ key, en, got }) => console.error(`  - ${key}: en [${en}] vs [${got}]`));
+  }
+
+  if (untranslated.length) {
+    console.warn(`\n[${code}] Possibly untranslated (identical to en, ${untranslated.length}):`);
+    untranslated
+      .slice(0, 15)
+      .forEach(k => console.warn(`  - ${k}: "${enFlat[k].slice(0, 60)}..."`));
+    if (untranslated.length > 15) console.warn(`  ... and ${untranslated.length - 15} more`);
+  }
+}
+
+const enCount = Object.keys(enFlat).length;
+console.log(`\nChecked ${LOCALES.join(', ')} — ${enCount} keys in en.`);
+
+if (failed) {
+  console.error('\nLocale check FAILED.\n');
+  process.exit(1);
+}
+
+console.log('Locale check passed (keys + placeholders).\n');
+process.exit(0);
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 8ad67c61..98e78ae0 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,47 +1,46 @@
 <template lang="pug">
 div.container(style="color: #555; font-size: 0.9em")
   div.mb-2
-    | Made with
+    | {{ $t('footer.madeWith') }}
     a(href="https://activitywatch.net/donate/", target="_blank" rel="noopener noreferrer")
       icon(name="heart" scale=0.75 style="fill: #E55")
-    | by the #[a(href="http://activitywatch.net/contributors/") ActivityWatch developers]
+    | {{ $t('footer.byDevs') }}
     div
       span.mt-2(v-if="info", style="color: #888; font-size: 0.8em")
         span.mr-2
-          b Host:
+          b {{ $t('footer.host') }}
           | &nbsp; {{info.hostname}}
         span
-          b Version:
+          b {{ $t('footer.version') }}
           | &nbsp; {{info.version}}
 
   div(style="font-size: 0.9em; opacity: 0.8; fill: #88F")
     div.float-none.float-md-right.my-2
       a(href="https://github.com/ActivityWatch/activitywatch/issues/new/choose", target="_blank" rel="noopener noreferrer").mr-3
         icon(name="bug")
-        | Report a bug
+        | {{ $t('footer.reportBug') }}
       a(href="https://forum.activitywatch.net/c/support", target="_blank" rel="noopener noreferrer").mr-3
         icon(name="question-circle")
-        | Ask for help
+        | {{ $t('footer.askHelp') }}
       a(href="https://forum.activitywatch.net/c/features", target="_blank" rel="noopener noreferrer")
         icon(name="vote-yea")
-        | Vote on features
+        | {{ $t('footer.voteFeatures') }}
     div.float-none.float-md-left.my-2
       a(href="https://twitter.com/ActivityWatchIt", target="_blank" rel="noopener noreferrer")
         icon(name="brands/twitter")
-        | Twitter
+        | {{ $t('footer.twitter') }}
       a(href="https://github.com/ActivityWatch", target="_blank" rel="noopener noreferrer").ml-3
         icon(name="brands/github")
-        | GitHub
+        | {{ $t('footer.github') }}
       a(href="https://www.reddit.com/r/activitywatch/", target="_blank" rel="noopener noreferrer").ml-3
         icon(name="brands/reddit")
-        | Reddit
+        | {{ $t('footer.reddit') }}
       a(href="https://activitywatch.net/donate/", target="_blank" rel="noopener noreferrer").ml-3
         icon(name="hand-holding-heart")
-        | Donate
+        | {{ $t('footer.donate') }}
 </template>
 
 <script lang="ts">
-// only import the icons you use to reduce bundle size
 import 'vue-awesome/icons/brands/twitter';
 import 'vue-awesome/icons/brands/github';
 import 'vue-awesome/icons/brands/reddit';
diff --git a/src/components/Header.vue b/src/components/Header.vue
index c7f37db3..9d7ffc7b 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -5,7 +5,7 @@ div(:class="{'fixed-top-padding': fixedTopMenu}")
     b-navbar-nav.d-block.d-lg-none
       b-navbar-brand(to="/" style="background-color: transparent;")
         img.aligh-middle(src="/logo.png" style="height: 1.5em;")
-        span.ml-2.align-middle(style="font-size: 1em; color: #000;") ActivityWatch
+        span.ml-2.align-middle(style="font-size: 1em; color: #000;") {{ $t('app.name') }}
 
     b-navbar-toggle(target="nav-collapse")
 
@@ -15,21 +15,19 @@ div(:class="{'fixed-top-padding': fixedTopMenu}")
         b-nav-item(v-if="activityViews && activityViews.length === 1", v-for="view in activityViews", :key="view.name", :to="view.pathUrl")
           div.px-2.px-lg-1
             icon(name="calendar-day")
-            | Activity
+            | {{ $t('nav.activity') }}
 
         // If multiple (or no) activity views are available
         b-nav-item-dropdown(v-if="!activityViews || activityViews.length !== 1")
           template(slot="button-content")
             div.d-inline.px-2.px-lg-1
               icon(name="calendar-day")
-              | Activity
+              | {{ $t('nav.activity') }}
           b-dropdown-item(v-if="activityViews === null", disabled)
-            span.text-muted Loading...
+            span.text-muted {{ $t('nav.loading') }}
             br
           b-dropdown-item(v-else-if="activityViews && activityViews.length <= 0", disabled)
-            | No activity reports available
-            br
-            small Make sure you have both an AFK and window watcher running
+            | {{ $t('nav.noActivityReports') }}
           b-dropdown-item(v-for="view in activityViews", :key="view.name", :to="view.pathUrl")
             icon(:name="view.icon")
             | {{ view.name }}
@@ -37,59 +35,58 @@ div(:class="{'fixed-top-padding': fixedTopMenu}")
         b-nav-item(to="/timeline" style="font-color: #000;")
           div.px-2.px-lg-1
             icon(name="stream")
-            | Timeline
+            | {{ $t('nav.timeline') }}
 
         b-nav-item(to="/stopwatch")
           div.px-2.px-lg-1
             icon(name="stopwatch")
-            | Stopwatch
+            | {{ $t('nav.stopwatch') }}
 
       // Brand on large screens (centered)
       b-navbar-nav.abs-center.d-none.d-lg-block
         b-navbar-brand(to="/" style="background-color: transparent;")
           img.ml-0.aligh-middle(src="/logo.png" style="height: 1.5em;")
-          span.ml-2.align-middle(style="font-size: 1.0em; color: #000;") ActivityWatch
+          span.ml-2.align-middle(style="font-size: 1.0em; color: #000;") {{ $t('app.name') }}
 
       b-navbar-nav.ml-auto
         b-nav-item-dropdown
           template(slot="button-content")
             div.d-inline.px-2.px-lg-1
               icon(name="tools")
-              | Tools
+              | {{ $t('nav.tools') }}
           b-dropdown-item(to="/search")
             icon(name="search")
-            | Search
+            | {{ $t('nav.search') }}
           b-dropdown-item(to="/work-report")
             icon(name="briefcase")
-            | Work Report
+            | {{ $t('nav.workReport') }}
           b-dropdown-item(to="/trends" v-if="devmode")
             icon(name="chart-line")
-            | Trends
+            | {{ $t('nav.trends') }}
           b-dropdown-item(to="/report" v-if="devmode")
             icon(name="chart-pie")
-            | Report
+            | {{ $t('nav.report') }}
           b-dropdown-item(to="/alerts" v-if="devmode")
             icon(name="flag-checkered")
-            | Alerts
+            | {{ $t('nav.alerts') }}
           b-dropdown-item(to="/timespiral" v-if="devmode")
             icon(name="history")
-            | Timespiral
+            | {{ $t('nav.timespiral') }}
           b-dropdown-item(to="/query")
             icon(name="code")
-            | Query
+            | {{ $t('nav.query') }}
           b-dropdown-item(to="/graph" v-if="devmode")
-            // TODO: use circle-nodes instead in the future
             icon(name="project-diagram")
-            | Graph
+            | {{ $t('nav.graph') }}
 
         b-nav-item(to="/buckets")
           div.px-2.px-lg-1
             icon(name="database")
-            | Raw Data
+            | {{ $t('nav.rawData') }}
         b-nav-item(to="/settings")
           div.px-2.px-lg-1
             icon(name="cog")
-            | Settings
+            | {{ $t('nav.settings') }}
 </template>
 
 <style lang="scss" scoped>
@@ -107,20 +104,15 @@ import 'vue-awesome/icons/stream';
 import 'vue-awesome/icons/database';
 import 'vue-awesome/icons/search';
 import 'vue-awesome/icons/code';
-import 'vue-awesome/icons/chart-line'; // TODO: switch to chart-column, when vue-awesome supports FA v6
+import 'vue-awesome/icons/chart-line';
 import 'vue-awesome/icons/chart-pie';
 import 'vue-awesome/icons/flag-checkered';
 import 'vue-awesome/icons/stopwatch';
 import 'vue-awesome/icons/cog';
 import 'vue-awesome/icons/tools';
 import 'vue-awesome/icons/history';
-
-// TODO: use circle-nodes instead in the future
 import 'vue-awesome/icons/project-diagram';
-//import 'vue-awesome/icons/cicle-nodes';
-
 import 'vue-awesome/icons/ellipsis-h';
-
 import 'vue-awesome/icons/mobile';
 import 'vue-awesome/icons/desktop';
 
@@ -136,7 +128,6 @@ export default {
   data() {
     return {
       activityViews: null,
-      // Make configurable?
       fixedTopMenu: this.$isAndroid,
     };
   },
@@ -151,15 +142,12 @@ export default {
 
     const activityViews = [];
 
-    // TODO: Change to use same bucket detection logic as get_buckets/set_available in store/modules/activity.ts
     _.each(buckets, v => {
       types_by_host[v.hostname] = types_by_host[v.hostname] || {};
       types_by_host[v.hostname].afk ||= v.type == 'afkstatus';
       types_by_host[v.hostname].window ||= v.type == 'currentwindow';
-      // TODO: Use other bucket type ID in the future
       types_by_host[v.hostname].android ||= v.type == 'currentwindow' && v.id.includes('android');
     });
-    //console.log(types_by_host);
 
     _.each(types_by_host, (types, hostname) => {
       if (types['android']) {
@@ -215,7 +203,6 @@ export default {
 </style>
 
 <style lang="scss">
-// Needed because dropdown somehow doesn't properly work with scoping
 .nav-item {
   .nav-link {
     color: #555 !important;
diff --git a/src/components/UncategorizedNotification.vue b/src/components/UncategorizedNotification.vue
index 282ec71a..1336fd3b 100644
--- a/src/components/UncategorizedNotification.vue
+++ b/src/components/UncategorizedNotification.vue
@@ -2,17 +2,17 @@
 div
   b-alert.my-2(v-if="isVisible", variant="info", show dismissible @dismissed="onDismiss")
     p.mb-0
-      | #[b High uncategorized time]
+      | #[b {{ $t('uncategorized.title') }}]
       router-link.ml-1.uncategorized-hint__cog(
         :to="{ path: '/settings/general' }"
-        title="Hide or adjust this hint in Settings"
-        aria-label="Hide or adjust this hint in Settings"
+        :title="$t('uncategorized.settingsCogTitle')"
+        :aria-label="$t('uncategorized.settingsCogTitle')"
       )
         icon(name="cog" scale="0.85")
       br
-      | You have a total of {{ uncategorizedDuration[0] | friendlyduration }} uncategorized time,
-      | that's {{ Math.round(100 * uncategorizedDuration[0] / uncategorizedDuration[1]) }}% of all time {{ periodText }}.
-      | You can address this by using the #[router-link(:to="{ path: '/settings/categorization', query: { builder: 'open' } }") Category Builder].
+      | {{ uncategorizedBody }}
+      | {{ $t('uncategorized.hint') }}
+      | #[router-link(:to="{ path: '/settings/categorization', query: { builder: 'open' } }") {{ $t('uncategorized.categoryBuilder') }}].
 </template>
 
 <script lang="ts">
@@ -20,6 +20,7 @@ import 'vue-awesome/icons/cog';
 import { mapState } from 'pinia';
 import { useActivityStore } from '~/stores/activity';
 import { useSettingsStore } from '~/stores/settings';
+import { seconds_to_duration } from '~/util/time';
 
 export default {
   name: 'aw-uncategorized-notification',
@@ -42,14 +43,29 @@ export default {
     },
     periodText() {
       const periodMap: Record<string, string> = {
-        day: 'today',
-        week: 'this week',
-        month: 'this month',
-        year: 'this year',
-        last7d: 'the last 7 days',
-        last30d: 'the last 30 days',
+        day: 'uncategorized.periodToday',
+        week: 'uncategorized.periodThisWeek',
+        month: 'uncategorized.periodThisMonth',
+        year: 'uncategorized.periodThisYear',
+        last7d: 'uncategorized.periodLast7d',
+        last30d: 'uncategorized.periodLast30d',
       };
-      return periodMap[this.periodLength] || 'today';
+      const key = periodMap[this.periodLength] || 'uncategorized.periodToday';
+      return this.$t(key);
+    },
+    uncategorizedBody() {
+      if (!this.uncategorizedDuration) {
+        return '';
+      }
+      const duration = seconds_to_duration(this.uncategorizedDuration[0]);
+      const percent = Math.round(
+        (100 * this.uncategorizedDuration[0]) / this.uncategorizedDuration[1]
+      );
+      return this.$t('uncategorized.body', {
+        duration,
+        percent,
+        period: this.periodText,
+      });
     },
     isVisible() {
       const cfg = this.uncategorizedNotificationData || {};
@@ -59,15 +75,12 @@ export default {
       const minRatio = typeof cfg.minRatio === 'number' ? cfg.minRatio : 0.3;
       const overTotal = this.total > minTotalSeconds;
       const overRatio = this.ratio > minRatio;
-      // if there's a category filter (url has category query param), don't show it
       const hasCategoryFilter = this.$route.query.category;
       return overTotal && overRatio && !hasCategoryFilter;
     },
   },
   methods: {
     onDismiss() {
-      // Dismiss persists by disabling the hint outright; user can
-      // re-enable from Settings → General.
       const settingsStore = useSettingsStore();
       settingsStore.update({
         uncategorizedNotificationData: {
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 00000000..86affd43
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,87 @@
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+import moment from 'moment';
+import 'moment/locale/uk';
+import 'moment/locale/de';
+import 'moment/locale/ru';
+import 'moment/locale/zh-cn';
+
+import en from './locales/en';
+import uk from './locales/uk';
+import de from './locales/de';
+import ru from './locales/ru';
+import zhCN from './locales/zh-CN';
+
+Vue.use(VueI18n);
+
+export type AppLocale = 'en' | 'uk' | 'de' | 'ru' | 'zh-CN';
+
+const SUPPORTED: AppLocale[] = ['en', 'uk', 'de', 'ru', 'zh-CN'];
+
+export function isAppLocale(value: string | null | undefined): value is AppLocale {
+  return SUPPORTED.includes(value as AppLocale);
+}
+
+const HTML_LANG: Record<AppLocale, string> = {
+  en: 'en',
+  uk: 'uk',
+  de: 'de',
+  ru: 'ru',
+  'zh-CN': 'zh-CN',
+};
+
+function detectBrowserLocale(): AppLocale | null {
+  if (typeof navigator === 'undefined') {
+    return null;
+  }
+  const lang = (navigator.language || '').toLowerCase();
+  if (lang.startsWith('uk')) return 'uk';
+  if (lang.startsWith('de')) return 'de';
+  if (lang.startsWith('ru')) return 'ru';
+  if (lang.startsWith('zh')) return 'zh-CN';
+  if (lang.startsWith('en')) return 'en';
+  return null;
+}
+
+export function getInitialLocale(): AppLocale {
+  try {
+    const saved = localStorage.getItem('locale');
+    if (saved !== null && isAppLocale(saved)) {
+      return saved;
+    }
+  } catch {
+    /* ignore */
+  }
+  return detectBrowserLocale() ?? 'en';
+}
+
+const MOMENT_LOCALE: Record<AppLocale, string> = {
+  en: 'en',
+  uk: 'uk',
+  de: 'de',
+  ru: 'ru',
+  'zh-CN': 'zh-cn',
+};
+
+const initialLocale = getInitialLocale();
+
+export const i18n = new VueI18n({
+  locale: initialLocale,
+  fallbackLocale: 'en',
+  messages: { en, uk, de, ru, 'zh-CN': zhCN },
+  silentTranslationWarn: process.env.NODE_ENV === 'production',
+});
+
+moment.locale(MOMENT_LOCALE[initialLocale]);
+
+export function setAppLocale(locale: string): void {
+  const next = isAppLocale(locale) ? locale : 'en';
+  i18n.locale = next;
+  moment.locale(MOMENT_LOCALE[next]);
+  document.documentElement.lang = HTML_LANG[next];
+  try {
+    localStorage.setItem('locale', next);
+  } catch {
+    /* ignore */
+  }
+}
diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts
new file mode 100644
index 00000000..cf8822ca
--- /dev/null
+++ b/src/i18n/locales/de.ts
@@ -0,0 +1,412 @@
+export default {
+  app: {
+    name: 'ActivityWatch',
+  },
+  nav: {
+    activity: 'Aktivität',
+    loading: 'Laden…',
+    noActivityReports:
+      'Keine Aktivitätsberichte verfügbar. Stellen Sie sicher, dass AFK- und Fenster-Watcher laufen.',
+    timeline: 'Zeitleiste',
+    stopwatch: 'Stoppuhr',
+    tools: 'Werkzeuge',
+    search: 'Suche',
+    workReport: 'Arbeitsbericht',
+    trends: 'Trends',
+    report: 'Bericht',
+    alerts: 'Benachrichtigungen',
+    timespiral: 'Timespiral',
+    query: 'Abfrage',
+    graph: 'Graph',
+    rawData: 'Rohdaten',
+    settings: 'Einstellungen',
+  },
+  footer: {
+    madeWith: 'Gemacht mit',
+    byDevs: 'von den ActivityWatch-Entwicklern',
+    host: 'Host:',
+    version: 'Version:',
+    reportBug: 'Fehler melden',
+    askHelp: 'Hilfe anfordern',
+    voteFeatures: 'Für Funktionen abstimmen',
+    twitter: 'Twitter',
+    github: 'GitHub',
+    reddit: 'Reddit',
+    donate: 'Spenden',
+  },
+  common: {
+    loading: 'Laden…',
+    save: 'Speichern',
+    cancel: 'Abbrechen',
+    confirm: 'Bestätigen',
+    import: 'Importieren',
+    export: 'Exportieren',
+    open: 'Öffnen',
+    more: 'Mehr',
+    delete: 'Löschen',
+    enabled: 'Aktiviert',
+    disabled: 'Deaktiviert',
+    home: 'Startseite',
+    language: 'Sprache',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    languageZhCN: '简体中文',
+    rangeTo: 'bis',
+  },
+  notFound: {
+    title: 'Hoppla, diese Seite wurde nicht gefunden!',
+    hint: 'Versuchen Sie, dorthin zurückzukehren, woher Sie kamen.',
+  },
+  settings: {
+    title: 'Einstellungen',
+    unsavedCategoriesLeave: 'Ihre Kategorien haben ungespeicherte Änderungen. Wirklich verlassen?',
+    daystart: {
+      startOfDay: 'Tagesbeginn',
+      startOfDayHelp:
+        'Die Uhrzeit, zu der ein neuer Tag „beginnt“ — man schläft nicht immer vor Mitternacht. Standard: 04:00.',
+      startOfWeek: 'Wochenbeginn',
+      startOfWeekHelp: 'Der Wochentag, an dem eine neue Woche beginnt.',
+      saturday: 'Samstag',
+      sunday: 'Sonntag',
+      monday: 'Montag',
+    },
+    timelineDuration: {
+      title: 'Standarddauer',
+      help: 'Standarddauer für „Zuletzt anzeigen“ in der Zeitleiste.',
+    },
+    landingPage: {
+      title: 'Einstiegsseite',
+      home: 'Startseite',
+      activity: 'Aktivität ({hostname})',
+      timeline: 'Zeitleiste',
+      help: 'Die Seite beim Öffnen von ActivityWatch oder Klick auf das Logo.',
+    },
+    theme: {
+      title: 'Design',
+      auto: 'Automatisch (System)',
+      light: 'Hell',
+      dark: 'Dunkel',
+      help: 'Farbschema der Anwendung (Kategoriefarben für den Dunkelmodus ggf. manuell anpassen).',
+    },
+    groups: {
+      general: 'Allgemein',
+      generalHelp: 'Standardwerte für Zeiträume, Timeline und Startseite.',
+      appearance: 'Darstellung',
+      appearanceHelp: 'Design und Farben der Visualisierungen.',
+      categorization: 'Kategorisierung',
+      categorizationHelp:
+        'Regeln zur Einstufung von Ereignissen in Kategorien sowie AFK-/Aktivitäts-Overrides.',
+      privacy: 'Datenschutz',
+      privacyHelp:
+        'Filter, die sensible Ereignisdaten vor dem Speichern verwerfen oder ausblenden.',
+      developer: 'Entwickler',
+    },
+    language: {
+      title: 'Sprache',
+      help: 'Sprache der Web-Oberfläche.',
+    },
+    releaseNotification: {
+      title: 'Auf neue Versionen prüfen',
+      help: 'Wenn aktiviert, prüft die Weboberfläche einmal täglich auf eine neue ActivityWatch-Version und zeigt einen Hinweis an.',
+    },
+    color: {
+      title: 'Ersatzfarben verwenden',
+      help: 'Alte Farbgebung für einige Visualisierungen ohne Kategorie oder Kategoriefarbe.',
+    },
+    activePattern: {
+      title: 'Immer als aktiv zählen (Regex)',
+      help1: 'Apps oder Titel, die diesem Regex entsprechen, werden nie als AFK gezählt.',
+      help2:
+        'Nützlich für Meetings oder Controller-Spiele ohne Tastatur/Maus-Eingabe. Leerer String deaktiviert die Regel.',
+      example: 'Beispielausdruck:',
+      invalid: 'Ungültiges Muster',
+      tooBroad: 'Muster zu allgemein',
+    },
+    categorization: {
+      title: 'Kategorisierung',
+      restoreDefaults: 'Standard wiederherstellen',
+      rulesHelp:
+        'Regeln zur Kategorisierung von Ereignissen. Ein Ereignis hat nur eine Kategorie. Bei mehreren Treffern wird die tiefste gewählt.',
+      builderIntro: 'Sie können den',
+      categoryBuilder: 'Kategorie-Builder',
+      builderOutro: 'nutzen, um schnell Kategorien aus unkategorisierter Aktivität zu erstellen.',
+      forumIntro: 'Fertige Regelsätze finden Sie im',
+      forum: 'Forum',
+      docsIntro: 'Hilfe zum Schreiben von Regeln finden Sie in der',
+      documentation: 'Dokumentation',
+      categorySet: 'Kategoriesatz:',
+      newSet: 'Neuer Satz',
+      deleteSet: 'Satz löschen',
+      setsAvailable: '{count} Sätze verfügbar — wechseln Sie zwischen Regelprofilen.',
+      unsavedChanges: 'Ungespeicherte Änderungen!',
+      discard: 'Verwerfen',
+      addCategory: 'Kategorie hinzufügen',
+      categories: 'Kategorien',
+      builderTitle: 'Kategorie-Builder',
+      builderSubtitle: 'Regeln aus unkategorisierter Aktivität erzeugen',
+      openBuilder: 'Builder öffnen',
+      hideBuilder: 'Builder ausblenden',
+    },
+    developer: {
+      title: 'Entwicklereinstellungen',
+      note: 'Hinweis:',
+      noteBody:
+        'Diese Einstellungen sind für Entwickler gedacht und können unerwartet etwas kaputt machen.',
+      forceDevmode: 'Devmode erzwingen',
+      forceDevmodeHelp: 'Devmode aktiviert noch unfertige Funktionen.',
+      showYearly: 'Jahreszeitraum anzeigen',
+      showYearlyHelp:
+        'Eine Abfrage über ein ganzes Jahr ist sehr schwer und führt oft zu Timeouts. Mit aw-server-rust kann es schneller sein.',
+      multidevice: 'Multi-Device-Abfrage',
+      multideviceHelp:
+        'Frühes Experiment: Ereignisse von mehreren Hosts in der Aktivitätsansicht. Browser-Buckets und „Audio = aktiv“ werden noch nicht unterstützt.',
+      requestTimeout: 'Anfrage-Timeout',
+      requestTimeoutHelp:
+        'Maximale Wartezeit auf Serverantwort. Für große Abfragen erhöhen. Web-UI neu laden, damit es wirkt.',
+      commitHash: 'Web-UI-Commit-Hash:',
+    },
+  },
+  home: {
+    note: 'Hinweis:',
+    androidNote:
+      'ActivityWatch auf Android befindet sich in einem sehr frühen Entwicklungsstadium. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
+    greeting: 'Willkommen bei ActivityWatch',
+    intro1:
+      'Wir sind schon weit gekommen{android}, brauchen aber weiterhin Nutzer (wie Sie!), um ActivityWatch zu einem erfolgreichen Projekt zu machen. Wir freuen uns über Ihre Ideen zur Verbesserung.',
+    introAndroid: ' (besonders auf Android!)',
+    intro3:
+      'Als Entwickler können Sie mit einem Watcher, einer Visualisierung o. Ä. beitragen und im Forum teilen!',
+    thanks: 'Danke, dass Sie ActivityWatch nutzen!',
+    surveyFill: 'Nehmen Sie an unserer Nutzerumfrage teil',
+    surveySuffix: 'um mitzubestimmen, was als Nächstes kommt.',
+    surveyOr: 'oder',
+    voteForum: 'stimmen Sie im Forum für Funktionen ab',
+    spreadTitle: 'Weiterempfehlen',
+    spread1:
+      'Nichts motiviert mehr als Nutzer, die ActivityWatch ausprobieren. Teilen Sie es — wir machen es noch besser!',
+    spreadReview: 'Geben Sie uns eine Bewertung auf',
+    spreadVote: 'Stimmen Sie für uns ab auf',
+    spreadFollow: 'Folgen Sie uns und teilen Sie auf',
+    spreadStar: 'Geben Sie uns einen Stern auf',
+    supportTitle: 'Unterstützen Sie uns!',
+    support1: 'Gefällt Ihnen ActivityWatch? Helfen Sie uns, Ihnen zu helfen — spenden Sie über:',
+    support2: 'Mehr Infos auf der',
+    donationPage: 'Spendenseite der Website',
+    otherDonationMethods: 'Weitere Methoden (inkl. Kryptowährung)',
+    resourcesTitle: 'Ressourcen',
+    website: 'Website',
+    documentation: 'Dokumentation',
+    forum: 'Forum',
+    discord: 'Discord',
+    reddit: 'Reddit',
+    apiBrowser: 'API-Browser',
+    workingOnTitle: 'Woran wir arbeiten',
+    workingOnPrefix: 'Bleiben Sie auf dem Laufenden mit den',
+    devUpdates: 'Entwicklungsupdates',
+    workingOnMiddle: 'und folgen Sie dem Projekt auf',
+    workingOnSuffix: 'für Release-Hinweise.',
+    landingHint:
+      'Welche Seite beim Öffnen von ActivityWatch erscheint (statt dieser), können Sie in den',
+  },
+  buckets: {
+    title: 'Buckets',
+    moreWatchers: 'Möchten Sie mehr Daten sammeln? Sehen Sie in der',
+    docsLink: 'Dokumentation',
+    thisDevice: 'dieses Gerät',
+    lastUpdatedInline: 'Zuletzt aktualisiert',
+    noEventsYet: 'Noch keine Ereignisse aufgezeichnet',
+    noEvents: 'keine Ereignisse',
+    moreActionsFor: 'Weitere Aktionen für {hostname}',
+    deleteAllTitle: 'Alle {count} Buckets für {hostname} löschen',
+    deleteAllForHost: 'Alle Buckets dieses Hosts löschen',
+    openBucket: 'Bucket öffnen',
+    deleteBucketTitle: 'Bucket löschen?',
+    deleteHostTitle: 'Buckets löschen?',
+    deleteHostTitleNamed: 'Alle Buckets für {hostname} löschen?',
+    deleteHostConfirmPrefix: 'Möchten Sie wirklich',
+    deleteHostConfirmCount: 'alle {count} Buckets',
+    deleteHostConfirmSuffix: 'für Host "{hostname}" löschen?',
+    bucketsToDelete: 'Buckets, die gelöscht werden:',
+    deleting: 'Wird gelöscht…',
+    importing: 'Importiere…',
+    importHelpNew:
+      'JSON-Datei aus einem oder mehreren Buckets. Der Import schlägt fehl, wenn bereits ein Bucket mit derselben ID existiert.',
+    exportHelp: 'Alle Buckets auf diesem Server als eine JSON-Datei herunterladen. Für Backups.',
+    currentDevice: '(aktuelles Gerät)',
+    lastUpdated: 'Zuletzt aktualisiert:',
+    firstSeen: 'Zuerst gesehen:',
+    bucketId: 'Bucket-ID',
+    updated: 'Aktualisiert',
+    exportBucketJson: 'Bucket als JSON exportieren',
+    exportEventsCsv: 'Ereignisse als CSV exportieren',
+    deleteBucket: 'Bucket löschen',
+    deleteModalTitle: 'Achtung!',
+    deleteConfirm: 'Bucket "{id}" wirklich löschen?',
+    deletePermanent: 'Das ist endgültig und kann nicht rückgängig gemacht werden!',
+    importExportTitle: 'Buckets importieren und exportieren',
+    importBuckets: 'Buckets importieren',
+    importPlaceholder: 'Datei wählen oder hier ablegen…',
+    importDrop: 'Datei hier ablegen…',
+    importHelp:
+      'Gültig ist JSON: Export eines Buckets oder mehrerer. Bei gleichen Namen schlägt der Import fehl.',
+    exportBuckets: 'Buckets exportieren',
+    exportAllJson: 'Alle Buckets als JSON exportieren',
+    tools: 'Werkzeuge',
+  },
+  activity: {
+    title: 'Aktivität',
+    for: 'für',
+    host: 'Host:',
+    timeActive: 'Aktive Zeit:',
+    queryRange: 'Abfragezeitraum:',
+    filters: 'Filter',
+    filtersTitle: 'Filter',
+    refresh: 'Aktualisieren',
+    excludeAfk: 'AFK-Zeit ausschließen',
+    audibleActive: 'Hörbaren Browser-Tab als aktiv zählen',
+    includeStopwatch: 'Manuell erfasste Ereignisse (Stoppuhr) einbeziehen',
+    newView: 'Neue Ansicht',
+    loadDemo: 'Demo-Daten laden',
+    periodDay: 'Tag',
+    periodWeek: 'Woche',
+    periodMonth: 'Monat',
+    periodYear: 'Jahr',
+    periodLast7d: '7 Tage',
+    periodLast30d: '30 Tage',
+    periodLast7dTitle: 'letzte 7 Tage',
+    periodLast30dTitle: 'letzte 30 Tage',
+    filterAfkTooltip: 'Zeit ausblenden, in der der AFK-Watcher keine Eingabe erkannt hat.',
+    filterAudibleTooltip:
+      'Aktives Fenster mit hörbarem Browser-Tab als aktiv zählen. Erfordert Browser-Watcher.',
+    showCategory: 'Kategorie anzeigen',
+    newViewTitle: 'Neue Ansicht',
+    viewId: 'ID',
+    viewName: 'Name',
+    stopwatchWipNote:
+      'Hinweis: WIP. Stoppuhr-Ereignisse überdecken andere bei Überlappung. Nur im Devmode.',
+    invalidForm: 'Ungültige Eingabe: {errors}',
+    errIdNotUnique: 'ID ist nicht eindeutig',
+    errMissingId: 'ID fehlt',
+    errMissingName: 'Name fehlt',
+  },
+  activityView: {
+    addVisualization: 'Visualisierung hinzufügen',
+    cancel: 'Abbrechen',
+    save: 'Speichern',
+    restoreDefaults: 'Standard wiederherstellen',
+    remove: 'Entfernen',
+    editView: 'Ansicht bearbeiten',
+    restoreAlert:
+      'Alle Ansichten auf Standard zurückgesetzt. Änderungen werden erst nach Speichern übernommen.',
+    removeViewTitle: 'Diese Ansicht entfernen?',
+    removeViewOk: 'Ansicht entfernen',
+    removeViewConfirm: 'Möchten Sie wirklich entfernen',
+    removeViewHint: 'Dadurch wird die Konfiguration der Ansicht gelöscht. Sie können',
+    removeViewRestoreHint: 'ausführen, um Standardansichten wiederherzustellen.',
+    promptWatcher: 'Watcher-Namen eingeben',
+    promptTitle: 'Titel der Visualisierung eingeben',
+  },
+  uncategorized: {
+    title: 'Viel unkategorisierte Zeit',
+    body: 'Insgesamt {duration} unkategorisiert — das sind {percent}% der Zeit {period}.',
+    hint: 'Beheben mit dem',
+    categoryBuilder: 'Kategorie-Builder',
+    settingsCogTitle: 'Diesen Hinweis in den Einstellungen ausblenden oder anpassen',
+    periodToday: 'heute',
+    periodThisWeek: 'diese Woche',
+    periodThisMonth: 'diesen Monat',
+    periodThisYear: 'dieses Jahr',
+    periodLast7d: 'die letzten 7 Tage',
+    periodLast30d: 'die letzten 30 Tage',
+  },
+  visualizations: {
+    noData: '(keine Daten)',
+    unsupportedPeriod: 'Diese Funktion unterstützt den gewählten Zeitraum nicht.',
+    missingWatcher: 'Daten eines erforderlichen Watchers fehlen.',
+    docLink: 'Dokumentation',
+    allCategories: 'Alle',
+    topApps: 'Top-Anwendungen',
+    topTitles: 'Top-Fenstertitel',
+    topDomains: 'Top-Browser-Domains',
+    topUrls: 'Top-Browser-URLs',
+    topBrowserTitles: 'Top-Browser-Titel',
+    topEditorFiles: 'Top-Editor-Dateien',
+    topEditorLanguages: 'Top-Editor-Sprachen',
+    topEditorProjects: 'Top-Editor-Projekte',
+    topCategories: 'Top-Kategorien',
+    categoryTree: 'Kategoriebaum',
+    categorySunburst: 'Kategorie-Sunburst',
+    timelineBarchart: 'Zeitleiste (Balken)',
+    sunburstClock: 'Sunburst-Uhr',
+    dailyTimeline: 'Tages-Zeitleiste (chronologisch)',
+    customVis: 'Eigene Visualisierung',
+    score: 'Score',
+    topStopwatches: 'Top-Stoppuhr-Ereignisse',
+    topBucketData: 'Top-Bucket-Daten',
+  },
+  timeline: {
+    title: 'Zeitleiste',
+    eventsShown: 'Angezeigte Ereignisse:',
+    swimlanes: 'Schwimmbahnen:',
+    filterAfk: 'AFK filtern',
+    mergeByApp: 'Nach App zusammenführen',
+    noEvents: 'Keine Ereignisse entsprechen den Kriterien. Zeitleiste nicht aktualisiert.',
+    scrollHint: 'Scrollen zum Zoomen, Wischen zum Schwenken, Pfeiltasten zur Navigation',
+    loading: 'Laden…',
+  },
+  stopwatch: {
+    title: 'Stoppuhr',
+    usingBucket: 'Bucket:',
+    aboutTitle: 'Über die Stoppuhr',
+    aboutBody:
+      'Manuell erfasste Sitzungen neben der automatischen Erfassung verfolgen. Um Stoppuhr-Summen im Dashboard zu sehen, öffnen Sie eine Aktivitätsansicht, klicken Sie auf Ansicht bearbeiten, dann Visualisierung hinzufügen und wählen Sie Top-Stoppuhr-Ereignisse.',
+    placeholder: 'Woran arbeiten Sie?',
+    noRunning: 'Keine Stoppuhr läuft. Starten Sie oben eine, um fokussierte Arbeit zu erfassen.',
+    start: 'Start',
+    running: 'Läuft',
+    history: 'Verlauf',
+  },
+  search: {
+    title: 'Suche',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
+    searchBtn: 'Suchen',
+    options: 'Optionen',
+    notFound: 'Nicht gefunden, was Sie suchten?',
+    addWeek: 'Eine Woche zur Suche hinzufügen:',
+    addWeekBtn: '+1 Woche',
+  },
+  query: {
+    title: 'Abfrage-Explorer',
+    docsHelp: 'Hilfe zum Schreiben von Abfragen finden Sie in der Dokumentation.',
+    start: 'Beginn',
+    end: 'Ende',
+  },
+  workReport: {
+    title: 'Arbeitszeitbericht',
+    loading: 'Laden…',
+  },
+  report: {
+    title: 'Bericht',
+    description: 'Bericht über die in einer Geräteaktivitätskategorie verbrachte Zeit.',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
+    generate: 'Erzeugen',
+    options: 'Optionen',
+    foundEvents: '{count} Ereignisse in {seconds} Sekunden gefunden',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: 'Trends für',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
+    loadDemo: 'Demo-Daten laden',
+  },
+  timespiral: {
+    title: 'Timespiral',
+    wip: 'Experimentelle Funktion in Entwicklung.',
+    noAfkBucket: 'Auf diesem Host wurde kein AFK-Bucket gefunden. Installieren Sie',
+    noAfkBucketSuffix: 'um Timespiral zu nutzen.',
+    bucketLabel: 'Bucket:',
+    eventsLabel: 'Ereignisse:',
+  },
+};
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
new file mode 100644
index 00000000..f0e9b01f
--- /dev/null
+++ b/src/i18n/locales/en.ts
@@ -0,0 +1,412 @@
+export default {
+  app: {
+    name: 'ActivityWatch',
+  },
+  nav: {
+    activity: 'Activity',
+    loading: 'Loading...',
+    noActivityReports:
+      'No activity reports available. Make sure you have both an AFK and window watcher running.',
+    timeline: 'Timeline',
+    stopwatch: 'Stopwatch',
+    tools: 'Tools',
+    search: 'Search',
+    workReport: 'Work Report',
+    trends: 'Trends',
+    report: 'Report',
+    alerts: 'Alerts',
+    timespiral: 'Timespiral',
+    query: 'Query',
+    graph: 'Graph',
+    rawData: 'Raw Data',
+    settings: 'Settings',
+  },
+  footer: {
+    madeWith: 'Made with',
+    byDevs: 'by the ActivityWatch developers',
+    host: 'Host:',
+    version: 'Version:',
+    reportBug: 'Report a bug',
+    askHelp: 'Ask for help',
+    voteFeatures: 'Vote on features',
+    twitter: 'Twitter',
+    github: 'GitHub',
+    reddit: 'Reddit',
+    donate: 'Donate',
+  },
+  common: {
+    loading: 'Loading...',
+    save: 'Save',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    import: 'Import',
+    export: 'Export',
+    open: 'Open',
+    more: 'More',
+    delete: 'Delete',
+    enabled: 'Enabled',
+    disabled: 'Disabled',
+    home: 'Home',
+    language: 'Language',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    languageZhCN: '简体中文',
+    rangeTo: 'to',
+  },
+  notFound: {
+    title: 'Oops, this page was not found!',
+    hint: 'Try navigating back where you came from.',
+  },
+  settings: {
+    title: 'Settings',
+    unsavedCategoriesLeave: 'Your categories have unsaved changes, are you sure you want to leave?',
+    daystart: {
+      startOfDay: 'Start of day',
+      startOfDayHelp:
+        'The time at which days "start", since humans do not always go to bed before midnight. Set to 04:00 by default.',
+      startOfWeek: 'Start of week',
+      startOfWeekHelp: 'The weekday which starts a new week.',
+      saturday: 'Saturday',
+      sunday: 'Sunday',
+      monday: 'Monday',
+    },
+    timelineDuration: {
+      title: 'Duration default value',
+      help: "The default duration used for 'show last' in the timeline view.",
+    },
+    landingPage: {
+      title: 'Landing page',
+      home: 'Home',
+      activity: 'Activity ({hostname})',
+      timeline: 'Timeline',
+      help: 'The page to open when opening ActivityWatch, or clicking the logo in the top menu.',
+    },
+    theme: {
+      title: 'Theme',
+      auto: 'Auto (System)',
+      light: 'Light',
+      dark: 'Dark',
+      help: 'Change the color theme. Category colors are picked separately — you may want to adjust them when switching to dark mode.',
+    },
+    groups: {
+      general: 'General',
+      generalHelp: 'Defaults that shape how time periods, the timeline, and landing page behave.',
+      appearance: 'Appearance',
+      appearanceHelp: 'Theme and visualization colors.',
+      categorization: 'Categorization',
+      categorizationHelp:
+        'Rules that classify events into categories, plus AFK/active-pattern overrides.',
+      privacy: 'Privacy',
+      privacyHelp: 'Filters that drop or redact sensitive event data before it is stored.',
+      developer: 'Developer',
+    },
+    language: {
+      title: 'Language',
+      help: 'Interface language for the web UI.',
+    },
+    releaseNotification: {
+      title: 'Check for new releases',
+      help: 'When enabled, the web UI checks once per day for a new ActivityWatch release and shows a hint if one is available.',
+    },
+    color: {
+      title: 'Use fallback colors',
+      help: 'Uses the old coloring style for some visualizations when uncategorized or no category color.',
+    },
+    activePattern: {
+      title: 'Always count as active pattern',
+      help1: 'Apps or titles matching this regular expression will never be counted as AFK.',
+      help2:
+        'Can be used to count time as active, despite no input (like meetings, or games with controllers). An empty string disables it.',
+      example: 'Example expression:',
+      invalid: 'Invalid pattern',
+      tooBroad: 'Pattern too broad',
+    },
+    categorization: {
+      title: 'Categorization',
+      restoreDefaults: 'Restore defaults',
+      rulesHelp:
+        'Rules for categorizing events. An event can only have one category. If several categories match, the deepest one will be chosen.',
+      builderIntro: 'You can use the',
+      categoryBuilder: 'Category Builder',
+      builderOutro: 'to quickly create categories from uncategorized activity.',
+      forumIntro: 'You can also find and share categorization rule presets on',
+      forum: 'the forum',
+      docsIntro: 'For help on how to write categorization rules, see',
+      documentation: 'the documentation',
+      categorySet: 'Category set:',
+      newSet: 'New set',
+      deleteSet: 'Delete set',
+      setsAvailable: '{count} sets available — switch sets to use different rule profiles.',
+      unsavedChanges: 'You have unsaved changes!',
+      discard: 'Discard',
+      addCategory: 'Add category',
+      categories: 'Categories',
+      builderTitle: 'Category builder',
+      builderSubtitle: 'Generate rules from uncategorized activity',
+      openBuilder: 'Open builder',
+      hideBuilder: 'Hide builder',
+    },
+    developer: {
+      title: 'Developer settings',
+      note: 'Note:',
+      noteBody:
+        'These settings are meant for developers who (hopefully) know what they are doing, and as such, may break things unexpectedly.',
+      forceDevmode: 'Force devmode',
+      forceDevmodeHelp: 'Devmode enables some features that are still work-in-progress.',
+      showYearly: 'Show yearly time range',
+      showYearlyHelp:
+        'Querying an entire year is a very heavy operation, and is likely to lead to timeouts. However, the query might be fast enough if you are running aw-server-rust.',
+      multidevice: 'Use multidevice query',
+      multideviceHelp:
+        'Multidevice query is where events are collected from several hosts in the Activity view. It is an early experiment, that currently does not support browser buckets (or the audible-as-active feature).',
+      requestTimeout: 'Request timeout',
+      requestTimeoutHelp:
+        'The maximum amount of time a server request can take before timing out. Setting this to a high value can be useful for large queries. Note that you need to reload the web UI for it to apply.',
+      commitHash: 'Web UI commit hash:',
+    },
+  },
+  home: {
+    note: 'Note:',
+    androidNote:
+      'ActivityWatch on Android is in a very early stage of development. There will be bugs, but we hope you bear with us as we refine things and get it on par with the desktop version of ActivityWatch (which you should try!).',
+    greeting: 'Welcome to ActivityWatch',
+    intro1:
+      "We've come a long way{android} but we still need users (like you!) to provide feedback and help us turn ActivityWatch into a successful project. We'd love to hear any ideas you have for improvements.",
+    introAndroid: ' (especially on Android!)',
+    intro3:
+      'If you are a developer, we hope you can contribute by writing a watcher, visualization, or something else, and share it with us on the forum!',
+    thanks: 'Thank you for using ActivityWatch!',
+    surveyFill: 'Fill out our user survey',
+    surveySuffix: 'to help shape what comes next.',
+    surveyOr: 'or',
+    voteForum: 'vote on features on the forum',
+    spreadTitle: 'Spread the word',
+    spread1:
+      'Nothing is as motivating as getting ActivityWatch into the hands of users. By sharing it you get us to make ActivityWatch even better!',
+    spreadReview: 'Give us a like and a review on',
+    spreadVote: 'Vote on us at',
+    spreadFollow: 'Follow us and spread the word on',
+    spreadStar: 'Star us on',
+    supportTitle: 'Support us!',
+    support1:
+      'Do you like ActivityWatch? Has it helped you? Help us help you by donating! You can donate to us via:',
+    support2: 'For more info, please visit the',
+    donationPage: 'donation page on the website',
+    otherDonationMethods: 'Other methods (incl. cryptocurrency)',
+    resourcesTitle: 'Resources',
+    website: 'Website',
+    documentation: 'Documentation',
+    forum: 'Forum',
+    discord: 'Discord',
+    reddit: 'Reddit',
+    apiBrowser: 'API Browser',
+    workingOnTitle: "What we're working on",
+    workingOnPrefix: 'Stay up to date with the',
+    devUpdates: 'development updates',
+    workingOnMiddle: 'and follow the project on',
+    workingOnSuffix: 'for release notes.',
+    landingHint:
+      'You can change which page opens when you open ActivityWatch (instead of this page) in the',
+  },
+  buckets: {
+    title: 'Buckets',
+    moreWatchers: 'Are you looking to collect more data? Check out',
+    docsLink: 'the docs',
+    thisDevice: 'this device',
+    lastUpdatedInline: 'Last updated',
+    noEventsYet: 'No events recorded yet',
+    noEvents: 'no events',
+    moreActionsFor: 'More actions for {hostname}',
+    deleteAllTitle: 'Delete all {count} buckets for {hostname}',
+    deleteAllForHost: 'Delete all buckets for this host',
+    openBucket: 'Open bucket',
+    deleteBucketTitle: 'Delete bucket?',
+    deleteHostTitle: 'Delete buckets?',
+    deleteHostTitleNamed: 'Delete all buckets for {hostname}?',
+    deleteHostConfirmPrefix: 'Are you sure you want to delete',
+    deleteHostConfirmCount: 'all {count} buckets',
+    deleteHostConfirmSuffix: 'for host "{hostname}"?',
+    bucketsToDelete: 'Buckets that will be deleted:',
+    deleting: 'Deleting...',
+    importing: 'Importing...',
+    importHelpNew:
+      'Provide a JSON file exported from a single bucket or from multiple buckets. Import fails if a bucket with the same ID already exists.',
+    exportHelp: 'Download every bucket on this server as a single JSON file. Use this for backups.',
+    currentDevice: '(the current device)',
+    lastUpdated: 'Last updated:',
+    firstSeen: 'First seen:',
+    bucketId: 'Bucket ID',
+    updated: 'Updated',
+    exportBucketJson: 'Export bucket as JSON',
+    exportEventsCsv: 'Export events as CSV',
+    deleteBucket: 'Delete bucket',
+    deleteModalTitle: 'Danger!',
+    deleteConfirm: 'Are you sure you want to delete bucket "{id}"?',
+    deletePermanent: 'This is permanent and cannot be undone!',
+    importExportTitle: 'Import and export buckets',
+    importBuckets: 'Import buckets',
+    importPlaceholder: 'Choose or drop a file here...',
+    importDrop: 'Drop file here...',
+    importHelp:
+      'A valid file to import is a JSON file from either an export of a single bucket or an export from multiple buckets. If there are buckets with the same name the import will fail.',
+    exportBuckets: 'Export buckets',
+    exportAllJson: 'Export all buckets as JSON',
+    tools: 'Tools',
+  },
+  activity: {
+    title: 'Activity',
+    for: 'for',
+    host: 'Host:',
+    timeActive: 'Time active:',
+    queryRange: 'Query range:',
+    filters: 'Filters',
+    filtersTitle: 'Filters',
+    refresh: 'Refresh',
+    excludeAfk: 'Exclude AFK time',
+    audibleActive: 'Count audible browser tab as active',
+    includeStopwatch: 'Include manually logged events (stopwatch)',
+    newView: 'New view',
+    loadDemo: 'Load demo data',
+    periodDay: 'day',
+    periodWeek: 'week',
+    periodMonth: 'month',
+    periodYear: 'year',
+    periodLast7d: '7 days',
+    periodLast30d: '30 days',
+    periodLast7dTitle: 'last 7 days',
+    periodLast30dTitle: 'last 30 days',
+    filterAfkTooltip: 'Filter away time where the AFK watcher did not detect any input.',
+    filterAudibleTooltip:
+      'If the active window is an audible browser tab, count as active. Requires a browser watcher.',
+    showCategory: 'Show category',
+    newViewTitle: 'New view',
+    viewId: 'ID',
+    viewName: 'Name',
+    stopwatchWipNote:
+      'Note: WIP. Stopwatch events shadow other events when overlapping. Only shown in devmode.',
+    invalidForm: 'Invalid form input: {errors}',
+    errIdNotUnique: 'ID is not unique',
+    errMissingId: 'Missing ID',
+    errMissingName: 'Missing name',
+  },
+  activityView: {
+    addVisualization: 'Add visualization',
+    cancel: 'Cancel',
+    save: 'Save',
+    restoreDefaults: 'Restore defaults',
+    remove: 'Remove',
+    editView: 'Edit view',
+    restoreAlert:
+      "All views have been restored to defaults. Changes won't be saved until you click Save.",
+    removeViewTitle: 'Remove this view?',
+    removeViewOk: 'Remove view',
+    removeViewConfirm: 'Are you sure you want to remove',
+    removeViewHint: "This will delete the view's configuration. You can run",
+    removeViewRestoreHint: 'to bring built-in views back.',
+    promptWatcher: 'Please enter the watcher name',
+    promptTitle: 'Please enter the visualization title',
+  },
+  uncategorized: {
+    title: 'High uncategorized time',
+    body: 'You have a total of {duration} uncategorized time, that is {percent}% of all time {period}.',
+    hint: 'You can address this by using the',
+    categoryBuilder: 'Category Builder',
+    settingsCogTitle: 'Hide or adjust this hint in Settings',
+    periodToday: 'today',
+    periodThisWeek: 'this week',
+    periodThisMonth: 'this month',
+    periodThisYear: 'this year',
+    periodLast7d: 'the last 7 days',
+    periodLast30d: 'the last 30 days',
+  },
+  visualizations: {
+    noData: '(no data)',
+    unsupportedPeriod: "This feature doesn't support the current time period.",
+    missingWatcher: 'This feature is missing data from a required watcher.',
+    docLink: 'documentation',
+    allCategories: 'All',
+    topApps: 'Top Applications',
+    topTitles: 'Top Window Titles',
+    topDomains: 'Top Browser Domains',
+    topUrls: 'Top Browser URLs',
+    topBrowserTitles: 'Top Browser Titles',
+    topEditorFiles: 'Top Editor Files',
+    topEditorLanguages: 'Top Editor Languages',
+    topEditorProjects: 'Top Editor Projects',
+    topCategories: 'Top Categories',
+    categoryTree: 'Category Tree',
+    categorySunburst: 'Category Sunburst',
+    timelineBarchart: 'Timeline (barchart)',
+    sunburstClock: 'Sunburst clock',
+    dailyTimeline: 'Daily Timeline (Chronological)',
+    customVis: 'Custom Visualization',
+    score: 'Score',
+    topStopwatches: 'Top Stopwatch Events',
+    topBucketData: 'Top Bucket Data',
+  },
+  timeline: {
+    title: 'Timeline',
+    eventsShown: 'Events shown:',
+    swimlanes: 'Swimlanes:',
+    filterAfk: 'Filter AFK',
+    mergeByApp: 'Merge by app',
+    noEvents: 'No events match selected criteria. Timeline is not updated.',
+    scrollHint: 'Scroll to zoom, swipe/horizontal-scroll to pan, arrow keys to navigate',
+    loading: 'Loading...',
+  },
+  stopwatch: {
+    title: 'Stopwatch',
+    usingBucket: 'Using bucket:',
+    aboutTitle: 'About the stopwatch',
+    aboutBody:
+      'Track manually-logged sessions alongside automatic tracking. To see your stopwatch totals on a dashboard, open an Activity view, click Edit view, then Add visualization and pick Top Stopwatch Events.',
+    placeholder: 'What are you working on?',
+    noRunning: 'No stopwatch running. Start one above to track focused work.',
+    start: 'Start',
+    running: 'Running',
+    history: 'History',
+  },
+  search: {
+    title: 'Search',
+    earlyDev: 'This feature is still in early development.',
+    searchBtn: 'Search',
+    options: 'Options',
+    notFound: "Didn't find what you were looking for?",
+    addWeek: 'Add a week to the search:',
+    addWeekBtn: '+1 week',
+  },
+  query: {
+    title: 'Query Explorer',
+    docsHelp: 'See the documentation for help on how to write queries.',
+    start: 'Start',
+    end: 'End',
+  },
+  workReport: {
+    title: 'Work Time Report',
+    loading: 'Loading...',
+  },
+  report: {
+    title: 'Report',
+    description: 'Generate a report of time spent on a certain category of device activity.',
+    earlyDev: 'This feature is still in early development.',
+    generate: 'Generate',
+    options: 'Options',
+    foundEvents: 'Found {count} events in {seconds} seconds',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: 'Trends for',
+    earlyDev: 'This feature is still in early development.',
+    loadDemo: 'Load demo data',
+  },
+  timespiral: {
+    title: 'Timespiral',
+    wip: 'This is a work-in-progress experiment.',
+    noAfkBucket: 'No AFK bucket found on this host. Install',
+    noAfkBucketSuffix: 'to use the Timespiral.',
+    bucketLabel: 'Bucket:',
+    eventsLabel: 'Events:',
+  },
+};
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
new file mode 100644
index 00000000..d0f84754
--- /dev/null
+++ b/src/i18n/locales/ru.ts
@@ -0,0 +1,411 @@
+export default {
+  app: {
+    name: 'ActivityWatch',
+  },
+  nav: {
+    activity: 'Активность',
+    loading: 'Загрузка…',
+    noActivityReports: 'Отчётов об активности нет. Убедитесь, что запущены AFK- и window-watcher.',
+    timeline: 'Хронология',
+    stopwatch: 'Секундомер',
+    tools: 'Инструменты',
+    search: 'Поиск',
+    workReport: 'Отчёт о работе',
+    trends: 'Тренды',
+    report: 'Отчёт',
+    alerts: 'Уведомления',
+    timespiral: 'Timespiral',
+    query: 'Запросы',
+    graph: 'Граф',
+    rawData: 'Сырые данные',
+    settings: 'Настройки',
+  },
+  footer: {
+    madeWith: 'Сделано с',
+    byDevs: 'разработчиками ActivityWatch',
+    host: 'Хост:',
+    version: 'Версия:',
+    reportBug: 'Сообщить об ошибке',
+    askHelp: 'Попросить помощь',
+    voteFeatures: 'Голосовать за функции',
+    twitter: 'Twitter',
+    github: 'GitHub',
+    reddit: 'Reddit',
+    donate: 'Поддержать',
+  },
+  common: {
+    loading: 'Загрузка…',
+    save: 'Сохранить',
+    cancel: 'Отмена',
+    confirm: 'Подтвердить',
+    import: 'Импорт',
+    export: 'Экспорт',
+    open: 'Открыть',
+    more: 'Ещё',
+    delete: 'Удалить',
+    enabled: 'Включено',
+    disabled: 'Выключено',
+    home: 'Главная',
+    language: 'Язык',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    languageZhCN: '简体中文',
+    rangeTo: 'до',
+  },
+  notFound: {
+    title: 'Ой, эта страница не найдена!',
+    hint: 'Попробуйте вернуться туда, откуда пришли.',
+  },
+  settings: {
+    title: 'Настройки',
+    unsavedCategoriesLeave: 'В категориях есть несохранённые изменения. Действительно выйти?',
+    daystart: {
+      startOfDay: 'Начало дня',
+      startOfDayHelp:
+        'Время, когда «начинается» новый день — люди не всегда ложатся спать до полуночи. По умолчанию 04:00.',
+      startOfWeek: 'Начало недели',
+      startOfWeekHelp: 'День недели, с которого начинается новая неделя.',
+      saturday: 'Суббота',
+      sunday: 'Воскресенье',
+      monday: 'Понедельник',
+    },
+    timelineDuration: {
+      title: 'Длительность по умолчанию',
+      help: 'Длительность по умолчанию для «показать последние» в хронологии.',
+    },
+    landingPage: {
+      title: 'Стартовая страница',
+      home: 'Главная',
+      activity: 'Активность ({hostname})',
+      timeline: 'Хронология',
+      help: 'Страница при открытии ActivityWatch или клике на логотип в меню.',
+    },
+    theme: {
+      title: 'Тема',
+      auto: 'Авто (системная)',
+      light: 'Светлая',
+      dark: 'Тёмная',
+      help: 'Цветовая тема интерфейса (цвета категорий для тёмного режима настраиваются вручную).',
+    },
+    groups: {
+      general: 'Общие',
+      generalHelp: 'Параметры по умолчанию для периодов, хронологии и стартовой страницы.',
+      appearance: 'Внешний вид',
+      appearanceHelp: 'Тема и цвета визуализаций.',
+      categorization: 'Категоризация',
+      categorizationHelp:
+        'Правила классификации событий по категориям и переопределения AFK/активности.',
+      privacy: 'Конфиденциальность',
+      privacyHelp:
+        'Фильтры, отбрасывающие или скрывающие чувствительные данные событий перед сохранением.',
+      developer: 'Разработчик',
+    },
+    language: {
+      title: 'Язык',
+      help: 'Язык интерфейса веб-приложения.',
+    },
+    releaseNotification: {
+      title: 'Проверка новых версий',
+      help: 'Если включено, веб-интерфейс раз в день проверяет наличие новой версии ActivityWatch и показывает подсказку.',
+    },
+    color: {
+      title: 'Резервные цвета',
+      help: 'Старый стиль цветов для некоторых визуализаций без категории или цвета категории.',
+    },
+    activePattern: {
+      title: 'Всегда считать активным (regex)',
+      help1: 'Приложения или заголовки по этому regex никогда не будут помечены как AFK.',
+      help2:
+        'Полезно для встреч или игр с геймпадом без ввода с клавиатуры/мыши. Пустая строка отключает правило.',
+      example: 'Пример выражения:',
+      invalid: 'Некорректный шаблон',
+      tooBroad: 'Слишком широкий шаблон',
+    },
+    categorization: {
+      title: 'Категоризация',
+      restoreDefaults: 'Сбросить к типовым',
+      rulesHelp:
+        'Правила категоризации событий. У события только одна категория. Если подходит несколько — выбирается самая глубокая.',
+      builderIntro: 'Можно использовать',
+      categoryBuilder: 'Конструктор категорий',
+      builderOutro: 'чтобы быстро создать категории из некатегоризованной активности.',
+      forumIntro: 'Готовые наборы правил можно найти на',
+      forum: 'форуме',
+      docsIntro: 'Справка по написанию правил — в',
+      documentation: 'документации',
+      categorySet: 'Набор категорий:',
+      newSet: 'Новый набор',
+      deleteSet: 'Удалить набор',
+      setsAvailable: 'Доступно наборов: {count} — переключайте профили правил.',
+      unsavedChanges: 'Есть несохранённые изменения!',
+      discard: 'Отбросить',
+      addCategory: 'Добавить категорию',
+      categories: 'Категории',
+      builderTitle: 'Конструктор категорий',
+      builderSubtitle: 'Создание правил из некатегоризированной активности',
+      openBuilder: 'Открыть конструктор',
+      hideBuilder: 'Скрыть конструктор',
+    },
+    developer: {
+      title: 'Настройки разработчика',
+      note: 'Внимание:',
+      noteBody: 'Эти параметры для разработчиков; необдуманное изменение может что-то сломать.',
+      forceDevmode: 'Принудительный devmode',
+      forceDevmodeHelp: 'Devmode включает функции, которые ещё в разработке.',
+      showYearly: 'Показывать годовой диапазон',
+      showYearlyHelp:
+        'Запрос за целый год очень тяжёлый и часто завершается таймаутом. На aw-server-rust может работать быстрее.',
+      multidevice: 'Запрос с нескольких устройств',
+      multideviceHelp:
+        'События с нескольких хостов в просмотре активности. Эксперимент; браузерные bucket-и и «аудио = активность» пока не поддерживаются.',
+      requestTimeout: 'Таймаут запроса',
+      requestTimeoutHelp:
+        'Максимальное время ожидания ответа сервера. Для больших запросов можно увеличить. Нужно перезагрузить веб-интерфейс.',
+      commitHash: 'Хеш коммита веб-UI:',
+    },
+  },
+  home: {
+    note: 'Примечание:',
+    androidNote:
+      'ActivityWatch на Android на очень ранней стадии. Будут ошибки, но мы работаем над паритетом с десктопной версией (её стоит попробовать!).',
+    greeting: 'Добро пожаловать в ActivityWatch',
+    intro1:
+      'Мы прошли долгий путь{android}, но нам по-прежнему нужны пользователи (как вы!), чтобы сделать ActivityWatch успешным проектом. Будем рады вашим идеям по улучшению.',
+    introAndroid: ' (особенно на Android!)',
+    intro3:
+      'Если вы разработчик, помогите watcher-ом, визуализацией или другим — и поделитесь на форуме!',
+    thanks: 'Спасибо, что пользуетесь ActivityWatch!',
+    surveyFill: 'Заполните наш опрос пользователей',
+    surveySuffix: 'чтобы повлиять на то, что будет дальше.',
+    surveyOr: 'или',
+    voteForum: 'проголосуйте за функции на форуме',
+    spreadTitle: 'Распространяйте проект',
+    spread1:
+      'Лучшая мотивация — когда ActivityWatch попадает к новым людям. Делитесь — и мы сделаем его ещё лучше!',
+    spreadReview: 'Оставьте отзыв на',
+    spreadVote: 'Проголосуйте за нас на',
+    spreadFollow: 'Следите и делитесь в',
+    spreadStar: 'Поставьте звезду на',
+    supportTitle: 'Поддержите нас!',
+    support1: 'Нравится ActivityWatch? Помогите нам помочь вам — пожертвование через:',
+    support2: 'Подробнее — на',
+    donationPage: 'странице пожертвований на сайте',
+    otherDonationMethods: 'Другие способы (включая криптовалюту)',
+    resourcesTitle: 'Ресурсы',
+    website: 'Сайт',
+    documentation: 'Документация',
+    forum: 'Форум',
+    discord: 'Discord',
+    reddit: 'Reddit',
+    apiBrowser: 'Просмотр API',
+    workingOnTitle: 'Над чем мы работаем',
+    workingOnPrefix: 'Следите за',
+    devUpdates: 'новостями разработки',
+    workingOnMiddle: 'и за проектом на',
+    workingOnSuffix: 'чтобы читать заметки к релизам.',
+    landingHint: 'Страницу при открытии ActivityWatch (вместо этой) можно изменить в',
+  },
+  buckets: {
+    title: 'Bucket-и',
+    moreWatchers: 'Хотите собирать больше данных? Смотрите',
+    docsLink: 'документацию',
+    thisDevice: 'это устройство',
+    lastUpdatedInline: 'Последнее обновление',
+    noEventsYet: 'Событий пока не записано',
+    noEvents: 'нет событий',
+    moreActionsFor: 'Дополнительные действия для {hostname}',
+    deleteAllTitle: 'Удалить все {count} bucket-ов для {hostname}',
+    deleteAllForHost: 'Удалить все bucket-и этого хоста',
+    openBucket: 'Открыть bucket',
+    deleteBucketTitle: 'Удалить bucket?',
+    deleteHostTitle: 'Удалить bucket-и?',
+    deleteHostTitleNamed: 'Удалить все bucket-и для {hostname}?',
+    deleteHostConfirmPrefix: 'Вы уверены, что хотите удалить',
+    deleteHostConfirmCount: 'все {count} bucket-ов',
+    deleteHostConfirmSuffix: 'для хоста «{hostname}»?',
+    bucketsToDelete: 'Bucket-и, которые будут удалены:',
+    deleting: 'Удаление…',
+    importing: 'Импорт…',
+    importHelpNew:
+      'Нужен JSON, экспортированный из одного или нескольких bucket-ов. Импорт не удастся, если bucket с таким ID уже существует.',
+    exportHelp: 'Скачать все bucket-и с этого сервера одним JSON-файлом. Для резервных копий.',
+    currentDevice: '(текущее устройство)',
+    lastUpdated: 'Обновлено:',
+    firstSeen: 'Впервые замечено:',
+    bucketId: 'ID bucket-а',
+    updated: 'Обновлено',
+    exportBucketJson: 'Экспорт bucket-а в JSON',
+    exportEventsCsv: 'Экспорт событий в CSV',
+    deleteBucket: 'Удалить bucket',
+    deleteModalTitle: 'Опасно!',
+    deleteConfirm: 'Удалить bucket «{id}»?',
+    deletePermanent: 'Это навсегда и нельзя отменить!',
+    importExportTitle: 'Импорт и экспорт bucket-ов',
+    importBuckets: 'Импорт bucket-ов',
+    importPlaceholder: 'Выберите или перетащите файл…',
+    importDrop: 'Перетащите файл сюда…',
+    importHelp:
+      'Нужен JSON: экспорт одного bucket-а или нескольких. Если имена совпадают — импорт не удастся.',
+    exportBuckets: 'Экспорт bucket-ов',
+    exportAllJson: 'Экспорт всех bucket-ов в JSON',
+    tools: 'Инструменты',
+  },
+  activity: {
+    title: 'Активность',
+    for: 'для',
+    host: 'Хост:',
+    timeActive: 'Активное время:',
+    queryRange: 'Диапазон запроса:',
+    filters: 'Фильтры',
+    filtersTitle: 'Фильтры',
+    refresh: 'Обновить',
+    excludeAfk: 'Исключить время AFK',
+    audibleActive: 'Слышимую вкладку браузера считать активностью',
+    includeStopwatch: 'Включить ручные события (секундомер)',
+    newView: 'Новый просмотр',
+    loadDemo: 'Загрузить демо-данные',
+    periodDay: 'день',
+    periodWeek: 'неделя',
+    periodMonth: 'месяц',
+    periodYear: 'год',
+    periodLast7d: '7 дней',
+    periodLast30d: '30 дней',
+    periodLast7dTitle: 'последние 7 дней',
+    periodLast30dTitle: 'последние 30 дней',
+    filterAfkTooltip: 'Скрыть время, когда AFK-watcher не фиксировал ввод с клавиатуры или мыши.',
+    filterAudibleTooltip:
+      'Если активное окно — вкладка браузера со звуком, считать активностью. Нужен browser watcher.',
+    showCategory: 'Показать категорию',
+    newViewTitle: 'Новый просмотр',
+    viewId: 'ID',
+    viewName: 'Название',
+    stopwatchWipNote:
+      'Внимание: WIP. События секундомера перекрывают другие при наложении. Только в devmode.',
+    invalidForm: 'Некорректные данные формы: {errors}',
+    errIdNotUnique: 'ID не уникален',
+    errMissingId: 'Нет ID',
+    errMissingName: 'Нет названия',
+  },
+  activityView: {
+    addVisualization: 'Добавить визуализацию',
+    cancel: 'Отмена',
+    save: 'Сохранить',
+    restoreDefaults: 'Сбросить к типовым',
+    remove: 'Удалить',
+    editView: 'Редактировать просмотр',
+    restoreAlert:
+      'Все просмотры сброшены к типовым. Изменения не сохранятся, пока не нажмёте «Сохранить».',
+    removeViewTitle: 'Удалить этот вид?',
+    removeViewOk: 'Удалить вид',
+    removeViewConfirm: 'Вы уверены, что хотите удалить',
+    removeViewHint: 'Это удалит конфигурацию вида. Можно выполнить',
+    removeViewRestoreHint: 'чтобы вернуть стандартные виды.',
+    promptWatcher: 'Введите имя watcher',
+    promptTitle: 'Введите название визуализации',
+  },
+  uncategorized: {
+    title: 'Много некатегоризованного времени',
+    body: 'Всего {duration} некатегоризованного времени — это {percent}% всего времени за {period}.',
+    hint: 'Можно исправить через',
+    categoryBuilder: 'Конструктор категорий',
+    settingsCogTitle: 'Скрыть или настроить эту подсказку в параметрах',
+    periodToday: 'сегодня',
+    periodThisWeek: 'эту неделю',
+    periodThisMonth: 'этот месяц',
+    periodThisYear: 'этот год',
+    periodLast7d: 'последние 7 дней',
+    periodLast30d: 'последние 30 дней',
+  },
+  visualizations: {
+    noData: '(нет данных)',
+    unsupportedPeriod: 'Эта функция не поддерживает выбранный период времени.',
+    missingWatcher: 'Нет данных от нужного watcher.',
+    docLink: 'документации',
+    allCategories: 'Все',
+    topApps: 'Топ приложений',
+    topTitles: 'Топ заголовков окон',
+    topDomains: 'Топ доменов браузера',
+    topUrls: 'Топ URL браузера',
+    topBrowserTitles: 'Топ заголовков браузера',
+    topEditorFiles: 'Топ файлов редактора',
+    topEditorLanguages: 'Топ языков редактора',
+    topEditorProjects: 'Топ проектов редактора',
+    topCategories: 'Топ категорий',
+    categoryTree: 'Дерево категорий',
+    categorySunburst: 'Sunburst категорий',
+    timelineBarchart: 'Хронология (столбцы)',
+    sunburstClock: 'Sunburst часы',
+    dailyTimeline: 'Дневная хронология',
+    customVis: 'Своя визуализация',
+    score: 'Оценка',
+    topStopwatches: 'Топ событий секундомера',
+    topBucketData: 'Топ данных bucket',
+  },
+  timeline: {
+    title: 'Хронология',
+    eventsShown: 'Показано событий:',
+    swimlanes: 'Дорожки:',
+    filterAfk: 'Фильтр AFK',
+    mergeByApp: 'Объединить по приложению',
+    noEvents: 'Нет событий по выбранным критериям. Хронология не обновлена.',
+    scrollHint:
+      'Колёсико — масштаб, свайп/горизонтальная прокрутка — панорама, стрелки — навигация',
+    loading: 'Загрузка…',
+  },
+  stopwatch: {
+    title: 'Секундомер',
+    usingBucket: 'Bucket:',
+    aboutTitle: 'О секундомере',
+    aboutBody:
+      'Отслеживайте сессии, записанные вручную, вместе с автоматическим учётом. Чтобы видеть итоги секундомера на панели, откройте вид активности, нажмите «Редактировать вид», затем «Добавить визуализацию» и выберите «Топ событий секундомера».',
+    placeholder: 'Над чем вы работаете?',
+    noRunning:
+      'Секундомер не запущен. Запустите его выше, чтобы отслеживать сфокусированную работу.',
+    start: 'Старт',
+    running: 'Идёт',
+    history: 'История',
+  },
+  search: {
+    title: 'Поиск',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
+    searchBtn: 'Искать',
+    options: 'Параметры',
+    notFound: 'Не нашли нужное?',
+    addWeek: 'Добавить неделю к поиску:',
+    addWeekBtn: '+1 неделя',
+  },
+  query: {
+    title: 'Обозреватель запросов',
+    docsHelp: 'Справка по написанию запросов — в документации.',
+    start: 'Начало',
+    end: 'Конец',
+  },
+  workReport: {
+    title: 'Отчёт о рабочем времени',
+    loading: 'Загрузка…',
+  },
+  report: {
+    title: 'Отчёт',
+    description: 'Отчёт о времени в определённой категории активности устройства.',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
+    generate: 'Сгенерировать',
+    options: 'Параметры',
+    foundEvents: 'Найдено событий: {count} за {seconds} с',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: 'Тренды за',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
+    loadDemo: 'Загрузить демо-данные',
+  },
+  timespiral: {
+    title: 'Timespiral',
+    wip: 'Экспериментальная функция в разработке.',
+    noAfkBucket: 'На этом хосте не найден AFK bucket. Установите',
+    noAfkBucketSuffix: 'чтобы использовать Timespiral.',
+    bucketLabel: 'Bucket:',
+    eventsLabel: 'Событий:',
+  },
+};
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
new file mode 100644
index 00000000..48e80bb6
--- /dev/null
+++ b/src/i18n/locales/uk.ts
@@ -0,0 +1,410 @@
+export default {
+  app: {
+    name: 'ActivityWatch',
+  },
+  nav: {
+    activity: 'Активність',
+    loading: 'Завантаження…',
+    noActivityReports:
+      'Звітів про активність немає. Переконайтеся, що запущені AFK- та window-watcher.',
+    timeline: 'Хронологія',
+    stopwatch: 'Секундомір',
+    tools: 'Інструменти',
+    search: 'Пошук',
+    workReport: 'Звіт про роботу',
+    trends: 'Тренди',
+    report: 'Звіт',
+    alerts: 'Сповіщення',
+    timespiral: 'Timespiral',
+    query: 'Запити',
+    graph: 'Граф',
+    rawData: 'Сирі дані',
+    settings: 'Налаштування',
+  },
+  footer: {
+    madeWith: 'Зроблено з',
+    byDevs: 'розробниками ActivityWatch',
+    host: 'Хост:',
+    version: 'Версія:',
+    reportBug: 'Повідомити про помилку',
+    askHelp: 'Попросити допомогу',
+    voteFeatures: 'Голосувати за функції',
+    twitter: 'Twitter',
+    github: 'GitHub',
+    reddit: 'Reddit',
+    donate: 'Підтримати',
+  },
+  common: {
+    loading: 'Завантаження…',
+    save: 'Зберегти',
+    cancel: 'Скасувати',
+    confirm: 'Підтвердити',
+    import: 'Імпорт',
+    export: 'Експорт',
+    open: 'Відкрити',
+    more: 'Ще',
+    delete: 'Видалити',
+    enabled: 'Увімкнено',
+    disabled: 'Вимкнено',
+    home: 'Головна',
+    language: 'Мова',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    languageZhCN: '简体中文',
+    rangeTo: 'до',
+  },
+  notFound: {
+    title: 'Ой, цю сторінку не знайдено!',
+    hint: 'Спробуйте повернутися туди, звідки прийшли.',
+  },
+  settings: {
+    title: 'Налаштування',
+    unsavedCategoriesLeave: 'У категоріях є незбережені зміни. Справді вийти?',
+    daystart: {
+      startOfDay: 'Початок дня',
+      startOfDayHelp:
+        'Час, коли «починається» новий день — люди не завжди лягають спати до півночі. За замовчуванням 04:00.',
+      startOfWeek: 'Початок тижня',
+      startOfWeekHelp: 'День тижня, з якого починається новий тиждень.',
+      saturday: 'Субота',
+      sunday: 'Неділя',
+      monday: 'Понеділок',
+    },
+    timelineDuration: {
+      title: 'Тривалість за замовчуванням',
+      help: 'Тривалість за замовчуванням для «показати останні» у хронології.',
+    },
+    landingPage: {
+      title: 'Стартова сторінка',
+      home: 'Головна',
+      activity: 'Активність ({hostname})',
+      timeline: 'Хронологія',
+      help: 'Сторінка при відкритті ActivityWatch або кліку на логотип у меню.',
+    },
+    theme: {
+      title: 'Тема',
+      auto: 'Авто (системна)',
+      light: 'Світла',
+      dark: 'Темна',
+      help: 'Колірна тема інтерфейсу (кольори категорій для темного режиму потрібно налаштувати вручну).',
+    },
+    groups: {
+      general: 'Загальні',
+      generalHelp: 'Типові параметри періодів, хронології та стартової сторінки.',
+      appearance: 'Зовнішній вигляд',
+      appearanceHelp: 'Тема та кольори візуалізацій.',
+      categorization: 'Категоризація',
+      categorizationHelp:
+        'Правила класифікації подій у категорії та перевизначення AFK/активності.',
+      privacy: 'Приватність',
+      privacyHelp: 'Фільтри, що відкидають або приховують чутливі дані подій перед збереженням.',
+      developer: 'Розробник',
+    },
+    language: {
+      title: 'Мова',
+      help: 'Мова інтерфейсу веб-застосунку.',
+    },
+    releaseNotification: {
+      title: 'Перевірка нових версій',
+      help: 'Якщо ввімкнено, веб-інтерфейс раз на день перевіряє наявність нової версії ActivityWatch і показує підказку.',
+    },
+    color: {
+      title: 'Резервні кольори',
+      help: 'Старий стиль кольорів для деяких візуалізацій без категорії або без кольору категорії.',
+    },
+    activePattern: {
+      title: 'Завжди рахувати активним (regex)',
+      help1: 'Застосунки або заголовки за цим regex ніколи не будуть позначені як AFK.',
+      help2:
+        'Корисно для зустрічей або ігор з геймпадом, коли немає вводу з клавіатури/миші. Порожній рядок вимикає правило.',
+      example: 'Приклад виразу:',
+      invalid: 'Некоректний шаблон',
+      tooBroad: 'Занадто широкий шаблон',
+    },
+    categorization: {
+      title: 'Категоризація',
+      restoreDefaults: 'Скинути до типових',
+      rulesHelp:
+        'Правила категоризації подій. Подія може мати лише одну категорію. Якщо підходить кілька — обирається найглибша.',
+      builderIntro: 'Можна скористатися',
+      categoryBuilder: 'Конструктором категорій',
+      builderOutro: 'щоб швидко створити категорії з некатегоризованої активності.',
+      forumIntro: 'Готові набори правил можна знайти на',
+      forum: 'форумі',
+      docsIntro: 'Довідка з написання правил — у',
+      documentation: 'документації',
+      categorySet: 'Набір категорій:',
+      newSet: 'Новий набір',
+      deleteSet: 'Видалити набір',
+      setsAvailable: 'Доступно наборів: {count} — перемикайте профілі правил.',
+      unsavedChanges: 'Є незбережені зміни!',
+      discard: 'Відкинути',
+      addCategory: 'Додати категорію',
+      categories: 'Категорії',
+      builderTitle: 'Конструктор категорій',
+      builderSubtitle: 'Створення правил із некатегоризованої активності',
+      openBuilder: 'Відкрити конструктор',
+      hideBuilder: 'Сховати конструктор',
+    },
+    developer: {
+      title: 'Налаштування розробника',
+      note: 'Увага:',
+      noteBody: 'Ці параметри для розробників; необережна зміна може щось зламати.',
+      forceDevmode: 'Примусовий devmode',
+      forceDevmodeHelp: 'Devmode вмикає функції, що ще в розробці.',
+      showYearly: 'Показувати річний діапазон',
+      showYearlyHelp:
+        'Запит за цілий рік дуже важкий і часто завершується таймаутом. На aw-server-rust може працювати швидше.',
+      multidevice: 'Запит з кількох пристроїв',
+      multideviceHelp:
+        'Події з кількох хостів у перегляді активності. Експеримент; браузерні bucket-и та «аудіо = активність» поки не підтримуються.',
+      requestTimeout: 'Таймаут запиту',
+      requestTimeoutHelp:
+        'Максимальний час очікування відповіді сервера. Для великих запитів можна збільшити. Потрібно перезавантажити веб-інтерфейс.',
+      commitHash: 'Хеш коміту веб-UI:',
+    },
+  },
+  home: {
+    note: 'Примітка:',
+    androidNote:
+      'ActivityWatch на Android на дуже ранній стадії. Будуть помилки, але ми працюємо над паритетом із десктопною версією (її варто спробувати!).',
+    greeting: 'Ласкаво просимо до ActivityWatch',
+    intro1:
+      'Ми пройшли довгий шлях{android}, але нам ще потрібні користувачі (як ви!), щоб перетворити ActivityWatch на успішний проєкт. Будемо раді почути ваші ідеї щодо покращень.',
+    introAndroid: ' (особливо на Android!)',
+    intro3:
+      'Якщо ви розробник, допоможіть watcher-ом, візуалізацією чи іншим — і поділіться на форумі!',
+    thanks: 'Дякуємо, що користуєтеся ActivityWatch!',
+    surveyFill: 'Заповніть наше опитування',
+    surveySuffix: 'щоб вплинути на те, що буде далі.',
+    surveyOr: 'або',
+    voteForum: 'проголосуйте за функції на форумі',
+    spreadTitle: 'Поширюйте проєкт',
+    spread1:
+      'Найкраща мотивація — коли ActivityWatch потрапляє до нових людей. Діліться — і ми зробимо його ще кращим!',
+    spreadReview: 'Залиште відгук на',
+    spreadVote: 'Проголосуйте за нас на',
+    spreadFollow: 'Слідкуйте та поширюйте в',
+    spreadStar: 'Поставте зірку на',
+    supportTitle: 'Підтримайте нас!',
+    support1: 'Подобається ActivityWatch? Допоможіть нам допомогти вам — пожертва через:',
+    support2: 'Детальніше — на',
+    donationPage: 'сторінці пожертв на сайті',
+    otherDonationMethods: 'Інші способи (зокрема криптовалюта)',
+    resourcesTitle: 'Ресурси',
+    website: 'Сайт',
+    documentation: 'Документація',
+    forum: 'Форум',
+    discord: 'Discord',
+    reddit: 'Reddit',
+    apiBrowser: 'Оглядач API',
+    workingOnTitle: 'Над чим ми працюємо',
+    workingOnPrefix: 'Слідкуйте за',
+    devUpdates: 'новинами розробки',
+    workingOnMiddle: 'та за проєктом на',
+    workingOnSuffix: 'щоб читати нотатки до релізів.',
+    landingHint: 'Сторінку при відкритті ActivityWatch (замість цієї) можна змінити в',
+  },
+  buckets: {
+    title: 'Bucket-и',
+    moreWatchers: 'Хочете збирати більше даних? Перегляньте',
+    docsLink: 'документацію',
+    thisDevice: 'цей пристрій',
+    lastUpdatedInline: 'Останнє оновлення',
+    noEventsYet: 'Подій ще не записано',
+    noEvents: 'немає подій',
+    moreActionsFor: 'Більше дій для {hostname}',
+    deleteAllTitle: 'Видалити усі {count} bucket-и для {hostname}',
+    deleteAllForHost: 'Видалити всі bucket-и цього хоста',
+    openBucket: 'Відкрити bucket',
+    deleteBucketTitle: 'Видалити bucket?',
+    deleteHostTitle: 'Видалити bucket-и?',
+    deleteHostTitleNamed: 'Видалити всі bucket-и для {hostname}?',
+    deleteHostConfirmPrefix: 'Справді видалити',
+    deleteHostConfirmCount: 'усі {count} bucket-и',
+    deleteHostConfirmSuffix: 'для хоста «{hostname}»?',
+    bucketsToDelete: 'Bucket-и, які будуть видалені:',
+    deleting: 'Видалення…',
+    importing: 'Імпорт…',
+    importHelpNew:
+      'Потрібен JSON, експортований з одного або кількох bucket-ів. Імпорт не вдасться, якщо bucket з таким ID уже існує.',
+    exportHelp: 'Завантажити всі bucket-и з цього сервера одним JSON-файлом. Для резервних копій.',
+    currentDevice: '(поточний пристрій)',
+    lastUpdated: 'Оновлено:',
+    firstSeen: 'Вперше виявлено:',
+    bucketId: 'ID bucket-а',
+    updated: 'Оновлено',
+    exportBucketJson: 'Експорт bucket-а в JSON',
+    exportEventsCsv: 'Експорт подій у CSV',
+    deleteBucket: 'Видалити bucket',
+    deleteModalTitle: 'Небезпечно!',
+    deleteConfirm: 'Видалити bucket «{id}»?',
+    deletePermanent: 'Це назавжди і не скасувати!',
+    importExportTitle: 'Імпорт і експорт bucket-ів',
+    importBuckets: 'Імпорт bucket-ів',
+    importPlaceholder: 'Оберіть або перетягніть файл…',
+    importDrop: 'Перетягніть файл сюди…',
+    importHelp:
+      'Потрібен JSON: експорт одного bucket-а або кількох. Якщо імена збігаються — імпорт не вдасться.',
+    exportBuckets: 'Експорт bucket-ів',
+    exportAllJson: 'Експорт усіх bucket-ів у JSON',
+    tools: 'Інструменти',
+  },
+  activity: {
+    title: 'Активність',
+    for: 'для',
+    host: 'Хост:',
+    timeActive: 'Активний час:',
+    queryRange: 'Діапазон запиту:',
+    filters: 'Фільтри',
+    filtersTitle: 'Фільтри',
+    refresh: 'Оновити',
+    excludeAfk: 'Виключити час AFK',
+    audibleActive: 'Аудіо у вкладці браузера = активність',
+    includeStopwatch: 'Включити ручні події (секундомір)',
+    newView: 'Новий перегляд',
+    loadDemo: 'Завантажити демо-дані',
+    periodDay: 'день',
+    periodWeek: 'тиждень',
+    periodMonth: 'місяць',
+    periodYear: 'рік',
+    periodLast7d: '7 днів',
+    periodLast30d: '30 днів',
+    periodLast7dTitle: 'останні 7 днів',
+    periodLast30dTitle: 'останні 30 днів',
+    filterAfkTooltip: 'Приховати час, коли AFK-watcher не фіксував введення з клавіатури чи миші.',
+    filterAudibleTooltip:
+      'Якщо активне вікно — вкладка браузера зі звуком, рахувати як активність. Потрібен browser watcher.',
+    showCategory: 'Показати категорію',
+    newViewTitle: 'Новий перегляд',
+    viewId: 'ID',
+    viewName: 'Назва',
+    stopwatchWipNote:
+      'Увага: WIP. Події секундоміра перекривають інші при накладанні. Лише в devmode.',
+    invalidForm: 'Некоректні дані форми: {errors}',
+    errIdNotUnique: 'ID не унікальний',
+    errMissingId: 'Немає ID',
+    errMissingName: 'Немає назви',
+  },
+  activityView: {
+    addVisualization: 'Додати візуалізацію',
+    cancel: 'Скасувати',
+    save: 'Зберегти',
+    restoreDefaults: 'Скинути до типових',
+    remove: 'Видалити',
+    editView: 'Редагувати перегляд',
+    restoreAlert:
+      'Усі перегляди скинуто до типових. Зміни не збережуться, доки не натиснете «Зберегти».',
+    removeViewTitle: 'Видалити цей перегляд?',
+    removeViewOk: 'Видалити перегляд',
+    removeViewConfirm: 'Справді видалити',
+    removeViewHint: 'Це видалить конфігурацію перегляду. Можна виконати',
+    removeViewRestoreHint: 'щоб повернути типові перегляди.',
+    promptWatcher: 'Введіть ім’я watcher',
+    promptTitle: 'Введіть назву візуалізації',
+  },
+  uncategorized: {
+    title: 'Багато некатегоризованого часу',
+    body: 'Усього {duration} некатегоризованого часу — це {percent}% усього часу за {period}.',
+    hint: 'Можна виправити через',
+    categoryBuilder: 'Конструктор категорій',
+    settingsCogTitle: 'Приховати або налаштувати цю підказку в параметрах',
+    periodToday: 'сьогодні',
+    periodThisWeek: 'цей тиждень',
+    periodThisMonth: 'цей місяць',
+    periodThisYear: 'цей рік',
+    periodLast7d: 'останні 7 днів',
+    periodLast30d: 'останні 30 днів',
+  },
+  visualizations: {
+    noData: '(немає даних)',
+    unsupportedPeriod: 'Ця функція не підтримує обраний період часу.',
+    missingWatcher: 'Немає даних від потрібного watcher.',
+    docLink: 'документації',
+    allCategories: 'Усі',
+    topApps: 'Топ застосунків',
+    topTitles: 'Топ заголовків вікон',
+    topDomains: 'Топ доменів браузера',
+    topUrls: 'Топ URL браузера',
+    topBrowserTitles: 'Топ заголовків браузера',
+    topEditorFiles: 'Топ файлів редактора',
+    topEditorLanguages: 'Топ мов редактора',
+    topEditorProjects: 'Топ проєктів редактора',
+    topCategories: 'Топ категорій',
+    categoryTree: 'Дерево категорій',
+    categorySunburst: 'Sunburst категорій',
+    timelineBarchart: 'Хронологія (стовпчики)',
+    sunburstClock: 'Sunburst годинник',
+    dailyTimeline: 'Денна хронологія',
+    customVis: 'Власна візуалізація',
+    score: 'Оцінка',
+    topStopwatches: 'Топ подій секундоміра',
+    topBucketData: 'Топ даних bucket',
+  },
+  timeline: {
+    title: 'Хронологія',
+    eventsShown: 'Показано подій:',
+    swimlanes: 'Доріжки:',
+    filterAfk: 'Фільтр AFK',
+    mergeByApp: 'Об’єднати за застосунком',
+    noEvents: 'Немає подій за обраними критеріями. Хронологію не оновлено.',
+    scrollHint:
+      'Коліщатко — масштаб, свайп/горизонтальна прокрутка — панорама, стрілки — навігація',
+    loading: 'Завантаження…',
+  },
+  stopwatch: {
+    title: 'Секундомір',
+    usingBucket: 'Bucket:',
+    aboutTitle: 'Про секундомір',
+    aboutBody:
+      'Відстежуйте сесії, записані вручну, разом із автоматичним трекінгом. Щоб бачити підсумки секундоміра на панелі, відкрийте перегляд активності, натисніть «Редагувати перегляд», потім «Додати візуалізацію» і оберіть «Топ подій секундоміра».',
+    placeholder: 'Над чим ви працюєте?',
+    noRunning: 'Секундомір не запущено. Запустіть його вище, щоб відстежити зосереджену роботу.',
+    start: 'Старт',
+    running: 'Йде',
+    history: 'Історія',
+  },
+  search: {
+    title: 'Пошук',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
+    searchBtn: 'Шукати',
+    options: 'Параметри',
+    notFound: 'Не знайшли потрібне?',
+    addWeek: 'Додати тиждень до пошуку:',
+    addWeekBtn: '+1 тиждень',
+  },
+  query: {
+    title: 'Оглядач запитів',
+    docsHelp: 'Довідка з написання запитів — у документації.',
+    start: 'Початок',
+    end: 'Кінець',
+  },
+  workReport: {
+    title: 'Звіт про робочий час',
+    loading: 'Завантаження…',
+  },
+  report: {
+    title: 'Звіт',
+    description: 'Звіт про час у певній категорії активності пристрою.',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
+    generate: 'Згенерувати',
+    options: 'Параметри',
+    foundEvents: 'Знайдено подій: {count} за {seconds} с',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: 'Тренди за',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
+    loadDemo: 'Завантажити демо-дані',
+  },
+  timespiral: {
+    title: 'Timespiral',
+    wip: 'Експериментальна функція в розробці.',
+    noAfkBucket: 'На цьому хості не знайдено AFK bucket. Встановіть',
+    noAfkBucketSuffix: 'щоб користуватися Timespiral.',
+    bucketLabel: 'Bucket:',
+    eventsLabel: 'Подій:',
+  },
+};
diff --git a/src/i18n/locales/zh-CN.ts b/src/i18n/locales/zh-CN.ts
new file mode 100644
index 00000000..252fba72
--- /dev/null
+++ b/src/i18n/locales/zh-CN.ts
@@ -0,0 +1,400 @@
+// Simplified Chinese locale
+export default {
+  app: {
+    name: 'ActivityWatch',
+  },
+  nav: {
+    activity: '活动',
+    loading: '加载中...',
+    noActivityReports: '暂无活动报告，请确认 AFK watcher 和 window watcher 都在运行。',
+    timeline: '时间线',
+    stopwatch: '秒表',
+    tools: '工具',
+    search: '搜索',
+    workReport: '工作报告',
+    trends: '趋势',
+    report: '报告',
+    alerts: '提醒',
+    timespiral: '时间螺旋',
+    query: '查询',
+    graph: '图谱',
+    rawData: '原始数据',
+    settings: '设置',
+  },
+  footer: {
+    madeWith: '由',
+    byDevs: 'ActivityWatch 开发者制作',
+    host: '主机：',
+    version: '版本：',
+    reportBug: '报告问题',
+    askHelp: '寻求帮助',
+    voteFeatures: '为功能投票',
+    twitter: 'Twitter',
+    github: 'GitHub',
+    reddit: 'Reddit',
+    donate: '捐赠',
+  },
+  common: {
+    loading: '加载中...',
+    save: '保存',
+    cancel: '取消',
+    confirm: '确认',
+    import: '导入',
+    export: '导出',
+    open: '打开',
+    more: '更多',
+    delete: '删除',
+    enabled: '已启用',
+    disabled: '已停用',
+    home: '首页',
+    language: '语言',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    languageZhCN: '简体中文',
+    rangeTo: '至',
+  },
+  notFound: {
+    title: '页面未找到！',
+    hint: '请尝试返回之前所在的页面。',
+  },
+  settings: {
+    title: '设置',
+    unsavedCategoriesLeave: '分类有未保存的更改，确定要离开吗？',
+    daystart: {
+      startOfDay: '每日开始时间',
+      startOfDayHelp: '一天从这个时间开始，因为人们并不总是在午夜前睡觉。默认设置为 04:00。',
+      startOfWeek: '每周开始日',
+      startOfWeekHelp: '新一周从哪一天开始。',
+      saturday: '星期六',
+      sunday: '星期日',
+      monday: '星期一',
+    },
+    theme: {
+      title: '主题',
+      auto: '跟随系统',
+      light: '浅色',
+      dark: '深色',
+      help: '切换颜色主题。分类颜色会单独选择；切换到深色模式时可能需要调整它们。',
+    },
+    landingPage: {
+      title: '打开页面',
+      home: '首页',
+      activity: '活动（{hostname}）',
+      timeline: '时间线',
+      help: '打开 ActivityWatch 或点击顶部菜单 logo 时进入的页面。',
+    },
+    language: {
+      title: '语言',
+      help: '选择 ActivityWatch 的界面显示语言。',
+    },
+    timelineDuration: {
+      title: '默认时长',
+      help: '时间线视图中“显示最近”默认使用的时长。',
+    },
+    releaseNotification: {
+      title: '新版本通知',
+      help: '启用后，Web UI 每天最多检查一次 ActivityWatch 新版本，并在有可用版本时显示提示。',
+    },
+    color: {
+      title: '使用备用颜色',
+      help: '在未分类或没有分类颜色时，部分可视化使用旧的着色方式。',
+    },
+    activePattern: {
+      title: '始终计为活跃的模式',
+      help1: '匹配此正则表达式的应用或标题永远不会被计为 AFK。',
+      help2: '可用于在没有输入时仍将时间计为活跃，例如会议或使用手柄的游戏。留空表示停用。',
+      example: '示例表达式：',
+      invalid: '模式无效',
+      tooBroad: '模式过宽',
+    },
+    categorization: {
+      title: '分类',
+      restoreDefaults: '恢复默认值',
+      rulesHelp:
+        '用于给事件分类的规则。一个事件只能属于一个分类。如果多个分类匹配，将选择最深层的分类。',
+      builderIntro: '你可以使用',
+      categoryBuilder: '分类构建器',
+      builderOutro: '从未分类活动中快速创建分类。',
+      forumIntro: '你也可以在这里查找和分享分类规则预设：',
+      forum: '论坛',
+      docsIntro: '如需了解如何编写分类规则，请参阅',
+      documentation: '文档',
+      categorySet: '分类集：',
+      newSet: '新建分类集',
+      deleteSet: '删除分类集',
+      setsAvailable: '有 {count} 个分类集可用 — 切换分类集以使用不同的规则配置。',
+      unsavedChanges: '你有未保存的更改！',
+      discard: '放弃',
+      addCategory: '添加分类',
+      categories: '分类',
+      builderTitle: '分类构建器',
+      builderSubtitle: '从未分类活动生成规则',
+      openBuilder: '打开构建器',
+      hideBuilder: '隐藏构建器',
+    },
+    developer: {
+      title: '开发者设置',
+      note: '注意：',
+      noteBody: '这些设置面向知道自己在做什么的开发者，可能会意外破坏功能。',
+      forceDevmode: '强制开发模式',
+      forceDevmodeHelp: '开发模式会启用一些仍在开发中的功能。',
+      showYearly: '显示年度时间范围',
+      showYearlyHelp:
+        '查询整年是一项很重的操作，可能导致超时。不过，如果你运行的是 aw-server-rust，查询可能足够快。',
+      multidevice: '使用多设备查询',
+      multideviceHelp:
+        '多设备查询会在活动视图中收集多个主机的事件。这是早期实验功能，目前不支持浏览器存储桶或有声即活跃功能。',
+      requestTimeout: '请求超时时间',
+      requestTimeoutHelp:
+        '服务器请求超时前允许等待的最长时间。较高的值可用于大型查询。注意：需要重新加载 Web UI 后才会生效。',
+      commitHash: 'Web UI 提交哈希：',
+    },
+    groups: {
+      general: '常规',
+      generalHelp: '影响时间范围、时间线和打开页面的默认设置。',
+      appearance: '外观',
+      appearanceHelp: '主题和可视化颜色。',
+      categorization: '分类',
+      categorizationHelp: '将事件归入分类的规则，以及离开/活跃模式覆盖设置。',
+      privacy: '隐私',
+      privacyHelp: '在数据存储前丢弃或脱敏敏感事件数据的过滤器。',
+      developer: '开发者',
+    },
+  },
+  home: {
+    note: '注意：',
+    androidNote:
+      'ActivityWatch Android 版仍在积极开发中。此处展示的电脑使用数据完全独立于你的 Android 设备。',
+    greeting: '欢迎使用 ActivityWatch',
+    intro1:
+      '我们已经走了很远{android}，但仍然需要用户（比如你！）提供反馈，帮助我们把 ActivityWatch 做成一个成功的项目。我们很想听听你的改进想法。',
+    introAndroid: '（尤其是在 Android 上！）',
+    intro3: '如果你是开发者，我们希望你能编写 watcher、可视化或其他东西，并在论坛上分享给我们！',
+    thanks: '感谢你使用 ActivityWatch！',
+    surveyFill: '填写我们的用户调查',
+    surveySuffix: '来帮助决定接下来要做什么。',
+    surveyOr: '或',
+    voteForum: '在论坛上为功能投票',
+    spreadTitle: '传播出去',
+    spread1:
+      '没有什么比让 ActivityWatch 被更多用户使用更能激励我们。分享它会让我们把 ActivityWatch 做得更好！',
+    spreadReview: '给我们点赞并评价：',
+    spreadVote: '为我们投票：',
+    spreadFollow: '关注我们并传播：',
+    spreadStar: '给我们加星：',
+    supportTitle: '支持我们！',
+    support1:
+      '你喜欢 ActivityWatch 吗？它帮到你了吗？通过捐赠帮助我们继续帮助你！你可以通过以下方式捐赠：',
+    support2: '更多信息请访问',
+    donationPage: '网站上的捐赠页面',
+    otherDonationMethods: '其他方式（包括加密货币）',
+    resourcesTitle: '资源',
+    website: '网站',
+    documentation: '文档',
+    forum: '论坛',
+    discord: 'Discord',
+    reddit: 'Reddit',
+    apiBrowser: 'API 浏览器',
+    workingOnTitle: '我们的工作进展',
+    workingOnPrefix: '关注',
+    devUpdates: '开发动态',
+    workingOnMiddle: '了解最新进展，在',
+    workingOnSuffix: '上关注项目获取发布说明。',
+    landingHint: '你可以在',
+  },
+  buckets: {
+    title: '存储桶',
+    moreWatchers: '想要收集更多数据？查看',
+    docsLink: '文档',
+    thisDevice: '此设备',
+    lastUpdatedInline: '最后更新',
+    noEventsYet: '暂无记录的事件',
+    noEvents: '无事件',
+    moreActionsFor: '{hostname} 的更多操作',
+    deleteAllTitle: '删除 {hostname} 的所有 {count} 个存储桶',
+    deleteAllForHost: '删除此主机的所有存储桶',
+    openBucket: '打开存储桶',
+    deleteBucketTitle: '删除存储桶？',
+    deleteHostTitle: '删除存储桶？',
+    deleteHostTitleNamed: '删除 {hostname} 的所有存储桶？',
+    deleteHostConfirmPrefix: '确定要删除',
+    deleteHostConfirmCount: '所有 {count} 个存储桶',
+    deleteHostConfirmSuffix: '的主机 "{hostname}"？',
+    bucketsToDelete: '将被删除的存储桶：',
+    deleting: '删除中...',
+    importing: '导入中...',
+    importHelpNew: '请提供从单个或多个存储桶导出的 JSON 文件。',
+    exportHelp: '将此服务器上的每个存储桶下载为单个 JSON 文件。',
+    currentDevice: '（当前设备）',
+    lastUpdated: '最后更新：',
+    firstSeen: '首次出现：',
+    bucketId: '存储桶 ID',
+    updated: '已更新',
+    exportBucketJson: '导出存储桶为 JSON',
+    exportEventsCsv: '导出事件为 CSV',
+    deleteBucket: '删除存储桶',
+    deleteModalTitle: '危险操作！',
+    deleteConfirm: '确定要删除存储桶 "{id}" 吗？',
+    deletePermanent: '此操作不可撤销！',
+    importExportTitle: '导入和导出存储桶',
+    importBuckets: '导入存储桶',
+    importPlaceholder: '在此选择或拖放文件...',
+    importDrop: '在此拖放文件...',
+    importHelp: '有效的导入文件是从单个或多个存储桶导出的 JSON 文件。',
+    exportBuckets: '导出存储桶',
+    exportAllJson: '导出所有存储桶为 JSON',
+    tools: '工具',
+  },
+  activity: {
+    title: '活动',
+    for: '查看',
+    host: '主机：',
+    timeActive: '活跃时间：',
+    queryRange: '查询范围：',
+    filters: '筛选',
+    filtersTitle: '筛选',
+    refresh: '刷新',
+    excludeAfk: '排除 AFK 时间',
+    audibleActive: '将有声音的浏览器标签页计为活跃',
+    includeStopwatch: '包含手动记录的事件（秒表）',
+    newView: '新建视图',
+    loadDemo: '加载演示数据',
+    periodDay: '天',
+    periodWeek: '周',
+    periodMonth: '月',
+    periodYear: '年',
+    periodLast7d: '最近 7 天',
+    periodLast30d: '最近 30 天',
+    periodLast7dTitle: '最近 7 天',
+    periodLast30dTitle: '最近 30 天',
+    filterAfkTooltip: '过滤掉 AFK watcher 未检测到任何输入的时间。',
+    filterAudibleTooltip: '如果活动窗口是有声音的浏览器标签页，则计为活跃。需要浏览器 watcher。',
+    showCategory: '显示分类',
+    newViewTitle: '新建视图',
+    viewId: 'ID',
+    viewName: '名称',
+    stopwatchWipNote: '注意：开发中。秒表事件在重叠时会遮蔽其他事件。',
+    invalidForm: '表单输入无效：{errors}',
+    errIdNotUnique: 'ID 不唯一',
+    errMissingId: '缺少 ID',
+    errMissingName: '缺少名称',
+  },
+  activityView: {
+    addVisualization: '添加可视化',
+    cancel: '取消',
+    save: '保存',
+    restoreDefaults: '恢复默认',
+    remove: '移除',
+    editView: '编辑视图',
+    restoreAlert: '所有视图已恢复为默认设置。在点击保存之前不会保存更改。',
+    removeViewTitle: '移除该视图？',
+    removeViewOk: '移除视图',
+    removeViewConfirm: '确定要移除',
+    removeViewHint: '这将删除视图的配置。你可以运行',
+    removeViewRestoreHint: '来恢复内置视图。',
+    promptWatcher: '请输入 watcher 名称',
+    promptTitle: '请输入可视化标题',
+  },
+  uncategorized: {
+    title: '未分类时间过多',
+    body: '你共有 {duration} 的未分类时间，占 {period} 总时间的 {percent}%。',
+    hint: '你可以使用',
+    categoryBuilder: '分类构建器',
+    settingsCogTitle: '在设置中隐藏或调整此提示',
+    periodToday: '今天',
+    periodThisWeek: '本周',
+    periodThisMonth: '本月',
+    periodThisYear: '今年',
+    periodLast7d: '最近 7 天',
+    periodLast30d: '最近 30 天',
+  },
+  visualizations: {
+    noData: '（无数据）',
+    unsupportedPeriod: '此功能不支持当前时间段。',
+    missingWatcher: '此功能缺少所需 watcher 的数据。',
+    docLink: '文档',
+    allCategories: '全部',
+    topApps: '常用应用',
+    topTitles: '常用窗口标题',
+    topDomains: '常用浏览器域名',
+    topUrls: '常用浏览器 URL',
+    topBrowserTitles: '常用浏览器标题',
+    topEditorFiles: '常用编辑器文件',
+    topEditorLanguages: '常用编辑器语言',
+    topEditorProjects: '常用编辑器项目',
+    topCategories: '常用分类',
+    categoryTree: '分类树',
+    categorySunburst: '分类旭日图',
+    timelineBarchart: '时间线（条形图）',
+    sunburstClock: '旭日时钟',
+    dailyTimeline: '每日时间线（按时间顺序）',
+    customVis: '自定义可视化',
+    score: '得分',
+    topStopwatches: '常用秒表事件',
+    topBucketData: '常用存储桶数据',
+  },
+  timeline: {
+    title: '时间线',
+    eventsShown: '显示事件：',
+    swimlanes: '泳道：',
+    filterAfk: '过滤 AFK',
+    mergeByApp: '按应用合并',
+    noEvents: '没有符合筛选条件的事件。未更新时间线。',
+    scrollHint: '滚动缩放，滑动/水平滚动平移，方向键导航',
+    loading: '加载中...',
+  },
+  stopwatch: {
+    title: '秒表',
+    usingBucket: '使用存储桶：',
+    aboutTitle: '关于秒表',
+    aboutBody: '在自动追踪的同时手动记录会话。',
+    placeholder: '你在做什么？',
+    noRunning: '没有正在运行的秒表。在上面开始一个来追踪专注的工作。',
+    start: '开始',
+    running: '运行中',
+    history: '历史记录',
+  },
+  search: {
+    title: '搜索',
+    earlyDev: '此功能仍在早期开发阶段。',
+    searchBtn: '搜索',
+    options: '选项',
+    notFound: '没有找到想要的内容？',
+    addWeek: '在搜索中增加一周：',
+    addWeekBtn: '+1 周',
+  },
+  query: {
+    title: '查询浏览器',
+    docsHelp: '查看文档了解如何编写查询。',
+    start: '开始',
+    end: '结束',
+  },
+  workReport: {
+    title: '工作时间报告',
+    loading: '加载中...',
+  },
+  report: {
+    title: '报告',
+    description: '生成某个设备活动类别的使用时间报告。',
+    earlyDev: '此功能仍在早期开发阶段。',
+    generate: '生成',
+    options: '选项',
+    foundEvents: '在 {seconds} 秒内找到 {count} 个事件',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: '趋势：',
+    earlyDev: '此功能仍在早期开发阶段。',
+    loadDemo: '加载演示数据',
+  },
+  timespiral: {
+    title: '时间螺旋',
+    wip: '这是一个正在开发中的实验功能。',
+    noAfkBucket: '此主机上未找到 AFK 存储桶。请安装',
+    noAfkBucketSuffix: '以使用时间螺旋。',
+    bucketLabel: '存储桶：',
+    eventsLabel: '事件：',
+  },
+};
diff --git a/src/main.js b/src/main.js
index 54dcca01..41a4de29 100644
--- a/src/main.js
+++ b/src/main.js
@@ -22,6 +22,9 @@ import './style/style.scss';
 // Loads all the filters
 import './util/filters.js';
 
+// Internationalization
+import { i18n } from './i18n';
+
 // Sets up the routing and the base app (using vue-router)
 import router from './route.js';
 
@@ -86,6 +89,7 @@ import App from './App.vue';
 new Vue({
   el: '#app',
   router: router,
+  i18n,
   render: h => h(App),
   pinia,
 });
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 34f39def..2ccf8752 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -6,6 +6,7 @@ import { SavedQuery } from '~/util/savedQueries';
 import { View, defaultViews } from '~/stores/views';
 import type { PrivacyFilterRule } from '~/util/privacyFilters';
 import { isEqual } from 'lodash';
+import { AppLocale, i18n, isAppLocale, setAppLocale } from '~/i18n';
 
 function jsonEq(a: any, b: any) {
   const jsonA = JSON.parse(JSON.stringify(a));
@@ -32,6 +33,7 @@ interface State {
   useColorFallback: boolean;
   landingpage: string;
   theme: 'light' | 'dark' | 'auto';
+  locale: string;
 
   newReleaseCheckData: Record<string, any>;
   userSatisfactionPollData: {
@@ -79,6 +81,7 @@ export const useSettingsStore = defineStore('settings', {
     landingpage: '/home',
 
     theme: 'auto',
+    locale: 'en',
 
     newReleaseCheckData: {
       isEnabled: true,
@@ -154,6 +157,10 @@ export const useSettingsStore = defineStore('settings', {
       // 1. Server settings take priority
       for (const key of Object.keys(server_settings)) {
         if (key.startsWith('_')) continue;
+        if (key === 'locale' && !isAppLocale(server_settings[key])) {
+          console.warn('Ignoring invalid locale from server:', server_settings[key]);
+          continue;
+        }
         storage[key] = server_settings[key];
         used.add(key);
       }
@@ -181,6 +188,12 @@ export const useSettingsStore = defineStore('settings', {
             storage[key] = parsed;
           } else if (raw === 'true' || raw === 'false') {
             storage[key] = raw === 'true';
+          } else if (key === 'locale') {
+            if (isAppLocale(raw)) {
+              storage[key] = raw;
+            } else {
+              console.warn('Ignoring invalid locale from storage:', raw);
+            }
           } else {
             storage[key] = raw;
           }
@@ -190,6 +203,15 @@ export const useSettingsStore = defineStore('settings', {
       }
       this.$patch({ ...storage, _loaded: true });
 
+      const localeFromServer = 'locale' in server_settings;
+      const localeFromLocalStorage = localStorage.getItem('locale') != null;
+
+      if ((localeFromServer || localeFromLocalStorage) && isAppLocale(this.locale)) {
+        setAppLocale(this.locale);
+      } else if (isAppLocale(i18n.locale)) {
+        this.$patch({ locale: i18n.locale as AppLocale });
+      }
+
       // Since `requestTimeout` is used to initialize the client, we need to set it again
       // https://github.com/ActivityWatch/activitywatch/issues/979
       client.req.defaults.timeout = this.requestTimeout * 1000;
diff --git a/src/views/Buckets.vue b/src/views/Buckets.vue
index ca64854f..45609575 100644
--- a/src/views/Buckets.vue
+++ b/src/views/Buckets.vue
@@ -1,11 +1,10 @@
 <template lang="pug">
 div
-  h3 Buckets
+  h3 {{ $t('buckets.title') }}
 
   b-alert(show)
-    | Are you looking to collect more data? Check out #[a(href="https://docs.activitywatch.net/en/latest/watchers.html") the docs] for more watchers.
+    | {{ $t('buckets.moreWatchers') }} #[a(href="https://docs.activitywatch.net/en/latest/watchers.html") {{ $t('buckets.docsLink') }}].
 
-  // By device
   b-card.bucket-card.mb-3(
     v-for="device in bucketsStore.bucketsByDevice",
     :key="device.hostname || device.device_id",
@@ -17,17 +16,17 @@ div
         icon.mr-2.text-secondary(v-else, name="desktop" scale="1.2")
         div
           span.font-weight-bold {{ device.hostname }}
-          b-badge.ml-2(v-if="serverStore.info.hostname == device.hostname" variant="info") this device
+          b-badge.ml-2(v-if="serverStore.info.hostname == device.hostname" variant="info") {{ $t('buckets.thisDevice') }}
           div.small.text-muted(v-if="device.hostname !== device.device_id")
             | ID: {{ device.id }}
           div.small(v-if="deviceHasEvents(device)")
-            span.text-muted Last updated&nbsp;
+            span.text-muted {{ $t('buckets.lastUpdatedInline') }}&nbsp;
             time(:class="{'text-success': isRecent(device.last_updated)}",
                  :datetime="device.last_updated",
                  :title="device.last_updated")
               | {{ device.last_updated | friendlytime }}
           div.small.text-muted(v-else)
-            | No events recorded yet
+            | {{ $t('buckets.noEventsYet') }}
       b-dropdown.kebab-dropdown(
         size="sm",
         variant="outline-secondary",
@@ -35,22 +34,19 @@ div
         no-caret,
         right,
         boundary="window",
-        :title="`More actions for ${device.hostname}`",
-        :aria-label="`More actions for ${device.hostname}`"
+        :title="$t('buckets.moreActionsFor', { hostname: device.hostname })",
+        :aria-label="$t('buckets.moreActionsFor', { hostname: device.hostname })"
       )
         template(v-slot:button-content)
           icon(name="ellipsis-v")
         b-dropdown-item-button(
           @click="openDeleteHostModal(device)",
           button-class="text-danger",
-          :title="`Delete all ${device.buckets.length} buckets for ${device.hostname}`"
+          :title="$t('buckets.deleteAllTitle', { count: device.buckets.length, hostname: device.hostname })"
         )
           icon.mr-1(name="trash")
-          | Delete all buckets for this host
+          | {{ $t('buckets.deleteAllForHost') }}
 
-    // No `responsive` wrapper: with fixed column widths the table fits its
-    // container, and dropping the wrapper means the row dropdowns can render
-    // outside the table without being clipped by overflow-x: auto.
     b-table.mb-0.bucket-table(
       small, hover,
       :items="device.buckets",
@@ -61,29 +57,25 @@ div
       template(v-slot:cell(last_updated)="data")
         small(v-if="bucketHasEvents(data.item)", :class="{'text-success': isRecent(data.item.last_updated)}")
           | {{ data.item.last_updated | friendlytime }}
-        small.text-muted(v-else) no events
+        small.text-muted(v-else) {{ $t('buckets.noEvents') }}
       template(v-slot:cell(actions)="data")
         b-button-group(size="sm")
-          b-button(variant="primary", :to="'/buckets/' + data.item.id", title="Open bucket")
+          b-button(variant="primary", :to="'/buckets/' + data.item.id", :title="$t('buckets.openBucket')")
             icon.d-none.d-md-inline-block.mr-1(name="folder-open")
-            | Open
-          // boundary="window" so the menu renders on top of the
-          // b-table's responsive overflow wrapper instead of being clipped
-          // (which previously made the whole row turn into a scrollbox).
-          b-dropdown.kebab-dropdown(variant="outline-secondary", toggle-class="border-0", size="sm", right, no-caret, boundary="window", title="More actions")
+            | {{ $t('common.open') }}
+          b-dropdown.kebab-dropdown(variant="outline-secondary", toggle-class="border-0", size="sm", right, no-caret, boundary="window", :title="$t('common.more')")
             template(v-slot:button-content)
               icon(name="ellipsis-v")
-            // FIXME: These also exist as almost-copies in the Bucket view, can maybe be shared/reused instead.
-            b-dropdown-item(@click="export_bucket_json(data.item.id)", title="Export bucket to JSON")
+            b-dropdown-item(@click="export_bucket_json(data.item.id)", :title="$t('buckets.exportBucketJson')")
               icon.mr-1(name="download")
-              | Export as JSON
-            b-dropdown-item(@click="export_csv(data.item.id)", title="Export events to CSV")
+              | {{ $t('buckets.exportBucketJson') }}
+            b-dropdown-item(@click="export_csv(data.item.id)", :title="$t('buckets.exportEventsCsv')")
               icon.mr-1(name="download")
-              | Export events as CSV
+              | {{ $t('buckets.exportEventsCsv') }}
             b-dropdown-divider
-            b-dropdown-item-button(@click="openDeleteBucketModal(data.item.id)", title="Delete this bucket permanently", button-class="text-danger")
+            b-dropdown-item-button(@click="openDeleteBucketModal(data.item.id)", :title="$t('buckets.deleteBucket')", button-class="text-danger")
               icon.mr-1(name="trash")
-              | Delete bucket
+              | {{ $t('buckets.deleteBucket') }}
 
     div(v-for="msg in runChecks(device)" :key="msg")
       b-alert.mt-2.mb-0.py-1.px-2.small(show variant="warning")
@@ -91,30 +83,30 @@ div
         | &nbsp;
         | {{ msg }}
 
-  b-modal(id="delete-modal", title="Delete bucket?", centered, hide-footer)
-    | Are you sure you want to delete bucket "{{delete_bucket_selected}}"?
+  b-modal(id="delete-modal", :title="$t('buckets.deleteBucketTitle')", centered, hide-footer)
+    | {{ $t('buckets.deleteConfirm', { id: delete_bucket_selected }) }}
     br
     br
-    b This is permanent and cannot be undone!
+    b {{ $t('buckets.deletePermanent') }}
     hr
     div.float-right
       b-button.mx-2(@click="$root.$emit('bv::hide::modal','delete-modal')")
-        | Cancel
+        | {{ $t('common.cancel') }}
       b-button(@click="deleteBucket(delete_bucket_selected)", variant="danger")
-        | Confirm
+        | {{ $t('common.confirm') }}
 
-  b-modal(id="delete-host-modal", :title="delete_host_selected ? `Delete all buckets for ${delete_host_selected.hostname}?` : 'Delete buckets?'", centered, hide-footer, @hidden="delete_host_selected = null; delete_host_error = null")
+  b-modal(id="delete-host-modal", :title="deleteHostModalTitle", centered, hide-footer, @hidden="delete_host_selected = null; delete_host_error = null")
     template(v-if="delete_host_selected")
-      | Are you sure you want to delete
+      | {{ $t('buckets.deleteHostConfirmPrefix') }}
       |
-      b all {{ delete_host_selected.bucketCount }} buckets
+      b {{ $t('buckets.deleteHostConfirmCount', { count: delete_host_selected.bucketCount }) }}
       |
-      | for host "{{ delete_host_selected.hostname }}"?
+      | {{ $t('buckets.deleteHostConfirmSuffix', { hostname: delete_host_selected.hostname }) }}
       br
       br
-      b This is permanent and cannot be undone!
+      b {{ $t('buckets.deletePermanent') }}
       div.small.text-muted.mt-2(style="max-height: 200px; overflow-y: auto;")
-        | Buckets that will be deleted:
+        | {{ $t('buckets.bucketsToDelete') }}
         ul.mb-0
           li(v-for="bucketId in delete_host_selected.bucketIds", :key="bucketId")
             code {{ bucketId }}
@@ -123,44 +115,41 @@ div
       hr
       div.float-right
         b-button.mx-2(@click="$root.$emit('bv::hide::modal','delete-host-modal')")
-          | Cancel
+          | {{ $t('common.cancel') }}
         b-button(@click="deleteBucketsForSelectedHost()",
                  :disabled="deleting_host",
                  variant="danger")
           template(v-if="deleting_host")
-            | Deleting...
+            | {{ $t('buckets.deleting') }}
           template(v-else)
-            | Confirm
+            | {{ $t('common.confirm') }}
 
-  h4.mt-4 Import and export buckets
+  h4.mt-4 {{ $t('buckets.importExportTitle') }}
 
   b-card-group.deck
-    b-card(header="Import buckets")
+    b-card(:header="$t('buckets.importBuckets')")
       b-alert(v-if="import_error" show variant="danger" dismissible)
         | {{ import_error }}
-      b-alert(v-if="import_success" show variant="success" dismissible)
-        | Import completed successfully!
       b-form-file(v-model="import_file"
-                  placeholder="Choose or drop a file here..."
-                  drop-placeholder="Drop file here...")
+                  :placeholder="$t('buckets.importPlaceholder')"
+                  :drop-placeholder="$t('buckets.importDrop')")
       div.mt-2(v-if="import_file")
         b-spinner.mr-2(small)
-        small.text-muted Importing...
+        small.text-muted {{ $t('buckets.importing') }}
       small.d-block.mt-2.text-muted
-        | Provide a JSON file exported from a single bucket or from multiple buckets.
-        | Import fails if a bucket with the same ID already exists.
-    b-card(header="Export buckets")
-      p.small.text-muted Download every bucket on this server as a single JSON file. Use this for backups.
+        | {{ $t('buckets.importHelpNew') }}
+    b-card(:header="$t('buckets.exportBuckets')")
+      p.small.text-muted {{ $t('buckets.exportHelp') }}
       b-button(@click="export_all_buckets_json()",
-               title="Export all buckets to JSON",
+               :title="$t('buckets.exportAllJson')",
                variant="outline-secondary")
         icon.mr-1(name="download")
-        | Export all buckets as JSON
+        | {{ $t('buckets.exportAllJson') }}
 
   hr
 
   aw-devonly(reason="This section is still under development")
-    h4.p-2 Tools
+    h4.p-2 {{ $t('buckets.tools') }}
 
     hr
 
@@ -172,7 +161,6 @@ div
 </template>
 
 <style lang="scss">
-// This won't work if scoped
 .bucket-card {
   .card-header,
   .card-footer {
@@ -203,8 +191,6 @@ div
   vertical-align: middle;
 }
 
-// Truncate only the bucket id span itself, not the cell — applying
-// overflow:hidden to the td clips the row's kebab popover menu.
 ::v-deep .bucket-id {
   display: inline-block;
   max-width: 100%;
@@ -214,8 +200,6 @@ div
   vertical-align: middle;
 }
 
-// Ghost-styled kebab dropdowns: invisible until hover/focus, like
-// the "borderless" overflow menus in most modern UIs.
 ::v-deep .kebab-dropdown > .btn {
   color: #6c757d;
   background: transparent;
@@ -265,18 +249,18 @@ export default {
 
       import_file: null,
       import_error: null,
-      import_success: false,
       delete_bucket_selected: null,
       delete_host_selected: null,
       deleting_host: false,
       delete_host_error: null,
-      // Explicit thStyle widths so each device's table aligns with the
-      // others (b-table otherwise auto-fits per-card based on its own
-      // content, which produced jagged columns across hosts).
-      fields: [
+    };
+  },
+  computed: {
+    fields() {
+      return [
         {
           key: 'id',
-          label: 'Bucket ID',
+          label: this.$t('buckets.bucketId'),
           sortable: true,
           thStyle: { width: '45%' },
         },
@@ -287,7 +271,7 @@ export default {
         },
         {
           key: 'last_updated',
-          label: 'Updated',
+          label: this.$t('buckets.updated'),
           sortable: true,
           thStyle: { width: '15%' },
         },
@@ -297,48 +281,38 @@ export default {
           thStyle: { width: '15%' },
           tdClass: 'text-right',
         },
-      ],
-    };
+      ];
+    },
+    deleteHostModalTitle() {
+      if (this.delete_host_selected) {
+        return this.$t('buckets.deleteHostTitleNamed', {
+          hostname: this.delete_host_selected.hostname,
+        });
+      }
+      return this.$t('buckets.deleteHostTitle');
+    },
   },
   watch: {
     import_file: async function (_new_value, _old_value) {
       if (this.import_file != null) {
-        console.log('Importing file');
-        this.import_error = null;
-        this.import_success = false;
         try {
           await this.importBuckets(this.import_file);
-          console.log('Import successful');
-          this.import_success = true;
+          this.import_error = null;
         } catch (err) {
-          console.log('Import failed', err);
-          if (err.response && err.response.data && err.response.data.message) {
-            this.import_error = err.response.data.message;
-          } else {
-            this.import_error = 'Import failed, see aw-server logs for more info';
-          }
+          this.import_error = 'Import failed, see aw-server logs for more info';
         }
-        // We need to reload buckets even if we fail because imports can be partial
-        // (first bucket succeeds, second fails for example when importing multiple)
         await this.bucketsStore.loadBuckets();
         this.import_file = null;
       }
     },
   },
   mounted: async function () {
-    // load or reload buckets on mount
     await this.bucketsStore.loadBuckets();
   },
   methods: {
     isRecent: function (date) {
       return moment().diff(date) / 1000 < 120;
     },
-    // last_updated is only set once a bucket has actually been written to:
-    //   - aw-server-python omits it when the bucket has no events
-    //   - aw-server-rust's store harmonization (see update_buckets) sets
-    //     last_updated from metadata.end, which is also only present once
-    //     events exist
-    // The previous device-level "Last updated 0s ago" was just moment(undefined).fromNow().
     bucketHasEvents: function (bucket) {
       return Boolean(bucket && bucket.last_updated);
     },
@@ -365,10 +339,6 @@ export default {
           },
           failed: () => _.isEqual(device.hostnames, ['unknown']),
         },
-        //{
-        //  msg: () => 'just a test',
-        //  failed: () => true,
-        //},
       ];
       const failedChecks = _.filter(checks, c => c.failed());
       return _.map(failedChecks, c => c.msg());
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 55eca33d..26da4b79 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,74 +1,86 @@
 <template lang="pug">
 div
   b-alert(v-if="$isAndroid" show)
-    | #[b Note:] ActivityWatch on Android is in a very early stage of development. There will be bugs, but we hope you bear with us as we refine things and get it on par with the desktop version of ActivityWatch (which you should try!).
+    | #[b {{ $t('home.note') }}] {{ $t('home.androidNote') }}
 
-  h3 Welcome to ActivityWatch
+  h3 {{ $t('home.greeting') }}
   p
-    | We've come a long way#[span(v-if="$isAndroid") (especially on Android!)] but we still need users (like you!) to provide feedback and help us turn ActivityWatch into a successful project.
-    | We'd love to hear any ideas you have for improvements.
+    | {{ homeIntro1 }}
   p
-    | If you are a developer, we hope you can contribute by writing a watcher, visualization, or something else, and share it with us on the forum!
-  p.mb-0 Thank you for using ActivityWatch!
+    | {{ $t('home.intro3') }}
+  p.mb-0 {{ $t('home.thanks') }}
   p
-    a(href="https://forms.gle/q2N9K5RoERBV8kqPA") Fill out our user survey
-    | &nbsp;or&nbsp;
-    a(href="https://forum.activitywatch.net/c/features") vote on features on the forum
-    | &nbsp;to help shape what comes next.
+    a(href="https://forms.gle/q2N9K5RoERBV8kqPA") {{ $t('home.surveyFill') }}
+    | &nbsp;{{ $t('home.surveyOr') }}&nbsp;
+    a(href="https://forum.activitywatch.net/c/features") {{ $t('home.voteForum') }}
+    | &nbsp;{{ $t('home.surveySuffix') }}
 
   hr
 
   div.row
     div.col-md-6
-      h4 Spread the word
+      h4 {{ $t('home.spreadTitle') }}
       p
-        | Nothing is as motivating as getting ActivityWatch into the hands of users.
-        | By sharing it you get us to make ActivityWatch even better!
+        | {{ $t('home.spread1') }}
       ul
-        li Give us a like and a review on #[a(href="https://alternativeto.net/software/activitywatch/") AlternativeTo]
-        li Vote on us at #[a(href="https://www.producthunt.com/posts/activitywatch") ProductHunt]
-        li Follow us and spread the word on #[a(href="https://twitter.com/ActivityWatchIt") Twitter] and #[a(href="https://www.facebook.com/ActivityWatch") Facebook]
-        li Star us on #[a(href="https://github.com/ActivityWatch/activitywatch") GitHub]
+        li
+          | {{ $t('home.spreadReview') }}
+          |  #[a(href="https://alternativeto.net/software/activitywatch/") AlternativeTo]
+        li
+          | {{ $t('home.spreadVote') }}
+          |  #[a(href="https://www.producthunt.com/posts/activitywatch") ProductHunt]
+        li
+          | {{ $t('home.spreadFollow') }}
+          |  #[a(href="https://twitter.com/ActivityWatchIt") Twitter]
+          |  /
+          |  #[a(href="https://www.facebook.com/ActivityWatch") Facebook]
+        li
+          | {{ $t('home.spreadStar') }}
+          |  #[a(href="https://github.com/ActivityWatch/activitywatch") GitHub]
 
     div.col-md-6
-      h4 Support us!
+      h4 {{ $t('home.supportTitle') }}
       p
-        | Do you like ActivityWatch? Has it helped you? Help us help you by donating!
-        | You can donate to us via:
+        | {{ $t('home.support1') }}
       ul
         li #[a(href="https://www.patreon.com/erikbjare") Patreon]
         li #[a(href="https://opencollective.com/activitywatch") Open Collective]
         li #[a(href="https://liberapay.com/ActivityWatch/") Liberapay]
-        li #[a(href="https://activitywatch.net/donate/") Other methods] (incl. cryptocurrency)
+        li #[a(href="https://activitywatch.net/donate/") {{ $t('home.otherDonationMethods') }}]
       p
-        | For more info, please visit the #[a(href="https://activitywatch.net/donate/") donation page on the website].
+        | {{ $t('home.support2') }}
+        |  #[a(href="https://activitywatch.net/donate/") {{ $t('home.donationPage') }}].
 
   hr
 
   div.row
     div.col-md-6
-      h4 Resources
+      h4 {{ $t('home.resourcesTitle') }}
       ul
-        li #[a(href="https://activitywatch.net/") Website]
-        li #[a(href="https://docs.activitywatch.net/") Documentation]
-        li #[a(href="https://forum.activitywatch.net/") Forum]
-        li #[a(href="https://discord.gg/vDskV9q") Discord]
-        li #[a(href="https://www.reddit.com/r/activitywatch/") Reddit]
+        li #[a(href="https://activitywatch.net/") {{ $t('home.website') }}]
+        li #[a(href="https://docs.activitywatch.net/") {{ $t('home.documentation') }}]
+        li #[a(href="https://forum.activitywatch.net/") {{ $t('home.forum') }}]
+        li #[a(href="https://discord.gg/vDskV9q") {{ $t('home.discord') }}]
+        li #[a(href="https://www.reddit.com/r/activitywatch/") {{ $t('home.reddit') }}]
         li #[a(href="https://github.com/ActivityWatch/activitywatch") GitHub]
-        li(v-if="!info.version.includes('rust')") #[a(:href="apiBrowserUrl") API Browser]
+        li(v-if="!info.version.includes('rust')") #[a(:href="apiBrowserUrl") {{ $t('home.apiBrowser') }}]
 
     div.col-md-6
-      h4 What we're working on
+      h4 {{ $t('home.workingOnTitle') }}
       p
-        | Stay up to date with the #[a(href="https://forum.activitywatch.net/c/news") development updates]
-        | and follow the project on #[a(href="https://github.com/ActivityWatch/activitywatch") GitHub] for release notes.
+        | {{ $t('home.workingOnPrefix') }}
+        |  #[a(href="https://forum.activitywatch.net/c/news") {{ $t('home.devUpdates') }}]
+        |  {{ $t('home.workingOnMiddle') }}
+        |  #[a(href="https://github.com/ActivityWatch/activitywatch") GitHub]
+        |  {{ $t('home.workingOnSuffix') }}
 
   hr
 
   p
     small
       i
-        | You can change which page opens when you open ActivityWatch (instead of this page) in the #[router-link(to="/settings") settings].
+        | {{ $t('home.landingHint') }}
+        |  #[router-link(to="/settings") {{ $t('nav.settings') }}].
 
 </template>
 
@@ -80,8 +92,10 @@ export default {
   name: 'Home',
   computed: {
     ...mapState(useServerStore, ['info']),
-    // Resolve the API browser link relative to the current document so it
-    // works when the webui is served behind a reverse proxy at a sub-path.
+    homeIntro1() {
+      const android = this.$isAndroid ? this.$t('home.introAndroid') : '';
+      return this.$t('home.intro1', { android });
+    },
     apiBrowserUrl(): string {
       const base = window.location.pathname.replace(/[^/]*$/, '');
       return base + 'api/';
diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
index e300ec8a..b34f1189 100644
--- a/src/views/Timeline.vue
+++ b/src/views/Timeline.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 div
-  h3 Timeline
+  h3 {{ $t('timeline.title') }}
 
   input-timeinterval(v-model="daterange", :defaultDuration="timeintervalDefaultDuration", :maxDuration="maxDuration").mb-3
 
@@ -49,13 +49,13 @@ div
               label AFK:
             td
               b-form-checkbox(v-model="filter_afk" size="sm" switch)
-                | Filter AFK
+                | {{ $t('timeline.filterAfk') }}
           tr
             th.pt-2.pr-3
               label Merge:
             td
               b-form-checkbox(v-model="filter_merge_similar" size="sm" switch)
-                | Merge by app
+                | {{ $t('timeline.mergeByApp') }}
           tr
             th.pt-2.pr-3
               label(for="timeline-filter-categories") Categories:
@@ -90,13 +90,13 @@ div
       ) {{ opt.text }}
 
     div.timeline-chip.mr-2.text-muted
-      | {{ num_events }} events shown
+      | {{ num_events }} {{ $t('timeline.eventsShown') }}
 
     small.text-muted.ml-auto
-      | Scroll to zoom, swipe to pan, arrow keys to navigate
+      | {{ $t('timeline.scrollHint') }}
 
   b-alert.mb-2(v-if="buckets !== null && num_events === 0", variant="warning", show)
-    | No events match selected criteria. Timeline is not updated.
+    | {{ $t('timeline.noEvents') }}
 
   div(v-if="buckets !== null")
     vis-timeline(:buckets="buckets", :showRowLabels='true', :queriedInterval="daterange", :swimlane="swimlane", :updateTimelineWindow='updateTimelineWindow')
@@ -104,7 +104,7 @@ div
     aw-devonly(reason="Not ready for production, still experimenting")
       aw-calendar(:buckets="buckets")
   div(v-else)
-    h1.aw-loading Loading...
+    h1.aw-loading {{ $t('common.loading') }}
 </template>
 
 <script lang="ts">
diff --git a/src/views/activity/Activity.vue b/src/views/activity/Activity.vue
index c1f6d839..c3b60a63 100644
--- a/src/views/activity/Activity.vue
+++ b/src/views/activity/Activity.vue
@@ -1,21 +1,21 @@
 <template lang="pug">
 div
-  h3.mb-0 Activity #[span.d-sm-inline.d-none for ]
+  h3.mb-0 {{ $t('activity.title') }} #[span.d-sm-inline.d-none {{ $t('activity.for') }} ]
     span.text-muted.d-sm-inline-block.d-block
       span(v-if="periodIsBrowseable") {{ timeperiod | friendlyperiod }}
-      span(v-else) {{ {"last7d": "last 7 days", "last30d": "last 30 days"}[periodLength] }}
+      span(v-else) {{ periodLengthTitle }}
 
   div.mb-3.text-muted(style="font-size: 0.9em;")
     ul.list-group.list-group-horizontal-md
       li.list-group-item.pl-0.pr-3.py-0.border-0
-        b.mr-1 Host:
+        b.mr-1 {{ $t('activity.host') }}
         span {{ host }}
       li.list-group-item.pl-0.pr-3.py-0.border-0
-        b.mr-1 Time active:
+        b.mr-1 {{ $t('activity.timeActive') }}
         span {{ activityStore.active.duration | friendlyduration }}
     ul.list-group.list-group-horizontal-md(v-if="periodLength != 'day'")
       li.list-group-item.pl-0.pr-3.py-0.border-0
-        b.mr-1 Query range:
+        b.mr-1 {{ $t('activity.queryRange') }}
         span {{ periodReadableRange }}
 
   div.activity-toolbar.d-flex.flex-wrap.align-items-center
@@ -86,34 +86,34 @@ div
         b-button.px-2(:pressed.sync="showOptions", variant="outline-dark", title="Filters", aria-label="Filters")
           icon(name="filter")
           span.d-none.d-md-inline
-            |  Filters
+            |  {{ $t('activity.filters') }}
             b-badge(pill, variant="secondary" v-if="filters_set > 0").ml-2 {{ filters_set }}
         b-button.px-2(@click="refresh(true)", variant="outline-dark", title="Refresh", aria-label="Refresh")
           icon(name="sync")
           span.d-none.d-md-inline
-            |  Refresh
+            |  {{ $t('activity.refresh') }}
 
   div.row(v-if="showOptions" style="background-color: #EEE;").my-3.py-3
     div.col-md-12
-      h5 Filters
+      h5 {{ $t('activity.filtersTitle') }}
     div.col-md-6
       b-form-checkbox(v-model="filter_afk" size="sm")
-        | Exclude AFK time
+        | {{ $t('activity.excludeAfk') }}
         icon#filterAFKHelp(name="question-circle" style="opacity: 0.4")
-        b-tooltip(target="filterAFKHelp" v-b-tooltip.hover title="Filter away time where the AFK watcher didn't detect any input.")
+        b-tooltip(target="filterAFKHelp" v-b-tooltip.hover :title="$t('activity.filterAfkTooltip')")
       b-form-checkbox(v-model="include_audible" :disabled="!filter_afk" size="sm")
-        | Count audible browser tab as active
+        | {{ $t('activity.audibleActive') }}
         icon#includeAudibleHelp(name="question-circle" style="opacity: 0.4")
-        b-tooltip(target="includeAudibleHelp" v-b-tooltip.hover title="If the active window is an audible browser tab, count as active. Requires a browser watcher.")
+        b-tooltip(target="includeAudibleHelp" v-b-tooltip.hover :title="$t('activity.filterAudibleTooltip')")
 
       b-form-checkbox(v-if="devmode" v-model="include_stopwatch" size="sm")
         // WIP: https://github.com/ActivityWatch/aw-webui/pull/368
-        | Include manually logged events (stopwatch)
+        | {{ $t('activity.includeStopwatch') }}
         br
-        | #[b Note:] WIP. Stopwatch events shadow other events, when overlapping with them. Only shown in devmode.
+        | {{ $t('activity.stopwatchWipNote') }}
 
     div.col-md-6.mt-2.mt-md-0
-      b-form-group(label="Show category" label-cols="5" label-cols-lg="4" style="font-size: 0.88em")
+      b-form-group(:label="$t('activity.showCategory')" label-cols="5" label-cols-lg="4" style="font-size: 0.88em")
         b-form-select(v-model="filter_category", :options="categoryStore.category_select(true)" size="sm")
 
 
@@ -131,13 +131,13 @@ div
         h6
           icon(name="plus")
           span.d-none.d-md-inline
-            | New view
+            | {{ $t('activity.newView') }}
 
-  b-modal(id="new_view" ref="new_view" title="New view" @show="resetModal" @hidden="resetModal" @ok="handleOk")
+  b-modal(id="new_view" ref="new_view" :title="$t('activity.newViewTitle')" @show="resetModal" @hidden="resetModal" @ok="handleOk")
     div.my-1
-      b-input-group.my-1(prepend="ID")
+      b-input-group.my-1(:prepend="$t('activity.viewId')")
         b-form-input(v-model="new_view.id")
-      b-input-group.my-1(prepend="Name")
+      b-input-group.my-1(:prepend="$t('activity.viewName')")
         b-form-input(v-model="new_view.name")
 
   div
@@ -145,7 +145,7 @@ div
 
     aw-devonly
       b-btn(id="load-demo", @click="load_demo")
-        | Load demo data
+        | {{ $t('activity.loadDemo') }}
 </template>
 
 <style lang="scss" scoped>
@@ -302,28 +302,32 @@ export default {
     periodLengths: function () {
       const settingsStore = useSettingsStore();
       let periods: Record<string, string> = {
-        day: 'day',
-        week: 'week',
-        month: 'month',
+        day: this.$t('activity.periodDay').toString(),
+        week: this.$t('activity.periodWeek').toString(),
+        month: this.$t('activity.periodMonth').toString(),
       };
       if (settingsStore.showYearly) {
-        periods['year'] = 'year';
+        periods['year'] = this.$t('activity.periodYear').toString();
       }
       periods = {
         ...periods,
-        last7d: '7 days',
-        last30d: '30 days',
+        last7d: this.$t('activity.periodLast7d').toString(),
+        last30d: this.$t('activity.periodLast30d').toString(),
       };
       return periods;
     },
+    periodLengthTitle: function () {
+      if (this.periodLength === 'last7d') {
+        return this.$t('activity.periodLast7dTitle');
+      }
+      if (this.periodLength === 'last30d') {
+        return this.$t('activity.periodLast30dTitle');
+      }
+      return '';
+    },
     periodLengthsButtons: function () {
       return Object.entries(this.periodLengths).map(([value, text]) => ({ value, text }));
     },
-    // Rolling windows ("Last N days") are surfaced as primary buttons —
-    // they always represent a full period of data, whereas calendar
-    // periods (week/month/year) show only a partial range until the
-    // boundary is reached. Calendar periods stay in the kebab for users
-    // who need exact week/month boundaries (week-over-week comparisons).
     primaryPeriods: function () {
       return this.periodLengthsButtons.filter(p => ['day', 'last7d', 'last30d'].includes(p.value));
     },
@@ -541,18 +545,18 @@ export default {
 
     checkFormValidity() {
       // All checks must be false for check to pass
-      const checks = {
-        // Check if view id is unique
-        'ID is not unique': this.viewsStore.views.map(v => v.id).includes(this.new_view.id),
-        'Missing ID': this.new_view.id === '',
-        'Missing name': this.new_view.name === '',
-      };
-      const errors = Object.entries(checks)
-        .filter(([_k, v]) => v)
-        .map(([k, _v]) => k);
+      const checks: [string, boolean][] = [
+        [
+          this.$t('activity.errIdNotUnique').toString(),
+          this.viewsStore.views.map(v => v.id).includes(this.new_view.id),
+        ],
+        [this.$t('activity.errMissingId').toString(), this.new_view.id === ''],
+        [this.$t('activity.errMissingName').toString(), this.new_view.name === ''],
+      ];
+      const errors = checks.filter(([, v]) => v).map(([k]) => k);
       const valid = errors.length == 0;
       if (!valid) {
-        alert(`Invalid form input: ${errors}`);
+        alert(this.$t('activity.invalidForm', { errors: errors.join(', ') }));
       }
       return valid;
     },
diff --git a/src/views/settings/CategorizationSettings.vue b/src/views/settings/CategorizationSettings.vue
index fa7039d2..1dc19252 100644
--- a/src/views/settings/CategorizationSettings.vue
+++ b/src/views/settings/CategorizationSettings.vue
@@ -1,17 +1,16 @@
 <template lang="pug">
 div
   p.mb-2
-    | Rules for categorizing events. An event can only have one category. If several categories match, the deepest one will be chosen.
+    | {{ $t('settings.categorization.rulesHelp') }}
   p
-    | Find and share categorization rule presets on #[a(href="https://forum.activitywatch.net/c/projects/category-rules") the forum].
-    | For help on how to write categorization rules, see #[a(href="https://docs.activitywatch.net/en/latest/features/categorization.html") the documentation].
+    | {{ $t('settings.categorization.forumIntro') }}
+    |  #[a(href="https://forum.activitywatch.net/c/projects/category-rules") {{ $t('settings.categorization.forum') }}].
+    | {{ $t('settings.categorization.docsIntro') }}
+    |  #[a(href="https://docs.activitywatch.net/en/latest/features/categorization.html") {{ $t('settings.categorization.documentation') }}].
 
-  // Category set switcher. bg-light + .rounded so dark.css's .bg-light
-  // override flips the background in dark mode instead of leaving an
-  // inline white block on a dark canvas.
   div.my-3.p-3.bg-light.rounded
     div.d-flex.align-items-center.flex-wrap(style="gap: 0.5rem;")
-      span.font-weight-bold(style="white-space: nowrap") Category set:
+      span.font-weight-bold(style="white-space: nowrap") {{ $t('settings.categorization.categorySet') }}
       b-select(
         v-model="activeSetId"
         @change="onSetChange"
@@ -27,36 +26,36 @@ div
         @click="createSet"
         variant="outline-primary"
         size="sm"
-      ) New set
+      ) {{ $t('settings.categorization.newSet') }}
       b-btn(
         v-if="categoryStore.category_sets.length > 1"
         @click="deleteActiveSet"
         variant="outline-danger"
         size="sm"
-      ) Delete set
+      ) {{ $t('settings.categorization.deleteSet') }}
     div.mt-1.small.text-muted(v-if="categoryStore.category_sets.length > 1")
-      | {{ categoryStore.category_sets.length }} sets available — switch sets to use different rule profiles.
+      | {{ $t('settings.categorization.setsAvailable', { count: categoryStore.category_sets.length }) }}
 
   div.d-flex.align-items-center.flex-wrap.mt-4
-    h5.mb-0 Categories
+    h5.mb-0 {{ $t('settings.categorization.categories') }}
     div.ml-auto
       b-btn.ml-1(@click="restoreDefaultClasses", variant="outline-warning" size="sm")
         icon(name="undo")
-        | Restore defaults
+        | {{ $t('settings.categorization.restoreDefaults') }}
       label.btn.btn-sm.ml-1.btn-outline-primary(style="margin: 0")
-        | Import
+        | {{ $t('common.import') }}
         input(type="file" @change="importCategories" hidden)
       b-btn.ml-1(@click="exportClasses", variant="outline-primary" size="sm")
-        | Export
+        | {{ $t('common.export') }}
 
   div.my-3
     b-alert(variant="warning" :show="classes_unsaved_changes")
-      | You have unsaved changes!
+      | {{ $t('settings.categorization.unsavedChanges') }}
       div.float-right(style="margin-top: -0.15em; margin-right: -0.6em")
         b-btn.ml-2(@click="saveClasses", variant="success" size="sm")
-          | Save
+          | {{ $t('common.save') }}
         b-btn.ml-2(@click="resetClasses", variant="warning" size="sm")
-          | Discard
+          | {{ $t('settings.categorization.discard') }}
     div(v-for="_class in classes_hierarchy")
       CategoryEditTree(:_class="_class")
     div(v-if="editingId !== null")
@@ -66,18 +65,14 @@ div
     div.col-sm-12
       b-btn(@click="addClass")
         icon.mr-2(name="plus")
-        | Add category
+        | {{ $t('settings.categorization.addCategory') }}
       b-btn.float-right(@click="saveClasses", variant="success" :disabled="!classes_unsaved_changes")
-        | Save
+        | {{ $t('common.save') }}
 
-  // Category Builder sits at the end of the categories list (above the
-  // ActivePatternSettings panel below the group). Collapsed by default
-  // so the words query doesn't fire for users who only came to edit
-  // rules; once opened it mounts lazily.
   div.mt-4(ref="builderSection")
     div.d-flex.align-items-center.flex-wrap
-      h5.mb-0 Category builder
-      small.text-muted.ml-2 Generate rules from uncategorized activity
+      h5.mb-0 {{ $t('settings.categorization.builderTitle') }}
+      small.text-muted.ml-2 {{ $t('settings.categorization.builderSubtitle') }}
       b-btn.ml-auto(
         variant="outline-primary"
         size="sm"
@@ -86,7 +81,7 @@ div
         aria-controls="category-builder-collapse"
       )
         icon.mr-1(:name="builderOpen ? 'angle-double-up' : 'angle-double-down'")
-        | {{ builderOpen ? 'Hide builder' : 'Open builder' }}
+        | {{ builderOpen ? $t('settings.categorization.hideBuilder') : $t('settings.categorization.openBuilder') }}
     b-collapse#category-builder-collapse(v-model="builderOpen")
       div.mt-3(v-if="builderMounted")
         CategoryBuilder(embedded)
@@ -104,15 +99,11 @@ import { useCategoryStore } from '~/stores/categories';
 import _ from 'lodash';
 import { downloadFile } from '~/util/export';
 
-const confirmationMessage = 'Your categories have unsaved changes, are you sure you want to leave?';
-
 export default {
   name: 'CategorizationSettings',
   components: {
     CategoryEditTree,
     CategoryEditModal,
-    // Lazy-load the builder so visiting Categorization without opening
-    // the builder doesn't drag in its query/word-list code.
     CategoryBuilder: () => import('~/views/settings/CategoryBuilder.vue'),
   },
   data: () => ({
@@ -141,15 +132,8 @@ export default {
   },
   mounted() {
     this.categoryStore.load();
-
-    // Warn user about unsaved changes when closing/refreshing the browser tab.
-    // Route navigation guard is handled by the parent Settings.vue component
-    // using beforeRouteLeave (automatically cleaned up by Vue Router).
     window.addEventListener('beforeunload', this.beforeUnload);
 
-    // Deep-link from UncategorizedNotification ("Category Builder" link) lands
-    // on /settings/categorization?builder=open — open the builder and scroll
-    // it into view so the user can act immediately.
     if (this.$route.query.builder === 'open') {
       this.builderOpen = true;
       this.$nextTick(() => {
@@ -170,7 +154,6 @@ export default {
         rule: { type: 'regex', regex: 'FILL ME' },
       });
 
-      // Find the category with the max ID, and open an editor for it
       const lastId = _.max(_.map(this.categoryStore.classes, 'id'));
       this.editingId = lastId;
     },
@@ -187,49 +170,35 @@ export default {
       this.editingId = null;
     },
     exportClasses: async function () {
-      console.log('Exporting categories...');
-
-      // Export the active set with its ID — suitable for re-importing as a named set.
-      // Use classes_clean (current in-memory state) so unsaved edits are included.
       const activeSetId = this.categoryStore.active_set_ids[0] || 'default';
       const export_data = { id: activeSetId, categories: this.categoryStore.classes_clean };
       const text = JSON.stringify(export_data, null, 2);
       await downloadFile(`aw-category-export-${export_data.id}.json`, text, 'application/json');
     },
     importCategories: async function (elem) {
-      console.log('Importing categories...');
-
-      // Get file from upload
       const file = elem.target.files[0];
       if (file.type != 'application/json') {
         console.error('Only JSON files are possible to import');
         return;
       }
 
-      // Read and parse import text to JSON
       const text = await file.text();
       const import_obj = JSON.parse(text);
 
       if (import_obj.categories && !import_obj.id) {
-        // Legacy format: flat categories array — import into the active set
         this.categoryStore.import(import_obj.categories);
       } else if (import_obj.id && import_obj.categories) {
-        // New CategorySet format — create or overwrite set with same ID
         let setId = import_obj.id;
         while (
           this.categoryStore.category_sets.find(
             s => s.id === setId && s.id !== (this.categoryStore.active_set_ids[0] || '')
           )
         ) {
-          // Avoid duplicate IDs (except if overwriting the active set)
           setId = setId + '-imported';
         }
         const existing = this.categoryStore.category_sets.find(s => s.id === setId);
         if (existing) {
           existing.categories = import_obj.categories;
-          // If importing into the active set, don't call switchToSet — it would call
-          // syncToPrimarySet first and overwrite the just-imported categories with
-          // stale in-memory classes. Use discardChanges to recompute from the updated set.
           const isActiveSet = setId === (this.categoryStore.active_set_ids[0] || '');
           if (isActiveSet) {
             this.categoryStore.discardChanges();
@@ -252,7 +221,6 @@ export default {
         alert(`A set named "${name}" already exists.`);
         return;
       }
-      // Create the new set and switch to it (switchToSet syncs current state first)
       this.categoryStore.createSet(name);
       this.categoryStore.switchToSet(name);
     },
@@ -266,23 +234,20 @@ export default {
     onSetChange: function (setId: string) {
       if (this.classes_unsaved_changes) {
         if (!confirm('You have unsaved changes. Switch sets anyway? (Changes will be discarded)')) {
-          // Revert the select back to current active
           this.activeSetId = this.categoryStore.active_set_ids[0] || 'default';
           return;
         }
-        // User confirmed discard: reset in-memory edits before switching so that
-        // switchToSet() → syncToPrimarySet() writes back the original (clean) state,
-        // not the unsaved edits the user just chose to discard.
         this.categoryStore.discardChanges();
       }
       this.categoryStore.switchToSet(setId);
     },
     beforeUnload: function (e) {
       if (this.classes_unsaved_changes) {
+        const msg = this.$t('settings.unsavedCategoriesLeave');
         e = e || window.event;
         e.preventDefault();
-        e.returnValue = confirmationMessage;
-        return confirmationMessage;
+        e.returnValue = msg;
+        return msg;
       }
     },
   },
diff --git a/src/views/settings/LanguageSettings.vue b/src/views/settings/LanguageSettings.vue
new file mode 100644
index 00000000..3663597f
--- /dev/null
+++ b/src/views/settings/LanguageSettings.vue
@@ -0,0 +1,43 @@
+<template lang="pug">
+div
+  div.d-sm-flex.justify-content-between
+    div
+      h5.mt-1.mb-2.mb-sm-0 {{ $t('settings.language.title') }}
+    div
+      b-select.landingpage(v-if="_loaded" size="sm" :value="locale", @change="locale = $event")
+        option(value="en") {{ $t('common.languageEn') }}
+        option(value="uk") {{ $t('common.languageUk') }}
+        option(value="de") {{ $t('common.languageDe') }}
+        option(value="ru") {{ $t('common.languageRu') }}
+        option(value="zh-CN") {{ $t('common.languageZhCN') }}
+      span(v-else)
+        .aw-loading {{ $t('common.loading') }}
+  small
+    | {{ $t('settings.language.help') }}
+</template>
+
+<script lang="ts">
+import { mapState } from 'pinia';
+import { useSettingsStore } from '~/stores/settings';
+import { isAppLocale, setAppLocale } from '~/i18n';
+
+export default {
+  name: 'LanguageSettings',
+  computed: {
+    ...mapState(useSettingsStore, ['_loaded']),
+    locale: {
+      get() {
+        const { locale } = useSettingsStore();
+        return isAppLocale(locale) ? locale : 'en';
+      },
+      set(value: string) {
+        if (!isAppLocale(value)) {
+          return;
+        }
+        useSettingsStore().update({ locale: value });
+        setAppLocale(value);
+      },
+    },
+  },
+};
+</script>
diff --git a/src/views/settings/Settings.vue b/src/views/settings/Settings.vue
index ad66f197..4c9e9923 100644
--- a/src/views/settings/Settings.vue
+++ b/src/views/settings/Settings.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 div
-  h3.mb-3 Settings
+  h3.mb-3 {{ $t('settings.title') }}
 
   div.settings-layout
     nav.settings-nav
@@ -26,6 +26,7 @@ div
 import { useSettingsStore } from '~/stores/settings';
 import { useCategoryStore } from '~/stores/categories';
 
+import LanguageSettings from '~/views/settings/LanguageSettings.vue';
 import DaystartSettings from '~/views/settings/DaystartSettings.vue';
 import TimelineDurationSettings from '~/views/settings/TimelineDurationSettings.vue';
 import ReleaseNotificationSettings from '~/views/settings/ReleaseNotificationSettings.vue';
@@ -48,6 +49,7 @@ interface Group {
 export default {
   name: 'Settings',
   components: {
+    LanguageSettings,
     DaystartSettings,
     TimelineDurationSettings,
     ReleaseNotificationSettings,
@@ -63,7 +65,7 @@ export default {
   beforeRouteLeave(to, from, next) {
     const categoryStore = useCategoryStore();
     if (categoryStore.classes_unsaved_changes) {
-      if (confirm('Your categories have unsaved changes, are you sure you want to leave?')) {
+      if (confirm(this.$t('settings.unsavedCategoriesLeave'))) {
         next();
       } else {
         next(false);
@@ -73,8 +75,6 @@ export default {
     }
   },
   props: {
-    // Hydrated from the /settings/:group route param so reloads / direct
-    // links preserve which panel is open.
     group: { type: String, default: '' },
   },
   computed: {
@@ -85,47 +85,42 @@ export default {
     groups(): Group[] {
       const general: Group = {
         id: 'general',
-        label: 'General',
-        help: 'Defaults that shape how time periods, the timeline, and landing page behave.',
+        label: this.$t('settings.groups.general'),
+        help: this.$t('settings.groups.generalHelp'),
         components: [
+          { name: 'LanguageSettings' },
           { name: 'DaystartSettings' },
           { name: 'TimelineDurationSettings' },
           { name: 'LandingPageSettings' },
           { name: 'UncategorizedHintSettings' },
-          // Release-notification check folded in here so it doesn't
-          // need its own one-setting "Updates" panel.
           ...(this.$isAndroid ? [] : [{ name: 'ReleaseNotificationSettings' }]),
         ],
       };
       const appearance: Group = {
         id: 'appearance',
-        label: 'Appearance',
-        help: 'Theme and visualization colors.',
+        label: this.$t('settings.groups.appearance'),
+        help: this.$t('settings.groups.appearanceHelp'),
         components: [{ name: 'Theme' }, { name: 'ColorSettings' }],
       };
       const categorization: Group = {
         id: 'categorization',
-        label: 'Categorization',
-        help: 'Rules that classify events into categories, plus AFK/active-pattern overrides.',
-        // CategorizationSettings (rules) is the primary content; the
-        // ActivePatternSettings AFK override is an advanced edge-case
-        // setting so it lives at the bottom of the group.
+        label: this.$t('settings.groups.categorization'),
+        help: this.$t('settings.groups.categorizationHelp'),
         components: [{ name: 'CategorizationSettings' }, { name: 'ActivePatternSettings' }],
       };
       const privacy: Group = {
         id: 'privacy',
-        label: 'Privacy',
-        help: 'Filters that drop or redact sensitive event data before it is stored.',
+        label: this.$t('settings.groups.privacy'),
+        help: this.$t('settings.groups.privacyHelp'),
         components: [{ name: 'PrivacyFilterSettings' }],
       };
       const developer: Group = {
         id: 'developer',
-        label: 'Developer',
+        label: this.$t('settings.groups.developer'),
         components: [{ name: 'DeveloperSettings' }],
       };
 
-      const groups: Group[] = [general, appearance, categorization, privacy, developer];
-      return groups;
+      return [general, appearance, categorization, privacy, developer];
     },
   },
   async created() {
@@ -172,13 +167,10 @@ export default {
 }
 
 .settings-content {
-  min-width: 0; // prevent grid blowout from long content
+  min-width: 0;
 }
 
 .settings-section {
-  // Modest breathing room at the end of each panel — keeps long
-  // subviews from crashing into the card border without making
-  // short ones feel overly padded.
   padding-bottom: 1rem;
 }
 
@@ -207,16 +199,10 @@ export default {
 
   .settings-nav {
     position: static;
-    // Keep the nav fully inside the layout so the horizontal pill row
-    // doesn't push the page to overflow at xs widths.
     min-width: 0;
     max-width: 100%;
   }
 
-  // Flex-wrap the pills onto multiple rows instead of overflow-x: auto.
-  // The hidden horizontal scrollbar produced "incorrect" extra horizontal
-  // scroll space on xs viewports and let pills like "Developer" hide
-  // off-screen — both of which break discoverability.
   ::v-deep .settings-nav .nav {
     flex-direction: row !important;
     flex-wrap: wrap;
diff --git a/test/unit/i18n.test.js b/test/unit/i18n.test.js
new file mode 100644
index 00000000..f908667a
--- /dev/null
+++ b/test/unit/i18n.test.js
@@ -0,0 +1,76 @@
+describe('i18n', () => {
+  const loadI18n = () => {
+    jest.resetModules();
+    return require('~/i18n');
+  };
+
+  beforeEach(() => {
+    localStorage.clear();
+    document.documentElement.removeAttribute('lang');
+  });
+
+  afterEach(() => {
+    jest.resetModules();
+  });
+
+  test('isAppLocale accepts supported locales only', () => {
+    const { isAppLocale } = loadI18n();
+    expect(isAppLocale('en')).toBe(true);
+    expect(isAppLocale('uk')).toBe(true);
+    expect(isAppLocale('de')).toBe(true);
+    expect(isAppLocale('ru')).toBe(true);
+    expect(isAppLocale('zh-CN')).toBe(true);
+    expect(isAppLocale('fr')).toBe(false);
+    expect(isAppLocale('')).toBe(false);
+    expect(isAppLocale(null)).toBe(false);
+  });
+
+  test('initial locale comes from localStorage when valid', () => {
+    localStorage.setItem('locale', 'uk');
+    const { i18n } = loadI18n();
+    expect(i18n.locale).toBe('uk');
+  });
+
+  test('initial locale detects browser language', () => {
+    Object.defineProperty(navigator, 'language', {
+      value: 'de-DE',
+      configurable: true,
+    });
+    const { i18n } = loadI18n();
+    expect(i18n.locale).toBe('de');
+  });
+
+  test('initial locale detects Chinese browser language', () => {
+    Object.defineProperty(navigator, 'language', {
+      value: 'zh-CN',
+      configurable: true,
+    });
+    const { i18n } = loadI18n();
+    expect(i18n.locale).toBe('zh-CN');
+  });
+
+  test('initial locale falls back to en', () => {
+    Object.defineProperty(navigator, 'language', {
+      value: 'fr-FR',
+      configurable: true,
+    });
+    const { i18n } = loadI18n();
+    expect(i18n.locale).toBe('en');
+  });
+
+  test('setAppLocale updates i18n, moment, document, and storage', () => {
+    const { setAppLocale, i18n } = loadI18n();
+    setAppLocale('zh-CN');
+    expect(i18n.locale).toBe('zh-CN');
+    expect(document.documentElement.lang).toBe('zh-CN');
+    expect(localStorage.getItem('locale')).toBe('zh-CN');
+  });
+
+  test('setAppLocale falls back to en for invalid locale', () => {
+    const { setAppLocale, i18n } = loadI18n();
+    setAppLocale('not-a-locale');
+    expect(i18n.locale).toBe('en');
+    expect(document.documentElement.lang).toBe('en');
+    expect(localStorage.getItem('locale')).toBe('en');
+  });
+});
diff --git a/test/unit/store/settings.locale.test.js b/test/unit/store/settings.locale.test.js
new file mode 100644
index 00000000..3e89ada6
--- /dev/null
+++ b/test/unit/store/settings.locale.test.js
@@ -0,0 +1,74 @@
+const mockGetSettings = jest.fn();
+
+jest.mock('~/util/awclient', () => ({
+  getClient: () => ({
+    get_settings: mockGetSettings,
+    req: {
+      defaults: { timeout: 0 },
+      post: jest.fn(),
+    },
+  }),
+}));
+
+import { setActivePinia, createPinia } from 'pinia';
+import { useSettingsStore } from '~/stores/settings';
+import { i18n } from '~/i18n';
+
+describe('settings store locale loading', () => {
+  let settingsStore;
+
+  beforeEach(() => {
+    setActivePinia(createPinia());
+    settingsStore = useSettingsStore();
+    settingsStore.$reset();
+    settingsStore.$patch({ _loaded: false });
+    mockGetSettings.mockReset();
+    mockGetSettings.mockResolvedValue({});
+    i18n.locale = 'en';
+    localStorage.clear();
+  });
+
+  test('load applies valid locale from server', async () => {
+    mockGetSettings.mockResolvedValue({ locale: 'de' });
+
+    await settingsStore.load();
+
+    expect(settingsStore.locale).toBe('de');
+    expect(i18n.locale).toBe('de');
+    expect(document.documentElement.lang).toBe('de');
+    expect(settingsStore.loaded).toBe(true);
+  });
+
+  test('load ignores invalid locale from server', async () => {
+    const warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
+    mockGetSettings.mockResolvedValue({ locale: 'fr' });
+
+    await settingsStore.load();
+
+    expect(warn).toHaveBeenCalledWith('Ignoring invalid locale from server:', 'fr');
+    expect(settingsStore.locale).toBe('en');
+    warn.mockRestore();
+  });
+
+  test('load applies valid locale from localStorage', async () => {
+    localStorage.setItem('locale', 'zh-CN');
+    mockGetSettings.mockResolvedValue({});
+
+    await settingsStore.load();
+
+    expect(settingsStore.locale).toBe('zh-CN');
+    expect(i18n.locale).toBe('zh-CN');
+  });
+
+  test('load ignores invalid locale from localStorage', async () => {
+    const warn = jest.spyOn(console, 'warn').mockImplementation(jest.fn());
+    localStorage.setItem('locale', 'xx');
+    mockGetSettings.mockResolvedValue({});
+
+    await settingsStore.load();
+
+    expect(warn).toHaveBeenCalledWith('Ignoring invalid locale from storage:', 'xx');
+    expect(settingsStore.locale).toBe('en');
+    warn.mockRestore();
+  });
+});