From d0a9e302fdf5e20f44669a9a460b36034054a8d2 Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Tue, 2 Jun 2026 17:29:14 +0200
Subject: [PATCH 1/7] feat(i18n): add Ukrainian, German, and Russian UI
 translations

Introduce vue-i18n with en/uk/de/ru locale files, a language setting,
and translated strings for navigation, settings, and main views.
Browser language is detected on first visit; choice is persisted in
settings and localStorage. Activity period labels and visualization
titles are included.

Known gaps for follow-up: Category Builder, Alerts, Graph, dev-only
views, and some confirm/prompt dialogs remain English.
---
 package-lock.json                             |  76 +++-
 package.json                                  |   1 +
 src/components/Footer.vue                     |  21 +-
 src/components/Header.vue                     |  53 +--
 src/components/SelectableVisualization.vue    |  46 +--
 src/components/UncategorizedNotification.vue  |  43 ++-
 src/i18n/index.ts                             |  82 ++++
 src/i18n/locales/de.ts                        | 354 +++++++++++++++++
 src/i18n/locales/en.ts                        | 357 ++++++++++++++++++
 src/i18n/locales/ru.ts                        | 352 +++++++++++++++++
 src/i18n/locales/uk.ts                        | 353 +++++++++++++++++
 src/main.js                                   |   4 +
 src/stores/settings.ts                        |   7 +
 src/util/timeperiod.ts                        |   3 +-
 src/views/Buckets.vue                         |  61 +--
 src/views/Home.vue                            |  77 ++--
 src/views/NotFound.vue                        |   4 +-
 src/views/QueryExplorer.vue                   |   8 +-
 src/views/Report.vue                          |  14 +-
 src/views/Search.vue                          |  12 +-
 src/views/Stopwatch.vue                       |  12 +-
 src/views/Timeline.vue                        |  16 +-
 src/views/TimespiralView.vue                  |   4 +-
 src/views/Trends.vue                          |   6 +-
 src/views/WorkReport.vue                      |   4 +-
 src/views/activity/Activity.vue               |  81 ++--
 src/views/activity/ActivityView.vue           |  20 +-
 src/views/settings/ActivePatternSettings.vue  |  19 +-
 src/views/settings/CategorizationSettings.vue |  45 +--
 src/views/settings/ColorSettings.vue          |  10 +-
 src/views/settings/DaystartSettings.vue       |  20 +-
 src/views/settings/DeveloperSettings.vue      |  14 +-
 src/views/settings/LandingPageSettings.vue    |  29 +-
 src/views/settings/LanguageSettings.vue       |  42 +++
 .../settings/ReleaseNotificationSettings.vue  |   7 +-
 src/views/settings/Settings.vue               |  10 +-
 src/views/settings/Theme.vue                  |  25 +-
 .../settings/TimelineDurationSettings.vue     |   5 +-
 38 files changed, 1965 insertions(+), 332 deletions(-)
 create mode 100644 src/i18n/index.ts
 create mode 100644 src/i18n/locales/de.ts
 create mode 100644 src/i18n/locales/en.ts
 create mode 100644 src/i18n/locales/ru.ts
 create mode 100644 src/i18n/locales/uk.ts
 create mode 100644 src/views/settings/LanguageSettings.vue

diff --git a/package-lock.json b/package-lock.json
index 2b7411cb..d01987f0 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"
@@ -227,6 +228,7 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -2233,6 +2235,7 @@
       "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
       "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/hammerjs": "^2.0.36"
       },
@@ -5093,6 +5096,7 @@
       "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.20.7",
         "@babel/types": "^7.20.7",
@@ -5966,6 +5970,7 @@
       "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "5.62.0",
         "@typescript-eslint/types": "5.62.0",
@@ -6392,6 +6397,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -6617,6 +6623,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -7461,6 +7468,7 @@
       "integrity": "sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/core": "^27.5.1",
         "import-local": "^3.0.2",
@@ -8639,6 +8647,7 @@
       "integrity": "sha512-yTX7GVyM19tEbd+y5/gA6MkVKA6K61nVYHYAivD61Hx6odVFmQsaC3/R3cWAHM1P5oVKCevBbumPljbT+tFG2w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.12.16",
         "@soda/friendly-errors-webpack-plugin": "^1.8.0",
@@ -8739,6 +8748,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -9285,6 +9295,7 @@
       "integrity": "sha512-nPu9IvnEkP0AEpo9ETOAk50uqyBa0QMJ9GnPYkC7EukFN1z29QKjyucICayMt8KuHJ9oYBca2TDMH40HowY9mQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/plugin-transform-modules-commonjs": "^7.2.0",
         "@vue/component-compiler-utils": "^3.1.0",
@@ -9599,6 +9610,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -9677,6 +9689,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
       "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -10063,6 +10076,7 @@
       "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/transform": "^29.7.0",
         "@types/babel__core": "^7.1.14",
@@ -10537,6 +10551,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -10812,7 +10827,8 @@
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
       "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/chokidar": {
       "version": "3.6.0",
@@ -11156,6 +11172,7 @@
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
       "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
@@ -11569,6 +11586,7 @@
       "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "icss-utils": "^5.1.0",
         "postcss": "^8.4.33",
@@ -12195,6 +12213,7 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -12352,8 +12371,7 @@
       "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/debounce": {
       "version": "1.2.1",
@@ -13438,6 +13456,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "7.12.11",
         "@eslint/eslintrc": "^0.4.3",
@@ -13550,6 +13569,7 @@
       "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "eslint-utils": "^3.0.0",
         "natural-compare": "^1.4.0",
@@ -14399,6 +14419,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -14720,6 +14741,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -16875,6 +16897,7 @@
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -18816,7 +18839,8 @@
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
       "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/js-beautify": {
       "version": "1.15.4",
@@ -19125,7 +19149,8 @@
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/keycharm/-/keycharm-0.3.1.tgz",
       "integrity": "sha512-zn47Ti4FJT9zdF+YBBLWJsfKF/fYQHkrYlBeB5Ez5e2PjW7SoIxr43yehAne2HruulIoid4NKZZxO0dHBygCtQ==",
-      "license": "(Apache-2.0 OR MIT)"
+      "license": "(Apache-2.0 OR MIT)",
+      "peer": true
     },
     "node_modules/keyv": {
       "version": "4.5.4",
@@ -19196,6 +19221,7 @@
       "integrity": "sha512-UKgI3/KON4u6ngSsnDADsUERqhZknsVZbnuzlRZXLQCmfC/MDld42fTydUE9B+Mla1AL6SJ/Pp6SlEFi/AVGfw==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "copy-anything": "^2.0.1",
         "parse-node-version": "^1.0.1",
@@ -19593,6 +19619,7 @@
       "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.28.1.tgz",
       "integrity": "sha512-gYHAa180mKrNIUJCbwpmD0aTu9kV0dREDrwNnuyFAsO1Wt0EVYSZelPnJlbj9HplzXX/YWXHFTL45kvZ53M0pw==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "*"
       }
@@ -19914,6 +19941,7 @@
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
       "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "*"
       }
@@ -20818,6 +20846,7 @@
       "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
       "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vue/devtools-api": "^6.6.3",
         "vue-demi": "^0.14.10"
@@ -20999,6 +21028,7 @@
       "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
       "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -21056,6 +21086,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -21685,6 +21716,7 @@
       "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "prettier": "bin-prettier.js"
       },
@@ -21925,6 +21957,7 @@
       "resolved": "https://registry.npmjs.org/propagating-hammerjs/-/propagating-hammerjs-1.5.0.tgz",
       "integrity": "sha512-3PUXWmomwutoZfydC+lJwK1bKCh6sK6jZGB31RUX6+4EXzsbkDZrK4/sVR7gBrvJaEIwpTVyxQUAd29FKkmVdw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "hammerjs": "^2.0.8"
       }
@@ -21991,6 +22024,7 @@
       "integrity": "sha512-uBi6kmc9f3SZ3PXxqcHiUZLmIXgfgWooKWXcwSGwQd2Zi5Rb0bT14+8CJjJgI8AB+nndLaNgHGrcc6bPIB665g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "pug-code-gen": "^3.0.3",
         "pug-filters": "^4.0.0",
@@ -22304,6 +22338,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -22993,6 +23028,7 @@
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.3.tgz",
       "integrity": "sha512-fDz1zJpd5GycprAbu4Q2PV/RprsRtKC/0z82z0JLgdytmcq0+ujJbJ/09bPGDxCLkKY3Np5cRAOcWiVkLXJURg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "chokidar": "^4.0.0",
         "immutable": "^5.0.2",
@@ -23052,6 +23088,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -24576,6 +24613,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -24703,6 +24741,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -24815,6 +24854,7 @@
       "integrity": "sha512-fSpWtOO/1AjSNQguk43hb/JCo16oJDnMJf3CdEGNkqsEX3t0KX96xvyX1D7PfLCpVoKu4MfVrqUkFyblYoY4lA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "bs-logger": "^0.2.6",
         "fast-json-stable-stringify": "^2.1.0",
@@ -24960,7 +25000,8 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
+      "license": "0BSD",
+      "peer": true
     },
     "node_modules/tslint": {
       "version": "5.20.1",
@@ -25309,6 +25350,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -25535,6 +25577,7 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -25659,6 +25702,7 @@
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-7.0.3.tgz",
       "integrity": "sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -25711,6 +25755,7 @@
       "resolved": "https://registry.npmjs.org/vis-data/-/vis-data-7.1.10.tgz",
       "integrity": "sha512-23juM9tdCaHTX5vyIQ7XBzsfZU0Hny+gSTwniLrfFcmw9DOm7pi3+h9iEBsoZMp5rX6KNqWwc1MF0fkAmWVuoQ==",
       "license": "(Apache-2.0 OR MIT)",
+      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/visjs"
@@ -25746,6 +25791,7 @@
       "resolved": "https://registry.npmjs.org/vis-util/-/vis-util-5.0.7.tgz",
       "integrity": "sha512-E3L03G3+trvc/X4LXvBfih3YIHcKS2WrP0XTdZefr6W6Qi/2nNCqZfe4JFfJU6DcQLm6Gxqj2Pfl+02859oL5A==",
       "license": "(Apache-2.0 OR MIT)",
+      "peer": true,
       "engines": {
         "node": ">=8"
       },
@@ -25763,6 +25809,7 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.2.tgz",
       "integrity": "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -25885,6 +25932,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -25908,6 +25956,7 @@
       "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
       "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@vue/compiler-sfc": "2.7.16",
         "csstype": "^3.1.0"
@@ -26195,6 +26244,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",
@@ -26396,6 +26452,7 @@
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.3.tgz",
       "integrity": "sha512-LLBBA4oLmT7sZdHiYE/PeVuifOxYyE2uL/V+9VQP7YSYdJU7bSf7H8bZRRxW8kEPMkmVjnrXmoR3oejIdX0xbg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -27073,6 +27130,7 @@
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.4.tgz",
       "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -27147,7 +27205,8 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/weekstart/-/weekstart-1.1.0.tgz",
       "integrity": "sha512-ZO3I7c7J9nwGN1PZKZeBYAsuwWEsCOZi5T68cQoVNYrzrpp5Br0Bgi0OF4l8kH/Ez7nKfxa5mSsXjsgris3+qg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/whatwg-encoding": {
       "version": "2.0.0",
@@ -27639,6 +27698,7 @@
       "integrity": "sha512-cIFJOD1DESzpjOBl763Kp1AH7UE/0fcdHe6rZXUdQ9c50uvgigvW97u3IcSeBwOkgqL/PXPBktBCh0KEu5L8XQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -27996,6 +28056,7 @@
       "integrity": "sha512-cIFJOD1DESzpjOBl763Kp1AH7UE/0fcdHe6rZXUdQ9c50uvgigvW97u3IcSeBwOkgqL/PXPBktBCh0KEu5L8XQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -28428,6 +28489,7 @@
       "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.15.tgz",
       "integrity": "sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "commander": "^2.20.3",
         "cssfilter": "0.0.10"
diff --git a/package.json b/package.json
index c4157fb3..58422972 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,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/src/components/Footer.vue b/src/components/Footer.vue
index a2aef0a2..b118c197 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,44 +1,43 @@
 <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")
       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").mr-3
         icon(name="bug")
-        | Report a bug
+        | {{ $t('footer.reportBug') }}
       a(href="https://forum.activitywatch.net/c/support", target="_blank").mr-3
         icon(name="question-circle")
-        | Ask for help
+        | {{ $t('footer.askHelp') }}
       a(href="https://forum.activitywatch.net/c/features", target="_blank")
         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")
         icon(name="brands/twitter")
-        | Twitter
+        | {{ $t('footer.twitter') }}
       a(href="https://github.com/ActivityWatch", target="_blank").ml-3
         icon(name="brands/github")
-        | GitHub
+        | {{ $t('footer.github') }}
       a(href="https://activitywatch.net/donate/", target="_blank").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/hand-holding-heart';
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/SelectableVisualization.vue b/src/components/SelectableVisualization.vue
index 16205467..f8ea74d5 100644
--- a/src/components/SelectableVisualization.vue
+++ b/src/components/SelectableVisualization.vue
@@ -8,20 +8,20 @@ div
       template(v-slot:button-content)
         icon(name="cog")
       b-dropdown-item(v-for="t in types" :key="t" variant="outline-secondary" @click="$emit('onTypeChange', id, t)")
-        | {{ visualizations[t].title }} #[span.small(v-if="!visualizations[t].available" style="color: #A50") (no data)]
+        | {{ visualizations[t].title }} #[span.small(v-if="!visualizations[t].available" style="color: #A50") {{ $t('visualizations.noData') }}]
     b-button.p-0(size="sm", variant="outline-danger" @click="$emit('onRemove', id)")
       icon(name="times")
 
   div(v-if="!supports_period")
     b-alert.small.px-2.py-1(show variant="warning")
-      | This feature doesn't support the current time period.
+      | {{ $t('visualizations.unsupportedPeriod') }}
 
   div(v-if="activityStore.buckets.loaded")
     // Check data prerequisites
     div(v-if="!has_prerequisites")
       b-alert.small.px-2.py-1(show variant="warning")
-        | This feature is missing data from a required watcher.
-        | You can find a list of all watchers in #[a(href="https://activitywatch.readthedocs.io/en/latest/watchers.html") the documentation].
+        | {{ $t('visualizations.missingWatcher') }}
+        | #[a(href="https://activitywatch.readthedocs.io/en/latest/watchers.html") {{ $t('visualizations.docLink') }}].
 
     div(v-if="type == 'top_apps'")
       aw-summary(:fields="activityStore.window.top_apps",
@@ -194,75 +194,75 @@ export default {
     visualizations: function () {
       return {
         top_apps: {
-          title: 'Top Applications',
+          title: this.$t('visualizations.topApps'),
           available: this.activityStore.window.available || this.activityStore.android.available,
         },
         top_titles: {
-          title: 'Top Window Titles',
+          title: this.$t('visualizations.topTitles'),
           available: this.activityStore.window.available,
         },
         top_domains: {
-          title: 'Top Browser Domains',
+          title: this.$t('visualizations.topDomains'),
           available: this.activityStore.browser.available,
         },
         top_urls: {
-          title: 'Top Browser URLs',
+          title: this.$t('visualizations.topUrls'),
           available: this.activityStore.browser.available,
         },
         top_browser_titles: {
-          title: 'Top Browser Titles',
+          title: this.$t('visualizations.topBrowserTitles'),
           available: this.activityStore.browser.available,
         },
         top_editor_files: {
-          title: 'Top Editor Files',
+          title: this.$t('visualizations.topEditorFiles'),
           available: this.activityStore.editor.available,
         },
         top_editor_languages: {
-          title: 'Top Editor Languages',
+          title: this.$t('visualizations.topEditorLanguages'),
           available: this.activityStore.editor.available,
         },
         top_editor_projects: {
-          title: 'Top Editor Projects',
+          title: this.$t('visualizations.topEditorProjects'),
           available: this.activityStore.editor.available,
         },
         top_categories: {
-          title: 'Top Categories',
+          title: this.$t('visualizations.topCategories'),
           available: this.activityStore.category.available,
         },
         category_tree: {
-          title: 'Category Tree',
+          title: this.$t('visualizations.categoryTree'),
           available: this.activityStore.category.available,
         },
         category_sunburst: {
-          title: 'Category Sunburst',
+          title: this.$t('visualizations.categorySunburst'),
           available: this.activityStore.category.available,
         },
         timeline_barchart: {
-          title: 'Timeline (barchart)',
+          title: this.$t('visualizations.timelineBarchart'),
           available: true,
         },
         sunburst_clock: {
-          title: 'Sunburst clock',
+          title: this.$t('visualizations.sunburstClock'),
           available: this.activityStore.window.available && this.activityStore.active.available,
         },
         vis_timeline: {
-          title: 'Daily Timeline (Chronological)',
+          title: this.$t('visualizations.dailyTimeline'),
           available: true,
         },
         custom_vis: {
-          title: 'Custom Visualization',
+          title: this.$t('visualizations.customVis'),
           available: true, // TODO: Implement
         },
         score: {
-          title: 'Score',
+          title: this.$t('visualizations.score'),
           available: this.activityStore.category.available,
         },
         top_stopwatches: {
-          title: 'Top Stopwatch Events',
+          title: this.$t('visualizations.topStopwatches'),
           available: this.activityStore.stopwatch.available,
         },
         top_bucket_data: {
-          title: 'Top Bucket Data',
+          title: this.$t('visualizations.topBucketData'),
           available: true,
         },
       };
@@ -284,7 +284,7 @@ export default {
         });
 
         return {
-          name: 'All',
+          name: this.$t('visualizations.allCategories'),
           children: build_category_hierarchy(categories).map(c => pick_subname_as_name(c)),
         };
       } else {
diff --git a/src/components/UncategorizedNotification.vue b/src/components/UncategorizedNotification.vue
index 29867401..c99c702e 100644
--- a/src/components/UncategorizedNotification.vue
+++ b/src/components/UncategorizedNotification.vue
@@ -3,16 +3,17 @@ div
   // TODO: Add some way to disable this notification, probably by making the ratio threshold configurable
   b-alert.my-2(v-if="isVisible", variant="info", show)
     p.mb-0
-      | #[b High uncategorized time]
+      | #[b {{ $t('uncategorized.title') }}]
       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/category-builder' }") Category Builder].
+      | {{ uncategorizedBody }}
+      | {{ $t('uncategorized.hint') }}
+      | #[router-link(:to="{ path: '/settings/category-builder' }") {{ $t('uncategorized.categoryBuilder') }}].
 </template>
 
 <script lang="ts">
 import { mapState } from 'pinia';
 import { useActivityStore } from '~/stores/activity';
+import { seconds_to_duration } from '~/util/time';
 
 export default {
   name: 'aw-uncategorized-notification',
@@ -25,7 +26,6 @@ export default {
   computed: {
     ...mapState(useActivityStore, ['uncategorizedDuration']),
     ratio() {
-      console.log(this.uncategorizedDuration);
       return this.uncategorizedDuration
         ? this.uncategorizedDuration[0] / this.uncategorizedDuration[1]
         : 0;
@@ -35,22 +35,33 @@ 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() {
-      // TODO: make configurable?
-      // if total duration is less than 1 hour, don't show it
       const overTotal = this.total > 60 * 60;
-      // if ratio is > 0.3, show it
       const overRatio = this.ratio > 0.3;
-      // 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;
     },
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
new file mode 100644
index 00000000..5a327955
--- /dev/null
+++ b/src/i18n/index.ts
@@ -0,0 +1,82 @@
+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 en from './locales/en';
+import uk from './locales/uk';
+import de from './locales/de';
+import ru from './locales/ru';
+
+Vue.use(VueI18n);
+
+export type AppLocale = 'en' | 'uk' | 'de' | 'ru';
+
+const SUPPORTED: AppLocale[] = ['en', 'uk', 'de', 'ru'];
+
+export function isAppLocale(value: string): value is AppLocale {
+  return SUPPORTED.includes(value as AppLocale);
+}
+
+const HTML_LANG: Record<AppLocale, string> = {
+  en: 'en',
+  uk: 'uk',
+  de: 'de',
+  ru: 'ru',
+};
+
+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('en')) return 'en';
+  return null;
+}
+
+export function getInitialLocale(): AppLocale {
+  try {
+    const saved = localStorage.getItem('locale');
+    if (isAppLocale(saved)) {
+      return saved;
+    }
+  } catch {
+    /* ignore */
+  }
+  return detectBrowserLocale() ?? 'en';
+}
+
+const MOMENT_LOCALE: Record<AppLocale, string> = {
+  en: 'en',
+  uk: 'uk',
+  de: 'de',
+  ru: 'ru',
+};
+
+const initialLocale = getInitialLocale();
+
+export const i18n = new VueI18n({
+  locale: initialLocale,
+  fallbackLocale: 'en',
+  messages: { en, uk, de, ru },
+  silentTranslationWarn: true,
+});
+
+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..dab99255
--- /dev/null
+++ b/src/i18n/locales/de.ts
@@ -0,0 +1,354 @@
+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',
+    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: 'Русский',
+    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: 'Startseite',
+      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).',
+    },
+    language: {
+      title: 'Sprache',
+      help: 'Sprache der Web-Oberfläche.',
+    },
+    releaseNotification: {
+      title: 'Benachrichtigung bei neuer Version',
+      help: 'Wir benachrichtigen Sie, wenn eine neue Version zum Download verfügbar ist. Prüfung höchstens einmal täglich.',
+    },
+    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-Editor',
+      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',
+    },
+    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:
+        'Ereignisse von mehreren Hosts in der Aktivitätsansicht. Experimentell; 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:
+      'Hinweis: ActivityWatch auf Android ist noch sehr früh. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
+    greeting: 'Hallo, früher Nutzer,',
+    intro1:
+      'ActivityWatch ist noch in der Entwicklung{android}. Wir brauchen Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.',
+    introAndroid: ' (besonders auf Android!)',
+    intro2: 'Frühe Nutzer sind uns wichtig — schreiben Sie uns mit Verbesserungsideen!',
+    intro3:
+      'Als Entwickler können Sie mit einem Watcher, einer Visualisierung o. Ä. beitragen und im Forum teilen!',
+    thanks: 'Danke, dass Sie ActivityWatch nutzen!',
+    survey: 'Nutzerumfrage',
+    surveyPrefix: 'Wenn Sie eine Minute haben, füllen Sie bitte unsere',
+    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',
+    resourcesTitle: 'Ressourcen',
+    website: 'Website',
+    documentation: 'Dokumentation',
+    forum: 'Forum',
+    discord: 'Discord',
+    apiBrowser: 'API-Browser',
+    workingOnTitle: 'Woran arbeiten wir?',
+    workingOn: 'Sehen Sie die',
+    devUpdates: 'Entwicklungsupdates',
+    landingHint:
+      'Welche Seite beim Öffnen von ActivityWatch erscheint (statt dieser), können Sie in den',
+  },
+  buckets: {
+    title: 'Buckets',
+    moreWatchers: 'Mehr Daten sammeln? In der Dokumentation finden Sie weitere Watcher.',
+    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.',
+    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',
+    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:',
+    experiment: 'Frühes Experiment. Diese Daten erscheinen noch nicht in der Aktivitätsansicht.',
+    start: 'Start',
+    running: 'Läuft',
+    history: 'Verlauf',
+  },
+  search: {
+    title: 'Suche',
+    earlyDev: 'Diese Funktion ist noch in der 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 ist noch in der Entwicklung.',
+    generate: 'Erzeugen',
+    options: 'Optionen',
+    foundEvents: '{count} Ereignisse in {seconds} Sekunden gefunden',
+    csv: 'CSV',
+  },
+  trends: {
+    titlePrefix: 'Trends für',
+    earlyDev: 'Diese Funktion ist noch in der Entwicklung.',
+    loadDemo: 'Demo-Daten laden',
+  },
+  timespiral: {
+    title: 'Timespiral',
+    wip: 'Experimentelle Funktion in Entwicklung.',
+  },
+};
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
new file mode 100644
index 00000000..dc6b62d7
--- /dev/null
+++ b/src/i18n/locales/en.ts
@@ -0,0 +1,357 @@
+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',
+    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: 'Русский',
+    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 color theme of the application (you need to change category colors manually to be suitable with dark mode).',
+    },
+    language: {
+      title: 'Language',
+      help: 'Interface language for the web UI.',
+    },
+    releaseNotification: {
+      title: 'New release notification',
+      help: 'We will send you a notification if there is a new release available for download. This check will happen at most once per day.',
+    },
+    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',
+    },
+    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:
+      '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!).',
+    greeting: 'Hello early user,',
+    intro1:
+      'It is still early days for ActivityWatch{android}. We have come a long way but we need users (like you!) to provide feedback and help us turn ActivityWatch into a successful project.',
+    introAndroid: ' (especially on Android!)',
+    intro2:
+      'Early users like you mean a lot to us, and we hope you will reach out to us with any ideas you have for improvements!',
+    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!',
+    survey: 'user survey',
+    surveyPrefix: 'If you have a minute to spare, please take the time to fill out our',
+    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',
+    resourcesTitle: 'Resources',
+    website: 'Website',
+    documentation: 'Documentation',
+    forum: 'Forum',
+    discord: 'Discord',
+    apiBrowser: 'API Browser',
+    workingOnTitle: 'What are we working on?',
+    workingOn: 'Check out the',
+    devUpdates: 'development updates',
+    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 the docs for more watchers.',
+    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.",
+    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',
+    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:',
+    experiment:
+      'This is an early experiment. Data entered here is not shown in the Activity view, yet.',
+    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.',
+  },
+};
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
new file mode 100644
index 00000000..f633bba5
--- /dev/null
+++ b/src/i18n/locales/ru.ts
@@ -0,0 +1,352 @@
+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',
+    donate: 'Поддержать',
+  },
+  common: {
+    loading: 'Загрузка…',
+    save: 'Сохранить',
+    cancel: 'Отмена',
+    confirm: 'Подтвердить',
+    import: 'Импорт',
+    export: 'Экспорт',
+    open: 'Открыть',
+    more: 'Ещё',
+    delete: 'Удалить',
+    enabled: 'Включено',
+    disabled: 'Выключено',
+    home: 'Главная',
+    language: 'Язык',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    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: 'Цветовая тема интерфейса (цвета категорий для тёмного режима настраиваются вручную).',
+    },
+    language: {
+      title: 'Язык',
+      help: 'Язык интерфейса веб-приложения.',
+    },
+    releaseNotification: {
+      title: 'Уведомление о новой версии',
+      help: 'Сообщим, если появится новая версия для загрузки. Проверка — не чаще раза в день.',
+    },
+    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: 'Добавить категорию',
+    },
+    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: 'Здравствуйте, ранний пользователь,',
+    intro1:
+      'ActivityWatch ещё развивается{android}. Нам нужны пользователи (как вы!), чтобы сделать проект успешным.',
+    introAndroid: ' (особенно на Android!)',
+    intro2: 'Ранние пользователи для нас важны — пишите с идеями улучшений!',
+    intro3:
+      'Если вы разработчик, помогите watcher-ом, визуализацией или другим — и поделитесь на форуме!',
+    thanks: 'Спасибо, что пользуетесь ActivityWatch!',
+    survey: 'опрос',
+    surveyPrefix: 'Если есть минута — заполните наш',
+    surveyOr: 'или',
+    voteForum: 'проголосуйте за функции на форуме',
+    spreadTitle: 'Распространяйте проект',
+    spread1:
+      'Лучшая мотивация — когда ActivityWatch попадает к новым людям. Делитесь — и мы сделаем его ещё лучше!',
+    spreadReview: 'Оставьте отзыв на',
+    spreadVote: 'Проголосуйте за нас на',
+    spreadFollow: 'Следите и делитесь в',
+    spreadStar: 'Поставьте звезду на',
+    supportTitle: 'Поддержите нас!',
+    support1: 'Нравится ActivityWatch? Помогите нам помочь вам — пожертвование через:',
+    support2: 'Подробнее — на',
+    donationPage: 'странице пожертвований на сайте',
+    resourcesTitle: 'Ресурсы',
+    website: 'Сайт',
+    documentation: 'Документация',
+    forum: 'Форум',
+    discord: 'Discord',
+    apiBrowser: 'Просмотр API',
+    workingOnTitle: 'Над чем мы работаем?',
+    workingOn: 'Смотрите',
+    devUpdates: 'обновления разработки',
+    landingHint: 'Страницу при открытии ActivityWatch (вместо этой) можно изменить в',
+  },
+  buckets: {
+    title: 'Bucket-и',
+    moreWatchers: 'Хотите больше данных? В документации есть дополнительные watcher-и.',
+    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:
+      'Все просмотры сброшены к типовым. Изменения не сохранятся, пока не нажмёте «Сохранить».',
+    promptWatcher: 'Введите имя watcher',
+    promptTitle: 'Введите название визуализации',
+  },
+  uncategorized: {
+    title: 'Много некатегоризованного времени',
+    body: 'Всего {duration} некатегоризованного времени — это {percent}% за {period}.',
+    hint: 'Можно исправить через',
+    categoryBuilder: 'Конструктор категорий',
+    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:',
+    experiment: 'Ранний эксперимент. Эти данные пока не отображаются в просмотре активности.',
+    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: 'Экспериментальная функция в разработке.',
+  },
+};
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
new file mode 100644
index 00000000..2b68eb78
--- /dev/null
+++ b/src/i18n/locales/uk.ts
@@ -0,0 +1,353 @@
+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',
+    donate: 'Підтримати',
+  },
+  common: {
+    loading: 'Завантаження…',
+    save: 'Зберегти',
+    cancel: 'Скасувати',
+    confirm: 'Підтвердити',
+    import: 'Імпорт',
+    export: 'Експорт',
+    open: 'Відкрити',
+    more: 'Ще',
+    delete: 'Видалити',
+    enabled: 'Увімкнено',
+    disabled: 'Вимкнено',
+    home: 'Головна',
+    language: 'Мова',
+    languageUk: 'Українська',
+    languageEn: 'English',
+    languageDe: 'Deutsch',
+    languageRu: 'Русский',
+    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: 'Колірна тема інтерфейсу (кольори категорій для темного режиму потрібно налаштувати вручну).',
+    },
+    language: {
+      title: 'Мова',
+      help: 'Мова інтерфейсу веб-застосунку.',
+    },
+    releaseNotification: {
+      title: 'Сповіщення про нову версію',
+      help: 'Повідомимо, якщо з’явиться нова версія для завантаження. Перевірка — не частіше разу на день.',
+    },
+    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: 'Додати категорію',
+    },
+    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: 'Вітаємо, ранній користувачу,',
+    intro1:
+      'ActivityWatch ще розвивається{android}. Нам потрібні користувачі (як ви!), щоб зробити проєкт успішним.',
+    introAndroid: ' (особливо на Android!)',
+    intro2: 'Ранні користувачі для нас важливі — пишіть із ідеями покращень!',
+    intro3:
+      'Якщо ви розробник, допоможіть watcher-ом, візуалізацією чи іншим — і поділіться на форумі!',
+    thanks: 'Дякуємо, що користуєтеся ActivityWatch!',
+    survey: 'опитування',
+    surveyPrefix: 'Якщо є хвилина — заповніть наше',
+    surveyOr: 'або',
+    voteForum: 'проголосуйте за функції на форумі',
+    spreadTitle: 'Поширюйте проєкт',
+    spread1:
+      'Найкраща мотивація — коли ActivityWatch потрапляє до нових людей. Діліться — і ми зробимо його ще кращим!',
+    spreadReview: 'Залиште відгук на',
+    spreadVote: 'Проголосуйте за нас на',
+    spreadFollow: 'Слідкуйте та поширюйте в',
+    spreadStar: 'Поставте зірку на',
+    supportTitle: 'Підтримайте нас!',
+    support1: 'Подобається ActivityWatch? Допоможіть нам допомогти вам — пожертва через:',
+    support2: 'Детальніше — на',
+    donationPage: 'сторінці пожертв на сайті',
+    resourcesTitle: 'Ресурси',
+    website: 'Сайт',
+    documentation: 'Документація',
+    forum: 'Форум',
+    discord: 'Discord',
+    apiBrowser: 'Оглядач API',
+    workingOnTitle: 'Над чим ми працюємо?',
+    workingOn: 'Дивіться',
+    devUpdates: 'оновлення розробки',
+    landingHint: 'Сторінку при відкритті ActivityWatch (замість цієї) можна змінити в',
+  },
+  buckets: {
+    title: 'Bucket-и',
+    moreWatchers: 'Хочете більше даних? У документації є додаткові watcher-и.',
+    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:
+      'Усі перегляди скинуто до типових. Зміни не збережуться, доки не натиснете «Зберегти».',
+    promptWatcher: 'Введіть ім’я watcher',
+    promptTitle: 'Введіть назву візуалізації',
+  },
+  uncategorized: {
+    title: 'Багато некатегоризованого часу',
+    body: 'Усього {duration} некатегоризованого часу — це {percent}% за {period}.',
+    hint: 'Можна виправити через',
+    categoryBuilder: 'Конструктор категорій',
+    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:',
+    experiment: 'Ранній експеримент. Ці дані поки не відображаються в перегляді активності.',
+    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: 'Експериментальна функція в розробці.',
+  },
+};
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 39fb78cc..66332efa 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -4,6 +4,7 @@ import { getClient } from '~/util/awclient';
 import { Category, CategorySet, defaultCategories, cleanCategory } from '~/util/classes';
 import { View, defaultViews } from '~/stores/views';
 import { isEqual } from 'lodash';
+import { isAppLocale, setAppLocale } from '~/i18n';
 
 function jsonEq(a: any, b: any) {
   const jsonA = JSON.parse(JSON.stringify(a));
@@ -28,6 +29,7 @@ interface State {
   useColorFallback: boolean;
   landingpage: string;
   theme: 'light' | 'dark' | 'auto';
+  locale: 'en' | 'uk' | 'de' | 'ru';
 
   newReleaseCheckData: Record<string, any>;
   userSatisfactionPollData: {
@@ -65,6 +67,7 @@ export const useSettingsStore = defineStore('settings', {
     landingpage: '/home',
 
     theme: 'auto',
+    locale: 'en',
 
     newReleaseCheckData: {
       isEnabled: true,
@@ -157,6 +160,10 @@ export const useSettingsStore = defineStore('settings', {
       }
       this.$patch({ ...storage, _loaded: true });
 
+      if (isAppLocale(this.locale)) {
+        setAppLocale(this.locale);
+      }
+
       // 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/util/timeperiod.ts b/src/util/timeperiod.ts
index 6d62212f..ecccdd37 100644
--- a/src/util/timeperiod.ts
+++ b/src/util/timeperiod.ts
@@ -1,6 +1,7 @@
 import moment from 'moment';
 import { get_day_start_with_offset } from './time';
 import { useSettingsStore } from '~/stores/settings';
+import { i18n } from '~/i18n';
 
 export interface TimePeriod {
   start: string;
@@ -43,7 +44,7 @@ export function periodReadable(timeperiod: TimePeriod) {
   } else {
     return (
       moment(timeperiod.start).format(dateformat(timeperiod.length[1])) +
-      ' to ' +
+      ` ${i18n.t('common.rangeTo')} ` +
       moment(timeperiod.start)
         .add(timeperiod.length[0], timeperiod.length[1] as moment.unitOfTime.DurationConstructor)
         .format(dateformat(timeperiod.length[1]))
diff --git a/src/views/Buckets.vue b/src/views/Buckets.vue
index 1c9100ef..5dc2d5f9 100644
--- a/src/views/Buckets.vue
+++ b/src/views/Buckets.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
 div
-  h2 Buckets
+  h2 {{ $t('buckets.title') }}
 
   b-alert(show)
-    | Are you looking to collect more data? Check out #[a(href="https://activitywatch.readthedocs.io/en/latest/watchers.html") the docs] for more watchers.
+    | {{ $t('buckets.moreWatchers') }} #[a(href="https://activitywatch.readthedocs.io/en/latest/watchers.html") {{ $t('home.documentation') }}].
 
   // By device
   b-card.mb-3(v-for="device in bucketsStore.bucketsByDevice", :key="device.hostname || device.device_id")
@@ -17,18 +17,18 @@ div
         div
           b {{ device.hostname }}
           span.small.ml-2(v-if="serverStore.info.hostname == device.hostname")
-            | (the current device)
+            | {{ $t('buckets.currentDevice') }}
           div.small
             div(v-if="device.hostname !== device.device_id", style="color: #666")
               | ID: {{ device.id }}
             div
-              | Last updated:&nbsp;
+              | {{ $t('buckets.lastUpdated') }}&nbsp;
               time(:style="{'color': isRecent(device.last_updated) ? 'green' : 'inherit'}",
                    :datetime="device.last_updated",
                    :title="device.last_updated")
                 | {{ device.last_updated | friendlytime }}
             div
-              | First seen:&nbsp;
+              | {{ $t('buckets.firstSeen') }}&nbsp;
               time(:datetime="device.first_seen",
                    :title="device.first_seen")
                 | {{ device.first_seen | friendlytime }}
@@ -44,26 +44,26 @@ div
               b-button-group(size="sm", class="mx-1")
                 b-button(variant="primary", :to="'/buckets/' + data.item.id")
                   icon(name="folder-open").d-none.d-md-inline-block
-                  | Open
-                b-dropdown(variant="outline-secondary", size="sm", text="More")
+                  | {{ $t('common.open') }}
+                b-dropdown(variant="outline-secondary", size="sm", :text="$t('common.more')")
                   // 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",
                              variant="secondary")
                       icon(name="download")
-                      | Export bucket as JSON
+                      | {{ $t('buckets.exportBucketJson') }}
                   b-dropdown-item(
                               @click="export_csv(data.item.id)",
                              title="Export events to CSV",
                              variant="secondary")
                       icon(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",
                            variant="danger")
-                    | #[icon(name="trash")] Delete bucket
+                    | #[icon(name="trash")] {{ $t('buckets.deleteBucket') }}
 
     // Checks
     hr.mt-1(v-if="runChecks(device).length > 0")
@@ -72,43 +72,42 @@ div
       | &nbsp;
       | {{ msg }}
 
-  b-modal(id="delete-modal", title="Danger!", centered, hide-footer)
-    | Are you sure you want to delete bucket "{{delete_bucket_selected}}"?
+  b-modal(id="delete-modal", :title="$t('buckets.deleteModalTitle')", 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') }}
 
-  h3 Import and export buckets
+  h3 {{ $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" dismissable)
         | {{ import_error }}
       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')")
       // TODO: This spinner could be placed in a more suitable place
       div(v-if="import_file" class="spinner-border" role="status")
       span
-        | 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.
-    b-card(header="Export buckets")
+        | {{ $t('buckets.importHelp') }}
+    b-card(:header="$t('buckets.exportBuckets')")
       b-button(@click="export_all_buckets_json()",
                title="Export all buckets to JSON",
                variant="outline-secondary")
         icon(name="download")
-        | Export all buckets as JSON
+        | {{ $t('buckets.exportAllJson') }}
 
   hr
 
   aw-devonly(reason="This section is still under development")
-    h2.p-2 Tools
+    h2.p-2 {{ $t('buckets.tools') }}
 
     hr
 
@@ -175,13 +174,17 @@ export default {
       import_file: null,
       import_error: null,
       delete_bucket_selected: null,
-      fields: [
-        { key: 'id', label: 'Bucket ID', sortable: true },
+    };
+  },
+  computed: {
+    fields() {
+      return [
+        { key: 'id', label: this.$t('buckets.bucketId'), sortable: true },
         { key: 'hostname', sortable: true },
-        { key: 'last_updated', label: 'Updated', sortable: true },
+        { key: 'last_updated', label: this.$t('buckets.updated'), sortable: true },
         { key: 'actions', label: '' },
-      ],
-    };
+      ];
+    },
   },
   watch: {
     import_file: async function (_new_value, _old_value) {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 25eaf174..e8975359 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,71 +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 Hello early user,
+  h3 {{ $t('home.greeting') }}
   p
-    | It's still early days for ActivityWatch#[span(v-if="$isAndroid") (especially on Android!)]. We've come a long way but we need users (like you!)
-    | to provide feedback and help us turn ActivityWatch into a successful project.
-    | Early users like you mean a lot to us, and we hope you'll reach out to us with 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!
+    | {{ $t('home.intro2') }}
   p
-    div Thank you for using ActivityWatch!
-    small If you have a minute to spare, please take the time to fill out our #[a(href="https://forms.gle/q2N9K5RoERBV8kqPA") user survey] or #[a(href="https://forum.activitywatch.net/c/features") vote on features on the forum].
+    | {{ $t('home.intro3') }}
+  p
+    div {{ $t('home.thanks') }}
+    small
+      | {{ $t('home.surveyPrefix') }}
+      |  #[a(href="https://forms.gle/q2N9K5RoERBV8kqPA") {{ $t('home.survey') }}]
+      |  {{ $t('home.surveyOr') }}
+      |  #[a(href="https://forum.activitywatch.net/c/features") {{ $t('home.voteForum') }}].
 
   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('footer.donate') }}]
       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') }}
       p
         ul
-          li #[a(href="https://activitywatch.net/") Website]
-          li #[a(href="https://activitywatch.readthedocs.org/") Documentation]
-          li #[a(href="https://forum.activitywatch.net/") Forum]
-          li #[a(href="https://discord.gg/vDskV9q") Discord]
+          li #[a(href="https://activitywatch.net/") {{ $t('home.website') }}]
+          li #[a(href="https://activitywatch.readthedocs.org/") {{ $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://github.com/ActivityWatch/activitywatch") GitHub]
-          li(v-if="!info.version.includes('rust')" ) #[a(href="/api/") API Browser]
+          li(v-if="!info.version.includes('rust')" ) #[a(href="/api/") {{ $t('home.apiBrowser') }}]
 
     div.col-md-6
-      h4 Want to know what we're working on?
+      h4 {{ $t('home.workingOnTitle') }}
       p
-        | Check out the #[a(href="https://forum.activitywatch.net/c/news") development updates]!
+        | {{ $t('home.workingOn') }}
+        |  #[a(href="https://forum.activitywatch.net/c/news") {{ $t('home.devUpdates') }}]!
 
   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>
 
@@ -77,6 +92,10 @@ export default {
   name: 'Home',
   computed: {
     ...mapState(useServerStore, ['info']),
+    homeIntro1() {
+      const android = this.$isAndroid ? this.$t('home.introAndroid') : '';
+      return this.$t('home.intro1', { android });
+    },
   },
 };
 </script>
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
index 6082e98e..878e1fba 100644
--- a/src/views/NotFound.vue
+++ b/src/views/NotFound.vue
@@ -1,8 +1,8 @@
 <template lang="pug">
 div
-  h3 Woops, this page was not found!
+  h3 {{ $t('notFound.title') }}
   p.mb-0
-    | Try navigating back where you came from.
+    | {{ $t('notFound.hint') }}
 </template>
 
 <script lang="ts">
diff --git a/src/views/QueryExplorer.vue b/src/views/QueryExplorer.vue
index 2134d705..f7aa86e3 100644
--- a/src/views/QueryExplorer.vue
+++ b/src/views/QueryExplorer.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
 
 div
-  h3 Query Explorer
+  h3 {{ $t('query.title') }}
 
-  | See #[a(href="https://docs.activitywatch.net/en/latest/examples/querying-data.html") the documentation] for help on how to write queries.
+  | {{ $t('query.docsHelp') }} #[a(href="https://docs.activitywatch.net/en/latest/examples/querying-data.html") {{ $t('home.documentation') }}].
 
   hr
 
@@ -13,10 +13,10 @@ div
   form
     div.form-row
       div.form-group.col-md-6
-        | Start
+        | {{ $t('query.start') }}
         input.form-control(type="date", :max="today", v-model="startdate")
       div.form-group.col-md-6
-        | End
+        | {{ $t('query.end') }}
         input.form-control(type="date", :max="tomorrow", v-model="enddate")
 
     div.form-group
diff --git a/src/views/Report.vue b/src/views/Report.vue
index e92a1bf7..62b4bb1b 100644
--- a/src/views/Report.vue
+++ b/src/views/Report.vue
@@ -1,11 +1,11 @@
 <template lang="pug">
 div
-  h3 Report
+  h3 {{ $t('report.title') }}
 
-  | Generate a report of time spent on a certain category of device activity.
+  | {{ $t('report.description') }}
 
   b-alert.mt-2(style="warning" show)
-    | This feature is still in early development.
+    | {{ $t('report.earlyDev') }}
 
   b-alert(v-if="error" show variant="danger")
     | {{error}}
@@ -14,7 +14,7 @@ div
     template(v-slot:input-group-append)
       b-button(type="button", @click="generate()" variant="success" :disabled="!has_pattern")
         icon(name="search")
-        | Generate
+        | {{ $t('report.generate') }}
 
   div.d-flex.mt-1
     span.mr-auto.small(style="color: #666") Hostname: {{queryOptions.hostname}}
@@ -25,7 +25,7 @@ div
         | #[icon(name="angle-double-up")] Hide options
 
   div(v-show="show_options")
-    h4 Options
+    h4 {{ $t('report.options') }}
     aw-query-options(v-model="queryOptions")
 
   div(v-if="status == 'searching'")
@@ -37,7 +37,7 @@ div
 
     div.d-flex
       div.flex-fill
-        | Found {{ events.length }} events in {{ queryTime / 1000 }} seconds
+        | {{ $t('report.foundEvents', { count: events.length, seconds: queryTime / 1000 }) }}
       div
         b-input-group(size="sm")
           b-input-group-prepend
@@ -46,7 +46,7 @@ div
               .mx-1 Export as:
           b-input-group-append
             b-button(type="button", @click="export_csv()" variant="outline-dark")
-              | CSV
+              | {{ $t('report.csv') }}
             b-button(type="button", @click="export_json()" variant="outline-dark")
               | JSON
 
diff --git a/src/views/Search.vue b/src/views/Search.vue
index 19cf96a2..fa8e670a 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
 div
-  h3 Search
+  h3 {{ $t('search.title') }}
 
   b-alert(style="warning" show)
-    | This feature is still in early development.
+    | {{ $t('search.earlyDev') }}
 
   b-alert(v-if="error" show variant="danger")
     | {{error}}
@@ -13,7 +13,7 @@ div
     b-input-group-append
       b-button(type="button", @click="search()" variant="success")
         icon(name="search")
-        | Search
+        | {{ $t('search.searchBtn') }}
 
   div.d-flex.mt-1
     span.mr-auto.small(style="color: #666") Hostname: {{queryOptions.hostname}}
@@ -24,7 +24,7 @@ div
         | #[icon(name="angle-double-up")] Hide options
 
   div(v-show="show_options")
-    h4 Options
+    h4 {{ $t('search.options') }}
     aw-query-options(v-model="queryOptions")
 
   div(v-if="status == 'searching'")
@@ -36,9 +36,9 @@ div
     aw-selectable-eventview(:events="events")
 
     div
-      | Didn't find what you were looking for?
+      | {{ $t('search.notFound') }}
       br
-      | Add a week to the search: #[b-button(size="sm" variant="outline-dark" @click="start = start.subtract(1, 'week'); search()") +1 week]
+      | {{ $t('search.addWeek') }} #[b-button(size="sm" variant="outline-dark" @click="start = start.subtract(1, 'week'); search()") {{ $t('search.addWeekBtn') }}]
 </template>
 
 <script lang="ts">
diff --git a/src/views/Stopwatch.vue b/src/views/Stopwatch.vue
index 43464ce2..ed331519 100644
--- a/src/views/Stopwatch.vue
+++ b/src/views/Stopwatch.vue
@@ -1,18 +1,18 @@
 <template lang="pug">
 div
-  h2 Stopwatch
+  h2 {{ $t('stopwatch.title') }}
   p
-    | Using bucket: {{bucket_id}}
+    | {{ $t('stopwatch.usingBucket') }} {{bucket_id}}
 
   b-alert(show)
-    | This is an early experiment. Data entered here is not shown in the Activity view, yet.
+    | {{ $t('stopwatch.experiment') }}
 
   b-input-group(size="lg")
     b-input(v-model="label" placeholder="What are you working on?")
     b-input-group-append
       b-button(@click="startTimer(label)", variant="success")
         icon(name="play")
-        | Start
+        | {{ $t('stopwatch.start') }}
 
   hr
 
@@ -20,7 +20,7 @@ div
     span.text-muted.center.aw-loading Loading...
   div.row(v-else)
     div.col-md-12
-      h3 Running
+      h3 {{ $t('stopwatch.running') }}
       div(v-if="runningTimers.length > 0")
         div(v-for="e in runningTimers" :key="e.id")
           stopwatch-entry(:event="e", :bucket_id="bucket_id", :now="now",
@@ -31,7 +31,7 @@ div
         hr
 
       div(v-if="stoppedTimers.length > 0")
-        h3.mt-4.mb-4 History
+        h3.mt-4.mb-4 {{ $t('stopwatch.history') }}
         div(v-for="k in Object.keys(timersByDate).sort().reverse()")
           h5.mt-2.mb-1 {{ k }}
           div(v-for="e in timersByDate[k]" :key="e.id")
diff --git a/src/views/Timeline.vue b/src/views/Timeline.vue
index 3951605c..0457e926 100644
--- a/src/views/Timeline.vue
+++ b/src/views/Timeline.vue
@@ -1,14 +1,14 @@
 <template lang="pug">
 div
-  h2 Timeline
+  h2 {{ $t('timeline.title') }}
 
   input-timeinterval(v-model="daterange", :defaultDuration="timeintervalDefaultDuration", :maxDuration="maxDuration").mb-3
 
   // blocks
   div.d-inline-block.border.rounded.p-2.mr-2
-    | Events shown:  {{ num_events }}
+    | {{ $t('timeline.eventsShown') }}  {{ num_events }}
   div.d-inline-block.border.rounded.p-2.mr-2
-    | Swimlanes:
+    | {{ $t('timeline.swimlanes') }}
     select(v-model="swimlane")
       option(:value='null') None
       option(value='category') Categories
@@ -37,13 +37,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 Categories:
@@ -58,7 +58,7 @@ div
   div.d-inline-block.border.rounded.p-2.mr-2(v-if="num_events !== 0")
     | Events shown: {{ num_events }}
   b-alert.d-inline-block.p-2.mb-0.mt-2(v-if="num_events === 0", variant="warning", show)
-    | No events match selected criteria. Timeline is not updated.
+    | {{ $t('timeline.noEvents') }}
   div.float-right.small.text-muted.pt-3
         tr
           th.pt-2.pr-3
@@ -78,7 +78,7 @@ div
               option(:value='1 * 60 * 60') 1+ hrs
               option(:value='2 * 60 * 60') 2+ hrs
   div(style="float: right; color: #999").d-inline-block.pt-3
-    | Scroll to zoom, swipe/horizontal-scroll to pan, arrow keys to navigate
+    | {{ $t('timeline.scrollHint') }}
 
   div(v-if="buckets !== null")
     div(style="clear: both")
@@ -87,7 +87,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('timeline.loading') }}
 </template>
 
 <script lang="ts">
diff --git a/src/views/TimespiralView.vue b/src/views/TimespiralView.vue
index 66e30f99..b502cc82 100644
--- a/src/views/TimespiralView.vue
+++ b/src/views/TimespiralView.vue
@@ -1,8 +1,8 @@
 <template lang="pug">
 div
-  h1 Timespiral
+  h1 {{ $t('timespiral.title') }}
   b-alert(show, variant="info")
-    | This is a work-in-progress experiment.
+    | {{ $t('timespiral.wip') }}
   div Bucket: {{ bucketId }}
   div Events: {{ events.length }}
   Timespiral(:events="events")
diff --git a/src/views/Trends.vue b/src/views/Trends.vue
index 33b9b2f8..a0c579fa 100644
--- a/src/views/Trends.vue
+++ b/src/views/Trends.vue
@@ -6,7 +6,7 @@
 
 <template lang="pug">
 div
-  h3.mb-0 Trends for {{ timeperiod | friendlyperiod }}
+  h3.mb-0 {{ $t('trends.titlePrefix') }} {{ timeperiod | friendlyperiod }}
 
   // Select a hostname from the ones available in the store
   b-input-group(size="sm")
@@ -22,7 +22,7 @@ div
         | #[b Host:] {{ host }}
 
   b-alert(style="warning" show)
-    | This feature is still in early development.
+    | {{ $t('trends.earlyDev') }}
 
   div
     aw-timeline-barchart(:datasets="datasets" :height="100")
@@ -35,7 +35,7 @@ div
 
     aw-devonly
       b-btn(id="load-demo", @click="load_demo")
-        | Load demo data
+        | {{ $t('trends.loadDemo') }}
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/views/WorkReport.vue b/src/views/WorkReport.vue
index 0c51e27e..f61a047e 100644
--- a/src/views/WorkReport.vue
+++ b/src/views/WorkReport.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 div
-  h3.mb-3 Work Time Report
+  h3.mb-3 {{ $t('workReport.title') }}
 
   div.row.mb-4
     div.col-md-3
@@ -42,7 +42,7 @@ div
 
   div(v-if="loading")
     b-spinner.mr-2
-    | Loading...
+    | {{ $t('workReport.loading') }}
 
   div(v-if="hasData && !loading")
     h5.mt-4 Daily Breakdown
diff --git a/src/views/activity/Activity.vue b/src/views/activity/Activity.vue
index ac37a1b8..0c54f9f9 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.mb-2.d-flex
@@ -41,34 +41,34 @@ div
         b-button.px-2(:pressed.sync="showOptions", variant="outline-dark")
           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")
           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")
 
 
@@ -86,13 +86,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
@@ -100,7 +100,7 @@ div
 
     aw-devonly
       b-btn(id="load-demo", @click="load_demo")
-        | Load demo data
+        | {{ $t('activity.loadDemo') }}
 </template>
 
 <style lang="scss" scoped>
@@ -233,20 +233,29 @@ 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 '';
+    },
     periodIsBrowseable: function () {
       return ['day', 'week', 'month', 'year'].includes(this.periodLength);
     },
@@ -431,18 +440,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/activity/ActivityView.vue b/src/views/activity/ActivityView.vue
index 1b8afd42..c721beae 100644
--- a/src/views/activity/ActivityView.vue
+++ b/src/views/activity/ActivityView.vue
@@ -8,27 +8,27 @@ div(v-if="view")
     div.col-md-6.col-lg-4.p-3(v-if="editing")
       b-button(@click="addVisualization" variant="outline-dark" block size="lg")
         icon(name="plus")
-        span Add visualization
+        span {{ $t('activityView.addVisualization') }}
 
   div(v-if="editing").mt-2
     div.d-flex.flex-row-reverse
       b-button(variant="outline-dark" @click="discard(); editing = !editing;")
         icon(name="times")
-        span Cancel
+        span {{ $t('activityView.cancel') }}
       b-button.mr-2(variant="success" @click="save(); editing = !editing;")
         icon(name="save")
-        span Save
+        span {{ $t('activityView.save') }}
     div.mt-2.d-flex.flex-row-reverse
       b-button(variant="warning" size="sm" @click="restoreDefaults();")
         icon(name="undo")
-        span Restore defaults
+        span {{ $t('activityView.restoreDefaults') }}
       b-button.mr-2(variant="danger" size="sm" @click="remove();")
         icon(name="trash")
-        span Remove
+        span {{ $t('activityView.remove') }}
   div(v-else).d-flex.flex-row-reverse.mt-2
     b-button(variant="outline-dark" size="sm" @click="editing = !editing")
       icon(name="edit")
-      span Edit view
+      span {{ $t('activityView.editView') }}
 </template>
 
 <script lang="ts">
@@ -87,9 +87,7 @@ export default {
     },
     restoreDefaults() {
       useViewsStore().restoreDefaults();
-      alert(
-        "All views have been restored to defaults. Changes won't be saved until you click 'Save'."
-      );
+      alert(this.$t('activityView.restoreAlert'));
       // If we're on an URL that might become invalid, navigate to the main/default view
       if (!this.$route.path.includes('default')) {
         this.$router.replace('./default');
@@ -102,10 +100,10 @@ export default {
       let props = {};
 
       if (type === 'custom_vis') {
-        const visname = prompt('Please enter the watcher name', 'aw-watcher-');
+        const visname = prompt(this.$t('activityView.promptWatcher').toString(), 'aw-watcher-');
         if (!visname) return;
 
-        const title = prompt('Please enter the visualization title');
+        const title = prompt(this.$t('activityView.promptTitle').toString());
         if (!title) return;
 
         props = {
diff --git a/src/views/settings/ActivePatternSettings.vue b/src/views/settings/ActivePatternSettings.vue
index c02b2f97..aab3fdd3 100644
--- a/src/views/settings/ActivePatternSettings.vue
+++ b/src/views/settings/ActivePatternSettings.vue
@@ -2,23 +2,23 @@
 div
   div.d-sm-flex.justify-content-between
     div
-      h5.mb-2.mb-sm-0 Always count as active pattern
+      h5.mb-2.mb-sm-0 {{ $t('settings.activePattern.title') }}
 
       small
-        | Apps or titles matching this regular expression will never be counted as AFK.
+        | {{ $t('settings.activePattern.help1') }}
         |
-        | Can be used to count time as active, despite no input (like meetings, or games with controllers). An empty string disables it.
+        | {{ $t('settings.activePattern.help2') }}
         |
-        | Example expression:&nbsp;
+        | {{ $t('settings.activePattern.example') }}&nbsp;
         code(style="background-color: rgba(200, 200, 200, 0.3); padding: 2px; border-radius: 2px;")
           | Zoom Meeting|Google Meet|Microsoft Teams
     div
       b-form-input(size="sm" v-model="always_active_pattern_editing" :state="(enabled || null) && valid")
       small.text-right
-        div(v-if="enabled && valid" style="color: #0A0") Enabled
-        div(v-else-if="enabled" style="color: #A00") Invalid pattern
-        div(v-else, style="color: gray") Disabled
-        div(v-if="enabled && valid && broad_pattern" style="color: #A00") Pattern too broad
+        div(v-if="enabled && valid" style="color: #0A0") {{ $t('common.enabled') }}
+        div(v-else-if="enabled" style="color: #A00") {{ $t('settings.activePattern.invalid') }}
+        div(v-else, style="color: gray") {{ $t('common.disabled') }}
+        div(v-if="enabled && valid && broad_pattern" style="color: #A00") {{ $t('settings.activePattern.tooBroad') }}
 
 </template>
 
@@ -42,8 +42,6 @@ export default {
       return validateRegex(this.always_active_pattern_editing);
     },
     broad_pattern: function () {
-      // Check if the pattern matches random strings that we don't expect it to
-      // like the alphabet
       const pattern = this.always_active_pattern_editing;
       if (pattern == '') {
         return false;
@@ -55,7 +53,6 @@ export default {
         return this.settingsStore.always_active_pattern;
       },
       set(value) {
-        console.log('Setting always_active_pattern to ' + value);
         this.settingsStore.update({ always_active_pattern: value });
       },
     },
diff --git a/src/views/settings/CategorizationSettings.vue b/src/views/settings/CategorizationSettings.vue
index 002491f5..cfc4a9d5 100644
--- a/src/views/settings/CategorizationSettings.vue
+++ b/src/views/settings/CategorizationSettings.vue
@@ -1,27 +1,31 @@
 <template lang="pug">
 div
   h5.d-inline-block
-    div Categorization
+    div {{ $t('settings.categorization.title') }}
   div.float-right
     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') }}
   p
-    | 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
-    | You can use the #[router-link(:to="{ path: '/settings/category-builder' }") Category Builder] to quickly create categories from uncategorized activity.
-    | You can also 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.builderIntro') }}
+    |  #[router-link(:to="{ path: '/settings/category-builder' }") {{ $t('settings.categorization.categoryBuilder') }}]
+    |  {{ $t('settings.categorization.builderOutro') }}
+    | {{ $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
   div.my-3.p-3(style="background: var(--bs-light, #f8f9fa); border-radius: 4px;")
     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"
@@ -37,27 +41,27 @@ 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(
       v-if="categoryStore.category_sets.length > 1"
       style="font-size: 0.85em; color: var(--bs-secondary, #6c757d);"
     )
-      | {{ categoryStore.category_sets.length }} sets available — switch sets to use different rule profiles.
+      | {{ $t('settings.categorization.setsAvailable', { count: categoryStore.category_sets.length }) }}
 
   div.my-4
     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")
@@ -67,9 +71,9 @@ 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') }}
 </template>
 <script lang="ts">
 import { mapState, mapGetters } from 'pinia';
@@ -82,8 +86,6 @@ 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: {
@@ -236,10 +238,11 @@ export default {
     },
     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/ColorSettings.vue b/src/views/settings/ColorSettings.vue
index e5fff94a..641abebd 100644
--- a/src/views/settings/ColorSettings.vue
+++ b/src/views/settings/ColorSettings.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
 div.d-flex.justify-content-between
   div
-    h5.mb-0 Use fallback colors
+    h5.mb-0 {{ $t('settings.color.title') }}
     small
-      | Uses the old coloring style for some visualizations when uncategorized or no category color.
+      | {{ $t('settings.color.help') }}
   div
     b-form-checkbox(v-model="useColorFallback", switch)
 </template>
@@ -16,12 +16,10 @@ export default {
   computed: {
     useColorFallback: {
       get: function () {
-        const settingsStore = useSettingsStore();
-        return settingsStore.useColorFallback;
+        return useSettingsStore().useColorFallback;
       },
       set: function (val) {
-        const settingsStore = useSettingsStore();
-        settingsStore.update({ useColorFallback: val });
+        useSettingsStore().update({ useColorFallback: val });
       },
     },
   },
diff --git a/src/views/settings/DaystartSettings.vue b/src/views/settings/DaystartSettings.vue
index 652b3ddc..9ba658e1 100644
--- a/src/views/settings/DaystartSettings.vue
+++ b/src/views/settings/DaystartSettings.vue
@@ -2,20 +2,19 @@
 div
   div.d-sm-flex.justify-content-between
     div
-      h5.mt-1.mb-2.mb-sm-0 Start of day
+      h5.mt-1.mb-2.mb-sm-0 {{ $t('settings.daystart.startOfDay') }}
     div
       b-input(type="time" size="sm" :value="startOfDay" @change="startOfDay = $event")
   small
-    | The time at which days "start", since humans don't always go to bed before midnight.
-    | Set to 04:00 by default.
+    | {{ $t('settings.daystart.startOfDayHelp') }}
 
   div.mt-3.d-sm-flex.justify-content-between
     div
-      h5.mt-1.mb-2.mb-sm-0 Start of week
+      h5.mt-1.mb-2.mb-sm-0 {{ $t('settings.daystart.startOfWeek') }}
     div
-      b-form-select(:text="startOfWeek", size="sm" v-model="startOfWeek" variant="outline-dark" :options="['Saturday', 'Sunday', 'Monday']")
+      b-form-select(:text="startOfWeek" size="sm" v-model="startOfWeek" variant="outline-dark" :options="weekdayOptions")
   small
-    | The weekday which starts a new week.
+    | {{ $t('settings.daystart.startOfWeekHelp') }}
 </template>
 <script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
@@ -28,12 +27,18 @@ export default {
     };
   },
   computed: {
+    weekdayOptions() {
+      return [
+        { value: 'Saturday', text: this.$t('settings.daystart.saturday') },
+        { value: 'Sunday', text: this.$t('settings.daystart.sunday') },
+        { value: 'Monday', text: this.$t('settings.daystart.monday') },
+      ];
+    },
     startOfDay: {
       get: function () {
         return this.settingsStore.startOfDay;
       },
       set: function (value) {
-        console.log('Set start of day to ' + value);
         this.settingsStore.update({ startOfDay: value });
       },
     },
@@ -42,7 +47,6 @@ export default {
         return this.settingsStore.startOfWeek;
       },
       set: function (value) {
-        console.log('Set start of week to ' + value);
         this.settingsStore.update({ startOfWeek: value });
       },
     },
diff --git a/src/views/settings/DeveloperSettings.vue b/src/views/settings/DeveloperSettings.vue
index 95460bfd..e34ab684 100644
--- a/src/views/settings/DeveloperSettings.vue
+++ b/src/views/settings/DeveloperSettings.vue
@@ -1,26 +1,26 @@
 <template lang="pug">
 div
-  h4.mb-3 Developer settings
-  b-alert(show) #[b Note:] These settings are meant for developers who (hopefully) know what they are doing, and as such, may break things unexpectedly.
+  h4.mb-3 {{ $t('settings.developer.title') }}
+  b-alert(show) #[b {{ $t('settings.developer.note') }}] {{ $t('settings.developer.noteBody') }}
 
-  b-form-group(label="Force devmode" label-cols-md=3 description="Devmode enables some features that are still work-in-progress.")
+  b-form-group(:label="$t('settings.developer.forceDevmode')" label-cols-md=3 :description="$t('settings.developer.forceDevmodeHelp')")
     div
       b-form-checkbox.float-right.ml-2(v-model="devmode" switch)
 
-  b-form-group(label="Show yearly time range" label-cols-md=3 description="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're running aw-server-rust.")
+  b-form-group(:label="$t('settings.developer.showYearly')" label-cols-md=3 :description="$t('settings.developer.showYearlyHelp')")
     div
       b-form-checkbox.float-right.ml-2(v-model="showYearly" switch)
 
-  b-form-group(label="Use multidevice query" label-cols-md=3 description="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).")
+  b-form-group(:label="$t('settings.developer.multidevice')" label-cols-md=3 :description="$t('settings.developer.multideviceHelp')")
     div
       b-form-checkbox.float-right.ml-2(v-model="useMultidevice" switch)
 
-  b-form-group(label="Request timeout" label-cols-md=3 description="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.")
+  b-form-group(:label="$t('settings.developer.requestTimeout')" label-cols-md=3 :description="$t('settings.developer.requestTimeoutHelp')")
     div
       b-input.float-right.ml-2(v-model="requestTimeout" type="number")
 
   div
-    | Web UI commit hash: {{ COMMIT_HASH }}
+    | {{ $t('settings.developer.commitHash') }} {{ COMMIT_HASH }}
 </template>
 
 <script lang="ts">
diff --git a/src/views/settings/LandingPageSettings.vue b/src/views/settings/LandingPageSettings.vue
index 9aca9338..3edfc803 100644
--- a/src/views/settings/LandingPageSettings.vue
+++ b/src/views/settings/LandingPageSettings.vue
@@ -2,16 +2,16 @@
 div
   div.d-sm-flex.justify-content-between
     div
-      h5.mt-1.mb-2.mb-sm-0 Landing page
+      h5.mt-1.mb-2.mb-sm-0 {{ $t('settings.landingPage.title') }}
     div
       b-select.landingpage(v-if="loaded" size="sm" :value="landingpage", @change="landingpage = $event")
-        option(value="/home") Home
-        option(:value="'/activity/' + hostname + '/view/'" v-for="hostname in hostnames") Activity ({{hostname}})
-        option(value="/timeline") Timeline
+        option(value="/home") {{ $t('settings.landingPage.home') }}
+        option(:value="'/activity/' + hostname + '/view/'" v-for="hostname in hostnames") {{ $t('settings.landingPage.activity', { hostname }) }}
+        option(value="/timeline") {{ $t('settings.landingPage.timeline') }}
       span(v-else)
-        .aw-loading Loading...
+        .aw-loading {{ $t('common.loading') }}
   small
-    | The page to open when opening ActivityWatch, or clicking the logo in the top menu.
+    | {{ $t('settings.landingPage.help') }}
 </template>
 
 <script lang="ts">
@@ -20,22 +20,17 @@ import { useBucketsStore } from '~/stores/buckets';
 
 export default {
   name: 'LandingPageSettings',
-  data: () => {
-    return {
-      bucketsStore: useBucketsStore(),
-
-      loaded: false,
-    };
-  },
+  data: () => ({
+    bucketsStore: useBucketsStore(),
+    loaded: false,
+  }),
   computed: {
     landingpage: {
       get: function () {
-        const settingsStore = useSettingsStore();
-        return settingsStore.landingpage || '/home';
+        return useSettingsStore().landingpage || '/home';
       },
       set: function (val) {
-        const settingsStore = useSettingsStore();
-        settingsStore.update({ landingpage: val });
+        useSettingsStore().update({ landingpage: val });
       },
     },
     hostnames() {
diff --git a/src/views/settings/LanguageSettings.vue b/src/views/settings/LanguageSettings.vue
new file mode 100644
index 00000000..63f96c7b
--- /dev/null
+++ b/src/views/settings/LanguageSettings.vue
@@ -0,0 +1,42 @@
+<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') }}
+      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/ReleaseNotificationSettings.vue b/src/views/settings/ReleaseNotificationSettings.vue
index 2a324c00..a3041fbe 100644
--- a/src/views/settings/ReleaseNotificationSettings.vue
+++ b/src/views/settings/ReleaseNotificationSettings.vue
@@ -2,11 +2,11 @@
 div
   div.d-flex.justify-content-between
     div
-      h5.mb-0 New release notification
+      h5.mb-0 {{ $t('settings.releaseNotification.title') }}
     div
       b-form-checkbox(v-model="isEnabled" switch)
   small
-    | We will send you a notification if there is a new release available for download, this check will happen at most once per day.
+    | {{ $t('settings.releaseNotification.help') }}
 </template>
 
 <script lang="ts">
@@ -16,8 +16,7 @@ export default {
   computed: {
     isEnabled: {
       get() {
-        const settingsStore = useSettingsStore();
-        return settingsStore.newReleaseCheckData.isEnabled;
+        return useSettingsStore().newReleaseCheckData.isEnabled;
       },
       set(value) {
         const settingsStore = useSettingsStore();
diff --git a/src/views/settings/Settings.vue b/src/views/settings/Settings.vue
index 0328ad18..f04335ce 100644
--- a/src/views/settings/Settings.vue
+++ b/src/views/settings/Settings.vue
@@ -1,6 +1,10 @@
 <template lang="pug">
 div
-  h3 Settings
+  h3 {{ $t('settings.title') }}
+
+  hr
+
+  LanguageSettings
 
   hr
 
@@ -43,6 +47,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';
@@ -56,6 +61,7 @@ import ActivePatternSettings from '~/views/settings/ActivePatternSettings.vue';
 export default {
   name: 'Settings',
   components: {
+    LanguageSettings,
     DaystartSettings,
     TimelineDurationSettings,
     ReleaseNotificationSettings,
@@ -69,7 +75,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);
diff --git a/src/views/settings/Theme.vue b/src/views/settings/Theme.vue
index 337546dd..26c175c2 100644
--- a/src/views/settings/Theme.vue
+++ b/src/views/settings/Theme.vue
@@ -2,16 +2,16 @@
 div
   div.d-sm-flex.justify-content-between
     div
-      h5.mt-1.mb-2.mb-sm-0 Theme
+      h5.mt-1.mb-2.mb-sm-0 {{ $t('settings.theme.title') }}
     div
       b-select.landingpage(v-if="_loaded" size="sm" :value="theme", @change="theme = $event")
-        option(value="auto") Auto (System)
-        option(value="light") Light
-        option(value="dark") Dark
+        option(value="auto") {{ $t('settings.theme.auto') }}
+        option(value="light") {{ $t('settings.theme.light') }}
+        option(value="dark") {{ $t('settings.theme.dark') }}
       span(v-else)
-        .aw-loading Loading...
+        .aw-loading {{ $t('common.loading') }}
   small
-    | Change color theme of the application (you need to change categories colors manually to be suitable with dark mode).
+    | {{ $t('settings.theme.help') }}
 </template>
 
 <script lang="ts">
@@ -25,29 +25,20 @@ export default {
     ...mapState(useSettingsStore, ['_loaded']),
     theme: {
       get() {
-        const settingsStore = useSettingsStore();
-        return settingsStore.theme;
+        return useSettingsStore().theme;
       },
       set(value) {
-        console.log('Set theme to ' + value);
         const settingsStore = useSettingsStore();
-        settingsStore.update({
-          theme: value,
-        });
+        settingsStore.update({ theme: value });
 
-        // Determine the actual theme to apply
         const detectedTheme = value === 'auto' ? detectPreferredTheme() : value;
 
-        // Apply newly set theme
-        // Create Dark Theme Element
         const themeLink = document.createElement('link');
         themeLink.href = '/dark.css';
         themeLink.rel = 'stylesheet';
 
-        // Remove existing theme link if present
         document.querySelector(`link[href="${new URL(themeLink.href).pathname}"]`)?.remove();
 
-        // Append Dark Theme Element if dark theme should be applied
         if (detectedTheme === 'dark') {
           document.querySelector('head').appendChild(themeLink);
         }
diff --git a/src/views/settings/TimelineDurationSettings.vue b/src/views/settings/TimelineDurationSettings.vue
index d9b6c320..0682dd03 100644
--- a/src/views/settings/TimelineDurationSettings.vue
+++ b/src/views/settings/TimelineDurationSettings.vue
@@ -2,7 +2,7 @@
 div
   div.d-sm-flex.justify-content-between
     div
-      h5.mb-2.mb-sm-0 Duration default value
+      h5.mb-2.mb-sm-0 {{ $t('settings.timelineDuration.title') }}
     div
       b-select(size="sm" :value="durationDefault", @change="durationDefault = $event")
           option(:value="15*60") 15min
@@ -14,7 +14,7 @@ div
           option(:value="12*60*60") 12h
           option(:value="24*60*60") 24h
   small
-    | The default duration used for 'show last' in the timeline view.
+    | {{ $t('settings.timelineDuration.help') }}
 </template>
 <script lang="ts">
 import { useSettingsStore } from '~/stores/settings';
@@ -32,7 +32,6 @@ export default {
         return this.settingsStore.durationDefault;
       },
       set(value) {
-        console.log('Set default timeline duration to ' + value);
         this.settingsStore.update({ durationDefault: value });
       },
     },

From 99a2c1a79cac2466cee4c83f021852ff1d0ce923 Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Tue, 2 Jun 2026 17:56:43 +0200
Subject: [PATCH 2/7] fix(i18n): browser locale on first visit and android note
 prefix

---
 src/i18n/index.ts      |  2 +-
 src/i18n/locales/de.ts |  2 +-
 src/i18n/locales/en.ts |  2 +-
 src/i18n/locales/ru.ts |  2 +-
 src/i18n/locales/uk.ts |  2 +-
 src/stores/settings.ts | 17 ++++++++++++++---
 6 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 5a327955..030025e1 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -64,7 +64,7 @@ export const i18n = new VueI18n({
   locale: initialLocale,
   fallbackLocale: 'en',
   messages: { en, uk, de, ru },
-  silentTranslationWarn: true,
+  silentTranslationWarn: process.env.NODE_ENV === 'production',
 });
 
 moment.locale(MOMENT_LOCALE[initialLocale]);
diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts
index dab99255..cff38c72 100644
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -151,7 +151,7 @@ export default {
   home: {
     note: 'Hinweis:',
     androidNote:
-      'Hinweis: ActivityWatch auf Android ist noch sehr früh. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
+      'ActivityWatch auf Android ist noch sehr früh. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
     greeting: 'Hallo, früher Nutzer,',
     intro1:
       'ActivityWatch ist noch in der Entwicklung{android}. Wir brauchen Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.',
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index dc6b62d7..15e1a916 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -151,7 +151,7 @@ export default {
   home: {
     note: 'Note:',
     androidNote:
-      '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!).',
+      '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: 'Hello early user,',
     intro1:
       'It is still early days for ActivityWatch{android}. We have come a long way but we need users (like you!) to provide feedback and help us turn ActivityWatch into a successful project.',
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
index f633bba5..2b7b7df4 100644
--- a/src/i18n/locales/ru.ts
+++ b/src/i18n/locales/ru.ts
@@ -149,7 +149,7 @@ export default {
   home: {
     note: 'Примечание:',
     androidNote:
-      'Примечание: ActivityWatch на Android на очень ранней стадии. Будут ошибки, но мы работаем над паритетом с десктопной версией (её стоит попробовать!).',
+      'ActivityWatch на Android на очень ранней стадии. Будут ошибки, но мы работаем над паритетом с десктопной версией (её стоит попробовать!).',
     greeting: 'Здравствуйте, ранний пользователь,',
     intro1:
       'ActivityWatch ещё развивается{android}. Нам нужны пользователи (как вы!), чтобы сделать проект успешным.',
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
index 2b68eb78..e60d925c 100644
--- a/src/i18n/locales/uk.ts
+++ b/src/i18n/locales/uk.ts
@@ -150,7 +150,7 @@ export default {
   home: {
     note: 'Примітка:',
     androidNote:
-      'Примітка: ActivityWatch на Android на дуже ранній стадії. Будуть помилки, але ми працюємо над паритетом із десктопною версією (її варто спробувати!).',
+      'ActivityWatch на Android на дуже ранній стадії. Будуть помилки, але ми працюємо над паритетом із десктопною версією (її варто спробувати!).',
     greeting: 'Вітаємо, ранній користувачу,',
     intro1:
       'ActivityWatch ще розвивається{android}. Нам потрібні користувачі (як ви!), щоб зробити проєкт успішним.',
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 66332efa..1b9cea02 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -4,7 +4,7 @@ import { getClient } from '~/util/awclient';
 import { Category, CategorySet, defaultCategories, cleanCategory } from '~/util/classes';
 import { View, defaultViews } from '~/stores/views';
 import { isEqual } from 'lodash';
-import { isAppLocale, setAppLocale } from '~/i18n';
+import { AppLocale, i18n, isAppLocale, setAppLocale } from '~/i18n';
 
 function jsonEq(a: any, b: any) {
   const jsonA = JSON.parse(JSON.stringify(a));
@@ -29,7 +29,7 @@ interface State {
   useColorFallback: boolean;
   landingpage: string;
   theme: 'light' | 'dark' | 'auto';
-  locale: 'en' | 'uk' | 'de' | 'ru';
+  locale: string;
 
   newReleaseCheckData: Record<string, any>;
   userSatisfactionPollData: {
@@ -154,14 +154,25 @@ export const useSettingsStore = defineStore('settings', {
           }
         } else if (value === 'true' || value === 'false') {
           storage[key] = value === 'true';
+        } else if (key === 'locale') {
+          if (isAppLocale(value)) {
+            storage[key] = value;
+          } else {
+            console.warn('Ignoring invalid locale from storage:', value);
+          }
         } else {
           storage[key] = value;
         }
       }
       this.$patch({ ...storage, _loaded: true });
 
-      if (isAppLocale(this.locale)) {
+      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

From e4e0c9566e6ab3bd6ecc177642a358b568ddd5ee Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Tue, 2 Jun 2026 18:07:04 +0200
Subject: [PATCH 3/7] chore: drop local I18N-PR-NOTES from PR

---
 I18N-PR-NOTES.md | 66 ------------------------------------------------
 1 file changed, 66 deletions(-)
 delete mode 100644 I18N-PR-NOTES.md

diff --git a/I18N-PR-NOTES.md b/I18N-PR-NOTES.md
deleted file mode 100644
index f2887abe..00000000
--- a/I18N-PR-NOTES.md
+++ /dev/null
@@ -1,66 +0,0 @@
-# i18n changes — notes for review / PR
-
-## Scope (aw-webui only)
-
-This contribution adds internationalization via `vue-i18n@8` (Vue 2).
-
-### New files
-- `src/i18n/index.ts` — locale detection, `setAppLocale`, HTML `lang`
-- `src/i18n/locales/en.ts` — English (source strings)
-- `src/i18n/locales/uk.ts`, `de.ts`, `ru.ts` — translations
-- `src/views/settings/LanguageSettings.vue` — language picker
-
-### Modified (wire `$t()`)
-- `src/main.js` — register i18n
-- `src/App.vue` — apply saved locale after settings load
-- `src/stores/settings.ts` — persist `locale` in settings
-- `src/components/Header.vue`, `Footer.vue`
-- Main views: Home, Buckets, Activity, Timeline, Search, Query, Report, etc.
-- Settings sub-pages
-
-### Dependencies
-- `package.json`: `vue-i18n@^8.28.2`
-- `package-lock.json`: lockfile update (includes some npm `peer` metadata flags — harmless)
-
-## Out of scope (do not include in aw-webui PR)
-
-| Path | Reason |
-|------|--------|
-| `../../DEV-SETUP.md` | Local Windows dev notes (parent `activitywatch` repo) |
-| `../../scripts/local-build.sh` | Local build helper |
-| `aw-server-rust/Cargo.lock` | Accidental build drift — reverted |
-
-## Suggested PR target
-
-Submit to **https://github.com/ActivityWatch/aw-webui** (not the meta `activitywatch` bundle), then bump submodule in `aw-server` after merge.
-
-## Suggested commit message
-
-```
-feat(i18n): add Ukrainian, German, and Russian UI translations
-
-Introduce vue-i18n with en/uk/de/ru locale files, a language
-setting, and translated strings for navigation, settings, and
-main views. Browser language is detected on first visit; choice
-is persisted in settings and localStorage.
-```
-
-## Fork-only customization
-
-To default to Ukrainian in a private fork, set in `src/i18n/index.ts`:
-`detectBrowserLocale() ?? 'uk'` and `locale: 'uk'` in `settings.ts` state.
-
-## Pre-submit checklist
-
-- [ ] `npm run build` in `aw-webui`
-- [ ] `npm run lint` (if used)
-- [ ] Manual: switch all 4 languages in Settings
-- [ ] No unrelated formatting-only churn in untouched files
-- [ ] PR description lists incomplete areas (Category Builder, modals, dev-only views)
-
-## Known gaps (follow-up PRs)
-
-- Category Builder, Alerts, Graph, Dev views — still English
-- `prompt()` / `confirm()` in categorization — not i18n
-- Default category names in `classes.ts` — data, not UI
-- `vue-i18n@8` is legacy (Vue 2); migration to Vue 3 / intlify is separate

From bc500325b09dc29839ec489235951952d7d05803 Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Wed, 3 Jun 2026 12:50:39 +0200
Subject: [PATCH 4/7] test(i18n): add unit tests for locale detection and
 settings load

Cover isAppLocale, getInitialLocale, setAppLocale, and settings store
locale loading from server/localStorage to satisfy Codecov patch coverage.
---
 test/unit/i18n.test.js                  | 65 ++++++++++++++++++++++
 test/unit/store/settings.locale.test.js | 74 +++++++++++++++++++++++++
 test/unit/store/settings.test.node.ts   | 50 +++++++++++++++++
 3 files changed, 189 insertions(+)
 create mode 100644 test/unit/i18n.test.js
 create mode 100644 test/unit/store/settings.locale.test.js

diff --git a/test/unit/i18n.test.js b/test/unit/i18n.test.js
new file mode 100644
index 00000000..33581c11
--- /dev/null
+++ b/test/unit/i18n.test.js
@@ -0,0 +1,65 @@
+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('fr')).toBe(false);
+    expect(isAppLocale('')).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 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('ru');
+    expect(i18n.locale).toBe('ru');
+    expect(document.documentElement.lang).toBe('ru');
+    expect(localStorage.getItem('locale')).toBe('ru');
+  });
+
+  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..2771caf4
--- /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(() => {});
+    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', 'ru');
+    mockGetSettings.mockResolvedValue({});
+
+    await settingsStore.load();
+
+    expect(settingsStore.locale).toBe('ru');
+    expect(i18n.locale).toBe('ru');
+  });
+
+  test('load ignores invalid locale from localStorage', async () => {
+    const warn = jest.spyOn(console, 'warn').mockImplementation(() => {});
+    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();
+  });
+});
diff --git a/test/unit/store/settings.test.node.ts b/test/unit/store/settings.test.node.ts
index ff1f32fc..0766049f 100644
--- a/test/unit/store/settings.test.node.ts
+++ b/test/unit/store/settings.test.node.ts
@@ -1,14 +1,55 @@
 import { setActivePinia, createPinia } from 'pinia';
 
+const mockGetSettings = jest.fn();
+
+jest.mock('~/util/awclient', () => ({
+  getClient: () => ({
+    get_settings: mockGetSettings,
+    req: {
+      defaults: { timeout: 0 },
+      post: jest.fn(),
+    },
+  }),
+}));
+
 import { useSettingsStore } from '~/stores/settings';
+import { i18n } from '~/i18n';
+
+function mockLocalStorage() {
+  const store: Record<string, string> = {};
+  const storage = {
+    getItem: (key: string) => (key in store ? store[key] : null),
+    setItem: (key: string, value: string) => {
+      store[key] = value;
+    },
+    removeItem: (key: string) => {
+      delete store[key];
+    },
+    clear: () => {
+      for (const key of Object.keys(store)) {
+        delete store[key];
+      }
+    },
+    key: (index: number) => Object.keys(store)[index] ?? null,
+    get length() {
+      return Object.keys(store).length;
+    },
+  };
+  Object.defineProperty(global, 'localStorage', { value: storage, configurable: true });
+}
 
 describe('settings store', () => {
   setActivePinia(createPinia());
   const settingsStore = useSettingsStore();
 
   beforeEach(() => {
+    mockLocalStorage();
     settingsStore.$reset();
+    settingsStore.$patch({ _loaded: false });
     jest.restoreAllMocks();
+    mockGetSettings.mockReset();
+    mockGetSettings.mockResolvedValue({});
+    i18n.locale = 'en';
   });
 
   test('ensureLoaded coalesces concurrent loads', async () => {
@@ -63,4 +104,13 @@ describe('settings store', () => {
     expect(steps).toEqual(['ensureLoaded', 'save']);
     expect(settingsStore.saved_queries).toEqual(savedQueries);
   });
+
+  test('load syncs store locale from i18n when no saved locale exists', async () => {
+    i18n.locale = 'uk';
+    mockGetSettings.mockResolvedValue({});
+
+    await settingsStore.load();
+
+    expect(settingsStore.locale).toBe('uk');
+  });
 });

From 211fa25ca947f965db3e91c764fbc35f633f2e3d Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Wed, 3 Jun 2026 14:28:22 +0200
Subject: [PATCH 5/7] fix(i18n): translation QA for de, uk, and ru
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix German home.greeting (früher Nutzer -> Early Adopter), align early-day
and earlyDev strings, and add check-locales script for key/placeholder parity.
---
 package.json              |   1 +
 scripts/check-locales.mjs | 200 ++++++++++++++++++++++++++++++++++++++
 src/i18n/locales/de.ts    |  12 +--
 src/i18n/locales/ru.ts    |   8 +-
 src/i18n/locales/uk.ts    |   8 +-
 5 files changed, 215 insertions(+), 14 deletions(-)
 create mode 100644 scripts/check-locales.mjs

diff --git a/package.json b/package.json
index 353aeac1..425b6669 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 ."
   },
diff --git a/scripts/check-locales.mjs b/scripts/check-locales.mjs
new file mode 100644
index 00000000..e10adfff
--- /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'];
+
+/** 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',
+  'patreon',
+  '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',
+  'forum',
+];
+
+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/i18n/locales/de.ts b/src/i18n/locales/de.ts
index c63b39a2..c97e5599 100644
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -142,7 +142,7 @@ export default {
         '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:
-        'Ereignisse von mehreren Hosts in der Aktivitätsansicht. Experimentell; Browser-Buckets und „Audio = aktiv“ werden noch nicht unterstützt.',
+        '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.',
@@ -153,9 +153,9 @@ export default {
     note: 'Hinweis:',
     androidNote:
       'ActivityWatch auf Android ist noch sehr früh. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
-    greeting: 'Hallo, früher Nutzer,',
+    greeting: 'Hallo und willkommen, Early Adopter,',
     intro1:
-      'ActivityWatch ist noch in der Entwicklung{android}. Wir brauchen Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.',
+      'ActivityWatch steht noch am Anfang{android}. Wir sind schon weit gekommen, brauchen aber Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.',
     introAndroid: ' (besonders auf Android!)',
     intro2: 'Frühe Nutzer sind uns wichtig — schreiben Sie uns mit Verbesserungsideen!',
     intro3:
@@ -318,7 +318,7 @@ export default {
   },
   search: {
     title: 'Suche',
-    earlyDev: 'Diese Funktion ist noch in der Entwicklung.',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
     searchBtn: 'Suchen',
     options: 'Optionen',
     notFound: 'Nicht gefunden, was Sie suchten?',
@@ -338,7 +338,7 @@ export default {
   report: {
     title: 'Bericht',
     description: 'Bericht über die in einer Geräteaktivitätskategorie verbrachte Zeit.',
-    earlyDev: 'Diese Funktion ist noch in der Entwicklung.',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
     generate: 'Erzeugen',
     options: 'Optionen',
     foundEvents: '{count} Ereignisse in {seconds} Sekunden gefunden',
@@ -346,7 +346,7 @@ export default {
   },
   trends: {
     titlePrefix: 'Trends für',
-    earlyDev: 'Diese Funktion ist noch in der Entwicklung.',
+    earlyDev: 'Diese Funktion befindet sich noch in früher Entwicklung.',
     loadDemo: 'Demo-Daten laden',
   },
   timespiral: {
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
index f32f5b6f..26979c33 100644
--- a/src/i18n/locales/ru.ts
+++ b/src/i18n/locales/ru.ts
@@ -183,7 +183,7 @@ export default {
     apiBrowser: 'Просмотр API',
     workingOnTitle: 'Над чем мы работаем?',
     workingOn: 'Смотрите',
-    devUpdates: 'обновления разработки',
+    devUpdates: 'новости разработки',
     landingHint: 'Страницу при открытии ActivityWatch (вместо этой) можно изменить в',
   },
   buckets: {
@@ -316,7 +316,7 @@ export default {
   },
   search: {
     title: 'Поиск',
-    earlyDev: 'Функция ещё в разработке.',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
     searchBtn: 'Искать',
     options: 'Параметры',
     notFound: 'Не нашли нужное?',
@@ -336,7 +336,7 @@ export default {
   report: {
     title: 'Отчёт',
     description: 'Отчёт о времени в определённой категории активности устройства.',
-    earlyDev: 'Функция ещё в разработке.',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
     generate: 'Сгенерировать',
     options: 'Параметры',
     foundEvents: 'Найдено событий: {count} за {seconds} с',
@@ -344,7 +344,7 @@ export default {
   },
   trends: {
     titlePrefix: 'Тренды за',
-    earlyDev: 'Функция ещё в разработке.',
+    earlyDev: 'Функция ещё на ранней стадии разработки.',
     loadDemo: 'Загрузить демо-данные',
   },
   timespiral: {
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
index c7d663b7..7ef9cdb1 100644
--- a/src/i18n/locales/uk.ts
+++ b/src/i18n/locales/uk.ts
@@ -184,7 +184,7 @@ export default {
     apiBrowser: 'Оглядач API',
     workingOnTitle: 'Над чим ми працюємо?',
     workingOn: 'Дивіться',
-    devUpdates: 'оновлення розробки',
+    devUpdates: 'новини розробки',
     landingHint: 'Сторінку при відкритті ActivityWatch (замість цієї) можна змінити в',
   },
   buckets: {
@@ -317,7 +317,7 @@ export default {
   },
   search: {
     title: 'Пошук',
-    earlyDev: 'Функція ще в розробці.',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
     searchBtn: 'Шукати',
     options: 'Параметри',
     notFound: 'Не знайшли потрібне?',
@@ -337,7 +337,7 @@ export default {
   report: {
     title: 'Звіт',
     description: 'Звіт про час у певній категорії активності пристрою.',
-    earlyDev: 'Функція ще в розробці.',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
     generate: 'Згенерувати',
     options: 'Параметри',
     foundEvents: 'Знайдено подій: {count} за {seconds} с',
@@ -345,7 +345,7 @@ export default {
   },
   trends: {
     titlePrefix: 'Тренди за',
-    earlyDev: 'Функція ще в розробці.',
+    earlyDev: 'Функція ще на ранній стадії розробки.',
     loadDemo: 'Завантажити демо-дані',
   },
   timespiral: {

From b3eee74fb0fff59d2615da942bfad7bcc735a58d Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Wed, 3 Jun 2026 14:30:47 +0200
Subject: [PATCH 6/7] fix(i18n): correct discard, landing page, and intro
 strings

Fix uk/ru Discard vs Cancel, de landing page title, intro1 parity with en,
uncategorized percent wording, and minor de/uk phrasing.
---
 src/i18n/locales/de.ts | 6 +++---
 src/i18n/locales/ru.ts | 6 +++---
 src/i18n/locales/uk.ts | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts
index c97e5599..d92b967b 100644
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -76,7 +76,7 @@ export default {
       help: 'Standarddauer für „Zuletzt anzeigen“ in der Zeitleiste.',
     },
     landingPage: {
-      title: 'Startseite',
+      title: 'Einstiegsseite',
       home: 'Startseite',
       activity: 'Aktivität ({hostname})',
       timeline: 'Zeitleiste',
@@ -116,7 +116,7 @@ export default {
       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-Editor',
+      categoryBuilder: 'Kategorie-Builder',
       builderOutro: 'nutzen, um schnell Kategorien aus unkategorisierter Aktivität zu erstellen.',
       forumIntro: 'Fertige Regelsätze finden Sie im',
       forum: 'Forum',
@@ -152,7 +152,7 @@ export default {
   home: {
     note: 'Hinweis:',
     androidNote:
-      'ActivityWatch auf Android ist noch sehr früh. Es gibt Fehler, aber wir arbeiten an Parität mit der Desktop-Version (probieren Sie sie!).',
+      '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: 'Hallo und willkommen, Early Adopter,',
     intro1:
       'ActivityWatch steht noch am Anfang{android}. Wir sind schon weit gekommen, brauchen aber Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.',
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
index 26979c33..7e9ae229 100644
--- a/src/i18n/locales/ru.ts
+++ b/src/i18n/locales/ru.ts
@@ -126,7 +126,7 @@ export default {
       deleteSet: 'Удалить набор',
       setsAvailable: 'Доступно наборов: {count} — переключайте профили правил.',
       unsavedChanges: 'Есть несохранённые изменения!',
-      discard: 'Отменить',
+      discard: 'Отбросить',
       addCategory: 'Добавить категорию',
     },
     developer: {
@@ -153,7 +153,7 @@ export default {
       'ActivityWatch на Android на очень ранней стадии. Будут ошибки, но мы работаем над паритетом с десктопной версией (её стоит попробовать!).',
     greeting: 'Здравствуйте, ранний пользователь,',
     intro1:
-      'ActivityWatch ещё развивается{android}. Нам нужны пользователи (как вы!), чтобы сделать проект успешным.',
+      'ActivityWatch ещё в начале пути{android}. Мы уже многого достигли, но нам нужны пользователи (как вы!), чтобы сделать проект успешным.',
     introAndroid: ' (особенно на Android!)',
     intro2: 'Ранние пользователи для нас важны — пишите с идеями улучшений!',
     intro3:
@@ -260,7 +260,7 @@ export default {
   },
   uncategorized: {
     title: 'Много некатегоризованного времени',
-    body: 'Всего {duration} некатегоризованного времени — это {percent}% за {period}.',
+    body: 'Всего {duration} некатегоризованного времени — это {percent}% всего времени за {period}.',
     hint: 'Можно исправить через',
     categoryBuilder: 'Конструктор категорий',
     periodToday: 'сегодня',
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
index 7ef9cdb1..94cdfb9a 100644
--- a/src/i18n/locales/uk.ts
+++ b/src/i18n/locales/uk.ts
@@ -127,7 +127,7 @@ export default {
       deleteSet: 'Видалити набір',
       setsAvailable: 'Доступно наборів: {count} — перемикайте профілі правил.',
       unsavedChanges: 'Є незбережені зміни!',
-      discard: 'Скасувати',
+      discard: 'Відкинути',
       addCategory: 'Додати категорію',
     },
     developer: {
@@ -154,7 +154,7 @@ export default {
       'ActivityWatch на Android на дуже ранній стадії. Будуть помилки, але ми працюємо над паритетом із десктопною версією (її варто спробувати!).',
     greeting: 'Вітаємо, ранній користувачу,',
     intro1:
-      'ActivityWatch ще розвивається{android}. Нам потрібні користувачі (як ви!), щоб зробити проєкт успішним.',
+      'ActivityWatch ще на початку шляху{android}. Ми вже багато досягли, але нам потрібні користувачі (як ви!), щоб зробити проєкт успішним.',
     introAndroid: ' (особливо на Android!)',
     intro2: 'Ранні користувачі для нас важливі — пишіть із ідеями покращень!',
     intro3:
@@ -192,7 +192,7 @@ export default {
     moreWatchers: 'Хочете більше даних? У документації є додаткові watcher-и.',
     currentDevice: '(поточний пристрій)',
     lastUpdated: 'Оновлено:',
-    firstSeen: 'Вперше бачили:',
+    firstSeen: 'Вперше виявлено:',
     bucketId: 'ID bucket-а',
     updated: 'Оновлено',
     exportBucketJson: 'Експорт bucket-а в JSON',
@@ -261,7 +261,7 @@ export default {
   },
   uncategorized: {
     title: 'Багато некатегоризованого часу',
-    body: 'Усього {duration} некатегоризованого часу — це {percent}% за {period}.',
+    body: 'Усього {duration} некатегоризованого часу — це {percent}% усього часу за {period}.',
     hint: 'Можна виправити через',
     categoryBuilder: 'Конструктор категорій',
     periodToday: 'сьогодні',

From bb3fec2d882a7a47163f018260bbba7637436744 Mon Sep 17 00:00:00 2001
From: Bohdan Rykush <bohdan.rykush@nure.ua>
Date: Mon, 15 Jun 2026 17:26:07 +0200
Subject: [PATCH 7/7] fix(i18n): translate post-merge strings for uk, de, and
 ru

Add Ukrainian, German, and Russian translations for keys introduced
by the upstream UI polish merge (settings groups, buckets, home,
activity views, stopwatch, and timespiral).
---
 src/i18n/locales/de.ts | 118 ++++++++++++++++++++--------------------
 src/i18n/locales/ru.ts | 120 ++++++++++++++++++++---------------------
 src/i18n/locales/uk.ts | 120 ++++++++++++++++++++---------------------
 3 files changed, 179 insertions(+), 179 deletions(-)

diff --git a/src/i18n/locales/de.ts b/src/i18n/locales/de.ts
index 0a9d70d1..66c30327 100644
--- a/src/i18n/locales/de.ts
+++ b/src/i18n/locales/de.ts
@@ -88,23 +88,23 @@ export default {
       help: "Farbschema der Anwendung (Kategoriefarben für den Dunkelmodus ggf. manuell anpassen).",
     },
     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",
+      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: "Benachrichtigung bei neuer Version",
-      help: "Wir benachrichtigen Sie, wenn eine neue Version zum Download verfügbar ist. Prüfung höchstens einmal täglich.",
+      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",
@@ -136,11 +136,11 @@ export default {
       unsavedChanges: "Ungespeicherte Änderungen!",
       discard: "Verwerfen",
       addCategory: "Kategorie hinzufügen",
-      categories: "Categories",
-      builderTitle: "Category builder",
-      builderSubtitle: "Generate rules from uncategorized activity",
-      openBuilder: "Open builder",
-      hideBuilder: "Hide builder",
+      categories: "Kategorien",
+      builderTitle: "Kategorie-Builder",
+      builderSubtitle: "Regeln aus unkategorisierter Aktivität erzeugen",
+      openBuilder: "Builder öffnen",
+      hideBuilder: "Builder ausblenden",
     },
     developer: {
       title: "Entwicklereinstellungen",
@@ -160,13 +160,13 @@ export default {
   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: "Hallo und willkommen, Early Adopter,",
-    intro1: "ActivityWatch steht noch am Anfang{android}. Wir sind schon weit gekommen, brauchen aber Nutzer (wie Sie!), um das Projekt erfolgreich zu machen.",
+    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: "Fill out our user survey",
-    surveySuffix: "to help shape what comes next.",
+    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",
@@ -179,7 +179,7 @@ export default {
     support1: "Gefällt Ihnen ActivityWatch? Helfen Sie uns, Ihnen zu helfen — spenden Sie über:",
     support2: "Mehr Infos auf der",
     donationPage: "Spendenseite der Website",
-    otherDonationMethods: "Other methods (incl. cryptocurrency)",
+    otherDonationMethods: "Weitere Methoden (inkl. Kryptowährung)",
     resourcesTitle: "Ressourcen",
     website: "Website",
     documentation: "Dokumentation",
@@ -187,36 +187,36 @@ export default {
     discord: "Discord",
     reddit: "Reddit",
     apiBrowser: "API-Browser",
-    workingOnTitle: "Woran arbeiten wir?",
-    workingOnPrefix: "Stay up to date with the",
+    workingOnTitle: "Woran wir arbeiten",
+    workingOnPrefix: "Bleiben Sie auf dem Laufenden mit den",
     devUpdates: "Entwicklungsupdates",
-    workingOnMiddle: "and follow the project on",
-    workingOnSuffix: "for release notes.",
+    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: "Mehr Daten sammeln? In der Dokumentation finden Sie weitere Watcher.",
-    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.",
+    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:",
@@ -279,11 +279,11 @@ export default {
     remove: "Entfernen",
     editView: "Ansicht bearbeiten",
     restoreAlert: "Alle Ansichten auf Standard zurückgesetzt. Änderungen werden erst nach Speichern übernommen.",
-    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.",
+    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",
   },
@@ -292,7 +292,7 @@ export default {
     body: "Insgesamt {duration} unkategorisiert — das sind {percent}% der Zeit {period}.",
     hint: "Beheben mit dem",
     categoryBuilder: "Kategorie-Builder",
-    settingsCogTitle: "Hide or adjust this hint in Settings",
+    settingsCogTitle: "Diesen Hinweis in den Einstellungen ausblenden oder anpassen",
     periodToday: "heute",
     periodThisWeek: "diese Woche",
     periodThisMonth: "diesen Monat",
@@ -338,10 +338,10 @@ export default {
   stopwatch: {
     title: "Stoppuhr",
     usingBucket: "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.",
+    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",
@@ -382,9 +382,9 @@ export default {
   timespiral: {
     title: "Timespiral",
     wip: "Experimentelle Funktion in Entwicklung.",
-    noAfkBucket: "No AFK bucket found on this host. Install",
-    noAfkBucketSuffix: "to use the Timespiral.",
+    noAfkBucket: "Auf diesem Host wurde kein AFK-Bucket gefunden. Installieren Sie",
+    noAfkBucketSuffix: "um Timespiral zu nutzen.",
     bucketLabel: "Bucket:",
-    eventsLabel: "Events:",
+    eventsLabel: "Ereignisse:",
   },
 };
diff --git a/src/i18n/locales/ru.ts b/src/i18n/locales/ru.ts
index 3b942e8c..407f7620 100644
--- a/src/i18n/locales/ru.ts
+++ b/src/i18n/locales/ru.ts
@@ -88,23 +88,23 @@ export default {
       help: "Цветовая тема интерфейса (цвета категорий для тёмного режима настраиваются вручную).",
     },
     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",
+      general: "Общие",
+      generalHelp: "Параметры по умолчанию для периодов, хронологии и стартовой страницы.",
+      appearance: "Внешний вид",
+      appearanceHelp: "Тема и цвета визуализаций.",
+      categorization: "Категоризация",
+      categorizationHelp: "Правила классификации событий по категориям и переопределения AFK/активности.",
+      privacy: "Конфиденциальность",
+      privacyHelp: "Фильтры, отбрасывающие или скрывающие чувствительные данные событий перед сохранением.",
+      developer: "Разработчик",
     },
     language: {
       title: "Язык",
       help: "Язык интерфейса веб-приложения.",
     },
     releaseNotification: {
-      title: "Уведомление о новой версии",
-      help: "Сообщим, если появится новая версия для загрузки. Проверка — не чаще раза в день.",
+      title: "Проверка новых версий",
+      help: "Если включено, веб-интерфейс раз в день проверяет наличие новой версии ActivityWatch и показывает подсказку.",
     },
     color: {
       title: "Резервные цвета",
@@ -136,11 +136,11 @@ export default {
       unsavedChanges: "Есть несохранённые изменения!",
       discard: "Отбросить",
       addCategory: "Добавить категорию",
-      categories: "Categories",
-      builderTitle: "Category builder",
-      builderSubtitle: "Generate rules from uncategorized activity",
-      openBuilder: "Open builder",
-      hideBuilder: "Hide builder",
+      categories: "Категории",
+      builderTitle: "Конструктор категорий",
+      builderSubtitle: "Создание правил из некатегоризированной активности",
+      openBuilder: "Открыть конструктор",
+      hideBuilder: "Скрыть конструктор",
     },
     developer: {
       title: "Настройки разработчика",
@@ -160,13 +160,13 @@ export default {
   home: {
     note: "Примечание:",
     androidNote: "ActivityWatch на Android на очень ранней стадии. Будут ошибки, но мы работаем над паритетом с десктопной версией (её стоит попробовать!).",
-    greeting: "Здравствуйте, ранний пользователь,",
-    intro1: "ActivityWatch ещё в начале пути{android}. Мы уже многого достигли, но нам нужны пользователи (как вы!), чтобы сделать проект успешным.",
+    greeting: "Добро пожаловать в ActivityWatch",
+    intro1: "Мы прошли долгий путь{android}, но нам по-прежнему нужны пользователи (как вы!), чтобы сделать ActivityWatch успешным проектом. Будем рады вашим идеям по улучшению.",
     introAndroid: " (особенно на Android!)",
     intro3: "Если вы разработчик, помогите watcher-ом, визуализацией или другим — и поделитесь на форуме!",
     thanks: "Спасибо, что пользуетесь ActivityWatch!",
-    surveyFill: "Fill out our user survey",
-    surveySuffix: "to help shape what comes next.",
+    surveyFill: "Заполните наш опрос пользователей",
+    surveySuffix: "чтобы повлиять на то, что будет дальше.",
     surveyOr: "или",
     voteForum: "проголосуйте за функции на форуме",
     spreadTitle: "Распространяйте проект",
@@ -179,7 +179,7 @@ export default {
     support1: "Нравится ActivityWatch? Помогите нам помочь вам — пожертвование через:",
     support2: "Подробнее — на",
     donationPage: "странице пожертвований на сайте",
-    otherDonationMethods: "Other methods (incl. cryptocurrency)",
+    otherDonationMethods: "Другие способы (включая криптовалюту)",
     resourcesTitle: "Ресурсы",
     website: "Сайт",
     documentation: "Документация",
@@ -187,36 +187,36 @@ export default {
     discord: "Discord",
     reddit: "Reddit",
     apiBrowser: "Просмотр API",
-    workingOnTitle: "Над чем мы работаем?",
-    workingOnPrefix: "Stay up to date with the",
-    devUpdates: "новости разработки",
-    workingOnMiddle: "and follow the project on",
-    workingOnSuffix: "for release notes.",
+    workingOnTitle: "Над чем мы работаем",
+    workingOnPrefix: "Следите за",
+    devUpdates: "новостями разработки",
+    workingOnMiddle: "и за проектом на",
+    workingOnSuffix: "чтобы читать заметки к релизам.",
     landingHint: "Страницу при открытии ActivityWatch (вместо этой) можно изменить в",
   },
   buckets: {
     title: "Bucket-и",
-    moreWatchers: "Хотите больше данных? В документации есть дополнительные watcher-и.",
-    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.",
+    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: "Впервые замечено:",
@@ -279,11 +279,11 @@ export default {
     remove: "Удалить",
     editView: "Редактировать просмотр",
     restoreAlert: "Все просмотры сброшены к типовым. Изменения не сохранятся, пока не нажмёте «Сохранить».",
-    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.",
+    removeViewTitle: "Удалить этот вид?",
+    removeViewOk: "Удалить вид",
+    removeViewConfirm: "Вы уверены, что хотите удалить",
+    removeViewHint: "Это удалит конфигурацию вида. Можно выполнить",
+    removeViewRestoreHint: "чтобы вернуть стандартные виды.",
     promptWatcher: "Введите имя watcher",
     promptTitle: "Введите название визуализации",
   },
@@ -292,7 +292,7 @@ export default {
     body: "Всего {duration} некатегоризованного времени — это {percent}% всего времени за {period}.",
     hint: "Можно исправить через",
     categoryBuilder: "Конструктор категорий",
-    settingsCogTitle: "Hide or adjust this hint in Settings",
+    settingsCogTitle: "Скрыть или настроить эту подсказку в параметрах",
     periodToday: "сегодня",
     periodThisWeek: "эту неделю",
     periodThisMonth: "этот месяц",
@@ -338,10 +338,10 @@ export default {
   stopwatch: {
     title: "Секундомер",
     usingBucket: "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.",
+    aboutTitle: "О секундомере",
+    aboutBody: "Отслеживайте сессии, записанные вручную, вместе с автоматическим учётом. Чтобы видеть итоги секундомера на панели, откройте вид активности, нажмите «Редактировать вид», затем «Добавить визуализацию» и выберите «Топ событий секундомера».",
+    placeholder: "Над чем вы работаете?",
+    noRunning: "Секундомер не запущен. Запустите его выше, чтобы отслеживать сфокусированную работу.",
     start: "Старт",
     running: "Идёт",
     history: "История",
@@ -382,9 +382,9 @@ export default {
   timespiral: {
     title: "Timespiral",
     wip: "Экспериментальная функция в разработке.",
-    noAfkBucket: "No AFK bucket found on this host. Install",
-    noAfkBucketSuffix: "to use the Timespiral.",
+    noAfkBucket: "На этом хосте не найден AFK bucket. Установите",
+    noAfkBucketSuffix: "чтобы использовать Timespiral.",
     bucketLabel: "Bucket:",
-    eventsLabel: "Events:",
+    eventsLabel: "Событий:",
   },
 };
diff --git a/src/i18n/locales/uk.ts b/src/i18n/locales/uk.ts
index d75b855b..eefb4473 100644
--- a/src/i18n/locales/uk.ts
+++ b/src/i18n/locales/uk.ts
@@ -88,23 +88,23 @@ export default {
       help: "Колірна тема інтерфейсу (кольори категорій для темного режиму потрібно налаштувати вручну).",
     },
     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",
+      general: "Загальні",
+      generalHelp: "Типові параметри періодів, хронології та стартової сторінки.",
+      appearance: "Зовнішній вигляд",
+      appearanceHelp: "Тема та кольори візуалізацій.",
+      categorization: "Категоризація",
+      categorizationHelp: "Правила класифікації подій у категорії та перевизначення AFK/активності.",
+      privacy: "Приватність",
+      privacyHelp: "Фільтри, що відкидають або приховують чутливі дані подій перед збереженням.",
+      developer: "Розробник",
     },
     language: {
       title: "Мова",
       help: "Мова інтерфейсу веб-застосунку.",
     },
     releaseNotification: {
-      title: "Сповіщення про нову версію",
-      help: "Повідомимо, якщо з’явиться нова версія для завантаження. Перевірка — не частіше разу на день.",
+      title: "Перевірка нових версій",
+      help: "Якщо ввімкнено, веб-інтерфейс раз на день перевіряє наявність нової версії ActivityWatch і показує підказку.",
     },
     color: {
       title: "Резервні кольори",
@@ -136,11 +136,11 @@ export default {
       unsavedChanges: "Є незбережені зміни!",
       discard: "Відкинути",
       addCategory: "Додати категорію",
-      categories: "Categories",
-      builderTitle: "Category builder",
-      builderSubtitle: "Generate rules from uncategorized activity",
-      openBuilder: "Open builder",
-      hideBuilder: "Hide builder",
+      categories: "Категорії",
+      builderTitle: "Конструктор категорій",
+      builderSubtitle: "Створення правил із некатегоризованої активності",
+      openBuilder: "Відкрити конструктор",
+      hideBuilder: "Сховати конструктор",
     },
     developer: {
       title: "Налаштування розробника",
@@ -160,13 +160,13 @@ export default {
   home: {
     note: "Примітка:",
     androidNote: "ActivityWatch на Android на дуже ранній стадії. Будуть помилки, але ми працюємо над паритетом із десктопною версією (її варто спробувати!).",
-    greeting: "Вітаємо, ранній користувачу,",
-    intro1: "ActivityWatch ще на початку шляху{android}. Ми вже багато досягли, але нам потрібні користувачі (як ви!), щоб зробити проєкт успішним.",
+    greeting: "Ласкаво просимо до ActivityWatch",
+    intro1: "Ми пройшли довгий шлях{android}, але нам ще потрібні користувачі (як ви!), щоб перетворити ActivityWatch на успішний проєкт. Будемо раді почути ваші ідеї щодо покращень.",
     introAndroid: " (особливо на Android!)",
     intro3: "Якщо ви розробник, допоможіть watcher-ом, візуалізацією чи іншим — і поділіться на форумі!",
     thanks: "Дякуємо, що користуєтеся ActivityWatch!",
-    surveyFill: "Fill out our user survey",
-    surveySuffix: "to help shape what comes next.",
+    surveyFill: "Заповніть наше опитування",
+    surveySuffix: "щоб вплинути на те, що буде далі.",
     surveyOr: "або",
     voteForum: "проголосуйте за функції на форумі",
     spreadTitle: "Поширюйте проєкт",
@@ -179,7 +179,7 @@ export default {
     support1: "Подобається ActivityWatch? Допоможіть нам допомогти вам — пожертва через:",
     support2: "Детальніше — на",
     donationPage: "сторінці пожертв на сайті",
-    otherDonationMethods: "Other methods (incl. cryptocurrency)",
+    otherDonationMethods: "Інші способи (зокрема криптовалюта)",
     resourcesTitle: "Ресурси",
     website: "Сайт",
     documentation: "Документація",
@@ -187,36 +187,36 @@ export default {
     discord: "Discord",
     reddit: "Reddit",
     apiBrowser: "Оглядач API",
-    workingOnTitle: "Над чим ми працюємо?",
-    workingOnPrefix: "Stay up to date with the",
-    devUpdates: "новини розробки",
-    workingOnMiddle: "and follow the project on",
-    workingOnSuffix: "for release notes.",
+    workingOnTitle: "Над чим ми працюємо",
+    workingOnPrefix: "Слідкуйте за",
+    devUpdates: "новинами розробки",
+    workingOnMiddle: "та за проєктом на",
+    workingOnSuffix: "щоб читати нотатки до релізів.",
     landingHint: "Сторінку при відкритті ActivityWatch (замість цієї) можна змінити в",
   },
   buckets: {
     title: "Bucket-и",
-    moreWatchers: "Хочете більше даних? У документації є додаткові watcher-и.",
-    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.",
+    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: "Вперше виявлено:",
@@ -279,11 +279,11 @@ export default {
     remove: "Видалити",
     editView: "Редагувати перегляд",
     restoreAlert: "Усі перегляди скинуто до типових. Зміни не збережуться, доки не натиснете «Зберегти».",
-    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.",
+    removeViewTitle: "Видалити цей перегляд?",
+    removeViewOk: "Видалити перегляд",
+    removeViewConfirm: "Справді видалити",
+    removeViewHint: "Це видалить конфігурацію перегляду. Можна виконати",
+    removeViewRestoreHint: "щоб повернути типові перегляди.",
     promptWatcher: "Введіть ім’я watcher",
     promptTitle: "Введіть назву візуалізації",
   },
@@ -292,7 +292,7 @@ export default {
     body: "Усього {duration} некатегоризованого часу — це {percent}% усього часу за {period}.",
     hint: "Можна виправити через",
     categoryBuilder: "Конструктор категорій",
-    settingsCogTitle: "Hide or adjust this hint in Settings",
+    settingsCogTitle: "Приховати або налаштувати цю підказку в параметрах",
     periodToday: "сьогодні",
     periodThisWeek: "цей тиждень",
     periodThisMonth: "цей місяць",
@@ -338,10 +338,10 @@ export default {
   stopwatch: {
     title: "Секундомір",
     usingBucket: "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.",
+    aboutTitle: "Про секундомір",
+    aboutBody: "Відстежуйте сесії, записані вручну, разом із автоматичним трекінгом. Щоб бачити підсумки секундоміра на панелі, відкрийте перегляд активності, натисніть «Редагувати перегляд», потім «Додати візуалізацію» і оберіть «Топ подій секундоміра».",
+    placeholder: "Над чим ви працюєте?",
+    noRunning: "Секундомір не запущено. Запустіть його вище, щоб відстежити зосереджену роботу.",
     start: "Старт",
     running: "Йде",
     history: "Історія",
@@ -382,9 +382,9 @@ export default {
   timespiral: {
     title: "Timespiral",
     wip: "Експериментальна функція в розробці.",
-    noAfkBucket: "No AFK bucket found on this host. Install",
-    noAfkBucketSuffix: "to use the Timespiral.",
+    noAfkBucket: "На цьому хості не знайдено AFK bucket. Встановіть",
+    noAfkBucketSuffix: "щоб користуватися Timespiral.",
     bucketLabel: "Bucket:",
-    eventsLabel: "Events:",
+    eventsLabel: "Подій:",
   },
 };