diff --git a/.yarn/cache/@babel-code-frame-npm-7.29.7-cc910f9962-21b12fe235.zip b/.yarn/cache/@babel-code-frame-npm-7.29.7-cc910f9962-21b12fe235.zip
new file mode 100644
index 00000000000..2696bc6dfe5
Binary files /dev/null and b/.yarn/cache/@babel-code-frame-npm-7.29.7-cc910f9962-21b12fe235.zip differ
diff --git a/.yarn/cache/@babel-compat-data-npm-7.29.7-6487d724ba-4424f8fb72.zip b/.yarn/cache/@babel-compat-data-npm-7.29.7-6487d724ba-4424f8fb72.zip
new file mode 100644
index 00000000000..c261d039c59
Binary files /dev/null and b/.yarn/cache/@babel-compat-data-npm-7.29.7-6487d724ba-4424f8fb72.zip differ
diff --git a/.yarn/cache/@babel-core-npm-7.29.7-78bc20dbf7-95149e98ff.zip b/.yarn/cache/@babel-core-npm-7.29.7-78bc20dbf7-95149e98ff.zip
new file mode 100644
index 00000000000..81e43a8eff3
Binary files /dev/null and b/.yarn/cache/@babel-core-npm-7.29.7-78bc20dbf7-95149e98ff.zip differ
diff --git a/.yarn/cache/@babel-generator-npm-7.29.7-b512136a1f-6bb8f4dc06.zip b/.yarn/cache/@babel-generator-npm-7.29.7-b512136a1f-6bb8f4dc06.zip
new file mode 100644
index 00000000000..088e00ac6fb
Binary files /dev/null and b/.yarn/cache/@babel-generator-npm-7.29.7-b512136a1f-6bb8f4dc06.zip differ
diff --git a/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.29.7-23c838e131-acd9e128de.zip b/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.29.7-23c838e131-acd9e128de.zip
new file mode 100644
index 00000000000..e8f68ddbd74
Binary files /dev/null and b/.yarn/cache/@babel-helper-annotate-as-pure-npm-7.29.7-23c838e131-acd9e128de.zip differ
diff --git a/.yarn/cache/@babel-helper-compilation-targets-npm-7.29.7-7cb31cc38d-f60a943937.zip b/.yarn/cache/@babel-helper-compilation-targets-npm-7.29.7-7cb31cc38d-f60a943937.zip
new file mode 100644
index 00000000000..0572c3af2bd
Binary files /dev/null and b/.yarn/cache/@babel-helper-compilation-targets-npm-7.29.7-7cb31cc38d-f60a943937.zip differ
diff --git a/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.29.7-d2ad5f51e0-c954e4bfe4.zip b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.29.7-d2ad5f51e0-c954e4bfe4.zip
new file mode 100644
index 00000000000..a65f1fbc688
Binary files /dev/null and b/.yarn/cache/@babel-helper-create-class-features-plugin-npm-7.29.7-d2ad5f51e0-c954e4bfe4.zip differ
diff --git a/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.29.7-afcf0ca875-702a34db6c.zip b/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.29.7-afcf0ca875-702a34db6c.zip
new file mode 100644
index 00000000000..4ffbe0afaf9
Binary files /dev/null and b/.yarn/cache/@babel-helper-create-regexp-features-plugin-npm-7.29.7-afcf0ca875-702a34db6c.zip differ
diff --git a/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.6.8-65b6b31041-39fef64ade.zip b/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.6.8-65b6b31041-39fef64ade.zip
new file mode 100644
index 00000000000..634088f2763
Binary files /dev/null and b/.yarn/cache/@babel-helper-define-polyfill-provider-npm-0.6.8-65b6b31041-39fef64ade.zip differ
diff --git a/.yarn/cache/@babel-helper-globals-npm-7.29.7-bb76425ef5-6deaf9846a.zip b/.yarn/cache/@babel-helper-globals-npm-7.29.7-bb76425ef5-6deaf9846a.zip
new file mode 100644
index 00000000000..0f34438c6e9
Binary files /dev/null and b/.yarn/cache/@babel-helper-globals-npm-7.29.7-bb76425ef5-6deaf9846a.zip differ
diff --git a/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.29.7-6e307e31eb-79d5f095b4.zip b/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.29.7-6e307e31eb-79d5f095b4.zip
new file mode 100644
index 00000000000..29669b8a7b5
Binary files /dev/null and b/.yarn/cache/@babel-helper-member-expression-to-functions-npm-7.29.7-6e307e31eb-79d5f095b4.zip differ
diff --git a/.yarn/cache/@babel-helper-module-imports-npm-7.29.7-c44b78302c-ad5a768fc9.zip b/.yarn/cache/@babel-helper-module-imports-npm-7.29.7-c44b78302c-ad5a768fc9.zip
new file mode 100644
index 00000000000..dc4344fcc81
Binary files /dev/null and b/.yarn/cache/@babel-helper-module-imports-npm-7.29.7-c44b78302c-ad5a768fc9.zip differ
diff --git a/.yarn/cache/@babel-helper-module-transforms-npm-7.29.7-50e1c84dbd-484f6d0297.zip b/.yarn/cache/@babel-helper-module-transforms-npm-7.29.7-50e1c84dbd-484f6d0297.zip
new file mode 100644
index 00000000000..2776228d563
Binary files /dev/null and b/.yarn/cache/@babel-helper-module-transforms-npm-7.29.7-50e1c84dbd-484f6d0297.zip differ
diff --git a/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.29.7-a1156041fe-6b477e01b4.zip b/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.29.7-a1156041fe-6b477e01b4.zip
new file mode 100644
index 00000000000..7d0d5a42d6f
Binary files /dev/null and b/.yarn/cache/@babel-helper-optimise-call-expression-npm-7.29.7-a1156041fe-6b477e01b4.zip differ
diff --git a/.yarn/cache/@babel-helper-plugin-utils-npm-7.29.7-b50f319ba2-b0a183abcc.zip b/.yarn/cache/@babel-helper-plugin-utils-npm-7.29.7-b50f319ba2-b0a183abcc.zip
new file mode 100644
index 00000000000..ad0f1301047
Binary files /dev/null and b/.yarn/cache/@babel-helper-plugin-utils-npm-7.29.7-b50f319ba2-b0a183abcc.zip differ
diff --git a/.yarn/cache/@babel-helper-remap-async-to-generator-npm-7.29.7-6476c9e054-98338ad6e3.zip b/.yarn/cache/@babel-helper-remap-async-to-generator-npm-7.29.7-6476c9e054-98338ad6e3.zip
new file mode 100644
index 00000000000..8edbc39c6dc
Binary files /dev/null and b/.yarn/cache/@babel-helper-remap-async-to-generator-npm-7.29.7-6476c9e054-98338ad6e3.zip differ
diff --git a/.yarn/cache/@babel-helper-replace-supers-npm-7.29.7-d22238da67-f7eb9a6b03.zip b/.yarn/cache/@babel-helper-replace-supers-npm-7.29.7-d22238da67-f7eb9a6b03.zip
new file mode 100644
index 00000000000..e9a52df942d
Binary files /dev/null and b/.yarn/cache/@babel-helper-replace-supers-npm-7.29.7-d22238da67-f7eb9a6b03.zip differ
diff --git a/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.29.7-6a7aa12dea-a5800bfcdc.zip b/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.29.7-6a7aa12dea-a5800bfcdc.zip
new file mode 100644
index 00000000000..64fac34389f
Binary files /dev/null and b/.yarn/cache/@babel-helper-skip-transparent-expression-wrappers-npm-7.29.7-6a7aa12dea-a5800bfcdc.zip differ
diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.29.7-87998d618e-4c229d2c22.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.29.7-87998d618e-4c229d2c22.zip
new file mode 100644
index 00000000000..6207d77e336
Binary files /dev/null and b/.yarn/cache/@babel-helper-string-parser-npm-7.29.7-87998d618e-4c229d2c22.zip differ
diff --git a/.yarn/cache/@babel-helper-validator-identifier-npm-7.29.7-9939aac13d-cc7779e96f.zip b/.yarn/cache/@babel-helper-validator-identifier-npm-7.29.7-9939aac13d-cc7779e96f.zip
new file mode 100644
index 00000000000..7323864a091
Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-identifier-npm-7.29.7-9939aac13d-cc7779e96f.zip differ
diff --git a/.yarn/cache/@babel-helper-validator-option-npm-7.29.7-635d603818-aeb6aa966f.zip b/.yarn/cache/@babel-helper-validator-option-npm-7.29.7-635d603818-aeb6aa966f.zip
new file mode 100644
index 00000000000..5139734ce73
Binary files /dev/null and b/.yarn/cache/@babel-helper-validator-option-npm-7.29.7-635d603818-aeb6aa966f.zip differ
diff --git a/.yarn/cache/@babel-helper-wrap-function-npm-7.29.7-1de4292536-2e6dfca94a.zip b/.yarn/cache/@babel-helper-wrap-function-npm-7.29.7-1de4292536-2e6dfca94a.zip
new file mode 100644
index 00000000000..8bb5c0cc3f3
Binary files /dev/null and b/.yarn/cache/@babel-helper-wrap-function-npm-7.29.7-1de4292536-2e6dfca94a.zip differ
diff --git a/.yarn/cache/@babel-helpers-npm-7.29.7-97e81ccfb9-b5c4ed0ce5.zip b/.yarn/cache/@babel-helpers-npm-7.29.7-97e81ccfb9-b5c4ed0ce5.zip
new file mode 100644
index 00000000000..2a836ccc78d
Binary files /dev/null and b/.yarn/cache/@babel-helpers-npm-7.29.7-97e81ccfb9-b5c4ed0ce5.zip differ
diff --git a/.yarn/cache/@babel-parser-npm-7.29.7-90d40e76ce-56f4c32a37.zip b/.yarn/cache/@babel-parser-npm-7.29.7-90d40e76ce-56f4c32a37.zip
new file mode 100644
index 00000000000..aa492c188e4
Binary files /dev/null and b/.yarn/cache/@babel-parser-npm-7.29.7-90d40e76ce-56f4c32a37.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-firefox-class-in-computed-class-key-npm-7.29.7-f6dbdc151b-83cca77d17.zip b/.yarn/cache/@babel-plugin-bugfix-firefox-class-in-computed-class-key-npm-7.29.7-f6dbdc151b-83cca77d17.zip
new file mode 100644
index 00000000000..6bd03cd0351
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-firefox-class-in-computed-class-key-npm-7.29.7-f6dbdc151b-83cca77d17.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-safari-class-field-initializer-scope-npm-7.29.7-6fe206652b-ad06de66cc.zip b/.yarn/cache/@babel-plugin-bugfix-safari-class-field-initializer-scope-npm-7.29.7-6fe206652b-ad06de66cc.zip
new file mode 100644
index 00000000000..08758d5409c
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-safari-class-field-initializer-scope-npm-7.29.7-6fe206652b-ad06de66cc.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression-npm-7.29.7-77f6c36cc3-2189a2a648.zip b/.yarn/cache/@babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression-npm-7.29.7-77f6c36cc3-2189a2a648.zip
new file mode 100644
index 00000000000..f95504f0611
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression-npm-7.29.7-77f6c36cc3-2189a2a648.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-safari-rest-destructuring-rhs-array-npm-7.29.7-1aa066da6a-a9bd13c260.zip b/.yarn/cache/@babel-plugin-bugfix-safari-rest-destructuring-rhs-array-npm-7.29.7-1aa066da6a-a9bd13c260.zip
new file mode 100644
index 00000000000..70b11bac9a1
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-safari-rest-destructuring-rhs-array-npm-7.29.7-1aa066da6a-a9bd13c260.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining-npm-7.29.7-3e65f1fd55-76a494ec4f.zip b/.yarn/cache/@babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining-npm-7.29.7-3e65f1fd55-76a494ec4f.zip
new file mode 100644
index 00000000000..4772873aa23
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining-npm-7.29.7-3e65f1fd55-76a494ec4f.zip differ
diff --git a/.yarn/cache/@babel-plugin-bugfix-v8-static-class-fields-redefine-readonly-npm-7.29.7-f11f25799d-7a58b4b32f.zip b/.yarn/cache/@babel-plugin-bugfix-v8-static-class-fields-redefine-readonly-npm-7.29.7-f11f25799d-7a58b4b32f.zip
new file mode 100644
index 00000000000..b047adcc3ea
Binary files /dev/null and b/.yarn/cache/@babel-plugin-bugfix-v8-static-class-fields-redefine-readonly-npm-7.29.7-f11f25799d-7a58b4b32f.zip differ
diff --git a/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.29.7-6c77327c8e-4a92b511af.zip b/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.29.7-6c77327c8e-4a92b511af.zip
new file mode 100644
index 00000000000..487291452ec
Binary files /dev/null and b/.yarn/cache/@babel-plugin-proposal-decorators-npm-7.29.7-6c77327c8e-4a92b511af.zip differ
diff --git a/.yarn/cache/@babel-plugin-proposal-export-default-from-npm-7.29.7-6df99ee7f6-373ba179cb.zip b/.yarn/cache/@babel-plugin-proposal-export-default-from-npm-7.29.7-6df99ee7f6-373ba179cb.zip
new file mode 100644
index 00000000000..9c669097c14
Binary files /dev/null and b/.yarn/cache/@babel-plugin-proposal-export-default-from-npm-7.29.7-6df99ee7f6-373ba179cb.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.29.7-14d3d5c32e-3a49c261fb.zip b/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.29.7-14d3d5c32e-3a49c261fb.zip
new file mode 100644
index 00000000000..08dd3d06d2e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-decorators-npm-7.29.7-14d3d5c32e-3a49c261fb.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-flow-npm-7.29.7-d41f3a60ad-3e03792bb2.zip b/.yarn/cache/@babel-plugin-syntax-flow-npm-7.29.7-d41f3a60ad-3e03792bb2.zip
new file mode 100644
index 00000000000..2ff2a5d8e57
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-flow-npm-7.29.7-d41f3a60ad-3e03792bb2.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-import-assertions-npm-7.29.7-c6fbbb1f1b-a7f24858e7.zip b/.yarn/cache/@babel-plugin-syntax-import-assertions-npm-7.29.7-c6fbbb1f1b-a7f24858e7.zip
new file mode 100644
index 00000000000..4f55cca9d1e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-import-assertions-npm-7.29.7-c6fbbb1f1b-a7f24858e7.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-import-attributes-npm-7.29.7-efe565cbb9-9f47345d09.zip b/.yarn/cache/@babel-plugin-syntax-import-attributes-npm-7.29.7-efe565cbb9-9f47345d09.zip
new file mode 100644
index 00000000000..606422c406e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-import-attributes-npm-7.29.7-efe565cbb9-9f47345d09.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.29.7-887bb0abd4-84150d27c5.zip b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.29.7-887bb0abd4-84150d27c5.zip
new file mode 100644
index 00000000000..15c893deb9b
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-jsx-npm-7.29.7-887bb0abd4-84150d27c5.zip differ
diff --git a/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.29.7-4784fd3786-ef454d2a7a.zip b/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.29.7-4784fd3786-ef454d2a7a.zip
new file mode 100644
index 00000000000..788b914cea1
Binary files /dev/null and b/.yarn/cache/@babel-plugin-syntax-typescript-npm-7.29.7-4784fd3786-ef454d2a7a.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-arrow-functions-npm-7.29.7-1fca2ecac5-0037fd7563.zip b/.yarn/cache/@babel-plugin-transform-arrow-functions-npm-7.29.7-1fca2ecac5-0037fd7563.zip
new file mode 100644
index 00000000000..9f4887f4e36
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-arrow-functions-npm-7.29.7-1fca2ecac5-0037fd7563.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-async-generator-functions-npm-7.29.7-515517ba9b-d8239f43b4.zip b/.yarn/cache/@babel-plugin-transform-async-generator-functions-npm-7.29.7-515517ba9b-d8239f43b4.zip
new file mode 100644
index 00000000000..1d477af4011
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-async-generator-functions-npm-7.29.7-515517ba9b-d8239f43b4.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-async-to-generator-npm-7.29.7-827a7b6864-e24db9c4c6.zip b/.yarn/cache/@babel-plugin-transform-async-to-generator-npm-7.29.7-827a7b6864-e24db9c4c6.zip
new file mode 100644
index 00000000000..caf900ec6f5
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-async-to-generator-npm-7.29.7-827a7b6864-e24db9c4c6.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-block-scoped-functions-npm-7.29.7-c37982cdc3-24f9712ade.zip b/.yarn/cache/@babel-plugin-transform-block-scoped-functions-npm-7.29.7-c37982cdc3-24f9712ade.zip
new file mode 100644
index 00000000000..f9dc6ddcb82
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-block-scoped-functions-npm-7.29.7-c37982cdc3-24f9712ade.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.29.7-eaca55365a-a17c02f8df.zip b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.29.7-eaca55365a-a17c02f8df.zip
new file mode 100644
index 00000000000..bf71feb4e97
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-block-scoping-npm-7.29.7-eaca55365a-a17c02f8df.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-class-properties-npm-7.29.7-f4102291f1-0cc5e7a882.zip b/.yarn/cache/@babel-plugin-transform-class-properties-npm-7.29.7-f4102291f1-0cc5e7a882.zip
new file mode 100644
index 00000000000..46a12b9b2a7
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-class-properties-npm-7.29.7-f4102291f1-0cc5e7a882.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-class-static-block-npm-7.29.7-1441d89f9a-fe94eb94d8.zip b/.yarn/cache/@babel-plugin-transform-class-static-block-npm-7.29.7-1441d89f9a-fe94eb94d8.zip
new file mode 100644
index 00000000000..1b04bd7ae2d
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-class-static-block-npm-7.29.7-1441d89f9a-fe94eb94d8.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-classes-npm-7.29.7-7c007c14af-cc45ff5b5b.zip b/.yarn/cache/@babel-plugin-transform-classes-npm-7.29.7-7c007c14af-cc45ff5b5b.zip
new file mode 100644
index 00000000000..ffa38c9786e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-classes-npm-7.29.7-7c007c14af-cc45ff5b5b.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-computed-properties-npm-7.29.7-04b562814b-ad945a48e6.zip b/.yarn/cache/@babel-plugin-transform-computed-properties-npm-7.29.7-04b562814b-ad945a48e6.zip
new file mode 100644
index 00000000000..f8ef753bfdd
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-computed-properties-npm-7.29.7-04b562814b-ad945a48e6.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-destructuring-npm-7.29.7-7d419c193a-5f56c030be.zip b/.yarn/cache/@babel-plugin-transform-destructuring-npm-7.29.7-7d419c193a-5f56c030be.zip
new file mode 100644
index 00000000000..4ed11da3edc
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-destructuring-npm-7.29.7-7d419c193a-5f56c030be.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-dotall-regex-npm-7.29.7-fab0bb19ea-537df0fb91.zip b/.yarn/cache/@babel-plugin-transform-dotall-regex-npm-7.29.7-fab0bb19ea-537df0fb91.zip
new file mode 100644
index 00000000000..5a98ddef5e4
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-dotall-regex-npm-7.29.7-fab0bb19ea-537df0fb91.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-duplicate-keys-npm-7.29.7-366334e7ee-39bf312a79.zip b/.yarn/cache/@babel-plugin-transform-duplicate-keys-npm-7.29.7-366334e7ee-39bf312a79.zip
new file mode 100644
index 00000000000..95e3f524969
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-duplicate-keys-npm-7.29.7-366334e7ee-39bf312a79.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-duplicate-named-capturing-groups-regex-npm-7.29.7-9e10bdb301-fa7fcdbede.zip b/.yarn/cache/@babel-plugin-transform-duplicate-named-capturing-groups-regex-npm-7.29.7-9e10bdb301-fa7fcdbede.zip
new file mode 100644
index 00000000000..d41f5617e42
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-duplicate-named-capturing-groups-regex-npm-7.29.7-9e10bdb301-fa7fcdbede.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-dynamic-import-npm-7.29.7-646c91743b-58c035e6b9.zip b/.yarn/cache/@babel-plugin-transform-dynamic-import-npm-7.29.7-646c91743b-58c035e6b9.zip
new file mode 100644
index 00000000000..3cf6a8f16d9
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-dynamic-import-npm-7.29.7-646c91743b-58c035e6b9.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-explicit-resource-management-npm-7.29.7-ba23babf60-28ff30f46d.zip b/.yarn/cache/@babel-plugin-transform-explicit-resource-management-npm-7.29.7-ba23babf60-28ff30f46d.zip
new file mode 100644
index 00000000000..b0df885e2b9
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-explicit-resource-management-npm-7.29.7-ba23babf60-28ff30f46d.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-exponentiation-operator-npm-7.29.7-b027e388aa-bf0366d77d.zip b/.yarn/cache/@babel-plugin-transform-exponentiation-operator-npm-7.29.7-b027e388aa-bf0366d77d.zip
new file mode 100644
index 00000000000..fe8385a6b2c
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-exponentiation-operator-npm-7.29.7-b027e388aa-bf0366d77d.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-export-namespace-from-npm-7.29.7-063a6b0922-d157d62b14.zip b/.yarn/cache/@babel-plugin-transform-export-namespace-from-npm-7.29.7-063a6b0922-d157d62b14.zip
new file mode 100644
index 00000000000..b237a24cd47
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-export-namespace-from-npm-7.29.7-063a6b0922-d157d62b14.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-flow-strip-types-npm-7.29.7-7d249e90ed-bc6e94f539.zip b/.yarn/cache/@babel-plugin-transform-flow-strip-types-npm-7.29.7-7d249e90ed-bc6e94f539.zip
new file mode 100644
index 00000000000..fdd464f928c
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-flow-strip-types-npm-7.29.7-7d249e90ed-bc6e94f539.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-for-of-npm-7.29.7-018cc07c68-7641d5eb4e.zip b/.yarn/cache/@babel-plugin-transform-for-of-npm-7.29.7-018cc07c68-7641d5eb4e.zip
new file mode 100644
index 00000000000..2d905a15511
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-for-of-npm-7.29.7-018cc07c68-7641d5eb4e.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-function-name-npm-7.29.7-f615ee530a-87a6329442.zip b/.yarn/cache/@babel-plugin-transform-function-name-npm-7.29.7-f615ee530a-87a6329442.zip
new file mode 100644
index 00000000000..44e4bdc8b4f
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-function-name-npm-7.29.7-f615ee530a-87a6329442.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-json-strings-npm-7.29.7-316c18256c-3af97e144e.zip b/.yarn/cache/@babel-plugin-transform-json-strings-npm-7.29.7-316c18256c-3af97e144e.zip
new file mode 100644
index 00000000000..7e752bc22e9
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-json-strings-npm-7.29.7-316c18256c-3af97e144e.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-literals-npm-7.29.7-8498d15ac3-aadb2b3fe8.zip b/.yarn/cache/@babel-plugin-transform-literals-npm-7.29.7-8498d15ac3-aadb2b3fe8.zip
new file mode 100644
index 00000000000..f5c3ee49b7e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-literals-npm-7.29.7-8498d15ac3-aadb2b3fe8.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-logical-assignment-operators-npm-7.29.7-48eea3f2bb-374d83dfbb.zip b/.yarn/cache/@babel-plugin-transform-logical-assignment-operators-npm-7.29.7-48eea3f2bb-374d83dfbb.zip
new file mode 100644
index 00000000000..7f4d54acee1
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-logical-assignment-operators-npm-7.29.7-48eea3f2bb-374d83dfbb.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-member-expression-literals-npm-7.29.7-25e7a7acc8-698cbc9500.zip b/.yarn/cache/@babel-plugin-transform-member-expression-literals-npm-7.29.7-25e7a7acc8-698cbc9500.zip
new file mode 100644
index 00000000000..10580cafcea
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-member-expression-literals-npm-7.29.7-25e7a7acc8-698cbc9500.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-modules-amd-npm-7.29.7-2231f3ab5a-6fce7d3292.zip b/.yarn/cache/@babel-plugin-transform-modules-amd-npm-7.29.7-2231f3ab5a-6fce7d3292.zip
new file mode 100644
index 00000000000..e420cb9519c
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-modules-amd-npm-7.29.7-2231f3ab5a-6fce7d3292.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-modules-commonjs-npm-7.29.7-4e669a8fff-e9d8102dec.zip b/.yarn/cache/@babel-plugin-transform-modules-commonjs-npm-7.29.7-4e669a8fff-e9d8102dec.zip
new file mode 100644
index 00000000000..d0749a5d4c5
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-modules-commonjs-npm-7.29.7-4e669a8fff-e9d8102dec.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-modules-systemjs-npm-7.29.7-28b1ebcdb0-185d26d1f2.zip b/.yarn/cache/@babel-plugin-transform-modules-systemjs-npm-7.29.7-28b1ebcdb0-185d26d1f2.zip
new file mode 100644
index 00000000000..a8eeb15e13e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-modules-systemjs-npm-7.29.7-28b1ebcdb0-185d26d1f2.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-modules-umd-npm-7.29.7-7c76a1f659-589f5c30a9.zip b/.yarn/cache/@babel-plugin-transform-modules-umd-npm-7.29.7-7c76a1f659-589f5c30a9.zip
new file mode 100644
index 00000000000..fae34a5dcf0
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-modules-umd-npm-7.29.7-7c76a1f659-589f5c30a9.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-named-capturing-groups-regex-npm-7.29.7-b4aa8fa023-3a481be133.zip b/.yarn/cache/@babel-plugin-transform-named-capturing-groups-regex-npm-7.29.7-b4aa8fa023-3a481be133.zip
new file mode 100644
index 00000000000..b3e48007b63
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-named-capturing-groups-regex-npm-7.29.7-b4aa8fa023-3a481be133.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-new-target-npm-7.29.7-839e5bae26-35b4c29534.zip b/.yarn/cache/@babel-plugin-transform-new-target-npm-7.29.7-839e5bae26-35b4c29534.zip
new file mode 100644
index 00000000000..065eb40e8a4
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-new-target-npm-7.29.7-839e5bae26-35b4c29534.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-nullish-coalescing-operator-npm-7.29.7-1ea8485d4f-f486e737dd.zip b/.yarn/cache/@babel-plugin-transform-nullish-coalescing-operator-npm-7.29.7-1ea8485d4f-f486e737dd.zip
new file mode 100644
index 00000000000..e1bfee15666
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-nullish-coalescing-operator-npm-7.29.7-1ea8485d4f-f486e737dd.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-numeric-separator-npm-7.29.7-f62950bdfc-6177df9e1a.zip b/.yarn/cache/@babel-plugin-transform-numeric-separator-npm-7.29.7-f62950bdfc-6177df9e1a.zip
new file mode 100644
index 00000000000..7d003beeebe
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-numeric-separator-npm-7.29.7-f62950bdfc-6177df9e1a.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-object-rest-spread-npm-7.29.7-fde8b1d70e-e09bcc8800.zip b/.yarn/cache/@babel-plugin-transform-object-rest-spread-npm-7.29.7-fde8b1d70e-e09bcc8800.zip
new file mode 100644
index 00000000000..3034e592bfa
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-object-rest-spread-npm-7.29.7-fde8b1d70e-e09bcc8800.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-object-super-npm-7.29.7-94aea6af96-65ed871956.zip b/.yarn/cache/@babel-plugin-transform-object-super-npm-7.29.7-94aea6af96-65ed871956.zip
new file mode 100644
index 00000000000..262e4e4e06e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-object-super-npm-7.29.7-94aea6af96-65ed871956.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-optional-catch-binding-npm-7.29.7-0fd199b1b5-4b6e41e1dc.zip b/.yarn/cache/@babel-plugin-transform-optional-catch-binding-npm-7.29.7-0fd199b1b5-4b6e41e1dc.zip
new file mode 100644
index 00000000000..ad4d65f1581
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-optional-catch-binding-npm-7.29.7-0fd199b1b5-4b6e41e1dc.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.29.7-968c69098f-6255d259bb.zip b/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.29.7-968c69098f-6255d259bb.zip
new file mode 100644
index 00000000000..29c3b988ec0
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-optional-chaining-npm-7.29.7-968c69098f-6255d259bb.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-parameters-npm-7.29.7-782ac94bf3-615cdd72dc.zip b/.yarn/cache/@babel-plugin-transform-parameters-npm-7.29.7-782ac94bf3-615cdd72dc.zip
new file mode 100644
index 00000000000..2c28c7d1714
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-parameters-npm-7.29.7-782ac94bf3-615cdd72dc.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-private-methods-npm-7.29.7-a97d685cc4-5055af2b86.zip b/.yarn/cache/@babel-plugin-transform-private-methods-npm-7.29.7-a97d685cc4-5055af2b86.zip
new file mode 100644
index 00000000000..edb44ee9d42
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-private-methods-npm-7.29.7-a97d685cc4-5055af2b86.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-private-property-in-object-npm-7.29.7-2072164ecf-068ff9e35e.zip b/.yarn/cache/@babel-plugin-transform-private-property-in-object-npm-7.29.7-2072164ecf-068ff9e35e.zip
new file mode 100644
index 00000000000..d150bf327e3
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-private-property-in-object-npm-7.29.7-2072164ecf-068ff9e35e.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-property-literals-npm-7.29.7-a6ae518e94-7e7a557df8.zip b/.yarn/cache/@babel-plugin-transform-property-literals-npm-7.29.7-a6ae518e94-7e7a557df8.zip
new file mode 100644
index 00000000000..7bd62f147fe
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-property-literals-npm-7.29.7-a6ae518e94-7e7a557df8.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-react-display-name-npm-7.29.7-e5a79de884-ded95cce18.zip b/.yarn/cache/@babel-plugin-transform-react-display-name-npm-7.29.7-e5a79de884-ded95cce18.zip
new file mode 100644
index 00000000000..84cdd6be4e8
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-react-display-name-npm-7.29.7-e5a79de884-ded95cce18.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-development-npm-7.29.7-a6ca3acfbf-c535bb5ee0.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-development-npm-7.29.7-a6ca3acfbf-c535bb5ee0.zip
new file mode 100644
index 00000000000..2880cc29378
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-react-jsx-development-npm-7.29.7-a6ca3acfbf-c535bb5ee0.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.29.7-b5550a3619-d50e5d6f12.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.29.7-b5550a3619-d50e5d6f12.zip
new file mode 100644
index 00000000000..0ada155e9c5
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.29.7-b5550a3619-d50e5d6f12.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-react-pure-annotations-npm-7.29.7-ffad7e39da-7b6bc9e9db.zip b/.yarn/cache/@babel-plugin-transform-react-pure-annotations-npm-7.29.7-ffad7e39da-7b6bc9e9db.zip
new file mode 100644
index 00000000000..19e98ca7b29
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-react-pure-annotations-npm-7.29.7-ffad7e39da-7b6bc9e9db.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-regenerator-npm-7.29.7-91655863a3-1a136712ba.zip b/.yarn/cache/@babel-plugin-transform-regenerator-npm-7.29.7-91655863a3-1a136712ba.zip
new file mode 100644
index 00000000000..88716f50246
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-regenerator-npm-7.29.7-91655863a3-1a136712ba.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-regexp-modifiers-npm-7.29.7-60ce41298b-bfbc6b898a.zip b/.yarn/cache/@babel-plugin-transform-regexp-modifiers-npm-7.29.7-60ce41298b-bfbc6b898a.zip
new file mode 100644
index 00000000000..153429ae3db
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-regexp-modifiers-npm-7.29.7-60ce41298b-bfbc6b898a.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-reserved-words-npm-7.29.7-9b7ce11936-ffd7f86ddc.zip b/.yarn/cache/@babel-plugin-transform-reserved-words-npm-7.29.7-9b7ce11936-ffd7f86ddc.zip
new file mode 100644
index 00000000000..603d65c6f26
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-reserved-words-npm-7.29.7-9b7ce11936-ffd7f86ddc.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-shorthand-properties-npm-7.29.7-4d6f6f9e1b-c57ef27853.zip b/.yarn/cache/@babel-plugin-transform-shorthand-properties-npm-7.29.7-4d6f6f9e1b-c57ef27853.zip
new file mode 100644
index 00000000000..8c7cb4520f5
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-shorthand-properties-npm-7.29.7-4d6f6f9e1b-c57ef27853.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-spread-npm-7.29.7-534950e479-eb25f24d9a.zip b/.yarn/cache/@babel-plugin-transform-spread-npm-7.29.7-534950e479-eb25f24d9a.zip
new file mode 100644
index 00000000000..3b95c9853eb
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-spread-npm-7.29.7-534950e479-eb25f24d9a.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-sticky-regex-npm-7.29.7-e6d3a5ff8c-16b570c027.zip b/.yarn/cache/@babel-plugin-transform-sticky-regex-npm-7.29.7-e6d3a5ff8c-16b570c027.zip
new file mode 100644
index 00000000000..2dc1cc59bb1
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-sticky-regex-npm-7.29.7-e6d3a5ff8c-16b570c027.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-template-literals-npm-7.29.7-3e0e7eca36-d1014dab02.zip b/.yarn/cache/@babel-plugin-transform-template-literals-npm-7.29.7-3e0e7eca36-d1014dab02.zip
new file mode 100644
index 00000000000..b750241da28
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-template-literals-npm-7.29.7-3e0e7eca36-d1014dab02.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-typeof-symbol-npm-7.29.7-b1ac94cd5d-90c2308f97.zip b/.yarn/cache/@babel-plugin-transform-typeof-symbol-npm-7.29.7-b1ac94cd5d-90c2308f97.zip
new file mode 100644
index 00000000000..53212dd5e45
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-typeof-symbol-npm-7.29.7-b1ac94cd5d-90c2308f97.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-typescript-npm-7.29.7-2404b035ea-e95bce53fa.zip b/.yarn/cache/@babel-plugin-transform-typescript-npm-7.29.7-2404b035ea-e95bce53fa.zip
new file mode 100644
index 00000000000..f86c47bcb97
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-typescript-npm-7.29.7-2404b035ea-e95bce53fa.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-unicode-escapes-npm-7.29.7-4dad82fc78-cf337bf93a.zip b/.yarn/cache/@babel-plugin-transform-unicode-escapes-npm-7.29.7-4dad82fc78-cf337bf93a.zip
new file mode 100644
index 00000000000..287685b4449
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-unicode-escapes-npm-7.29.7-4dad82fc78-cf337bf93a.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-unicode-property-regex-npm-7.29.7-9914cc976c-03ee0b5d27.zip b/.yarn/cache/@babel-plugin-transform-unicode-property-regex-npm-7.29.7-9914cc976c-03ee0b5d27.zip
new file mode 100644
index 00000000000..a751b2ced3e
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-unicode-property-regex-npm-7.29.7-9914cc976c-03ee0b5d27.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-unicode-regex-npm-7.29.7-e5cfc255ce-1ade0672ae.zip b/.yarn/cache/@babel-plugin-transform-unicode-regex-npm-7.29.7-e5cfc255ce-1ade0672ae.zip
new file mode 100644
index 00000000000..e8be1f9b363
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-unicode-regex-npm-7.29.7-e5cfc255ce-1ade0672ae.zip differ
diff --git a/.yarn/cache/@babel-plugin-transform-unicode-sets-regex-npm-7.29.7-4c2f1f220e-680c22e2a6.zip b/.yarn/cache/@babel-plugin-transform-unicode-sets-regex-npm-7.29.7-4c2f1f220e-680c22e2a6.zip
new file mode 100644
index 00000000000..a5dfaaa8bf4
Binary files /dev/null and b/.yarn/cache/@babel-plugin-transform-unicode-sets-regex-npm-7.29.7-4c2f1f220e-680c22e2a6.zip differ
diff --git a/.yarn/cache/@babel-preset-env-npm-7.29.7-03ad83e12d-36deae2ea4.zip b/.yarn/cache/@babel-preset-env-npm-7.29.7-03ad83e12d-36deae2ea4.zip
new file mode 100644
index 00000000000..d217023f15f
Binary files /dev/null and b/.yarn/cache/@babel-preset-env-npm-7.29.7-03ad83e12d-36deae2ea4.zip differ
diff --git a/.yarn/cache/@babel-preset-flow-npm-7.29.7-4e249acd3e-562fe8494d.zip b/.yarn/cache/@babel-preset-flow-npm-7.29.7-4e249acd3e-562fe8494d.zip
new file mode 100644
index 00000000000..d299be09076
Binary files /dev/null and b/.yarn/cache/@babel-preset-flow-npm-7.29.7-4e249acd3e-562fe8494d.zip differ
diff --git a/.yarn/cache/@babel-preset-modules-npm-0.1.6-no-external-plugins-0ae0b52ff3-4855e799bc.zip b/.yarn/cache/@babel-preset-modules-npm-0.1.6-no-external-plugins-0ae0b52ff3-4855e799bc.zip
new file mode 100644
index 00000000000..8dd341b9dda
Binary files /dev/null and b/.yarn/cache/@babel-preset-modules-npm-0.1.6-no-external-plugins-0ae0b52ff3-4855e799bc.zip differ
diff --git a/.yarn/cache/@babel-preset-react-npm-7.29.7-63f809c996-ec9d4d418d.zip b/.yarn/cache/@babel-preset-react-npm-7.29.7-63f809c996-ec9d4d418d.zip
new file mode 100644
index 00000000000..652e83fcb71
Binary files /dev/null and b/.yarn/cache/@babel-preset-react-npm-7.29.7-63f809c996-ec9d4d418d.zip differ
diff --git a/.yarn/cache/@babel-preset-typescript-npm-7.29.7-2dbc1e1fa1-f2f58cbbbd.zip b/.yarn/cache/@babel-preset-typescript-npm-7.29.7-2dbc1e1fa1-f2f58cbbbd.zip
new file mode 100644
index 00000000000..5a08e3acde0
Binary files /dev/null and b/.yarn/cache/@babel-preset-typescript-npm-7.29.7-2dbc1e1fa1-f2f58cbbbd.zip differ
diff --git a/.yarn/cache/@babel-runtime-npm-7.29.7-423e8cd4b6-bc311855c6.zip b/.yarn/cache/@babel-runtime-npm-7.29.7-423e8cd4b6-bc311855c6.zip
new file mode 100644
index 00000000000..fad9917dd73
Binary files /dev/null and b/.yarn/cache/@babel-runtime-npm-7.29.7-423e8cd4b6-bc311855c6.zip differ
diff --git a/.yarn/cache/@babel-template-npm-7.29.7-46b79049c7-521eb6a1fd.zip b/.yarn/cache/@babel-template-npm-7.29.7-46b79049c7-521eb6a1fd.zip
new file mode 100644
index 00000000000..9322dfc2833
Binary files /dev/null and b/.yarn/cache/@babel-template-npm-7.29.7-46b79049c7-521eb6a1fd.zip differ
diff --git a/.yarn/cache/@babel-traverse-npm-7.29.7-3d605855b6-6c4508fd2a.zip b/.yarn/cache/@babel-traverse-npm-7.29.7-3d605855b6-6c4508fd2a.zip
new file mode 100644
index 00000000000..fe7ceef5567
Binary files /dev/null and b/.yarn/cache/@babel-traverse-npm-7.29.7-3d605855b6-6c4508fd2a.zip differ
diff --git a/.yarn/cache/@babel-types-npm-7.29.7-8e5b8d613f-71c46837d2.zip b/.yarn/cache/@babel-types-npm-7.29.7-8e5b8d613f-71c46837d2.zip
new file mode 100644
index 00000000000..fd5dba4cd83
Binary files /dev/null and b/.yarn/cache/@babel-types-npm-7.29.7-8e5b8d613f-71c46837d2.zip differ
diff --git a/.yarn/cache/@hapi-bourne-npm-3.0.0-9b2a238f08-7174cab6c3.zip b/.yarn/cache/@hapi-bourne-npm-3.0.0-9b2a238f08-7174cab6c3.zip
new file mode 100644
index 00000000000..830d75f74ca
Binary files /dev/null and b/.yarn/cache/@hapi-bourne-npm-3.0.0-9b2a238f08-7174cab6c3.zip differ
diff --git a/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.13-9bd96ac800-f2105acefc.zip b/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.13-9bd96ac800-f2105acefc.zip
new file mode 100644
index 00000000000..2615e430124
Binary files /dev/null and b/.yarn/cache/@jridgewell-gen-mapping-npm-0.3.13-9bd96ac800-f2105acefc.zip differ
diff --git a/.yarn/cache/@jridgewell-remapping-npm-2.3.5-df8dacc063-4a66a7397c.zip b/.yarn/cache/@jridgewell-remapping-npm-2.3.5-df8dacc063-4a66a7397c.zip
new file mode 100644
index 00000000000..816744cdd99
Binary files /dev/null and b/.yarn/cache/@jridgewell-remapping-npm-2.3.5-df8dacc063-4a66a7397c.zip differ
diff --git a/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.5.5-5189d9fc79-c2e36e6797.zip b/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.5.5-5189d9fc79-c2e36e6797.zip
new file mode 100644
index 00000000000..49cffdd42b2
Binary files /dev/null and b/.yarn/cache/@jridgewell-sourcemap-codec-npm-1.5.5-5189d9fc79-c2e36e6797.zip differ
diff --git a/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.31-1ae81d75ac-af8fda2431.zip b/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.31-1ae81d75ac-af8fda2431.zip
new file mode 100644
index 00000000000..1d292a704ca
Binary files /dev/null and b/.yarn/cache/@jridgewell-trace-mapping-npm-0.3.31-1ae81d75ac-af8fda2431.zip differ
diff --git a/.yarn/cache/@paralleldrive-cuid2-npm-2.3.1-34889f1c27-1310abcdf8.zip b/.yarn/cache/@paralleldrive-cuid2-npm-2.3.1-34889f1c27-1310abcdf8.zip
new file mode 100644
index 00000000000..77b2db0a0d2
Binary files /dev/null and b/.yarn/cache/@paralleldrive-cuid2-npm-2.3.1-34889f1c27-1310abcdf8.zip differ
diff --git a/.yarn/cache/@sveltejs-acorn-typescript-npm-1.0.11-7004341db8-b2f2526290.zip b/.yarn/cache/@sveltejs-acorn-typescript-npm-1.0.11-7004341db8-b2f2526290.zip
new file mode 100644
index 00000000000..1afddfab7df
Binary files /dev/null and b/.yarn/cache/@sveltejs-acorn-typescript-npm-1.0.11-7004341db8-b2f2526290.zip differ
diff --git a/.yarn/cache/@types-accepts-npm-1.3.7-96df7c6899-7678cf7497.zip b/.yarn/cache/@types-accepts-npm-1.3.7-96df7c6899-7678cf7497.zip
new file mode 100644
index 00000000000..27fa22745d3
Binary files /dev/null and b/.yarn/cache/@types-accepts-npm-1.3.7-96df7c6899-7678cf7497.zip differ
diff --git a/.yarn/cache/@types-co-body-npm-6.1.3-187348a50c-e93fdc177f.zip b/.yarn/cache/@types-co-body-npm-6.1.3-187348a50c-e93fdc177f.zip
new file mode 100644
index 00000000000..e2951ea2631
Binary files /dev/null and b/.yarn/cache/@types-co-body-npm-6.1.3-187348a50c-e93fdc177f.zip differ
diff --git a/.yarn/cache/@types-content-disposition-npm-0.5.9-0a4389ae4e-d895703c00.zip b/.yarn/cache/@types-content-disposition-npm-0.5.9-0a4389ae4e-d895703c00.zip
new file mode 100644
index 00000000000..0a7b8655f27
Binary files /dev/null and b/.yarn/cache/@types-content-disposition-npm-0.5.9-0a4389ae4e-d895703c00.zip differ
diff --git a/.yarn/cache/@types-cookies-npm-0.9.2-a53eed6bb5-12997c120d.zip b/.yarn/cache/@types-cookies-npm-0.9.2-a53eed6bb5-12997c120d.zip
new file mode 100644
index 00000000000..d90a51886e3
Binary files /dev/null and b/.yarn/cache/@types-cookies-npm-0.9.2-a53eed6bb5-12997c120d.zip differ
diff --git a/.yarn/cache/@types-estree-npm-1.0.9-63428f58ff-752c0afee3.zip b/.yarn/cache/@types-estree-npm-1.0.9-63428f58ff-752c0afee3.zip
new file mode 100644
index 00000000000..9f5840e1518
Binary files /dev/null and b/.yarn/cache/@types-estree-npm-1.0.9-63428f58ff-752c0afee3.zip differ
diff --git a/.yarn/cache/@types-formidable-npm-3.5.1-c347b639cb-4f9599849a.zip b/.yarn/cache/@types-formidable-npm-3.5.1-c347b639cb-4f9599849a.zip
new file mode 100644
index 00000000000..fd9d232fb9d
Binary files /dev/null and b/.yarn/cache/@types-formidable-npm-3.5.1-c347b639cb-4f9599849a.zip differ
diff --git a/.yarn/cache/@types-http-assert-npm-1.5.6-c3bc41fbf7-dfe1010164.zip b/.yarn/cache/@types-http-assert-npm-1.5.6-c3bc41fbf7-dfe1010164.zip
new file mode 100644
index 00000000000..5b536309f2e
Binary files /dev/null and b/.yarn/cache/@types-http-assert-npm-1.5.6-c3bc41fbf7-dfe1010164.zip differ
diff --git a/.yarn/cache/@types-http-errors-npm-2.0.5-fc57abf6db-a88da66936.zip b/.yarn/cache/@types-http-errors-npm-2.0.5-fc57abf6db-a88da66936.zip
new file mode 100644
index 00000000000..58286723382
Binary files /dev/null and b/.yarn/cache/@types-http-errors-npm-2.0.5-fc57abf6db-a88da66936.zip differ
diff --git a/.yarn/cache/@types-keygrip-npm-1.0.6-25e224891d-d157f60bf9.zip b/.yarn/cache/@types-keygrip-npm-1.0.6-25e224891d-d157f60bf9.zip
new file mode 100644
index 00000000000..5878993d6f9
Binary files /dev/null and b/.yarn/cache/@types-keygrip-npm-1.0.6-25e224891d-d157f60bf9.zip differ
diff --git a/.yarn/cache/@types-koa-compose-npm-3.2.9-9d1fbb9f04-0f86016fc8.zip b/.yarn/cache/@types-koa-compose-npm-3.2.9-9d1fbb9f04-0f86016fc8.zip
new file mode 100644
index 00000000000..a94ab71df93
Binary files /dev/null and b/.yarn/cache/@types-koa-compose-npm-3.2.9-9d1fbb9f04-0f86016fc8.zip differ
diff --git a/.yarn/cache/@types-koa-npm-3.0.3-a63087758e-31d36837e9.zip b/.yarn/cache/@types-koa-npm-3.0.3-a63087758e-31d36837e9.zip
new file mode 100644
index 00000000000..cd5ebae39b3
Binary files /dev/null and b/.yarn/cache/@types-koa-npm-3.0.3-a63087758e-31d36837e9.zip differ
diff --git a/.yarn/cache/@types-trusted-types-npm-2.0.7-a07fc44f59-8e4202766a.zip b/.yarn/cache/@types-trusted-types-npm-2.0.7-a07fc44f59-8e4202766a.zip
new file mode 100644
index 00000000000..3d2f216ed3b
Binary files /dev/null and b/.yarn/cache/@types-trusted-types-npm-2.0.7-a07fc44f59-8e4202766a.zip differ
diff --git a/.yarn/cache/acorn-npm-8.17.0-c53f71d3b1-98f0800a48.zip b/.yarn/cache/acorn-npm-8.17.0-c53f71d3b1-98f0800a48.zip
new file mode 100644
index 00000000000..4e46700347b
Binary files /dev/null and b/.yarn/cache/acorn-npm-8.17.0-c53f71d3b1-98f0800a48.zip differ
diff --git a/.yarn/cache/ajv-npm-6.12.3-aaadf00f0f-ca559d3471.zip b/.yarn/cache/ajv-npm-6.12.3-aaadf00f0f-ca559d3471.zip
new file mode 100644
index 00000000000..96611cf051a
Binary files /dev/null and b/.yarn/cache/ajv-npm-6.12.3-aaadf00f0f-ca559d3471.zip differ
diff --git a/.yarn/cache/ansi-regex-npm-2.1.1-ddd24d102b-190abd03e4.zip b/.yarn/cache/ansi-regex-npm-2.1.1-ddd24d102b-190abd03e4.zip
new file mode 100644
index 00000000000..39b46403778
Binary files /dev/null and b/.yarn/cache/ansi-regex-npm-2.1.1-ddd24d102b-190abd03e4.zip differ
diff --git a/.yarn/cache/ansi-styles-npm-2.2.1-f3297e782c-ebc0e00381.zip b/.yarn/cache/ansi-styles-npm-2.2.1-f3297e782c-ebc0e00381.zip
new file mode 100644
index 00000000000..5581240ca2b
Binary files /dev/null and b/.yarn/cache/ansi-styles-npm-2.2.1-f3297e782c-ebc0e00381.zip differ
diff --git a/.yarn/cache/aria-query-npm-5.3.1-fa607704a3-8f7ece335e.zip b/.yarn/cache/aria-query-npm-5.3.1-fa607704a3-8f7ece335e.zip
new file mode 100644
index 00000000000..e899bd4390e
Binary files /dev/null and b/.yarn/cache/aria-query-npm-5.3.1-fa607704a3-8f7ece335e.zip differ
diff --git a/.yarn/cache/async-function-npm-1.0.0-a81667ebcd-9102e246d1.zip b/.yarn/cache/async-function-npm-1.0.0-a81667ebcd-9102e246d1.zip
new file mode 100644
index 00000000000..09de89ffe03
Binary files /dev/null and b/.yarn/cache/async-function-npm-1.0.0-a81667ebcd-9102e246d1.zip differ
diff --git a/.yarn/cache/async-generator-function-npm-1.0.0-14cf981d13-74a71a4a2d.zip b/.yarn/cache/async-generator-function-npm-1.0.0-14cf981d13-74a71a4a2d.zip
new file mode 100644
index 00000000000..575a5c3bcdb
Binary files /dev/null and b/.yarn/cache/async-generator-function-npm-1.0.0-14cf981d13-74a71a4a2d.zip differ
diff --git a/.yarn/cache/axobject-query-npm-4.1.0-9703554323-7d1e87bf0a.zip b/.yarn/cache/axobject-query-npm-4.1.0-9703554323-7d1e87bf0a.zip
new file mode 100644
index 00000000000..1d65144cce3
Binary files /dev/null and b/.yarn/cache/axobject-query-npm-4.1.0-9703554323-7d1e87bf0a.zip differ
diff --git a/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip b/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip
new file mode 100644
index 00000000000..cdb42c1baf2
Binary files /dev/null and b/.yarn/cache/babel-plugin-macros-npm-2.8.0-451367d7e7-59b09a21cf.zip differ
diff --git a/.yarn/cache/babel-plugin-polyfill-corejs2-npm-0.4.17-0f25e0dfad-945f80f413.zip b/.yarn/cache/babel-plugin-polyfill-corejs2-npm-0.4.17-0f25e0dfad-945f80f413.zip
new file mode 100644
index 00000000000..0b3ad7ef9e6
Binary files /dev/null and b/.yarn/cache/babel-plugin-polyfill-corejs2-npm-0.4.17-0f25e0dfad-945f80f413.zip differ
diff --git a/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.14.2-a37e45ac92-4bcaf4da65.zip b/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.14.2-a37e45ac92-4bcaf4da65.zip
new file mode 100644
index 00000000000..e7a61e41cb3
Binary files /dev/null and b/.yarn/cache/babel-plugin-polyfill-corejs3-npm-0.14.2-a37e45ac92-4bcaf4da65.zip differ
diff --git a/.yarn/cache/babel-plugin-polyfill-regenerator-npm-0.6.8-59675073c3-974464353d.zip b/.yarn/cache/babel-plugin-polyfill-regenerator-npm-0.6.8-59675073c3-974464353d.zip
new file mode 100644
index 00000000000..4c49a640280
Binary files /dev/null and b/.yarn/cache/babel-plugin-polyfill-regenerator-npm-0.6.8-59675073c3-974464353d.zip differ
diff --git a/.yarn/cache/babel-plugin-ttag-npm-1.8.16-b53ce566f7-cf69ead251.zip b/.yarn/cache/babel-plugin-ttag-npm-1.8.16-b53ce566f7-cf69ead251.zip
new file mode 100644
index 00000000000..ef44563102c
Binary files /dev/null and b/.yarn/cache/babel-plugin-ttag-npm-1.8.16-b53ce566f7-cf69ead251.zip differ
diff --git a/.yarn/cache/baseline-browser-mapping-npm-2.11.3-1b065b48f1-3599333539.zip b/.yarn/cache/baseline-browser-mapping-npm-2.11.3-1b065b48f1-3599333539.zip
new file mode 100644
index 00000000000..95827150033
Binary files /dev/null and b/.yarn/cache/baseline-browser-mapping-npm-2.11.3-1b065b48f1-3599333539.zip differ
diff --git a/.yarn/cache/browserslist-npm-4.28.7-844ec494a5-81093d27f0.zip b/.yarn/cache/browserslist-npm-4.28.7-844ec494a5-81093d27f0.zip
new file mode 100644
index 00000000000..54ffcaff782
Binary files /dev/null and b/.yarn/cache/browserslist-npm-4.28.7-844ec494a5-81093d27f0.zip differ
diff --git a/.yarn/cache/cache-content-type-npm-1.0.1-f709f8c309-18db4d5945.zip b/.yarn/cache/cache-content-type-npm-1.0.1-f709f8c309-18db4d5945.zip
new file mode 100644
index 00000000000..a3422158198
Binary files /dev/null and b/.yarn/cache/cache-content-type-npm-1.0.1-f709f8c309-18db4d5945.zip differ
diff --git a/.yarn/cache/call-bind-apply-helpers-npm-1.0.2-3eedbea3bb-b2863d74fc.zip b/.yarn/cache/call-bind-apply-helpers-npm-1.0.2-3eedbea3bb-b2863d74fc.zip
new file mode 100644
index 00000000000..4f131767e74
Binary files /dev/null and b/.yarn/cache/call-bind-apply-helpers-npm-1.0.2-3eedbea3bb-b2863d74fc.zip differ
diff --git a/.yarn/cache/call-bound-npm-1.0.4-359cfa32c7-2f6399488d.zip b/.yarn/cache/call-bound-npm-1.0.4-359cfa32c7-2f6399488d.zip
new file mode 100644
index 00000000000..961643ea063
Binary files /dev/null and b/.yarn/cache/call-bound-npm-1.0.4-359cfa32c7-2f6399488d.zip differ
diff --git a/.yarn/cache/caniuse-lite-npm-1.0.30001806-92c0bb0a20-4b4a970fbd.zip b/.yarn/cache/caniuse-lite-npm-1.0.30001806-92c0bb0a20-4b4a970fbd.zip
new file mode 100644
index 00000000000..8e3a1347ca7
Binary files /dev/null and b/.yarn/cache/caniuse-lite-npm-1.0.30001806-92c0bb0a20-4b4a970fbd.zip differ
diff --git a/.yarn/cache/chalk-npm-1.1.3-59144c3a87-9d2ea6b98f.zip b/.yarn/cache/chalk-npm-1.1.3-59144c3a87-9d2ea6b98f.zip
new file mode 100644
index 00000000000..e7d3003b97d
Binary files /dev/null and b/.yarn/cache/chalk-npm-1.1.3-59144c3a87-9d2ea6b98f.zip differ
diff --git a/.yarn/cache/cli-cursor-npm-2.1.0-3920629c9c-d88e97bfda.zip b/.yarn/cache/cli-cursor-npm-2.1.0-3920629c9c-d88e97bfda.zip
new file mode 100644
index 00000000000..b8aff0b4656
Binary files /dev/null and b/.yarn/cache/cli-cursor-npm-2.1.0-3920629c9c-d88e97bfda.zip differ
diff --git a/.yarn/cache/cli-spinners-npm-1.3.1-591ebb35f1-4f95fd69a2.zip b/.yarn/cache/cli-spinners-npm-1.3.1-591ebb35f1-4f95fd69a2.zip
new file mode 100644
index 00000000000..2c3dc3cf839
Binary files /dev/null and b/.yarn/cache/cli-spinners-npm-1.3.1-591ebb35f1-4f95fd69a2.zip differ
diff --git a/.yarn/cache/clsx-npm-2.1.1-96125b98be-acd3e1ab9d.zip b/.yarn/cache/clsx-npm-2.1.1-96125b98be-acd3e1ab9d.zip
new file mode 100644
index 00000000000..3110260cf4a
Binary files /dev/null and b/.yarn/cache/clsx-npm-2.1.1-96125b98be-acd3e1ab9d.zip differ
diff --git a/.yarn/cache/co-body-npm-6.2.0-84e35e7662-c89336086b.zip b/.yarn/cache/co-body-npm-6.2.0-84e35e7662-c89336086b.zip
new file mode 100644
index 00000000000..1ea6406d937
Binary files /dev/null and b/.yarn/cache/co-body-npm-6.2.0-84e35e7662-c89336086b.zip differ
diff --git a/.yarn/cache/cookies-npm-0.9.1-80a82ae099-213e4d1484.zip b/.yarn/cache/cookies-npm-0.9.1-80a82ae099-213e4d1484.zip
new file mode 100644
index 00000000000..8701554576a
Binary files /dev/null and b/.yarn/cache/cookies-npm-0.9.1-80a82ae099-213e4d1484.zip differ
diff --git a/.yarn/cache/core-js-compat-npm-3.49.0-7124aa5467-21afa75a64.zip b/.yarn/cache/core-js-compat-npm-3.49.0-7124aa5467-21afa75a64.zip
new file mode 100644
index 00000000000..8063fc82e86
Binary files /dev/null and b/.yarn/cache/core-js-compat-npm-3.49.0-7124aa5467-21afa75a64.zip differ
diff --git a/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip b/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip
new file mode 100644
index 00000000000..3e83d75a278
Binary files /dev/null and b/.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-8eed7c854b.zip differ
diff --git a/.yarn/cache/deep-equal-npm-1.0.1-f05565c4e5-5af8cbfceb.zip b/.yarn/cache/deep-equal-npm-1.0.1-f05565c4e5-5af8cbfceb.zip
new file mode 100644
index 00000000000..077864eb855
Binary files /dev/null and b/.yarn/cache/deep-equal-npm-1.0.1-f05565c4e5-5af8cbfceb.zip differ
diff --git a/.yarn/cache/devalue-npm-5.8.2-672994f1db-1ad55c5d45.zip b/.yarn/cache/devalue-npm-5.8.2-672994f1db-1ad55c5d45.zip
new file mode 100644
index 00000000000..ffa3f141c91
Binary files /dev/null and b/.yarn/cache/devalue-npm-5.8.2-672994f1db-1ad55c5d45.zip differ
diff --git a/.yarn/cache/dezalgo-npm-1.0.4-ae3b673c98-895389c6ae.zip b/.yarn/cache/dezalgo-npm-1.0.4-ae3b673c98-895389c6ae.zip
new file mode 100644
index 00000000000..14a446ae25f
Binary files /dev/null and b/.yarn/cache/dezalgo-npm-1.0.4-ae3b673c98-895389c6ae.zip differ
diff --git a/.yarn/cache/dunder-proto-npm-1.0.1-90eb6829db-149207e36f.zip b/.yarn/cache/dunder-proto-npm-1.0.1-90eb6829db-149207e36f.zip
new file mode 100644
index 00000000000..930579f0055
Binary files /dev/null and b/.yarn/cache/dunder-proto-npm-1.0.1-90eb6829db-149207e36f.zip differ
diff --git a/.yarn/cache/electron-to-chromium-npm-1.5.396-b770b05044-e5d7856db1.zip b/.yarn/cache/electron-to-chromium-npm-1.5.396-b770b05044-e5d7856db1.zip
new file mode 100644
index 00000000000..dde5ecf4601
Binary files /dev/null and b/.yarn/cache/electron-to-chromium-npm-1.5.396-b770b05044-e5d7856db1.zip differ
diff --git a/.yarn/cache/es-define-property-npm-1.0.1-3fc6324f1c-0512f4e5d5.zip b/.yarn/cache/es-define-property-npm-1.0.1-3fc6324f1c-0512f4e5d5.zip
new file mode 100644
index 00000000000..96e58e9ba21
Binary files /dev/null and b/.yarn/cache/es-define-property-npm-1.0.1-3fc6324f1c-0512f4e5d5.zip differ
diff --git a/.yarn/cache/es-errors-npm-1.3.0-fda0c9b8a8-ec1414527a.zip b/.yarn/cache/es-errors-npm-1.3.0-fda0c9b8a8-ec1414527a.zip
new file mode 100644
index 00000000000..0ed2323fcdd
Binary files /dev/null and b/.yarn/cache/es-errors-npm-1.3.0-fda0c9b8a8-ec1414527a.zip differ
diff --git a/.yarn/cache/es-object-atoms-npm-1.1.2-97972d8992-b821f39e4f.zip b/.yarn/cache/es-object-atoms-npm-1.1.2-97972d8992-b821f39e4f.zip
new file mode 100644
index 00000000000..73786cf3921
Binary files /dev/null and b/.yarn/cache/es-object-atoms-npm-1.1.2-97972d8992-b821f39e4f.zip differ
diff --git a/.yarn/cache/esm-env-npm-1.2.2-c6981cc52f-3fb28f6f84.zip b/.yarn/cache/esm-env-npm-1.2.2-c6981cc52f-3fb28f6f84.zip
new file mode 100644
index 00000000000..58cd471fe5b
Binary files /dev/null and b/.yarn/cache/esm-env-npm-1.2.2-c6981cc52f-3fb28f6f84.zip differ
diff --git a/.yarn/cache/esrap-npm-2.3.0-03bb5f2b34-df476c3c71.zip b/.yarn/cache/esrap-npm-2.3.0-03bb5f2b34-df476c3c71.zip
new file mode 100644
index 00000000000..f58bc27fddc
Binary files /dev/null and b/.yarn/cache/esrap-npm-2.3.0-03bb5f2b34-df476c3c71.zip differ
diff --git a/.yarn/cache/estree-walker-npm-2.0.2-dfab42f65c-6151e6f982.zip b/.yarn/cache/estree-walker-npm-2.0.2-dfab42f65c-6151e6f982.zip
new file mode 100644
index 00000000000..71b90a2f2c5
Binary files /dev/null and b/.yarn/cache/estree-walker-npm-2.0.2-dfab42f65c-6151e6f982.zip differ
diff --git a/.yarn/cache/foreachasync-npm-3.0.0-c8ac3c5fca-4791f64b53.zip b/.yarn/cache/foreachasync-npm-3.0.0-c8ac3c5fca-4791f64b53.zip
new file mode 100644
index 00000000000..557ba6beb67
Binary files /dev/null and b/.yarn/cache/foreachasync-npm-3.0.0-c8ac3c5fca-4791f64b53.zip differ
diff --git a/.yarn/cache/formidable-npm-3.5.4-a3473998f7-bdb8ecd8af.zip b/.yarn/cache/formidable-npm-3.5.4-a3473998f7-bdb8ecd8af.zip
new file mode 100644
index 00000000000..51b11111052
Binary files /dev/null and b/.yarn/cache/formidable-npm-3.5.4-a3473998f7-bdb8ecd8af.zip differ
diff --git a/.yarn/cache/function-bind-npm-1.1.2-7a55be9b03-2b0ff4ce70.zip b/.yarn/cache/function-bind-npm-1.1.2-7a55be9b03-2b0ff4ce70.zip
new file mode 100644
index 00000000000..55fbdad3a3b
Binary files /dev/null and b/.yarn/cache/function-bind-npm-1.1.2-7a55be9b03-2b0ff4ce70.zip differ
diff --git a/.yarn/cache/generator-function-npm-2.0.1-aed34a724a-3bf87f7b02.zip b/.yarn/cache/generator-function-npm-2.0.1-aed34a724a-3bf87f7b02.zip
new file mode 100644
index 00000000000..2f58611029e
Binary files /dev/null and b/.yarn/cache/generator-function-npm-2.0.1-aed34a724a-3bf87f7b02.zip differ
diff --git a/.yarn/cache/get-intrinsic-npm-1.3.1-2f734f40ec-c02b3b6a44.zip b/.yarn/cache/get-intrinsic-npm-1.3.1-2f734f40ec-c02b3b6a44.zip
new file mode 100644
index 00000000000..84295d83808
Binary files /dev/null and b/.yarn/cache/get-intrinsic-npm-1.3.1-2f734f40ec-c02b3b6a44.zip differ
diff --git a/.yarn/cache/get-proto-npm-1.0.1-4d30bac614-4fc96afdb5.zip b/.yarn/cache/get-proto-npm-1.0.1-4d30bac614-4fc96afdb5.zip
new file mode 100644
index 00000000000..65fbfe076a6
Binary files /dev/null and b/.yarn/cache/get-proto-npm-1.0.1-4d30bac614-4fc96afdb5.zip differ
diff --git a/.yarn/cache/gettext-parser-npm-6.0.0-578610da43-e6938755d9.zip b/.yarn/cache/gettext-parser-npm-6.0.0-578610da43-e6938755d9.zip
new file mode 100644
index 00000000000..dc401765652
Binary files /dev/null and b/.yarn/cache/gettext-parser-npm-6.0.0-578610da43-e6938755d9.zip differ
diff --git a/.yarn/cache/glob-npm-13.0.0-8e50143ca8-963730222b.zip b/.yarn/cache/glob-npm-13.0.0-8e50143ca8-963730222b.zip
new file mode 100644
index 00000000000..18d4add682b
Binary files /dev/null and b/.yarn/cache/glob-npm-13.0.0-8e50143ca8-963730222b.zip differ
diff --git a/.yarn/cache/gopd-npm-1.2.0-df89ffa78e-cc6d8e655e.zip b/.yarn/cache/gopd-npm-1.2.0-df89ffa78e-cc6d8e655e.zip
new file mode 100644
index 00000000000..54fd29f161a
Binary files /dev/null and b/.yarn/cache/gopd-npm-1.2.0-df89ffa78e-cc6d8e655e.zip differ
diff --git a/.yarn/cache/has-ansi-npm-2.0.0-9bf0cff2af-1b51daa021.zip b/.yarn/cache/has-ansi-npm-2.0.0-9bf0cff2af-1b51daa021.zip
new file mode 100644
index 00000000000..61a5a3439fb
Binary files /dev/null and b/.yarn/cache/has-ansi-npm-2.0.0-9bf0cff2af-1b51daa021.zip differ
diff --git a/.yarn/cache/has-symbols-npm-1.1.0-9aa7dc2ac1-b2316c7302.zip b/.yarn/cache/has-symbols-npm-1.1.0-9aa7dc2ac1-b2316c7302.zip
new file mode 100644
index 00000000000..cba99a47e49
Binary files /dev/null and b/.yarn/cache/has-symbols-npm-1.1.0-9aa7dc2ac1-b2316c7302.zip differ
diff --git a/.yarn/cache/has-tostringtag-npm-1.0.2-74a4800369-999d60bb75.zip b/.yarn/cache/has-tostringtag-npm-1.0.2-74a4800369-999d60bb75.zip
new file mode 100644
index 00000000000..012a7256174
Binary files /dev/null and b/.yarn/cache/has-tostringtag-npm-1.0.2-74a4800369-999d60bb75.zip differ
diff --git a/.yarn/cache/hasown-npm-2.0.4-75e16c9c2a-4bd8f916b6.zip b/.yarn/cache/hasown-npm-2.0.4-75e16c9c2a-4bd8f916b6.zip
new file mode 100644
index 00000000000..8a33f0e81dd
Binary files /dev/null and b/.yarn/cache/hasown-npm-2.0.4-75e16c9c2a-4bd8f916b6.zip differ
diff --git a/.yarn/cache/http-assert-npm-1.5.0-bf7ea4ffcf-69c9b3c14c.zip b/.yarn/cache/http-assert-npm-1.5.0-bf7ea4ffcf-69c9b3c14c.zip
new file mode 100644
index 00000000000..989ef7de635
Binary files /dev/null and b/.yarn/cache/http-assert-npm-1.5.0-bf7ea4ffcf-69c9b3c14c.zip differ
diff --git a/.yarn/cache/http-errors-npm-1.8.1-fb60d9f6ae-d3c7e7e776.zip b/.yarn/cache/http-errors-npm-1.8.1-fb60d9f6ae-d3c7e7e776.zip
new file mode 100644
index 00000000000..2fb70ddd0d4
Binary files /dev/null and b/.yarn/cache/http-errors-npm-1.8.1-fb60d9f6ae-d3c7e7e776.zip differ
diff --git a/.yarn/cache/http-errors-npm-2.0.1-6d19ab492e-155d1a100a.zip b/.yarn/cache/http-errors-npm-2.0.1-6d19ab492e-155d1a100a.zip
new file mode 100644
index 00000000000..f1b502b5cfd
Binary files /dev/null and b/.yarn/cache/http-errors-npm-2.0.1-6d19ab492e-155d1a100a.zip differ
diff --git a/.yarn/cache/hunspell-spellchecker-npm-1.0.2-57766038b1-098e00a705.zip b/.yarn/cache/hunspell-spellchecker-npm-1.0.2-57766038b1-098e00a705.zip
new file mode 100644
index 00000000000..77e08dc93d9
Binary files /dev/null and b/.yarn/cache/hunspell-spellchecker-npm-1.0.2-57766038b1-098e00a705.zip differ
diff --git a/.yarn/cache/import-fresh-npm-3.3.1-1916794950-a06b19461b.zip b/.yarn/cache/import-fresh-npm-3.3.1-1916794950-a06b19461b.zip
new file mode 100644
index 00000000000..7157798f3ac
Binary files /dev/null and b/.yarn/cache/import-fresh-npm-3.3.1-1916794950-a06b19461b.zip differ
diff --git a/.yarn/cache/inflation-npm-2.1.0-df5ba7218d-80c1b5d9ec.zip b/.yarn/cache/inflation-npm-2.1.0-df5ba7218d-80c1b5d9ec.zip
new file mode 100644
index 00000000000..dc69f29d796
Binary files /dev/null and b/.yarn/cache/inflation-npm-2.1.0-df5ba7218d-80c1b5d9ec.zip differ
diff --git a/.yarn/cache/is-core-module-npm-2.16.2-f7b0e85c93-9317844b49.zip b/.yarn/cache/is-core-module-npm-2.16.2-f7b0e85c93-9317844b49.zip
new file mode 100644
index 00000000000..cc336afee4f
Binary files /dev/null and b/.yarn/cache/is-core-module-npm-2.16.2-f7b0e85c93-9317844b49.zip differ
diff --git a/.yarn/cache/is-generator-function-npm-1.1.2-d0a84b1a72-0b81c61375.zip b/.yarn/cache/is-generator-function-npm-1.1.2-d0a84b1a72-0b81c61375.zip
new file mode 100644
index 00000000000..b2e44c6cbab
Binary files /dev/null and b/.yarn/cache/is-generator-function-npm-1.1.2-d0a84b1a72-0b81c61375.zip differ
diff --git a/.yarn/cache/is-reference-npm-3.0.3-2edaf1be22-11371fb266.zip b/.yarn/cache/is-reference-npm-3.0.3-2edaf1be22-11371fb266.zip
new file mode 100644
index 00000000000..286ab577122
Binary files /dev/null and b/.yarn/cache/is-reference-npm-3.0.3-2edaf1be22-11371fb266.zip differ
diff --git a/.yarn/cache/is-regex-npm-1.2.1-70a484f2c8-99ee0b6d30.zip b/.yarn/cache/is-regex-npm-1.2.1-70a484f2c8-99ee0b6d30.zip
new file mode 100644
index 00000000000..735e8a47fe0
Binary files /dev/null and b/.yarn/cache/is-regex-npm-1.2.1-70a484f2c8-99ee0b6d30.zip differ
diff --git a/.yarn/cache/keygrip-npm-1.1.0-8da030c3ff-078cd16a46.zip b/.yarn/cache/keygrip-npm-1.1.0-8da030c3ff-078cd16a46.zip
new file mode 100644
index 00000000000..1d25b57ccc0
Binary files /dev/null and b/.yarn/cache/keygrip-npm-1.1.0-8da030c3ff-078cd16a46.zip differ
diff --git a/.yarn/cache/koa-body-npm-7.0.1-7b8ce86e4b-ec9783225a.zip b/.yarn/cache/koa-body-npm-7.0.1-7b8ce86e4b-ec9783225a.zip
new file mode 100644
index 00000000000..d217673f580
Binary files /dev/null and b/.yarn/cache/koa-body-npm-7.0.1-7b8ce86e4b-ec9783225a.zip differ
diff --git a/.yarn/cache/koa-compose-npm-4.1.0-b682d9324e-46cb16792d.zip b/.yarn/cache/koa-compose-npm-4.1.0-b682d9324e-46cb16792d.zip
new file mode 100644
index 00000000000..e901342a4fb
Binary files /dev/null and b/.yarn/cache/koa-compose-npm-4.1.0-b682d9324e-46cb16792d.zip differ
diff --git a/.yarn/cache/koa-convert-npm-2.0.0-d709eca55c-7385b33919.zip b/.yarn/cache/koa-convert-npm-2.0.0-d709eca55c-7385b33919.zip
new file mode 100644
index 00000000000..d73061b4946
Binary files /dev/null and b/.yarn/cache/koa-convert-npm-2.0.0-d709eca55c-7385b33919.zip differ
diff --git a/.yarn/cache/koa-npm-2.16.4-af02a0a309-117cacd60e.zip b/.yarn/cache/koa-npm-2.16.4-af02a0a309-117cacd60e.zip
new file mode 100644
index 00000000000..73edd568967
Binary files /dev/null and b/.yarn/cache/koa-npm-2.16.4-af02a0a309-117cacd60e.zip differ
diff --git a/.yarn/cache/koa-router-npm-14.0.0-d159e7a449-8e948c2f53.zip b/.yarn/cache/koa-router-npm-14.0.0-d159e7a449-8e948c2f53.zip
new file mode 100644
index 00000000000..9e8220795be
Binary files /dev/null and b/.yarn/cache/koa-router-npm-14.0.0-d159e7a449-8e948c2f53.zip differ
diff --git a/.yarn/cache/locate-character-npm-3.0.0-40928dccbb-2d9e9f45e2.zip b/.yarn/cache/locate-character-npm-3.0.0-40928dccbb-2d9e9f45e2.zip
new file mode 100644
index 00000000000..f2f507648e5
Binary files /dev/null and b/.yarn/cache/locate-character-npm-3.0.0-40928dccbb-2d9e9f45e2.zip differ
diff --git a/.yarn/cache/lodash.mapvalues-npm-4.6.0-4664380119-0ff1b252fd.zip b/.yarn/cache/lodash.mapvalues-npm-4.6.0-4664380119-0ff1b252fd.zip
new file mode 100644
index 00000000000..063b2daa6e2
Binary files /dev/null and b/.yarn/cache/lodash.mapvalues-npm-4.6.0-4664380119-0ff1b252fd.zip differ
diff --git a/.yarn/cache/log-symbols-npm-1.0.2-2224ede6fd-5214ade938.zip b/.yarn/cache/log-symbols-npm-1.0.2-2224ede6fd-5214ade938.zip
new file mode 100644
index 00000000000..ed1a19e8a74
Binary files /dev/null and b/.yarn/cache/log-symbols-npm-1.0.2-2224ede6fd-5214ade938.zip differ
diff --git a/.yarn/cache/magic-string-npm-0.30.21-9a226cb21e-4ff76a4e8d.zip b/.yarn/cache/magic-string-npm-0.30.21-9a226cb21e-4ff76a4e8d.zip
new file mode 100644
index 00000000000..7ad2eda118d
Binary files /dev/null and b/.yarn/cache/magic-string-npm-0.30.21-9a226cb21e-4ff76a4e8d.zip differ
diff --git a/.yarn/cache/math-intrinsics-npm-1.1.0-9204d80e7d-0e513b29d1.zip b/.yarn/cache/math-intrinsics-npm-1.1.0-9204d80e7d-0e513b29d1.zip
new file mode 100644
index 00000000000..5614ed5bc10
Binary files /dev/null and b/.yarn/cache/math-intrinsics-npm-1.1.0-9204d80e7d-0e513b29d1.zip differ
diff --git a/.yarn/cache/mimic-fn-npm-1.2.0-960bf15ab7-69c0820515.zip b/.yarn/cache/mimic-fn-npm-1.2.0-960bf15ab7-69c0820515.zip
new file mode 100644
index 00000000000..ae711478fd8
Binary files /dev/null and b/.yarn/cache/mimic-fn-npm-1.2.0-960bf15ab7-69c0820515.zip differ
diff --git a/.yarn/cache/node-releases-npm-2.0.51-79864dfd85-0d607ebc5c.zip b/.yarn/cache/node-releases-npm-2.0.51-79864dfd85-0d607ebc5c.zip
new file mode 100644
index 00000000000..9741ad273f1
Binary files /dev/null and b/.yarn/cache/node-releases-npm-2.0.51-79864dfd85-0d607ebc5c.zip differ
diff --git a/.yarn/cache/object-inspect-npm-1.13.4-4e741f9806-582810c6a8.zip b/.yarn/cache/object-inspect-npm-1.13.4-4e741f9806-582810c6a8.zip
new file mode 100644
index 00000000000..fbe764992ec
Binary files /dev/null and b/.yarn/cache/object-inspect-npm-1.13.4-4e741f9806-582810c6a8.zip differ
diff --git a/.yarn/cache/onetime-npm-2.0.1-6c39ecc911-bb44015ac7.zip b/.yarn/cache/onetime-npm-2.0.1-6c39ecc911-bb44015ac7.zip
new file mode 100644
index 00000000000..df76b4087bf
Binary files /dev/null and b/.yarn/cache/onetime-npm-2.0.1-6c39ecc911-bb44015ac7.zip differ
diff --git a/.yarn/cache/only-npm-0.0.2-122402a3f9-d399710db8.zip b/.yarn/cache/only-npm-0.0.2-122402a3f9-d399710db8.zip
new file mode 100644
index 00000000000..5b8e8de42e9
Binary files /dev/null and b/.yarn/cache/only-npm-0.0.2-122402a3f9-d399710db8.zip differ
diff --git a/.yarn/cache/ora-npm-1.3.0-e1380dba55-241a8e1038.zip b/.yarn/cache/ora-npm-1.3.0-e1380dba55-241a8e1038.zip
new file mode 100644
index 00000000000..6b503e6a6b6
Binary files /dev/null and b/.yarn/cache/ora-npm-1.3.0-e1380dba55-241a8e1038.zip differ
diff --git a/.yarn/cache/path-to-regexp-npm-8.4.2-5602ed344b-c30fba443e.zip b/.yarn/cache/path-to-regexp-npm-8.4.2-5602ed344b-c30fba443e.zip
new file mode 100644
index 00000000000..dcb7bbef8c3
Binary files /dev/null and b/.yarn/cache/path-to-regexp-npm-8.4.2-5602ed344b-c30fba443e.zip differ
diff --git a/.yarn/cache/plural-forms-npm-0.5.3-c329abd5ba-3672f25d29.zip b/.yarn/cache/plural-forms-npm-0.5.3-c329abd5ba-3672f25d29.zip
new file mode 100644
index 00000000000..5fb3a968b29
Binary files /dev/null and b/.yarn/cache/plural-forms-npm-0.5.3-c329abd5ba-3672f25d29.zip differ
diff --git a/.yarn/cache/qs-npm-6.15.3-47907326d2-b59a0f2049.zip b/.yarn/cache/qs-npm-6.15.3-47907326d2-b59a0f2049.zip
new file mode 100644
index 00000000000..9360ad35ddf
Binary files /dev/null and b/.yarn/cache/qs-npm-6.15.3-47907326d2-b59a0f2049.zip differ
diff --git a/.yarn/cache/raw-body-npm-2.5.3-bcb2281e9c-16aa51e504.zip b/.yarn/cache/raw-body-npm-2.5.3-bcb2281e9c-16aa51e504.zip
new file mode 100644
index 00000000000..3623b559929
Binary files /dev/null and b/.yarn/cache/raw-body-npm-2.5.3-bcb2281e9c-16aa51e504.zip differ
diff --git a/.yarn/cache/readable-stream-npm-4.7.0-2aa0761036-03ec762fae.zip b/.yarn/cache/readable-stream-npm-4.7.0-2aa0761036-03ec762fae.zip
new file mode 100644
index 00000000000..fe89b3dbce2
Binary files /dev/null and b/.yarn/cache/readable-stream-npm-4.7.0-2aa0761036-03ec762fae.zip differ
diff --git a/.yarn/cache/readline-sync-npm-1.4.10-6809f52ca7-4dbd8925af.zip b/.yarn/cache/readline-sync-npm-1.4.10-6809f52ca7-4dbd8925af.zip
new file mode 100644
index 00000000000..979f0629091
Binary files /dev/null and b/.yarn/cache/readline-sync-npm-1.4.10-6809f52ca7-4dbd8925af.zip differ
diff --git a/.yarn/cache/regenerate-unicode-properties-npm-10.2.2-7d116b2ed9-7ae4c1c324.zip b/.yarn/cache/regenerate-unicode-properties-npm-10.2.2-7d116b2ed9-7ae4c1c324.zip
new file mode 100644
index 00000000000..3d47e44ad9f
Binary files /dev/null and b/.yarn/cache/regenerate-unicode-properties-npm-10.2.2-7d116b2ed9-7ae4c1c324.zip differ
diff --git a/.yarn/cache/regexpu-core-npm-6.4.0-8966e0bc82-a316eb9885.zip b/.yarn/cache/regexpu-core-npm-6.4.0-8966e0bc82-a316eb9885.zip
new file mode 100644
index 00000000000..53d43650f01
Binary files /dev/null and b/.yarn/cache/regexpu-core-npm-6.4.0-8966e0bc82-a316eb9885.zip differ
diff --git a/.yarn/cache/regjsparser-npm-0.13.2-65efa7ba27-20ece45a3e.zip b/.yarn/cache/regjsparser-npm-0.13.2-65efa7ba27-20ece45a3e.zip
new file mode 100644
index 00000000000..126c3a4e730
Binary files /dev/null and b/.yarn/cache/regjsparser-npm-0.13.2-65efa7ba27-20ece45a3e.zip differ
diff --git a/.yarn/cache/resolve-npm-1.22.12-36aa35b43a-4dc5a614b3.zip b/.yarn/cache/resolve-npm-1.22.12-36aa35b43a-4dc5a614b3.zip
new file mode 100644
index 00000000000..1020818402c
Binary files /dev/null and b/.yarn/cache/resolve-npm-1.22.12-36aa35b43a-4dc5a614b3.zip differ
diff --git a/.yarn/cache/resolve-patch-d39a369b59-0cc5b060cb.zip b/.yarn/cache/resolve-patch-d39a369b59-0cc5b060cb.zip
new file mode 100644
index 00000000000..df866a90fb3
Binary files /dev/null and b/.yarn/cache/resolve-patch-d39a369b59-0cc5b060cb.zip differ
diff --git a/.yarn/cache/restore-cursor-npm-2.0.0-80278eb6b7-482e13d02d.zip b/.yarn/cache/restore-cursor-npm-2.0.0-80278eb6b7-482e13d02d.zip
new file mode 100644
index 00000000000..3b01b88c0e1
Binary files /dev/null and b/.yarn/cache/restore-cursor-npm-2.0.0-80278eb6b7-482e13d02d.zip differ
diff --git a/.yarn/cache/safe-regex-test-npm-1.1.0-453eb81b83-3c809abeb8.zip b/.yarn/cache/safe-regex-test-npm-1.1.0-453eb81b83-3c809abeb8.zip
new file mode 100644
index 00000000000..a0b7b26a012
Binary files /dev/null and b/.yarn/cache/safe-regex-test-npm-1.1.0-453eb81b83-3c809abeb8.zip differ
diff --git a/.yarn/cache/serialize-javascript-npm-7.0.7-6fd9a2397a-197edeab01.zip b/.yarn/cache/serialize-javascript-npm-7.0.7-6fd9a2397a-197edeab01.zip
new file mode 100644
index 00000000000..2ee3e505525
Binary files /dev/null and b/.yarn/cache/serialize-javascript-npm-7.0.7-6fd9a2397a-197edeab01.zip differ
diff --git a/.yarn/cache/side-channel-list-npm-1.0.1-7a0802d399-3499671cd5.zip b/.yarn/cache/side-channel-list-npm-1.0.1-7a0802d399-3499671cd5.zip
new file mode 100644
index 00000000000..d163f0ac032
Binary files /dev/null and b/.yarn/cache/side-channel-list-npm-1.0.1-7a0802d399-3499671cd5.zip differ
diff --git a/.yarn/cache/side-channel-map-npm-1.0.1-5903573b3c-42501371cd.zip b/.yarn/cache/side-channel-map-npm-1.0.1-5903573b3c-42501371cd.zip
new file mode 100644
index 00000000000..ae704d0896d
Binary files /dev/null and b/.yarn/cache/side-channel-map-npm-1.0.1-5903573b3c-42501371cd.zip differ
diff --git a/.yarn/cache/side-channel-npm-1.1.1-3d97a5a6fb-e0f217140c.zip b/.yarn/cache/side-channel-npm-1.1.1-3d97a5a6fb-e0f217140c.zip
new file mode 100644
index 00000000000..474c92387f8
Binary files /dev/null and b/.yarn/cache/side-channel-npm-1.1.1-3d97a5a6fb-e0f217140c.zip differ
diff --git a/.yarn/cache/side-channel-weakmap-npm-1.0.2-027acaf499-a815c89bc7.zip b/.yarn/cache/side-channel-weakmap-npm-1.0.2-027acaf499-a815c89bc7.zip
new file mode 100644
index 00000000000..9e15dea675a
Binary files /dev/null and b/.yarn/cache/side-channel-weakmap-npm-1.0.2-027acaf499-a815c89bc7.zip differ
diff --git a/.yarn/cache/statuses-npm-2.0.2-2d84c63b8c-6927feb50c.zip b/.yarn/cache/statuses-npm-2.0.2-2d84c63b8c-6927feb50c.zip
new file mode 100644
index 00000000000..61790da7a51
Binary files /dev/null and b/.yarn/cache/statuses-npm-2.0.2-2d84c63b8c-6927feb50c.zip differ
diff --git a/.yarn/cache/strip-ansi-npm-3.0.1-6aec1365b9-9b974de611.zip b/.yarn/cache/strip-ansi-npm-3.0.1-6aec1365b9-9b974de611.zip
new file mode 100644
index 00000000000..a1c9f6a0b62
Binary files /dev/null and b/.yarn/cache/strip-ansi-npm-3.0.1-6aec1365b9-9b974de611.zip differ
diff --git a/.yarn/cache/supports-color-npm-2.0.0-22c0f0adbc-602538c581.zip b/.yarn/cache/supports-color-npm-2.0.0-22c0f0adbc-602538c581.zip
new file mode 100644
index 00000000000..c4608ecfe95
Binary files /dev/null and b/.yarn/cache/supports-color-npm-2.0.0-22c0f0adbc-602538c581.zip differ
diff --git a/.yarn/cache/svelte-npm-5.56.8-a5abc8fab7-3ccdb287aa.zip b/.yarn/cache/svelte-npm-5.56.8-a5abc8fab7-3ccdb287aa.zip
new file mode 100644
index 00000000000..d93e43b65f7
Binary files /dev/null and b/.yarn/cache/svelte-npm-5.56.8-a5abc8fab7-3ccdb287aa.zip differ
diff --git a/.yarn/cache/tagged-tag-npm-1.0.0-80e0c0061d-e37653df3e.zip b/.yarn/cache/tagged-tag-npm-1.0.0-80e0c0061d-e37653df3e.zip
new file mode 100644
index 00000000000..53c28675ba8
Binary files /dev/null and b/.yarn/cache/tagged-tag-npm-1.0.0-80e0c0061d-e37653df3e.zip differ
diff --git a/.yarn/cache/tmp-npm-0.2.7-a6fd3441a0-45dec2fc28.zip b/.yarn/cache/tmp-npm-0.2.7-a6fd3441a0-45dec2fc28.zip
new file mode 100644
index 00000000000..8a5516b7464
Binary files /dev/null and b/.yarn/cache/tmp-npm-0.2.7-a6fd3441a0-45dec2fc28.zip differ
diff --git a/.yarn/cache/tsscmp-npm-1.0.6-3223087558-1512384def.zip b/.yarn/cache/tsscmp-npm-1.0.6-3223087558-1512384def.zip
new file mode 100644
index 00000000000..f7a4759c766
Binary files /dev/null and b/.yarn/cache/tsscmp-npm-1.0.6-3223087558-1512384def.zip differ
diff --git a/.yarn/cache/ttag-cli-npm-1.12.0-b1019c321e-fbd667433a.zip b/.yarn/cache/ttag-cli-npm-1.12.0-b1019c321e-fbd667433a.zip
new file mode 100644
index 00000000000..8f38d80f221
Binary files /dev/null and b/.yarn/cache/ttag-cli-npm-1.12.0-b1019c321e-fbd667433a.zip differ
diff --git a/.yarn/cache/type-fest-npm-5.8.0-5434a948b7-d234cd3ad6.zip b/.yarn/cache/type-fest-npm-5.8.0-5434a948b7-d234cd3ad6.zip
new file mode 100644
index 00000000000..fc348913342
Binary files /dev/null and b/.yarn/cache/type-fest-npm-5.8.0-5434a948b7-d234cd3ad6.zip differ
diff --git a/.yarn/cache/unicode-match-property-value-ecmascript-npm-2.2.1-0b3c4504a2-e6c73e07bb.zip b/.yarn/cache/unicode-match-property-value-ecmascript-npm-2.2.1-0b3c4504a2-e6c73e07bb.zip
new file mode 100644
index 00000000000..3ebf331f221
Binary files /dev/null and b/.yarn/cache/unicode-match-property-value-ecmascript-npm-2.2.1-0b3c4504a2-e6c73e07bb.zip differ
diff --git a/.yarn/cache/update-browserslist-db-npm-1.2.3-de1d320326-6f209a97ae.zip b/.yarn/cache/update-browserslist-db-npm-1.2.3-de1d320326-6f209a97ae.zip
new file mode 100644
index 00000000000..d33ce80e8bf
Binary files /dev/null and b/.yarn/cache/update-browserslist-db-npm-1.2.3-de1d320326-6f209a97ae.zip differ
diff --git a/.yarn/cache/vue-sfc-parser-npm-0.1.2-f976243291-24f79fc4d7.zip b/.yarn/cache/vue-sfc-parser-npm-0.1.2-f976243291-24f79fc4d7.zip
new file mode 100644
index 00000000000..9df2f12d33c
Binary files /dev/null and b/.yarn/cache/vue-sfc-parser-npm-0.1.2-f976243291-24f79fc4d7.zip differ
diff --git a/.yarn/cache/walk-npm-2.3.9-9084777c89-6b55cd4cac.zip b/.yarn/cache/walk-npm-2.3.9-9084777c89-6b55cd4cac.zip
new file mode 100644
index 00000000000..b726e189933
Binary files /dev/null and b/.yarn/cache/walk-npm-2.3.9-9084777c89-6b55cd4cac.zip differ
diff --git a/.yarn/cache/yaml-npm-1.10.3-df9008b926-6a2dd3582f.zip b/.yarn/cache/yaml-npm-1.10.3-df9008b926-6a2dd3582f.zip
new file mode 100644
index 00000000000..12acf9cffed
Binary files /dev/null and b/.yarn/cache/yaml-npm-1.10.3-df9008b926-6a2dd3582f.zip differ
diff --git a/.yarn/cache/yargs-npm-16.2.2-72eb4a72b8-0619aaa93d.zip b/.yarn/cache/yargs-npm-16.2.2-72eb4a72b8-0619aaa93d.zip
new file mode 100644
index 00000000000..c3ebe41e255
Binary files /dev/null and b/.yarn/cache/yargs-npm-16.2.2-72eb4a72b8-0619aaa93d.zip differ
diff --git a/.yarn/cache/ylru-npm-1.4.0-f1b70f7a8e-e0bf797476.zip b/.yarn/cache/ylru-npm-1.4.0-f1b70f7a8e-e0bf797476.zip
new file mode 100644
index 00000000000..35207833016
Binary files /dev/null and b/.yarn/cache/ylru-npm-1.4.0-f1b70f7a8e-e0bf797476.zip differ
diff --git a/.yarn/cache/zimmerframe-npm-1.1.4-a2c339a65f-f7917916db.zip b/.yarn/cache/zimmerframe-npm-1.1.4-a2c339a65f-f7917916db.zip
new file mode 100644
index 00000000000..55e182c1f45
Binary files /dev/null and b/.yarn/cache/zimmerframe-npm-1.1.4-a2c339a65f-f7917916db.zip differ
diff --git a/.yarn/cache/zod-npm-4.4.3-36e81f791e-bf236fdee7.zip b/.yarn/cache/zod-npm-4.4.3-36e81f791e-bf236fdee7.zip
new file mode 100644
index 00000000000..a92fde6bc4e
Binary files /dev/null and b/.yarn/cache/zod-npm-4.4.3-36e81f791e-bf236fdee7.zip differ
diff --git a/package.json b/package.json
index 7e3c91cfaab..1662e82644a 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,8 @@
     "changelog:json": "node scripts/ChangelogToJson.js && git add .",
     "postversion": "./scripts/push-tags-one-by-one.sh",
     "workspace:list": " yarn lerna list -all",
-    "upgrade:snjs": "ncu -u '@standardnotes/*' && yarn workspaces foreach --verbose run upgrade:snjs"
+    "upgrade:snjs": "ncu -u '@standardnotes/*' && yarn workspaces foreach --verbose run upgrade:snjs",
+    "i18n:extract": "yarn workspace @standardnotes/web i18n:extract && yarn workspace @standardnotes/desktop i18n:extract && yarn workspace @standardnotes/mobile i18n:extract && echo 'translations extracted'"
   },
   "resolutions": {
     "@types/styled-components/@types/react": "17.0.2",
@@ -70,6 +71,7 @@
     "npm-check-updates": "^16.10.17",
     "prettier": "3.0.0",
     "sass-loader": "^13.3.2",
+    "ttag-cli": "^1.11.2",
     "typescript": "5.8.3",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
diff --git a/packages/api/package.json b/packages/api/package.json
index 7fb76ce3a20..924fd00effd 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -40,6 +40,7 @@
     "@standardnotes/models": "workspace:*",
     "@standardnotes/responses": "workspace:*",
     "@standardnotes/utils": "workspace:*",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "ttag": "^1.8.12"
   }
 }
diff --git a/packages/api/src/Domain/Error/ErrorMessage.ts b/packages/api/src/Domain/Error/ErrorMessage.ts
index ab35cfcc8da..788a55ce917 100644
--- a/packages/api/src/Domain/Error/ErrorMessage.ts
+++ b/packages/api/src/Domain/Error/ErrorMessage.ts
@@ -1,9 +1,26 @@
-export enum ErrorMessage {
-  RegistrationInProgress = 'An existing registration request is already in progress.',
-  GenericRegistrationFail = 'A server error occurred while trying to register. Please try again.',
-  RateLimited = 'Too many successive server requests. Please wait a few minutes and try again.',
-  InsufficientPasswordMessage = 'Your password must be at least %LENGTH% characters in length. For your security, please choose a longer password or, ideally, a passphrase, and try again.',
-  PasscodeRequired = 'Your passcode is required in order to register for an account.',
-  GenericInProgress = 'An existing request is already in progress.',
-  GenericFail = 'A server error occurred. Please try again.',
+import { c } from 'ttag'
+
+export const ErrorMessage = {
+  get RegistrationInProgress() {
+    return c('B1.Account.SignIn.Status').t`An existing registration request is already in progress.`
+  },
+  get GenericRegistrationFail() {
+    return c('B1.Account.SignIn.Error').t`A server error occurred while trying to register. Please try again.`
+  },
+  get RateLimited() {
+    return c('B2.NavSharedUI.Error').t`Too many successive server requests. Please wait a few minutes and try again.`
+  },
+  get InsufficientPasswordMessage() {
+    return c('B1.Account.SignIn.Error')
+      .t`Your password must be at least %LENGTH% characters in length. For your security, please choose a longer password or, ideally, a passphrase, and try again.`
+  },
+  get PasscodeRequired() {
+    return c('B1.Account.SignIn.Error').t`Your passcode is required in order to register for an account.`
+  },
+  get GenericInProgress() {
+    return c('B2.NavSharedUI.Error').t`An existing request is already in progress.`
+  },
+  get GenericFail() {
+    return c('B2.NavSharedUI.Error').t`A server error occurred. Please try again.`
+  },
 }
diff --git a/packages/desktop/app/javascripts/Main/File/FilesManager.ts b/packages/desktop/app/javascripts/Main/File/FilesManager.ts
index e33db88edd7..3181e15198a 100644
--- a/packages/desktop/app/javascripts/Main/File/FilesManager.ts
+++ b/packages/desktop/app/javascripts/Main/File/FilesManager.ts
@@ -5,6 +5,7 @@ import { debounce } from 'lodash'
 import path from 'path'
 import yauzl from 'yauzl'
 import { Result } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 import { removeFromArray } from '../Utils/Utils'
 
@@ -106,7 +107,7 @@ export class FilesManager implements FilesManagerInterface {
     try {
       fse.removeSync(dirPath)
 
-      return Result.ok('Directory deleted successfully')
+      return Result.ok(c('B8.MobileDesktopShared.Desktop.Info').t`Directory deleted successfully`)
     } catch (error) {
       return Result.fail((error as Error).message)
     }
@@ -153,7 +154,7 @@ export class FilesManager implements FilesManagerInterface {
     try {
       await fse.move(dir, destination, { overwrite: true })
 
-      return Result.ok('Directory moved successfully')
+      return Result.ok(c('B8.MobileDesktopShared.Desktop.Info').t`Directory moved successfully`)
     } catch (error) {
       return Result.fail((error as Error).message)
     }
@@ -197,11 +198,13 @@ export class FilesManager implements FilesManagerInterface {
         destDir,
       )
 
-      return Result.ok('Directory contents moved successfully')
+      return Result.ok(c('B8.MobileDesktopShared.Desktop.Info').t`Directory contents moved successfully`)
     } catch (error) {
       console.error(error)
 
-      return Result.fail(`Could not move directory contentes: ${(error as Error).message}`)
+      return Result.fail(
+        c('B8.MobileDesktopShared.Desktop.Error').t`Could not move directory contents: ${(error as Error).message}`,
+      )
     }
   }
 
diff --git a/packages/desktop/app/javascripts/Main/FileBackups/FileBackupsManager.ts b/packages/desktop/app/javascripts/Main/FileBackups/FileBackupsManager.ts
index 56d4572a12a..60972e844ff 100644
--- a/packages/desktop/app/javascripts/Main/FileBackups/FileBackupsManager.ts
+++ b/packages/desktop/app/javascripts/Main/FileBackups/FileBackupsManager.ts
@@ -13,6 +13,7 @@ import { WebContents } from 'electron'
 import { StoreKeys } from '../Store/StoreKeys'
 import path from 'path'
 import { FileDownloader } from './FileDownloader'
+import { c } from 'ttag'
 import { FileReadOperation } from './FileReadOperation'
 import { Paths } from '../Types/Paths'
 import { MessageToWebApp } from '../../Shared/IpcMessages'
@@ -103,7 +104,7 @@ export class FilesBackupManager implements FileBackupsDevice {
       return savedLocation
     }
 
-    const LegacyTextBackupsDirectory = 'Standard Notes Backups'
+    const LegacyTextBackupsDirectory = c('B6.Preferences.Backups.Label').t`Standard Notes Backups`
     const homeDir = Paths.homeDir
     if (homeDir) {
       return path.join(homeDir, LegacyTextBackupsDirectory)
diff --git a/packages/desktop/app/javascripts/Main/HomeServer/HomeServerManager.ts b/packages/desktop/app/javascripts/Main/HomeServer/HomeServerManager.ts
index b98914ec598..81f49878fc8 100644
--- a/packages/desktop/app/javascripts/Main/HomeServer/HomeServerManager.ts
+++ b/packages/desktop/app/javascripts/Main/HomeServer/HomeServerManager.ts
@@ -1,5 +1,6 @@
 import path from 'path'
 import os from 'os'
+import { c } from 'ttag'
 
 import {
   HomeServerManagerInterface,
@@ -83,7 +84,7 @@ export class HomeServerManager implements HomeServerManagerInterface {
   async setHomeServerConfiguration(configurationJSONString: string): Promise<void> {
     try {
       if (!this.homeServerDataLocation) {
-        throw new Error('Home server data location is not set.')
+        throw new Error(c('B6.Preferences.HomeServer.Error').t`Home server data location is not set.`)
       }
 
       const homeServerConfiguration = JSON.parse(configurationJSONString) as HomeServerEnvironmentConfiguration
@@ -93,11 +94,11 @@ export class HomeServerManager implements HomeServerManagerInterface {
       const configurationFile: HomeServerConfigurationFile = {
         version: '1.0.0',
         info: {
-          warning: 'Do not edit this file.',
-          information:
-            'The values below are encrypted with a key created by the desktop application after installation. The key is stored in your secure device keychain.',
-          instructions:
-            'Put this file inside your home server data location to restore your home server configuration.',
+          warning: c('B6.Preferences.Backups.Info').t`Do not edit this file.`,
+          information: c('B6.Preferences.HomeServer.Info')
+            .t`The values below are encrypted with a key created by the desktop application after installation. The key is stored in your secure device keychain.`,
+          instructions: c('B6.Preferences.HomeServer.Info')
+            .t`Put this file inside your home server data location to restore your home server configuration.`,
         },
         configuration: homeServerConfiguration,
       }
diff --git a/packages/desktop/app/javascripts/Main/Strings/english.ts b/packages/desktop/app/javascripts/Main/Strings/english.ts
deleted file mode 100644
index 2cd1054e3eb..00000000000
--- a/packages/desktop/app/javascripts/Main/Strings/english.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { Strings } from './types'
-
-export function createEnglishStrings(): Strings {
-  return {
-    appMenu: {
-      edit: 'Edit',
-      view: 'View',
-      hideMenuBar: 'Hide Menu Bar',
-      useThemedMenuBar: 'Use Themed Menu Bar',
-      minimizeToTrayOnClose: 'Minimize To Tray On Close',
-      backups: 'Backups',
-      enableAutomaticUpdates: 'Enable Automatic Updates',
-      automaticUpdatesDisabled: 'Automatic Updates Disabled',
-      disableAutomaticBackups: 'Disable Automatic Backups',
-      enableAutomaticBackups: 'Enable Automatic Backups',
-      emailSupport: 'Email Support',
-      website: 'Website',
-      gitHub: 'GitHub',
-      discord: 'Discord',
-      twitter: 'Twitter',
-      toggleErrorConsole: 'Toggle Error Console',
-      openDataDirectory: 'Open Data Directory',
-      clearCacheAndReload: 'Clear Cache and Reload',
-      speech: 'Speech',
-      close: 'Close',
-      minimize: 'Minimize',
-      zoom: 'Zoom',
-      bringAllToFront: 'Bring All to Front',
-      checkForUpdate: 'Check for Update',
-      checkingForUpdate: 'Checking for update…',
-      updateAvailable: '(1) Update Available',
-      updates: 'Updates',
-      releaseNotes: 'Release Notes',
-      openDownloadLocation: 'Open Download Location',
-      downloadingUpdate: 'Downloading Update…',
-      manuallyDownloadUpdate: 'Manually Download Update',
-      spellcheckerLanguages: 'Spellchecker Languages',
-      installPendingUpdate(versionNumber: string) {
-        return `Install Pending Update (${versionNumber})`
-      },
-      lastUpdateCheck(date: Date) {
-        return `Last checked ${date.toLocaleString()}`
-      },
-      version(number: string) {
-        return `Version: ${number}`
-      },
-      yourVersion(number: string) {
-        return `Your Version: ${number}`
-      },
-      latestVersion(number: string) {
-        return `Latest Version: ${number}`
-      },
-      viewReleaseNotes(versionNumber: string) {
-        return `View ${versionNumber} Release Notes`
-      },
-      preferencesChanged: {
-        title: 'Preference Changed',
-        message:
-          'Your menu bar preference has been saved. Please restart the ' + 'application for the change to take effect.',
-      },
-      security: {
-        security: 'Security',
-        useKeyringtoStorePassword: 'Use password storage to store password',
-        enabledKeyringAccessMessage:
-          "Standard Notes will try to use your system's password storage " +
-          'facility to store your password the next time you start it.',
-        enabledKeyringQuitNow: 'Quit Now',
-        enabledKeyringPostpone: 'Postpone',
-      },
-    },
-    contextMenu: {
-      learnSpelling: 'Learn Spelling',
-      noSuggestions: 'No Suggestions',
-    },
-    tray: {
-      show: 'Show',
-      hide: 'Hide',
-      quit: 'Quit',
-    },
-    extensions: {
-      missingExtension:
-        'The extension was not found on your system, possibly because it is ' +
-        "still downloading. If the extension doesn't load, " +
-        'try uninstalling then reinstalling the extension.',
-      unableToLoadExtension:
-        'Unable to load extension. Please restart the application and ' +
-        'try again. If the issue persists, try uninstalling then ' +
-        'reinstalling the extension.',
-    },
-    updates: {
-      automaticUpdatesEnabled: {
-        title: 'Automatic Updates Enabled.',
-        message:
-          'Automatic updates have been enabled. Please note that ' +
-          'this functionality is currently in beta, and that you are advised ' +
-          'to periodically check in and ensure you are running the ' +
-          'latest version.',
-      },
-      finishedChecking: {
-        title: 'Finished checking for updates.',
-        error(description: string) {
-          return (
-            'An issue occurred while checking for updates. ' +
-            'Please try again.\nIf this issue persists please contact ' +
-            `support with the following information: ${description}`
-          )
-        },
-        updateAvailable(newVersion: string) {
-          return (
-            `A new update is available (version ${newVersion}). ` +
-            'You can wait for the app to update itself, or manually ' +
-            'download and install this update.'
-          )
-        },
-        noUpdateAvailable(currentVersion: string) {
-          return `Your version (${currentVersion}) is the latest available version.`
-        },
-      },
-      updateReady: {
-        title: 'Update Ready',
-        message(version: string) {
-          return `A new update (version ${version}) is ready to install.`
-        },
-        quitAndInstall: 'Quit and Install',
-        installLater: 'Install Later',
-        noRecentBackupMessage:
-          'An update is ready to install, but your backups folder does not ' +
-          'appear to contain a recent enough backup. Please download a ' +
-          'backup manually before proceeding with the installation.',
-        noRecentBackupDetail(lastBackupDate: number | null) {
-          const downloadInstructions =
-            'You can download a backup from the Account menu ' + 'in the bottom-left corner of the app.'
-          const lastAutomaticBackup =
-            lastBackupDate === null
-              ? 'Your backups folder is empty.'
-              : `Your latest automatic backup is from ${new Date(lastBackupDate).toLocaleString()}.`
-          return `${downloadInstructions}\n${lastAutomaticBackup}`
-        },
-        noRecentBackupChecbox: 'I have downloaded a backup, proceed with installation',
-      },
-      errorDownloading: {
-        title: 'Error Downloading',
-        message: 'An error occurred while trying to download your ' + 'update file. Please try again.',
-      },
-      unknownVersionName: 'Unknown',
-    },
-  }
-}
diff --git a/packages/desktop/app/javascripts/Main/Strings/french.ts b/packages/desktop/app/javascripts/Main/Strings/french.ts
deleted file mode 100644
index 6be8911d7ee..00000000000
--- a/packages/desktop/app/javascripts/Main/Strings/french.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { isDev } from '../Utils/Utils'
-import { createEnglishStrings } from './english'
-import { Strings } from './types'
-
-export function createFrenchStrings(): Strings {
-  const fallback = createEnglishStrings()
-  if (!isDev()) {
-    /**
-     * Le Français est une langue expérimentale.
-     * Don't show it in production yet.
-     */
-    return fallback
-  }
-  return {
-    appMenu: {
-      ...fallback.appMenu,
-      edit: 'Édition',
-      view: 'Affichage',
-    },
-    contextMenu: {
-      learnSpelling: "Mémoriser l'orthographe",
-      noSuggestions: 'Aucune suggestion',
-    },
-    tray: {
-      show: 'Afficher',
-      hide: 'Masquer',
-      quit: 'Quitter',
-    },
-    extensions: fallback.extensions,
-    updates: fallback.updates,
-  }
-}
diff --git a/packages/desktop/app/javascripts/Main/Strings/index.ts b/packages/desktop/app/javascripts/Main/Strings/index.ts
index dd6fbc2c3b5..38e469046a8 100644
--- a/packages/desktop/app/javascripts/Main/Strings/index.ts
+++ b/packages/desktop/app/javascripts/Main/Strings/index.ts
@@ -1,6 +1,5 @@
 import { isDev } from '../Utils/Utils'
-import { createEnglishStrings } from './english'
-import { createFrenchStrings } from './french'
+import { createStrings } from './strings'
 import { Strings } from './types'
 
 let strings: Strings
@@ -10,7 +9,7 @@ let strings: Strings
  * @param locale The user's locale
  * @see https://www.electronjs.org/docs/api/locales
  */
-export function initializeStrings(locale: string): void {
+export function initializeStrings(_locale: string): void {
   if (isDev()) {
     if (strings) {
       throw new Error('`strings` has already been initialized')
@@ -21,7 +20,7 @@ export function initializeStrings(locale: string): void {
     return
   }
 
-  strings = stringsForLocale(locale)
+  strings = createStrings()
 }
 
 export function str(): Strings {
@@ -53,14 +52,4 @@ export function updates() {
   return str().updates
 }
 
-function stringsForLocale(locale: string): Strings {
-  if (locale === 'en' || locale.startsWith('en-')) {
-    return createEnglishStrings()
-  } else if (locale === 'fr' || locale.startsWith('fr-')) {
-    return createFrenchStrings()
-  }
-
-  return createEnglishStrings()
-}
-
 export const AppName = 'Standard Notes'
diff --git a/packages/desktop/app/javascripts/Main/Strings/strings.ts b/packages/desktop/app/javascripts/Main/Strings/strings.ts
new file mode 100644
index 00000000000..17d789dbd25
--- /dev/null
+++ b/packages/desktop/app/javascripts/Main/Strings/strings.ts
@@ -0,0 +1,143 @@
+import { c } from 'ttag'
+import { Strings } from './types'
+
+export function createStrings(): Strings {
+  return {
+    appMenu: {
+      edit: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Edit`,
+      view: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`View`,
+      hideMenuBar: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Hide Menu Bar`,
+      useThemedMenuBar: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Use Themed Menu Bar`,
+      minimizeToTrayOnClose: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Minimize To Tray On Close`,
+      backups: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Backups`,
+      enableAutomaticUpdates: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Enable Automatic Updates`,
+      automaticUpdatesDisabled: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Automatic Updates Disabled`,
+      disableAutomaticBackups: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Disable Automatic Backups`,
+      enableAutomaticBackups: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Enable Automatic Backups`,
+      emailSupport: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Email Support`,
+      website: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Website`,
+      gitHub: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`GitHub`,
+      discord: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Discord`,
+      twitter: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Twitter`,
+      toggleErrorConsole: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Toggle Error Console`,
+      openDataDirectory: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Open Data Directory`,
+      clearCacheAndReload: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Clear Cache and Reload`,
+      speech: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Speech`,
+      close: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Close`,
+      minimize: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Minimize`,
+      zoom: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Zoom`,
+      bringAllToFront: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Bring All to Front`,
+      checkForUpdate: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Check for Update`,
+      checkingForUpdate: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Checking for update…`,
+      updateAvailable: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`(1) Update Available`,
+      updates: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Updates`,
+      releaseNotes: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Release Notes`,
+      openDownloadLocation: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Open Download Location`,
+      downloadingUpdate: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Downloading Update…`,
+      manuallyDownloadUpdate: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Manually Download Update`,
+      spellcheckerLanguages: c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Spellchecker Languages`,
+      installPendingUpdate(versionNumber: string) {
+        return c('B8.MobileDesktopShared.Desktop.Menu.Label').t`Install Pending Update (${versionNumber})`
+      },
+      lastUpdateCheck(date: Date) {
+        const dateString = date.toLocaleString()
+        return c('B8.MobileDesktopShared.Desktop.Menu.Info').t`Last checked ${dateString}`
+      },
+      version(number: string) {
+        return c('B8.MobileDesktopShared.Desktop.Menu.Info').t`Version: ${number}`
+      },
+      yourVersion(number: string) {
+        return c('B8.MobileDesktopShared.Desktop.Menu.Info').t`Your Version: ${number}`
+      },
+      latestVersion(number: string) {
+        return c('B8.MobileDesktopShared.Desktop.Menu.Info').t`Latest Version: ${number}`
+      },
+      viewReleaseNotes(versionNumber: string) {
+        return c('B8.MobileDesktopShared.Desktop.Menu.Label').t`View ${versionNumber} Release Notes`
+      },
+      preferencesChanged: {
+        title: c('B8.MobileDesktopShared.Desktop.Menu.Title').t`Preference Changed`,
+        message: c('B8.MobileDesktopShared.Desktop.Menu.Info')
+          .t`Your menu bar preference has been saved. Please restart the application for the change to take effect.`,
+      },
+      security: {
+        security: c('B8.MobileDesktopShared.Desktop.Security.Label').t`Security`,
+        useKeyringtoStorePassword: c('B8.MobileDesktopShared.Desktop.Security.Label')
+          .t`Use password storage to store password`,
+        enabledKeyringAccessMessage: c('B8.MobileDesktopShared.Desktop.Security.Info')
+          .t`Standard Notes will try to use your system's password storage facility to store your password the next time you start it.`,
+        enabledKeyringQuitNow: c('B8.MobileDesktopShared.Desktop.Security.Action').t`Quit Now`,
+        enabledKeyringPostpone: c('B8.MobileDesktopShared.Desktop.Security.Action').t`Postpone`,
+      },
+    },
+    contextMenu: {
+      learnSpelling: c('B8.MobileDesktopShared.Desktop.ContextMenu.Label').t`Learn Spelling`,
+      noSuggestions: c('B8.MobileDesktopShared.Desktop.ContextMenu.Label').t`No Suggestions`,
+    },
+    tray: {
+      show: c('B8.MobileDesktopShared.Desktop.Tray.Label').t`Show`,
+      hide: c('B8.MobileDesktopShared.Desktop.Tray.Label').t`Hide`,
+      quit: c('B8.MobileDesktopShared.Desktop.Tray.Label').t`Quit`,
+    },
+    extensions: {
+      missingExtension: c('B8.MobileDesktopShared.Desktop.Extensions.Error')
+        .t`The extension was not found on your system, possibly because it is still downloading. If the extension doesn't load, try uninstalling then reinstalling the extension.`,
+      unableToLoadExtension: c('B8.MobileDesktopShared.Desktop.Extensions.Error')
+        .t`Unable to load extension. Please restart the application and try again. If the issue persists, try uninstalling then reinstalling the extension.`,
+    },
+    updates: {
+      automaticUpdatesEnabled: {
+        title: c('B8.MobileDesktopShared.Desktop.Updates.Title').t`Automatic Updates Enabled.`,
+        message: c('B8.MobileDesktopShared.Desktop.Updates.Info')
+          .t`Automatic updates have been enabled. Please note that this functionality is currently in beta, and that you are advised to periodically check in and ensure you are running the latest version.`,
+      },
+      finishedChecking: {
+        title: c('B8.MobileDesktopShared.Desktop.Updates.Title').t`Finished checking for updates.`,
+        error(description: string) {
+          return c('B8.MobileDesktopShared.Desktop.Updates.Error')
+            .t`An issue occurred while checking for updates. Please try again.\nIf this issue persists please contact support with the following information: ${description}`
+        },
+        updateAvailable(newVersion: string) {
+          return c('B8.MobileDesktopShared.Desktop.Updates.Info')
+            .t`A new update is available (version ${newVersion}). You can wait for the app to update itself, or manually download and install this update.`
+        },
+        noUpdateAvailable(currentVersion: string) {
+          return c('B8.MobileDesktopShared.Desktop.Updates.Info')
+            .t`Your version (${currentVersion}) is the latest available version.`
+        },
+      },
+      updateReady: {
+        title: c('B8.MobileDesktopShared.Desktop.Updates.Title').t`Update Ready`,
+        message(version: string) {
+          return c('B8.MobileDesktopShared.Desktop.Updates.Info')
+            .t`A new update (version ${version}) is ready to install.`
+        },
+        quitAndInstall: c('B8.MobileDesktopShared.Desktop.Updates.Action').t`Quit and Install`,
+        installLater: c('B8.MobileDesktopShared.Desktop.Updates.Action').t`Install Later`,
+        noRecentBackupMessage: c('B8.MobileDesktopShared.Desktop.Updates.Info')
+          .t`An update is ready to install, but your backups folder does not appear to contain a recent enough backup. Please download a backup manually before proceeding with the installation.`,
+        noRecentBackupDetail(lastBackupDate: number | null) {
+          const downloadInstructions = c('B8.MobileDesktopShared.Desktop.Updates.Info')
+            .t`You can download a backup from the Account menu in the bottom-left corner of the app.`
+          const lastAutomaticBackup =
+            lastBackupDate === null
+              ? c('B8.MobileDesktopShared.Desktop.Updates.Info').t`Your backups folder is empty.`
+              : (() => {
+                  const backupDateString = new Date(lastBackupDate).toLocaleString()
+                  return c('B8.MobileDesktopShared.Desktop.Updates.Info')
+                    .t`Your latest automatic backup is from ${backupDateString}.`
+                })()
+          return `${downloadInstructions}\n${lastAutomaticBackup}`
+        },
+        noRecentBackupChecbox: c('B8.MobileDesktopShared.Desktop.Updates.Label')
+          .t`I have downloaded a backup, proceed with installation`,
+      },
+      errorDownloading: {
+        title: c('B8.MobileDesktopShared.Desktop.Updates.Title').t`Error Downloading`,
+        message: c('B8.MobileDesktopShared.Desktop.Updates.Error')
+          .t`An error occurred while trying to download your update file. Please try again.`,
+      },
+      unknownVersionName: c('B8.MobileDesktopShared.Desktop.Updates.Info').t`Unknown`,
+    },
+  }
+}
diff --git a/packages/desktop/package.json b/packages/desktop/package.json
index 556aba4f58c..d3810ea1fee 100644
--- a/packages/desktop/package.json
+++ b/packages/desktop/package.json
@@ -29,7 +29,8 @@
     "start": "electron ./app --enable-logging --icon _icon/icon.png",
     "ava": "rimraf test/data/tmp && ava --serial",
     "rebuild:keytar": "yarn app/node_modules/keytar build ",
-    "rebuild:home-server": "electron-rebuild -f -w @standardnotes/home-server -m ./app"
+    "rebuild:home-server": "electron-rebuild -f -w @standardnotes/home-server -m ./app",
+    "i18n:extract": "echo 'ttag: extract desktop'; mkdir -p po && ttag extract app/javascripts -o po/template.pot"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"
@@ -51,7 +52,8 @@
     "fs-extra": "^11.1.1",
     "lodash": "^4.17.21",
     "mime-types": "^2.1.35",
-    "mobx": "^6.10.2"
+    "mobx": "^6.10.2",
+    "ttag": "^1.8.12"
   },
   "devDependencies": {
     "@babel/core": "*",
diff --git a/packages/encryption/package.json b/packages/encryption/package.json
index ef5580f12e7..1ecf7500e5c 100644
--- a/packages/encryption/package.json
+++ b/packages/encryption/package.json
@@ -34,6 +34,7 @@
     "@standardnotes/responses": "workspace:*",
     "@standardnotes/sncrypto-common": "workspace:*",
     "@standardnotes/utils": "workspace:*",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "ttag": "^1.8.12"
   }
 }
diff --git a/packages/encryption/src/Domain/Keys/Utils/KeyRecoveryStrings.ts b/packages/encryption/src/Domain/Keys/Utils/KeyRecoveryStrings.ts
index 0edac61b784..77f5e6d8921 100644
--- a/packages/encryption/src/Domain/Keys/Utils/KeyRecoveryStrings.ts
+++ b/packages/encryption/src/Domain/Keys/Utils/KeyRecoveryStrings.ts
@@ -1,4 +1,5 @@
 import { KeyParamsOrigination } from '@standardnotes/common'
+import { c } from 'ttag'
 import { SNRootKeyParams } from '../RootKey/RootKeyParams'
 
 export const KeyRecoveryStrings = {
@@ -6,27 +7,49 @@ export const KeyRecoveryStrings = {
     const dateString = keyParams.createdDate?.toLocaleString()
     switch (keyParams.origination) {
       case KeyParamsOrigination.EmailChange:
-        return `Enter your account password as it was when you changed your email on ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info')
+          .t`Enter your account password as it was when you changed your email on ${dateString}.`
       case KeyParamsOrigination.PasswordChange:
-        return `Enter your account password after it was changed on ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info').t`Enter your account password after it was changed on ${dateString}.`
       case KeyParamsOrigination.Registration:
-        return `Enter your account password as it was when you registered ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info')
+          .t`Enter your account password as it was when you registered ${dateString}.`
       case KeyParamsOrigination.ProtocolUpgrade:
-        return `Enter your account password as it was when you upgraded your encryption version on ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info')
+          .t`Enter your account password as it was when you upgraded your encryption version on ${dateString}.`
       case KeyParamsOrigination.PasscodeChange:
-        return `Enter your application passcode after it was changed on ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info')
+          .t`Enter your application passcode after it was changed on ${dateString}.`
       case KeyParamsOrigination.PasscodeCreate:
-        return `Enter your application passcode as it was when you created it on ${dateString}.`
+        return c('B5.SecuritySync.Challenge.Info')
+          .t`Enter your application passcode as it was when you created it on ${dateString}.`
       default:
         throw Error('Unhandled KeyParamsOrigination case for KeyRecoveryLoginFlowPrompt')
     }
   },
-  KeyRecoveryLoginFlowReason: 'Your account password is required to revalidate your session.',
-  KeyRecoveryLoginFlowInvalidPassword: 'Incorrect credentials entered. Please try again.',
-  KeyRecoveryRootKeyReplaced: 'Your credentials have successfully been updated.',
-  KeyRecoveryPasscodeRequiredTitle: 'Passcode Required',
-  KeyRecoveryPasscodeRequiredText: 'You must enter your passcode in order to save your new credentials.',
-  KeyRecoveryPasswordRequired: 'Your account password is required to recover an encryption key.',
-  KeyRecoveryKeyRecovered: 'Your key has successfully been recovered.',
-  KeyRecoveryUnableToRecover: 'Unable to recover your key with the attempted password. Please try again.',
+  get KeyRecoveryLoginFlowReason() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your account password is required to revalidate your session.`
+  },
+  get KeyRecoveryLoginFlowInvalidPassword() {
+    return c('B5.SecuritySync.Challenge.Error').t`Incorrect credentials entered. Please try again.`
+  },
+  get KeyRecoveryRootKeyReplaced() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your credentials have successfully been updated.`
+  },
+  get KeyRecoveryPasscodeRequiredTitle() {
+    return c('B5.SecuritySync.Challenge.Label').t`Passcode Required`
+  },
+  get KeyRecoveryPasscodeRequiredText() {
+    return c('B5.SecuritySync.Challenge.Info').t`You must enter your passcode in order to save your new credentials.`
+  },
+  get KeyRecoveryPasswordRequired() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your account password is required to recover an encryption key.`
+  },
+  get KeyRecoveryKeyRecovered() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your key has successfully been recovered.`
+  },
+  get KeyRecoveryUnableToRecover() {
+    return c('B5.SecuritySync.Challenge.Error')
+      .t`Unable to recover your key with the attempted password. Please try again.`
+  },
 }
diff --git a/packages/features/package.json b/packages/features/package.json
index f7d3982fef1..07bced70b1e 100644
--- a/packages/features/package.json
+++ b/packages/features/package.json
@@ -27,7 +27,8 @@
   "dependencies": {
     "@standardnotes/common": "^1.50.0",
     "@standardnotes/domain-core": "^1.40.0",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "ttag": "^1.8.12"
   },
   "devDependencies": {
     "@types/jest": "^29.2.3",
diff --git a/packages/features/src/Domain/Lists/ClientFeatures.ts b/packages/features/src/Domain/Lists/ClientFeatures.ts
index 3308a137630..8f96f79b0dc 100644
--- a/packages/features/src/Domain/Lists/ClientFeatures.ts
+++ b/packages/features/src/Domain/Lists/ClientFeatures.ts
@@ -2,33 +2,35 @@ import { PermissionName } from '../Permission/PermissionName'
 import { NativeFeatureIdentifier } from '../Feature/NativeFeatureIdentifier'
 import { RoleName } from '@standardnotes/domain-core'
 import { ClientFeatureDescription } from '../Feature/ClientFeatureDescription'
+import { c } from 'ttag'
 
 export function clientFeatures(): ClientFeatureDescription[] {
   return [
     {
-      name: 'Tag Nesting',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Tag Nesting`,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       identifier: NativeFeatureIdentifier.TYPES.TagNesting,
       permission_name: PermissionName.TagNesting,
-      description: 'Organize your tags into folders.',
+      description: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Organize your tags into folders.`,
     },
 
     {
-      name: 'Smart Filters',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Smart Filters`,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       identifier: NativeFeatureIdentifier.TYPES.SmartFilters,
       permission_name: PermissionName.SmartFilters,
-      description: 'Create smart filters for viewing notes matching specific criteria.',
+      description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+        .t`Create smart filters for viewing notes matching specific criteria.`,
     },
     {
-      name: 'Encrypted files',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Encrypted files`,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       identifier: NativeFeatureIdentifier.TYPES.Files,
       permission_name: PermissionName.Files,
       description: '',
     },
     {
-      name: 'Clipper',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Clipper`,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       identifier: NativeFeatureIdentifier.TYPES.Clipper,
       permission_name: PermissionName.Clipper,
diff --git a/packages/features/src/Domain/Lists/DeprecatedFeatures.ts b/packages/features/src/Domain/Lists/DeprecatedFeatures.ts
index b8d3bb2e7af..a2deaca6402 100644
--- a/packages/features/src/Domain/Lists/DeprecatedFeatures.ts
+++ b/packages/features/src/Domain/Lists/DeprecatedFeatures.ts
@@ -8,10 +8,11 @@ import { NoteType } from '../Component/NoteType'
 import { FillIframeEditorDefaults } from './Utilities/FillEditorComponentDefaults'
 import { ComponentAction } from '../Component/ComponentAction'
 import { ComponentArea } from '../Component/ComponentArea'
+import { c } from 'ttag'
 
 export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
   const code = FillIframeEditorDefaults({
-    name: 'Code',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Code`,
     spellcheckControl: true,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedCodeEditor,
     permission_name: PermissionName.DeprecatedCodeEditor,
@@ -20,43 +21,42 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     interchangeable: true,
     deprecated: true,
     index_path: 'index.html',
-    description:
-      'Syntax highlighting and convenient keyboard shortcuts for over 120 programming' +
-      ' languages. Ideal for code snippets and procedures.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`Syntax highlighting and convenient keyboard shortcuts for over 120 programming languages. Ideal for code snippets and procedures.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/code.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const plus = FillIframeEditorDefaults({
-    name: 'Rich Text',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Rich Text`,
     note_type: NoteType.RichText,
     file_type: 'html',
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedPlusEditor,
     permission_name: PermissionName.DeprecatedPlusEditor,
     spellcheckControl: true,
     deprecated: true,
-    description:
-      'From highlighting to custom font sizes and colors, to tables and lists, this editor is perfect for crafting any document.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`From highlighting to custom font sizes and colors, to tables and lists, this editor is perfect for crafting any document.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/plus-editor.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const markdown = FillIframeEditorDefaults({
-    name: 'Markdown',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Markdown`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedMarkdownProEditor,
     note_type: NoteType.Markdown,
     file_type: 'md',
     permission_name: PermissionName.DeprecatedMarkdownProEditor,
     spellcheckControl: true,
     deprecated: true,
-    description:
-      'A fully featured Markdown editor that supports live preview, a styling toolbar, and split pane support.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A fully featured Markdown editor that supports live preview, a styling toolbar, and split pane support.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/adv-markdown.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const task = FillIframeEditorDefaults({
-    name: 'Checklist',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Checklist`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedTaskEditor,
     note_type: NoteType.Task,
     spellcheckControl: true,
@@ -64,14 +64,14 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     interchangeable: false,
     deprecated: true,
     permission_name: PermissionName.DeprecatedTaskEditor,
-    description:
-      'A great way to manage short-term and long-term to-do"s. You can mark tasks as completed, change their order, and edit the text naturally in place.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Status')
+      .t`A great way to manage short-term and long-term to-do"s. You can mark tasks as completed, change their order, and edit the text naturally in place.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/task-editor.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const bold: EditorFeatureDescription = FillIframeEditorDefaults({
-    name: 'Alternative Rich Text',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Alternative Rich Text`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedBoldEditor,
     note_type: NoteType.RichText,
     file_type: 'html',
@@ -92,40 +92,41 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     spellcheckControl: true,
     deprecated: true,
     permission_name: PermissionName.BoldEditor,
-    description: 'A simple and peaceful rich editor that helps you write and think clearly.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A simple and peaceful rich editor that helps you write and think clearly.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/bold.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const markdownBasic: EditorFeatureDescription = FillIframeEditorDefaults({
-    name: 'Basic Markdown',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Basic Markdown`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedMarkdownBasicEditor,
     note_type: NoteType.Markdown,
     spellcheckControl: true,
     file_type: 'md',
     deprecated: true,
     permission_name: PermissionName.MarkdownBasicEditor,
-    description: 'A Markdown editor with dynamic split-pane preview.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info').t`A Markdown editor with dynamic split-pane preview.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/simple-markdown.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const markdownAlt: EditorFeatureDescription = FillIframeEditorDefaults({
-    name: 'Markdown Alternative',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Markdown Alternative`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedMarkdownVisualEditor,
     note_type: NoteType.Markdown,
     file_type: 'md',
     deprecated: true,
     permission_name: PermissionName.MarkdownVisualEditor,
     spellcheckControl: true,
-    description:
-      'A WYSIWYG-style Markdown editor that renders Markdown in preview-mode while you type without displaying any syntax.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A WYSIWYG-style Markdown editor that renders Markdown in preview-mode while you type without displaying any syntax.`,
     index_path: 'build/index.html',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const markdownMinimist: EditorFeatureDescription = FillIframeEditorDefaults({
-    name: 'Minimal Markdown',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Minimal Markdown`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedMarkdownMinimistEditor,
     note_type: NoteType.Markdown,
     file_type: 'md',
@@ -133,13 +134,14 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     permission_name: PermissionName.MarkdownMinimistEditor,
     spellcheckControl: true,
     deprecated: true,
-    description: 'A minimal Markdown editor with live rendering and in-text search via Ctrl/Cmd + F',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A minimal Markdown editor with live rendering and in-text search via Ctrl/Cmd + F`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/min-markdown.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const markdownMath: EditorFeatureDescription = FillIframeEditorDefaults({
-    name: 'Markdown with Math',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Markdown with Math`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedMarkdownMathEditor,
     spellcheckControl: true,
     permission_name: PermissionName.MarkdownMathEditor,
@@ -147,13 +149,14 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     file_type: 'md',
     deprecated: true,
     index_path: 'index.html',
-    description: 'A beautiful split-pane Markdown editor with synced-scroll, LaTeX support, and colorful syntax.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A beautiful split-pane Markdown editor with synced-scroll, LaTeX support, and colorful syntax.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/fancy-markdown.jpg',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const filesafe: IframeComponentFeatureDescription = FillIframeEditorDefaults({
-    name: 'FileSafe',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`FileSafe`,
     identifier: NativeFeatureIdentifier.TYPES.DeprecatedFileSafe,
     component_permissions: [
       {
@@ -172,8 +175,8 @@ export function GetDeprecatedFeatures(): AnyFeatureDescription[] {
     permission_name: PermissionName.ComponentFilesafe,
     area: ComponentArea.EditorStack,
     deprecated: true,
-    description:
-      'Encrypted attachments for your notes using your Dropbox, Google Drive, or WebDAV server. Limited to 50MB per file.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`Encrypted attachments for your notes using your Dropbox, Google Drive, or WebDAV server. Limited to 50MB per file.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/FileSafe-banner.png',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
diff --git a/packages/features/src/Domain/Lists/ExperimentalFeatures.ts b/packages/features/src/Domain/Lists/ExperimentalFeatures.ts
index ba523524c33..57491a96da3 100644
--- a/packages/features/src/Domain/Lists/ExperimentalFeatures.ts
+++ b/packages/features/src/Domain/Lists/ExperimentalFeatures.ts
@@ -2,12 +2,14 @@ import { RoleName } from '@standardnotes/domain-core'
 import { AnyFeatureDescription } from '../Feature/AnyFeatureDescription'
 import { NativeFeatureIdentifier } from '../Feature/NativeFeatureIdentifier'
 import { PermissionName } from '../Permission/PermissionName'
+import { c } from 'ttag'
 
 export function experimentalFeatures(): AnyFeatureDescription[] {
   return [
     {
-      name: 'Private vaults',
-      description: 'Private vaults allow you to store notes, files and tags into separate, encrypted vaults.',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Private vaults`,
+      description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+        .t`Private vaults allow you to store notes, files and tags into separate, encrypted vaults.`,
       availableInRoles: [RoleName.NAMES.CoreUser, RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       identifier: NativeFeatureIdentifier.TYPES.Vaults,
       permission_name: PermissionName.Vaults,
diff --git a/packages/features/src/Domain/Lists/IframeEditors.ts b/packages/features/src/Domain/Lists/IframeEditors.ts
index 08dc43b5538..da9c4a0afd9 100644
--- a/packages/features/src/Domain/Lists/IframeEditors.ts
+++ b/packages/features/src/Domain/Lists/IframeEditors.ts
@@ -4,30 +4,31 @@ import { NoteType } from '../Component/NoteType'
 import { FillIframeEditorDefaults } from './Utilities/FillEditorComponentDefaults'
 import { RoleName } from '@standardnotes/domain-core'
 import { IframeComponentFeatureDescription } from '../Feature/IframeComponentFeatureDescription'
+import { c } from 'ttag'
 
 export function IframeEditors(): IframeComponentFeatureDescription[] {
   const tokenvault = FillIframeEditorDefaults({
-    name: 'Authenticator',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Authenticator`,
     note_type: NoteType.Authentication,
     file_type: 'json',
     interchangeable: false,
     identifier: NativeFeatureIdentifier.TYPES.TokenVaultEditor,
     permission_name: PermissionName.TokenVaultEditor,
-    description:
-      'Encrypt and protect your 2FA secrets for all your internet accounts. Authenticator handles your 2FA secrets so that you never lose them again, or have to start over when you get a new device.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`Encrypt and protect your 2FA secrets for all your internet accounts. Authenticator handles your 2FA secrets so that you never lose them again, or have to start over when you get a new device.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/token-vault.png',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
 
   const spreadsheets = FillIframeEditorDefaults({
-    name: 'Spreadsheet',
+    name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Spreadsheet`,
     identifier: NativeFeatureIdentifier.TYPES.SheetsEditor,
     note_type: NoteType.Spreadsheet,
     file_type: 'json',
     interchangeable: false,
     permission_name: PermissionName.SheetsEditor,
-    description:
-      'A powerful spreadsheet editor with formatting and formula support. Not recommended for large data sets, as encryption of such data may decrease editor performance.',
+    description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+      .t`A powerful spreadsheet editor with formatting and formula support. Not recommended for large data sets, as encryption of such data may decrease editor performance.`,
     thumbnail_url: 'https://assets.standardnotes.com/screenshots/models/editors/spreadsheets.png',
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
   })
diff --git a/packages/features/src/Domain/Lists/NativeEditors.ts b/packages/features/src/Domain/Lists/NativeEditors.ts
index 71620bc398d..333404445ac 100644
--- a/packages/features/src/Domain/Lists/NativeEditors.ts
+++ b/packages/features/src/Domain/Lists/NativeEditors.ts
@@ -3,11 +3,12 @@ import { NoteType } from '../Component/NoteType'
 import { EditorFeatureDescription } from '../Feature/EditorFeatureDescription'
 import { NativeFeatureIdentifier } from '../Feature/NativeFeatureIdentifier'
 import { PermissionName } from '../Permission/PermissionName'
+import { c } from 'ttag'
 
 export function nativeEditors(): EditorFeatureDescription[] {
   return [
     {
-      name: 'Super',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Super`,
       note_type: NoteType.Super,
       identifier: NativeFeatureIdentifier.TYPES.SuperEditor,
       spellcheckControl: true,
@@ -15,11 +16,11 @@ export function nativeEditors(): EditorFeatureDescription[] {
       interchangeable: false,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
       permission_name: PermissionName.SuperEditor,
-      description:
-        'The best way to edit notes. Type / to bring up the block selection menu, or @ to embed images or link other tags and notes. Type - then space to start a list, or [] then space to start a checklist. Drag and drop an image or file to embed it in your note. Cmd/Ctrl + F to bring up search and replace.',
+      description: c('B7.FilesSubscriptionHelp.Subscription.Info')
+        .t`The best way to edit notes. Type / to bring up the block selection menu, or @ to embed images or link other tags and notes. Type - then space to start a list, or [] then space to start a checklist. Drag and drop an image or file to embed it in your note. Cmd/Ctrl + F to bring up search and replace.`,
     },
     {
-      name: 'Plain Text',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Plain Text`,
       note_type: NoteType.Plain,
       spellcheckControl: true,
       file_type: 'txt',
diff --git a/packages/features/src/Domain/Lists/ServerFeatures.ts b/packages/features/src/Domain/Lists/ServerFeatures.ts
index bdf978a0a87..54b5fb21c61 100644
--- a/packages/features/src/Domain/Lists/ServerFeatures.ts
+++ b/packages/features/src/Domain/Lists/ServerFeatures.ts
@@ -2,71 +2,72 @@ import { ServerFeatureDescription } from '../Feature/ServerFeatureDescription'
 import { PermissionName } from '../Permission/PermissionName'
 import { NativeFeatureIdentifier } from '../Feature/NativeFeatureIdentifier'
 import { RoleName } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 export function serverFeatures(): ServerFeatureDescription[] {
   return [
     {
-      name: 'Two factor authentication',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Two factor authentication`,
       identifier: NativeFeatureIdentifier.TYPES.TwoFactorAuth,
       permission_name: PermissionName.TwoFactorAuth,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
     },
     {
-      name: 'U2F authentication',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`U2F authentication`,
       identifier: NativeFeatureIdentifier.TYPES.UniversalSecondFactor,
       permission_name: PermissionName.UniversalSecondFactor,
       availableInRoles: [RoleName.NAMES.ProUser],
     },
     {
-      name: 'Unlimited note history',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Unlimited note history`,
       identifier: NativeFeatureIdentifier.TYPES.NoteHistoryUnlimited,
       permission_name: PermissionName.NoteHistoryUnlimited,
       availableInRoles: [RoleName.NAMES.ProUser],
     },
     {
-      name: '365 days note history',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`365 days note history`,
       identifier: NativeFeatureIdentifier.TYPES.NoteHistory365Days,
       permission_name: PermissionName.NoteHistory365Days,
       availableInRoles: [RoleName.NAMES.PlusUser],
     },
     {
-      name: 'Email backups',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Email backups`,
       identifier: NativeFeatureIdentifier.TYPES.DailyEmailBackup,
       permission_name: PermissionName.DailyEmailBackup,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
     },
     {
-      name: 'Sign-in email alerts',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Sign-in email alerts`,
       identifier: NativeFeatureIdentifier.TYPES.SignInAlerts,
       permission_name: PermissionName.SignInAlerts,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
     },
     {
-      name: 'Files maximum storage tier',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Files maximum storage tier`,
       identifier: NativeFeatureIdentifier.TYPES.FilesMaximumStorageTier,
       permission_name: PermissionName.FilesMaximumStorageTier,
       availableInRoles: [RoleName.NAMES.ProUser],
     },
     {
-      name: 'Files low storage tier',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Files low storage tier`,
       identifier: NativeFeatureIdentifier.TYPES.FilesLowStorageTier,
       permission_name: PermissionName.FilesLowStorageTier,
       availableInRoles: [RoleName.NAMES.PlusUser],
     },
     {
-      name: 'Files medium storage tier',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Files medium storage tier`,
       identifier: NativeFeatureIdentifier.TYPES.SubscriptionSharing,
       permission_name: PermissionName.SubscriptionSharing,
       availableInRoles: [RoleName.NAMES.ProUser],
     },
     {
-      name: 'Listed Custom Domain',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Listed Custom Domain`,
       identifier: NativeFeatureIdentifier.TYPES.ListedCustomDomain,
       permission_name: PermissionName.ListedCustomDomain,
       availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
     },
     {
-      name: 'Shared Vaults',
+      name: c('B7.FilesSubscriptionHelp.Subscription.Info').t`Shared Vaults`,
       identifier: NativeFeatureIdentifier.TYPES.SharedVaults,
       permission_name: PermissionName.SharedVaults,
       availableInRoles: [RoleName.NAMES.InternalTeamUser],
diff --git a/packages/features/src/Domain/Lists/Themes.ts b/packages/features/src/Domain/Lists/Themes.ts
index 90b7fc92adb..15580c4962d 100644
--- a/packages/features/src/Domain/Lists/Themes.ts
+++ b/packages/features/src/Domain/Lists/Themes.ts
@@ -3,10 +3,11 @@ import { PermissionName } from '../Permission/PermissionName'
 import { NativeFeatureIdentifier } from '../Feature/NativeFeatureIdentifier'
 import { FillThemeComponentDefaults } from './Utilities/FillThemeComponentDefaults'
 import { RoleName } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 export function themes(): ThemeFeatureDescription[] {
   const midnight: ThemeFeatureDescription = FillThemeComponentDefaults({
-    name: 'Midnight',
+    name: c('B6.Preferences.Appearance.Label').t`Midnight`,
     identifier: NativeFeatureIdentifier.TYPES.MidnightTheme,
     permission_name: PermissionName.MidnightTheme,
     isDark: true,
@@ -21,7 +22,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const futura: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Futura',
+    name: c('B6.Preferences.Appearance.Label').t`Futura`,
     identifier: NativeFeatureIdentifier.TYPES.FuturaTheme,
     permission_name: PermissionName.FuturaTheme,
     isDark: true,
@@ -35,7 +36,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const solarizedDark: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Solarized Dark',
+    name: c('B6.Preferences.Appearance.Label').t`Solarized Dark`,
     identifier: NativeFeatureIdentifier.TYPES.SolarizedDarkTheme,
     permission_name: PermissionName.SolarizedDarkTheme,
     isDark: true,
@@ -49,7 +50,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const autobiography: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Autobiography',
+    name: c('B6.Preferences.Appearance.Label').t`Autobiography`,
     identifier: NativeFeatureIdentifier.TYPES.AutobiographyTheme,
     permission_name: PermissionName.AutobiographyTheme,
     dock_icon: {
@@ -62,7 +63,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const dark: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.CoreUser, RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Dark',
+    name: c('B6.Preferences.Appearance.Label').t`Dark`,
     identifier: NativeFeatureIdentifier.TYPES.DarkTheme,
     permission_name: PermissionName.FocusedTheme,
     clientControlled: true,
@@ -77,7 +78,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const titanium: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Titanium',
+    name: c('B6.Preferences.Appearance.Label').t`Titanium`,
     identifier: NativeFeatureIdentifier.TYPES.TitaniumTheme,
     permission_name: PermissionName.TitaniumTheme,
     dock_icon: {
@@ -90,7 +91,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const dynamic: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Dynamic Panels',
+    name: c('B6.Preferences.Appearance.Label').t`Dynamic Panels`,
     identifier: NativeFeatureIdentifier.TYPES.DynamicTheme,
     permission_name: PermissionName.ThemeDynamic,
     layerable: true,
@@ -99,7 +100,7 @@ export function themes(): ThemeFeatureDescription[] {
 
   const proton: ThemeFeatureDescription = FillThemeComponentDefaults({
     availableInRoles: [RoleName.NAMES.CoreUser, RoleName.NAMES.PlusUser, RoleName.NAMES.ProUser],
-    name: 'Carbon',
+    name: c('B6.Preferences.Appearance.Label').t`Carbon`,
     identifier: NativeFeatureIdentifier.TYPES.ProtonTheme,
     permission_name: PermissionName.ProtonTheme,
     dock_icon: {
diff --git a/packages/mobile/package.json b/packages/mobile/package.json
index 4b37437abe2..870a72a3f7a 100644
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -22,7 +22,8 @@
     "start": "react-native start",
     "tsc": "tsc --noEmit",
     "upgrade:snjs": "ncu -u '@standardnotes/*'",
-    "bundle:web": "mkdir -p html/Web.bundle/src/web-src/ && cp -r ../web/dist/. html/Web.bundle/src/web-src/"
+    "bundle:web": "mkdir -p html/Web.bundle/src/web-src/ && cp -r ../web/dist/. html/Web.bundle/src/web-src/",
+    "i18n:extract": "echo 'ttag: extract mobile'; mkdir -p po && ttag extract src -o po/template.pot"
   },
   "installConfig": {
     "hoistingLimits": "workspaces"
@@ -77,6 +78,7 @@
   "dependencies": {
     "@notifee/react-native": "^9.1.8",
     "react-native-safe-area-context": "^5.5.1",
-    "react-native-store-review": "^0.4.3"
+    "react-native-store-review": "^0.4.3",
+    "ttag": "^1.8.12"
   }
 }
diff --git a/packages/mobile/src/Lib/Database/showLoadFailForItemIds.ts b/packages/mobile/src/Lib/Database/showLoadFailForItemIds.ts
index 6406d2177fb..77cb6ff2da6 100644
--- a/packages/mobile/src/Lib/Database/showLoadFailForItemIds.ts
+++ b/packages/mobile/src/Lib/Database/showLoadFailForItemIds.ts
@@ -1,16 +1,10 @@
 import { Alert } from 'react-native'
+import { c } from 'ttag'
 
 export const showLoadFailForItemIds = (failedItemIds: string[]) => {
-  let text =
-    'The following items could not be loaded. This may happen if you are in low-memory conditions, or if the note is very large in size. We recommend breaking up large notes into smaller chunks using the desktop or web app.\n\nItems:\n'
-  let index = 0
-  text += failedItemIds.map((id) => {
-    let result = id
-    if (index !== failedItemIds.length - 1) {
-      result += '\n'
-    }
-    index++
-    return result
-  })
-  Alert.alert('Unable to load item(s)', text)
+  const items = failedItemIds.join('\n')
+  const text = c('B8.MobileDesktopShared.Mobile.Database.Info')
+    .t`The following items could not be loaded. This may happen if you are in low-memory conditions, or if the note is very large in size. We recommend breaking up large notes into smaller chunks using the desktop or web app.\n\nItems:\n${items}`
+
+  Alert.alert(c('B8.MobileDesktopShared.Mobile.Database.Title').t`Unable to load item(s)`, text)
 }
diff --git a/packages/mobile/src/Lib/MobileDevice.ts b/packages/mobile/src/Lib/MobileDevice.ts
index f5bad44a653..29d9c75a23f 100644
--- a/packages/mobile/src/Lib/MobileDevice.ts
+++ b/packages/mobile/src/Lib/MobileDevice.ts
@@ -54,6 +54,7 @@ import { isLegacyIdentifier } from './Database/LegacyIdentifier'
 import { LegacyKeyValueStore } from './Database/LegacyKeyValueStore'
 import Keychain from './Keychain'
 import notifee, { AuthorizationStatus, Notification, NotificationSettings } from '@notifee/react-native'
+import { c } from 'ttag'
 
 export type BiometricsType = 'Fingerprint' | 'Face ID' | 'Biometrics' | 'Touch ID'
 
@@ -93,7 +94,7 @@ export class MobileDevice implements MobileDeviceInterface {
 
     await notifee.createChannel({
       id: 'files',
-      name: 'File Upload/Download',
+      name: c('B8.MobileDesktopShared.Mobile.Notifications.Label').t`File Upload/Download`,
     })
 
     const didAskForPermission = await this.keyValueStore.getValue<boolean>('didAskForNotificationPermission')
@@ -265,7 +266,7 @@ export class MobileDevice implements MobileDeviceInterface {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore ts type does not exist for deviceCredentialAllowed
           deviceCredentialAllowed: true,
-          description: 'Biometrics are required to access your notes.',
+          description: c('B8.MobileDesktopShared.Mobile.Device.Info').t`Biometrics are required to access your notes.`,
         })
           .then(() => {
             FingerprintScanner.release()
@@ -274,9 +275,15 @@ export class MobileDevice implements MobileDeviceInterface {
           .catch((error) => {
             FingerprintScanner.release()
             if (error.name === 'DeviceLocked') {
-              Alert.alert('Unsuccessful', 'Authentication failed. Wait 30 seconds to try again.')
+              Alert.alert(
+                c('B8.MobileDesktopShared.Mobile.Device.Title').t`Unsuccessful`,
+                c('B8.MobileDesktopShared.Mobile.Device.Error').t`Authentication failed. Wait 30 seconds to try again.`,
+              )
             } else {
-              Alert.alert('Unsuccessful', 'Authentication failed. Tap to try again.')
+              Alert.alert(
+                c('B8.MobileDesktopShared.Mobile.Device.Title').t`Unsuccessful`,
+                c('B8.MobileDesktopShared.Mobile.Device.Error').t`Authentication failed. Tap to try again.`,
+              )
             }
             resolve(false)
           })
@@ -284,7 +291,7 @@ export class MobileDevice implements MobileDeviceInterface {
         // iOS
         FingerprintScanner.authenticate({
           fallbackEnabled: true,
-          description: 'This is required to access your notes.',
+          description: c('B8.MobileDesktopShared.Mobile.Device.Info').t`This is required to access your notes.`,
         })
           .then(() => {
             FingerprintScanner.release()
@@ -294,9 +301,12 @@ export class MobileDevice implements MobileDeviceInterface {
             FingerprintScanner.release()
             if (error_1.name !== 'SystemCancel') {
               if (error_1.name !== 'UserCancel') {
-                Alert.alert('Unsuccessful')
+                Alert.alert(c('B8.MobileDesktopShared.Mobile.Device.Title').t`Unsuccessful`)
               } else {
-                Alert.alert('Unsuccessful', 'Authentication failed. Tap to try again.')
+                Alert.alert(
+                  c('B8.MobileDesktopShared.Mobile.Device.Title').t`Unsuccessful`,
+                  c('B8.MobileDesktopShared.Mobile.Device.Error').t`Authentication failed. Tap to try again.`,
+                )
               }
             }
             resolve(false)
@@ -376,7 +386,10 @@ export class MobileDevice implements MobileDeviceInterface {
 
   openUrl(url: string) {
     const showAlert = () => {
-      Alert.alert('Unable to Open', `Unable to open URL ${url}.`)
+      Alert.alert(
+        c('B8.MobileDesktopShared.Mobile.Device.Title').t`Unable to Open`,
+        c('B8.MobileDesktopShared.Mobile.Device.Error').t`Unable to open URL ${url}.`,
+      )
     }
 
     Linking.canOpenURL(url)
@@ -549,17 +562,17 @@ export class MobileDevice implements MobileDeviceInterface {
     }
 
     Alert.alert(
-      'Close app',
-      'Do you want to close the app?',
+      c('B8.MobileDesktopShared.Mobile.Device.Title').t`Close app`,
+      c('B8.MobileDesktopShared.Mobile.Device.Confirmation').t`Do you want to close the app?`,
       [
         {
-          text: 'Cancel',
+          text: c('B8.MobileDesktopShared.Mobile.Device.Label').t`Cancel`,
           style: 'cancel',
           // eslint-disable-next-line @typescript-eslint/no-empty-function
           onPress: async () => {},
         },
         {
-          text: 'Close',
+          text: c('B8.MobileDesktopShared.Mobile.Device.Action').t`Close`,
           style: 'destructive',
           onPress: async () => {
             SNReactNative.exitApp()
diff --git a/packages/mobile/src/MobileWebAppContainer.tsx b/packages/mobile/src/MobileWebAppContainer.tsx
index c36bcac19d5..25560ce0d6f 100644
--- a/packages/mobile/src/MobileWebAppContainer.tsx
+++ b/packages/mobile/src/MobileWebAppContainer.tsx
@@ -16,6 +16,7 @@ import { ReceivedSharedItemsHandler } from './ReceivedSharedItemsHandler'
 import { ReviewService } from './ReviewService'
 import notifee, { EventType } from '@notifee/react-native'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
+import { c } from 'ttag'
 
 const LoggingEnabled = IsDev
 
@@ -437,7 +438,7 @@ const MobileWebAppContents = ({ destroyAndReload }: { destroyAndReload: () => vo
             marginBottom: 20,
           }}
         >
-          Could not load app
+          {c('B8.MobileDesktopShared.Mobile.WebView.Title').t`Could not load app`}
         </Text>
         <Text
           style={{
@@ -447,10 +448,11 @@ const MobileWebAppContents = ({ destroyAndReload }: { destroyAndReload: () => vo
             textAlign: 'center',
           }}
         >
-          Please make sure your Android System Webview is updated to the latest version
+          {c('B8.MobileDesktopShared.Mobile.WebView.Info')
+            .t`Please make sure your Android System Webview is updated to the latest version`}
         </Text>
         <Button
-          title={'Update'}
+          title={c('B8.MobileDesktopShared.Mobile.WebView.Action').t`Update`}
           onPress={() => {
             setShowAndroidWebviewUpdatePrompt(false)
             device.openUrl('https://play.google.com/store/apps/details?id=com.google.android.webview')
diff --git a/packages/models/package.json b/packages/models/package.json
index 9045aa1aaf9..111a611bad5 100644
--- a/packages/models/package.json
+++ b/packages/models/package.json
@@ -25,7 +25,8 @@
     "@standardnotes/responses": "workspace:*",
     "@standardnotes/sncrypto-common": "workspace:^",
     "@standardnotes/utils": "workspace:^",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "ttag": "^1.8.12"
   },
   "devDependencies": {
     "@types/jest": "^29.2.3",
diff --git a/packages/models/src/Domain/Syncable/SmartView/SmartViewBuilder.ts b/packages/models/src/Domain/Syncable/SmartView/SmartViewBuilder.ts
index f4360283789..312edb5b6ad 100644
--- a/packages/models/src/Domain/Syncable/SmartView/SmartViewBuilder.ts
+++ b/packages/models/src/Domain/Syncable/SmartView/SmartViewBuilder.ts
@@ -11,6 +11,7 @@ import { PayloadTimestampDefaults } from '../../Abstract/Payload'
 import { NotesAndFilesDisplayOptions } from '../../Runtime/Display'
 import { FileItem } from '../File'
 import { ContentType } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView[] {
   const notes = new SmartView(
@@ -19,7 +20,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Notes',
+        title: c('B4.Notes.TagsLinkedItems.Label').t`Notes`,
         predicate: allNotesPredicate(options).toJson(),
       }),
     }),
@@ -31,7 +32,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Files',
+        title: c('B4.Notes.TagsLinkedItems.Label').t`Files`,
         predicate: filesPredicate(options).toJson(),
       }),
     }),
@@ -43,7 +44,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Archived',
+        title: c('B4.Notes.TagsLinkedItems.Action').t`Archived`,
         predicate: archivedNotesPredicate(options).toJson(),
       }),
     }),
@@ -55,7 +56,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Trash',
+        title: c('B4.Notes.TagsLinkedItems.Action').t`Trash`,
         predicate: trashedNotesPredicate(options).toJson(),
       }),
     }),
@@ -67,7 +68,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Untagged',
+        title: c('B4.Notes.TagsLinkedItems.Label').t`Untagged`,
         predicate: untaggedNotesPredicate(options).toJson(),
       }),
     }),
@@ -79,7 +80,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Starred',
+        title: c('B4.Notes.TagsLinkedItems.Action').t`Starred`,
         predicate: starredNotesPredicate(options).toJson(),
       }),
     }),
@@ -91,7 +92,7 @@ export function BuildSmartViews(options: NotesAndFilesDisplayOptions): SmartView
       content_type: ContentType.TYPES.SmartView,
       ...PayloadTimestampDefaults(),
       content: FillItemContent<SmartViewContent>({
-        title: 'Conflicts',
+        title: c('B4.Notes.TagsLinkedItems.Label').t`Conflicts`,
         predicate: conflictsPredicate(options).toJson(),
       }),
     }),
diff --git a/packages/responses/package.json b/packages/responses/package.json
index c85d1ea3845..09ad89c7f2b 100644
--- a/packages/responses/package.json
+++ b/packages/responses/package.json
@@ -35,6 +35,7 @@
   "dependencies": {
     "@standardnotes/common": "^1.50.0",
     "@standardnotes/features": "workspace:*",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "ttag": "^1.8.12"
   }
 }
diff --git a/packages/responses/src/Domain/Http/HttpResponse.ts b/packages/responses/src/Domain/Http/HttpResponse.ts
index 34c1df8e32a..20bd8744f06 100644
--- a/packages/responses/src/Domain/Http/HttpResponse.ts
+++ b/packages/responses/src/Domain/Http/HttpResponse.ts
@@ -3,6 +3,7 @@ import { HttpResponseMeta } from './HttpResponseMeta'
 import { HttpHeaders } from './HttpHeaders'
 import { HttpStatusCode } from './HttpStatusCode'
 import { HttpError } from './HttpError'
+import { c } from 'ttag'
 
 type AnySuccessRecord = Record<string, unknown> & { error?: never }
 
@@ -35,7 +36,7 @@ export function getCaptchaHeader<T>(response: HttpResponse<T>) {
 }
 
 export function getErrorMessageFromErrorResponseBody(data: HttpErrorResponseBody, defaultMessage?: string): string {
-  let errorMessage = defaultMessage || 'Unknown error'
+  let errorMessage = defaultMessage || c('B2.NavSharedUI.Error').t`Unknown error`
   if (
     data &&
     typeof data === 'object' &&
@@ -57,6 +58,6 @@ export function getErrorFromErrorResponse(response: HttpErrorResponse): HttpErro
   }
 
   return {
-    message: 'Unknown error',
+    message: c('B2.NavSharedUI.Error').t`Unknown error`,
   }
 }
diff --git a/packages/services/package.json b/packages/services/package.json
index f14d30ea0ef..269702394e4 100644
--- a/packages/services/package.json
+++ b/packages/services/package.json
@@ -26,7 +26,8 @@
     "@standardnotes/responses": "workspace:*",
     "@standardnotes/sncrypto-common": "workspace:^",
     "@standardnotes/utils": "workspace:*",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "ttag": "^1.8.12"
   },
   "devDependencies": {
     "@types/jest": "^29.2.3",
diff --git a/packages/services/src/Domain/Backups/FilesBackupService.ts b/packages/services/src/Domain/Backups/FilesBackupService.ts
index 07d8117fa69..f392bec9dfd 100644
--- a/packages/services/src/Domain/Backups/FilesBackupService.ts
+++ b/packages/services/src/Domain/Backups/FilesBackupService.ts
@@ -38,10 +38,11 @@ import { PayloadManagerInterface } from '../Payloads/PayloadManagerInterface'
 import { HistoryServiceInterface } from '../History/HistoryServiceInterface'
 import { ContentType } from '@standardnotes/domain-core'
 import { EncryptionProviderInterface } from '../Encryption/EncryptionProviderInterface'
+import { c } from 'ttag'
 
-const PlaintextBackupsDirectoryName = 'Plaintext Backups'
-export const TextBackupsDirectoryName = 'Text Backups'
-export const FileBackupsDirectoryName = 'File Backups'
+const PlaintextBackupsDirectoryName = c('B6.Preferences.Backups.Label').t`Plaintext Backups`
+export const TextBackupsDirectoryName = c('B6.Preferences.Backups.Label').t`Text Backups`
+export const FileBackupsDirectoryName = c('B6.Preferences.Backups.Label').t`File Backups`
 
 export class FilesBackupService
   extends AbstractService
@@ -549,10 +550,11 @@ export class FilesBackupService
 
     const metaFile: FileBackupMetadataFile = {
       info: {
-        warning: 'Do not edit this file.',
-        information: 'The file and key data below is encrypted with your account password.',
-        instructions:
-          'Drag and drop this metadata file into the File Backups preferences pane in the Standard Notes desktop or web application interface.',
+        warning: c('B6.Preferences.Backups.Info').t`Do not edit this file.`,
+        information: c('B6.Preferences.Backups.Info')
+          .t`The file and key data below is encrypted with your account password.`,
+        instructions: c('B6.Preferences.Backups.Info')
+          .t`Drag and drop this metadata file into the File Backups preferences pane in the Standard Notes desktop or web application interface.`,
       },
       file: CreateEncryptedBackupFileContextPayload(encryptedFile.ejected()),
       itemsKey: CreateEncryptedBackupFileContextPayload(encryptedItemsKey.ejected()),
diff --git a/packages/services/src/Domain/Challenge/Prompt/PromptTitles.ts b/packages/services/src/Domain/Challenge/Prompt/PromptTitles.ts
index 7e37367ea7f..61836c25952 100644
--- a/packages/services/src/Domain/Challenge/Prompt/PromptTitles.ts
+++ b/packages/services/src/Domain/Challenge/Prompt/PromptTitles.ts
@@ -1,10 +1,24 @@
 /* istanbul ignore file */
 
+import { c } from 'ttag'
+
 export const ChallengePromptTitle = {
-  AccountPassword: 'Account Password',
-  LocalPasscode: 'Application Passcode',
-  Biometrics: 'Biometrics',
-  RememberFor: 'Remember For',
-  Mfa: 'Two-factor Authentication Code',
-  U2F: 'Security Key',
+  get AccountPassword() {
+    return c('B5.SecuritySync.Challenge.Label').t`Account Password`
+  },
+  get LocalPasscode() {
+    return c('B5.SecuritySync.Challenge.Label').t`Application Passcode`
+  },
+  get Biometrics() {
+    return c('B5.SecuritySync.Challenge.Label').t`Biometrics`
+  },
+  get RememberFor() {
+    return c('B5.SecuritySync.Challenge.Label').t`Remember For`
+  },
+  get Mfa() {
+    return c('B5.SecuritySync.Challenge.Label').t`Two-factor Authentication Code`
+  },
+  get U2F() {
+    return c('B5.SecuritySync.Challenge.Label').t`Security Key`
+  },
 }
diff --git a/packages/services/src/Domain/Contacts/UnknownContactName.ts b/packages/services/src/Domain/Contacts/UnknownContactName.ts
index 5e112bf51d7..c3a4f695713 100644
--- a/packages/services/src/Domain/Contacts/UnknownContactName.ts
+++ b/packages/services/src/Domain/Contacts/UnknownContactName.ts
@@ -1 +1,3 @@
-export const UnknownContactName = 'Unnamed contact'
+import { c } from 'ttag'
+
+export const UnknownContactName = c('B6.Preferences.Vaults.Label').t`Unnamed contact`
diff --git a/packages/services/src/Domain/Files/FileService.ts b/packages/services/src/Domain/Files/FileService.ts
index 219e4788dd7..52c12133166 100644
--- a/packages/services/src/Domain/Files/FileService.ts
+++ b/packages/services/src/Domain/Files/FileService.ts
@@ -25,7 +25,8 @@ import {
   DecryptedItemInterface,
 } from '@standardnotes/models'
 import { PureCryptoInterface } from '@standardnotes/sncrypto-common'
-import { LoggerInterface, spaceSeparatedStrings, UuidGenerator } from '@standardnotes/utils'
+import { LoggerInterface, UuidGenerator } from '@standardnotes/utils'
+import { c } from 'ttag'
 import { SNItemsKey } from '@standardnotes/encryption'
 import {
   DownloadAndDecryptFileOperation,
@@ -131,7 +132,7 @@ export class FileService extends AbstractService implements FilesClientInterface
     })
 
     if (isErrorResponse(valetTokenResponse)) {
-      return new ClientDisplayableError('Could not create valet token')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`Could not create valet token`)
     }
 
     return valetTokenResponse.data.valetToken
@@ -158,13 +159,13 @@ export class FileService extends AbstractService implements FilesClientInterface
     const moveResult = await this.api.moveFile(valetTokenResult)
 
     if (!moveResult) {
-      return new ClientDisplayableError('Could not move file')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`Could not move file`)
     }
   }
 
   public async moveFileOutOfSharedVault(file: FileItem): Promise<void | ClientDisplayableError> {
     if (!file.shared_vault_uuid) {
-      return new ClientDisplayableError('File is not in a shared vault')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`File is not in a shared vault`)
     }
 
     const valetTokenResult = await this.createSharedVaultValetToken({
@@ -182,7 +183,7 @@ export class FileService extends AbstractService implements FilesClientInterface
     const moveResult = await this.api.moveFile(valetTokenResult)
 
     if (!moveResult) {
-      return new ClientDisplayableError('Could not move file')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`Could not move file`)
     }
   }
 
@@ -232,7 +233,7 @@ export class FileService extends AbstractService implements FilesClientInterface
     }
 
     if (!uploadSessionStarted.data.uploadId) {
-      return new ClientDisplayableError('Could not start upload session')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`Could not start upload session`)
     }
 
     return uploadOperation
@@ -247,7 +248,9 @@ export class FileService extends AbstractService implements FilesClientInterface
     const success = await operation.pushBytes(bytes, chunkId, isFinalChunk)
 
     if (!success) {
-      return new ClientDisplayableError('Failed to push file bytes to server')
+      return new ClientDisplayableError(
+        c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to push file bytes to server`,
+      )
     }
 
     return undefined
@@ -268,7 +271,7 @@ export class FileService extends AbstractService implements FilesClientInterface
     }
 
     if (!uploadSessionClosed) {
-      return new ClientDisplayableError('Could not close upload session')
+      return new ClientDisplayableError(c('B7.FilesSubscriptionHelp.Files.Error').t`Could not close upload session`)
     }
 
     const result = operation.getResult()
@@ -410,14 +413,10 @@ export class FileService extends AbstractService implements FilesClientInterface
 
     if (isErrorResponse(result)) {
       const deleteAnyway = await this.alertService.confirm(
-        spaceSeparatedStrings(
-          'This file could not be deleted from the server, possibly because you are attempting to delete a file item',
-          'that was imported from another account. Would you like to remove this file item from your account anyway?',
-          "If you're sure the file is yours and still exists on the server, do not choose this option,",
-          'and instead try to delete it again.',
-        ),
-        'Unable to Delete',
-        'Delete Anyway',
+        c('B7.FilesSubscriptionHelp.Files.Confirmation')
+          .t`This file could not be deleted from the server, possibly because you are attempting to delete a file item that was imported from another account. Would you like to remove this file item from your account anyway? If you're sure the file is yours and still exists on the server, do not choose this option, and instead try to delete it again.`,
+        c('B7.FilesSubscriptionHelp.Files.Confirmation').t`Unable to Delete`,
+        c('B7.FilesSubscriptionHelp.Files.Confirmation').t`Delete Anyway`,
         ButtonType.Danger,
       )
 
diff --git a/packages/services/src/Domain/Import/Strings.ts b/packages/services/src/Domain/Import/Strings.ts
index cabc445edff..62ba5617c6b 100644
--- a/packages/services/src/Domain/Import/Strings.ts
+++ b/packages/services/src/Domain/Import/Strings.ts
@@ -1,7 +1,15 @@
+import { c } from 'ttag'
+
 export const Strings = {
-  UnsupportedBackupFileVersion:
-    'This backup file was created using a newer version of the application and cannot be imported here. Please update your application and try again.',
-  BackupFileMoreRecentThanAccount:
-    "This backup file was created using a newer encryption version than your account's. Please run the available encryption upgrade and try again.",
-  FileAccountPassword: 'File account password',
+  get UnsupportedBackupFileVersion() {
+    return c('B1.Account.ImportExport.Error')
+      .t`This backup file was created using a newer version of the application and cannot be imported here. Please update your application and try again.`
+  },
+  get BackupFileMoreRecentThanAccount() {
+    return c('B1.Account.ImportExport.Error')
+      .t`This backup file was created using a newer encryption version than your account's. Please run the available encryption upgrade and try again.`
+  },
+  get FileAccountPassword() {
+    return c('B1.Account.ImportExport.Label').t`File account password`
+  },
 }
diff --git a/packages/services/src/Domain/Strings/InfoStrings.ts b/packages/services/src/Domain/Strings/InfoStrings.ts
index d474b41389b..ab5976aa2d2 100644
--- a/packages/services/src/Domain/Strings/InfoStrings.ts
+++ b/packages/services/src/Domain/Strings/InfoStrings.ts
@@ -1,6 +1,12 @@
+import { c } from 'ttag'
+
 export const InfoStrings = {
-  AccountDeleted: 'Your account has been successfully deleted.',
+  get AccountDeleted() {
+    return c('B1.Account.Session.Info').t`Your account has been successfully deleted.`
+  },
 
-  InvalidNote:
-    "The note you are attempting to save can not be found or has been deleted. Changes you make will not be synced. Please copy this note's text and start a new note.",
+  get InvalidNote() {
+    return c('B2.NavSharedUI.Error')
+      .t`The note you are attempting to save can not be found or has been deleted. Changes you make will not be synced. Please copy this note's text and start a new note.`
+  },
 }
diff --git a/packages/services/src/Domain/Strings/Messages.ts b/packages/services/src/Domain/Strings/Messages.ts
index 63ae630f45b..bf748d9d53d 100644
--- a/packages/services/src/Domain/Strings/Messages.ts
+++ b/packages/services/src/Domain/Strings/Messages.ts
@@ -1,189 +1,331 @@
 import { ProtocolVersion } from '@standardnotes/models'
+import { c } from 'ttag'
 
-export const API_MESSAGE_GENERIC_INVALID_LOGIN = 'A server error occurred while trying to sign in. Please try again.'
-export const API_MESSAGE_GENERIC_REGISTRATION_FAIL =
-  'A server error occurred while trying to register. Please try again.'
-export const API_MESSAGE_GENERIC_CHANGE_CREDENTIALS_FAIL =
-  'Something went wrong while changing your credentials. Your credentials were not changed. Please try again.'
-export const API_MESSAGE_GENERIC_SYNC_FAIL = 'Could not connect to server.'
+export const API_MESSAGE_GENERIC_INVALID_LOGIN = c('B1.Account.SignIn.Error')
+  .t`A server error occurred while trying to sign in. Please try again.`
+export const API_MESSAGE_GENERIC_REGISTRATION_FAIL = c('B1.Account.SignIn.Error')
+  .t`A server error occurred while trying to register. Please try again.`
+export const API_MESSAGE_GENERIC_CHANGE_CREDENTIALS_FAIL = c('B1.Account.SignIn.Error')
+  .t`Something went wrong while changing your credentials. Your credentials were not changed. Please try again.`
+export const API_MESSAGE_GENERIC_SYNC_FAIL = () => c('B2.NavSharedUI.Error').t`Could not connect to server.`
 
 export const ServerErrorStrings = {
-  DeleteAccountError: 'Your account was unable to be deleted due to an error. Please try your request again.',
+  get DeleteAccountError() {
+    return c('B1.Account.Session.Error')
+      .t`Your account was unable to be deleted due to an error. Please try your request again.`
+  },
 }
 
-export const API_MESSAGE_GENERIC_INTEGRITY_CHECK_FAIL = 'Could not check your data integrity with the server.'
+export const API_MESSAGE_GENERIC_INTEGRITY_CHECK_FAIL = c('B2.NavSharedUI.Error')
+  .t`Could not check your data integrity with the server.`
 
-export const API_MESSAGE_GENERIC_SINGLE_ITEM_SYNC_FAIL = 'Could not retrieve item.'
+export const API_MESSAGE_GENERIC_SINGLE_ITEM_SYNC_FAIL = () => c('B2.NavSharedUI.Error').t`Could not retrieve item.`
 
-export const API_MESSAGE_REGISTRATION_IN_PROGRESS = 'An existing registration request is already in progress.'
-export const API_MESSAGE_LOGIN_IN_PROGRESS = 'An existing sign in request is already in progress.'
-export const API_MESSAGE_CHANGE_CREDENTIALS_IN_PROGRESS =
-  'An existing change credentials request is already in progress.'
+export const API_MESSAGE_REGISTRATION_IN_PROGRESS = c('B1.Account.SignIn.Status')
+  .t`An existing registration request is already in progress.`
+export const API_MESSAGE_LOGIN_IN_PROGRESS = c('B1.Account.SignIn.Status')
+  .t`An existing sign in request is already in progress.`
+export const API_MESSAGE_CHANGE_CREDENTIALS_IN_PROGRESS = c('B1.Account.SignIn.Status')
+  .t`An existing change credentials request is already in progress.`
 
-export const API_MESSAGE_FALLBACK_LOGIN_FAIL = 'Invalid email or password.'
+export const API_MESSAGE_FALLBACK_LOGIN_FAIL = c('B1.Account.SignIn.Error').t`Invalid email or password.`
 
-export const API_MESSAGE_GENERIC_TOKEN_REFRESH_FAIL =
-  'A server error occurred while trying to refresh your session. Please try again.'
+export const API_MESSAGE_GENERIC_TOKEN_REFRESH_FAIL = c('B1.Account.Session.Error')
+  .t`A server error occurred while trying to refresh your session. Please try again.`
 
-export const API_MESSAGE_TOKEN_REFRESH_IN_PROGRESS =
-  'Your account session is being renewed with the server. Please try your request again.'
+export const API_MESSAGE_TOKEN_REFRESH_IN_PROGRESS = c('B1.Account.Session.Info')
+  .t`Your account session is being renewed with the server. Please try your request again.`
 
-export const API_MESSAGE_RATE_LIMITED = 'Too many successive server requests. Please wait a few minutes and try again.'
+export const API_MESSAGE_RATE_LIMITED = c('B2.NavSharedUI.Error')
+  .t`Too many successive server requests. Please wait a few minutes and try again.`
 
-export const API_MESSAGE_INVALID_SESSION = 'Please sign in to an account in order to continue with your request.'
+export const API_MESSAGE_INVALID_SESSION = c('B1.Account.Session.Error')
+  .t`Please sign in to an account in order to continue with your request.`
 
-export const API_MESSAGE_FAILED_GET_SETTINGS = 'Failed to get settings.'
-export const API_MESSAGE_FAILED_UPDATE_SETTINGS = 'Failed to update settings.'
-export const API_MESSAGE_FAILED_LISTED_REGISTRATION = 'Unable to register for Listed. Please try again later.'
+export const API_MESSAGE_FAILED_GET_SETTINGS = c('B6.Preferences.Error').t`Failed to get settings.`
+export const API_MESSAGE_FAILED_UPDATE_SETTINGS = c('B6.Preferences.Error').t`Failed to update settings.`
+export const API_MESSAGE_FAILED_LISTED_REGISTRATION = c('B6.Preferences.Error')
+  .t`Unable to register for Listed. Please try again later.`
 
-export const API_MESSAGE_FAILED_CREATE_FILE_TOKEN = 'Failed to create file token.'
+export const API_MESSAGE_FAILED_CREATE_FILE_TOKEN = c('B7.FilesSubscriptionHelp.Files.Error')
+  .t`Failed to create file token.`
 
-export const API_MESSAGE_FAILED_SUBSCRIPTION_INFO = "Failed to get subscription's information."
+export const API_MESSAGE_FAILED_SUBSCRIPTION_INFO = c('B7.FilesSubscriptionHelp.Subscription.Error')
+  .t`Failed to get subscription's information.`
 
-export const API_MESSAGE_FAILED_ACCESS_PURCHASE = 'Failed to access purchase flow.'
+export const API_MESSAGE_FAILED_ACCESS_PURCHASE = c('B7.FilesSubscriptionHelp.Subscription.Error')
+  .t`Failed to access purchase flow.`
 
-export const API_MESSAGE_FAILED_OFFLINE_FEATURES = 'Failed to get offline features.'
-export const API_MESSAGE_UNTRUSTED_EXTENSIONS_WARNING = `The extension you are attempting to install comes from an
-  untrusted source. Untrusted extensions may lower the security of your data. Do you want to continue?`
-export const API_MESSAGE_FAILED_DOWNLOADING_EXTENSION = `Error downloading package details. Please check the
-  extension link and try again.`
-export const API_MESSAGE_FAILED_OFFLINE_ACTIVATION =
-  'An unknown issue occurred during offline activation. Please download your activation code again and try once more.'
+export const API_MESSAGE_FAILED_OFFLINE_FEATURES = c('B7.FilesSubscriptionHelp.Subscription.Error')
+  .t`Failed to get offline features.`
+export const API_MESSAGE_UNTRUSTED_EXTENSIONS_WARNING = c('B2.NavSharedUI.Warning')
+  .t`The extension you are attempting to install comes from an untrusted source. Untrusted extensions may lower the security of your data. Do you want to continue?`
+export const API_MESSAGE_FAILED_DOWNLOADING_EXTENSION = c('B2.NavSharedUI.Error')
+  .t`Error downloading package details. Please check the extension link and try again.`
+export const API_MESSAGE_FAILED_OFFLINE_ACTIVATION = c('B7.FilesSubscriptionHelp.Subscription.Error')
+  .t`An unknown issue occurred during offline activation. Please download your activation code again and try once more.`
 
-export const INVALID_EXTENSION_URL = 'Invalid extension URL.'
+export const INVALID_EXTENSION_URL = c('B2.NavSharedUI.Error').t`Invalid extension URL.`
 
-export const UNSUPPORTED_PROTOCOL_VERSION =
-  'This version of the application does not support your newer account type. Please upgrade to the latest version of Standard Notes to sign in.'
+export const UNSUPPORTED_PROTOCOL_VERSION = c('B1.Account.SignIn.Error')
+  .t`This version of the application does not support your newer account type. Please upgrade to the latest version of Standard Notes to sign in.`
 
-export const EXPIRED_PROTOCOL_VERSION =
-  'The protocol version associated with your account is outdated and no longer supported by this application. Please visit standardnotes.com/help/security for more information.'
+export const EXPIRED_PROTOCOL_VERSION = c('B1.Account.SignIn.Error')
+  .t`The protocol version associated with your account is outdated and no longer supported by this application. Please visit standardnotes.com/help/security for more information.`
 
-export const UNSUPPORTED_KEY_DERIVATION =
-  'Your account was created on a platform with higher security capabilities than this browser supports. If we attempted to generate your login keys here, it would take hours. Please use a browser with more up to date security capabilities, like Google Chrome or Firefox, to log in.'
+export const UNSUPPORTED_KEY_DERIVATION = c('B1.Account.SignIn.Error')
+  .t`Your account was created on a platform with higher security capabilities than this browser supports. If we attempted to generate your login keys here, it would take hours. Please use a browser with more up to date security capabilities, like Google Chrome or Firefox, to log in.`
 
-export const INVALID_PASSWORD_COST =
-  'Unable to sign in due to insecure password parameters. Please visit standardnotes.com/help/security for more information.'
-export const INVALID_PASSWORD = 'Invalid password.'
+export const INVALID_PASSWORD_COST = c('B1.Account.SignIn.Error')
+  .t`Unable to sign in due to insecure password parameters. Please visit standardnotes.com/help/security for more information.`
+export const INVALID_PASSWORD = c('B1.Account.SignIn.Error').t`Invalid password.`
 
-export const OUTDATED_PROTOCOL_ALERT_IGNORE = 'Sign In'
-export const UPGRADING_ENCRYPTION = "Upgrading your account's encryption version…"
+export const OUTDATED_PROTOCOL_ALERT_IGNORE = c('B1.Account.SignIn.Action').t`Sign In`
+export const UPGRADING_ENCRYPTION = c('B1.Account.Password.Status').t`Upgrading your account's encryption version…`
 
-export const SETTING_PASSCODE = 'Setting passcode…'
-export const CHANGING_PASSCODE = 'Changing passcode…'
-export const REMOVING_PASSCODE = 'Removing passcode…'
+export const SETTING_PASSCODE = () => c('B5.SecuritySync.Passcode.Status').t`Setting passcode…`
+export const CHANGING_PASSCODE = () => c('B5.SecuritySync.Passcode.Status').t`Changing passcode…`
+export const REMOVING_PASSCODE = () => c('B5.SecuritySync.Passcode.Status').t`Removing passcode…`
 
-export const DO_NOT_CLOSE_APPLICATION = 'Do not close the application until this process completes.'
+export const DO_NOT_CLOSE_APPLICATION = () =>
+  c('B5.SecuritySync.Passcode.Warning').t`Do not close the application until this process completes.`
 
-export const UNKNOWN_ERROR = 'Unknown error.'
+export const UNKNOWN_ERROR = c('B2.NavSharedUI.Error').t`Unknown error.`
 
 export function InsufficientPasswordMessage(minimum: number): string {
-  return `Your password must be at least ${minimum} characters in length. For your security, please choose a longer password or, ideally, a passphrase, and try again.`
+  return c('B1.Account.SignIn.Error')
+    .t`Your password must be at least ${minimum} characters in length. For your security, please choose a longer password or, ideally, a passphrase, and try again.`
 }
 
 export function StrictSignInFailed(current: ProtocolVersion, latest: ProtocolVersion): string {
-  return `Strict Sign In has refused the server's sign-in parameters. The latest account version is ${latest}, but the server is reporting a version of ${current} for your account. If you'd like to proceed with sign in anyway, please disable Strict Sign In and try again.`
+  return c('B1.Account.SignIn.Error')
+    .t`Strict Sign In has refused the server's sign-in parameters. The latest account version is ${latest}, but the server is reporting a version of ${current} for your account. If you'd like to proceed with sign in anyway, please disable Strict Sign In and try again.`
 }
 
 export const CredentialsChangeStrings = {
-  PasscodeRequired: 'Your passcode is required to process your credentials change.',
-  Failed: 'Unable to change your credentials due to a sync error. Please try again.',
+  get PasscodeRequired() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your passcode is required to process your credentials change.`
+  },
+  get Failed() {
+    return c('B2.NavSharedUI.Error').t`Unable to change your credentials due to a sync error. Please try again.`
+  },
 }
 
 export const RegisterStrings = {
-  PasscodeRequired: 'Your passcode is required in order to register for an account.',
+  get PasscodeRequired() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your passcode is required in order to register for an account.`
+  },
 }
 
 export const SignInStrings = {
-  PasscodeRequired: 'Your passcode is required in order to sign in to your account.',
-  IncorrectMfa: 'Incorrect two-factor authentication code. Please try again.',
-  SignInCanceledMissingMfa: 'Your sign in request has been canceled.',
+  get PasscodeRequired() {
+    return c('B5.SecuritySync.Challenge.Info').t`Your passcode is required in order to sign in to your account.`
+  },
+  get IncorrectMfa() {
+    return c('B5.SecuritySync.Mfa.Error').t`Incorrect two-factor authentication code. Please try again.`
+  },
+  get SignInCanceledMissingMfa() {
+    return c('B5.SecuritySync.Mfa.Info').t`Your sign in request has been canceled.`
+  },
 }
 
 export const ProtocolUpgradeStrings = {
-  SuccessAccount:
-    "Your encryption version has been successfully upgraded. You may be asked to enter your credentials again on other devices you're signed into.",
-  SuccessPasscodeOnly: 'Your encryption version has been successfully upgraded.',
-  Fail: 'Unable to upgrade encryption version. Please try again.',
-  UpgradingPasscode: 'Upgrading local encryption...',
+  get SuccessAccount() {
+    return c('B1.Account.Password.Info')
+      .t`Your encryption version has been successfully upgraded. You may be asked to enter your credentials again on other devices you're signed into.`
+  },
+  get SuccessPasscodeOnly() {
+    return c('B1.Account.Password.Info').t`Your encryption version has been successfully upgraded.`
+  },
+  get Fail() {
+    return c('B1.Account.Password.Error').t`Unable to upgrade encryption version. Please try again.`
+  },
+  get UpgradingPasscode() {
+    return c('B1.Account.Password.Status').t`Upgrading local encryption...`
+  },
 }
 
 export const ChallengeModalTitle = {
-  Generic: 'Authentication Required',
-  Migration: 'Storage Update',
+  get Generic() {
+    return c('B5.SecuritySync.Challenge.Title').t`Authentication Required`
+  },
+  get Migration() {
+    return c('B5.SecuritySync.Challenge.Title').t`Storage Update`
+  },
 }
 
 export const SessionStrings = {
-  EnterEmailAndPassword: 'Please enter your account email and password.',
+  get EnterEmailAndPassword() {
+    return c('B1.Account.Session.Info').t`Please enter your account email and password.`
+  },
   RecoverSession(email?: string): string {
     return email
-      ? `Your credentials are needed for ${email} to refresh your session with the server.`
-      : 'Your credentials are needed to refresh your session with the server.'
-  },
-  SessionRestored: 'Your session has been successfully restored.',
-  EnterMfa: 'Please enter your two-factor authentication code.',
-  InputU2FDevice: 'Please authenticate with your hardware security key.',
-  MfaInputPlaceholder: 'Two-factor authentication code',
-  EmailInputPlaceholder: 'Email',
-  PasswordInputPlaceholder: 'Password',
-  KeychainRecoveryErrorTitle: 'Invalid Credentials',
-  KeychainRecoveryError:
-    'The email or password you entered is incorrect.\n\nPlease note that this sign-in request is made against the default server. If you are using a custom server, you must uninstall the app then reinstall, and sign back into your account.',
-  RevokeTitle: 'Revoke this session?',
-  RevokeConfirmButton: 'Revoke',
-  RevokeCancelButton: 'Cancel',
-  RevokeText:
-    'The associated app will be signed out and all data removed ' +
-    'from the device when it is next launched. You can sign back in on that ' +
-    'device at any time.',
-  CurrentSessionRevoked: 'Your session has been revoked and all local data has been removed ' + 'from this device.',
+      ? c('B1.Account.Session.Info')
+          .t`Your credentials are needed for ${email} to refresh your session with the server.`
+      : c('B1.Account.Session.Info').t`Your credentials are needed to refresh your session with the server.`
+  },
+  get SessionRestored() {
+    return c('B1.Account.Session.Info').t`Your session has been successfully restored.`
+  },
+  get EnterMfa() {
+    return c('B1.Account.Session.Info').t`Please enter your two-factor authentication code.`
+  },
+  get InputU2FDevice() {
+    return c('B1.Account.Session.Info').t`Please authenticate with your hardware security key.`
+  },
+  get MfaInputPlaceholder() {
+    return c('B5.SecuritySync.Challenge.Placeholder').t`Two-factor authentication code`
+  },
+  get EmailInputPlaceholder() {
+    return c('B1.Account.Session.Label').t`Email`
+  },
+  get PasswordInputPlaceholder() {
+    return c('B1.Account.Session.Label').t`Password`
+  },
+  get KeychainRecoveryErrorTitle() {
+    return c('B5.SecuritySync.KeyStorage.Error').t`Invalid Credentials`
+  },
+  get KeychainRecoveryError() {
+    return c('B5.SecuritySync.KeyStorage.Info')
+      .t`The email or password you entered is incorrect.\n\nPlease note that this sign-in request is made against the default server. If you are using a custom server, you must uninstall the app then reinstall, and sign back into your account.`
+  },
+  get RevokeTitle() {
+    return c('B1.Account.Session.Title').t`Revoke this session?`
+  },
+  get RevokeConfirmButton() {
+    return c('B1.Account.Session.Action').t`Revoke`
+  },
+  get RevokeCancelButton() {
+    return c('B1.Account.Session.Action').t`Cancel`
+  },
+  get RevokeText() {
+    return c('B1.Account.Session.Info')
+      .t`The associated app will be signed out and all data removed from the device when it is next launched. You can sign back in on that device at any time.`
+  },
+  get CurrentSessionRevoked() {
+    return c('B1.Account.Session.Info')
+      .t`Your session has been revoked and all local data has been removed from this device.`
+  },
 }
 
 export const ChallengeStrings = {
-  UnlockApplication: 'Authentication is required to unlock the application',
-  NoteAccess: 'Authentication is required to view this note',
-  FileAccess: 'Authentication is required to access this file',
-  ImportFile: 'Authentication is required to import a backup file',
-  AddPasscode: 'Authentication is required to add a passcode',
-  RemovePasscode: 'Authentication is required to remove your passcode',
-  ChangePasscode: 'Authentication is required to change your passcode',
-  ChangeAutolockInterval: 'Authentication is required to change autolock timer duration',
-  RevokeSession: 'Authentication is required to revoke a session',
-  EnterAccountPassword: 'Enter your account password',
-  EnterLocalPasscode: 'Enter your application passcode',
-  EnterPasscodeForMigration:
-    'Your application passcode is required to perform an upgrade of your local data storage structure.',
-  EnterPasscodeForRootResave: 'Enter your application passcode to continue',
-  EnterCredentialsForProtocolUpgrade: 'Enter your credentials to perform encryption upgrade',
-  EnterCredentialsForDecryptedBackupDownload: 'Enter your credentials to download a decrypted backup',
-  AccountPasswordPlaceholder: 'Account Password',
-  LocalPasscodePlaceholder: 'Application Passcode',
-  DecryptEncryptedFile: 'Enter the account password associated with the import file',
-  ExportBackup: 'Authentication is required to export a backup',
-  DisableBiometrics: 'Authentication is required to disable biometrics',
-  UnprotectNote: 'Authentication is required to unprotect a note',
-  UnprotectFile: 'Authentication is required to unprotect a file',
-  SearchProtectedNotesText: 'Authentication is required to search protected contents',
-  SelectProtectedNote: 'Authentication is required to select a protected note',
-  DisableMfa: 'Authentication is required to disable two-factor authentication',
-  DeleteAccount: 'Authentication is required to delete your account',
-  ListedAuthorization: 'Authentication is required to approve this note for Listed',
-  UnlockVault: (vaultName: string) => `Unlock ${vaultName}`,
-  DeleteVault: (vaultName: string) => `Delete ${vaultName}`,
-  EnterVaultPassword: 'Enter the password for this vault',
+  get UnlockApplication() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to unlock the application`
+  },
+  get NoteAccess() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to view this note`
+  },
+  get FileAccess() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to access this file`
+  },
+  get ImportFile() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to import a backup file`
+  },
+  get AddPasscode() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to add a passcode`
+  },
+  get RemovePasscode() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to remove your passcode`
+  },
+  get ChangePasscode() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to change your passcode`
+  },
+  get ChangeAutolockInterval() {
+    return c('B5.SecuritySync.Autolock.Info').t`Authentication is required to change autolock timer duration`
+  },
+  get RevokeSession() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to revoke a session`
+  },
+  get EnterAccountPassword() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter your account password`
+  },
+  get EnterLocalPasscode() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter your application passcode`
+  },
+  get EnterPasscodeForMigration() {
+    return c('B5.SecuritySync.Challenge.Info')
+      .t`Your application passcode is required to perform an upgrade of your local data storage structure.`
+  },
+  get EnterPasscodeForRootResave() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter your application passcode to continue`
+  },
+  get EnterCredentialsForProtocolUpgrade() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter your credentials to perform encryption upgrade`
+  },
+  get EnterCredentialsForDecryptedBackupDownload() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter your credentials to download a decrypted backup`
+  },
+  get AccountPasswordPlaceholder() {
+    return c('B5.SecuritySync.Challenge.Placeholder').t`Account Password`
+  },
+  get LocalPasscodePlaceholder() {
+    return c('B5.SecuritySync.Challenge.Placeholder').t`Application Passcode`
+  },
+  get DecryptEncryptedFile() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter the account password associated with the import file`
+  },
+  get ExportBackup() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to export a backup`
+  },
+  get DisableBiometrics() {
+    return c('B5.SecuritySync.Biometrics.Info').t`Authentication is required to disable biometrics`
+  },
+  get UnprotectNote() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to unprotect a note`
+  },
+  get UnprotectFile() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to unprotect a file`
+  },
+  get SearchProtectedNotesText() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to search protected contents`
+  },
+  get SelectProtectedNote() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to select a protected note`
+  },
+  get DisableMfa() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to disable two-factor authentication`
+  },
+  get DeleteAccount() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to delete your account`
+  },
+  get ListedAuthorization() {
+    return c('B5.SecuritySync.Challenge.Info').t`Authentication is required to approve this note for Listed`
+  },
+  UnlockVault(vaultName: string): string {
+    return c('B5.SecuritySync.Challenge.Info').t`Unlock ${vaultName}`
+  },
+  DeleteVault(vaultName: string): string {
+    return c('B5.SecuritySync.Challenge.Info').t`Delete ${vaultName}`
+  },
+  get EnterVaultPassword() {
+    return c('B5.SecuritySync.Challenge.Label').t`Enter the password for this vault`
+  },
 }
 
 export const ErrorAlertStrings = {
-  MissingSessionTitle: 'Missing Session',
-  MissingSessionBody:
-    'We were unable to load your server session. This represents an inconsistency with your application state. Please take an opportunity to backup your data, then sign out and sign back in to resolve this issue.',
+  get MissingSessionTitle() {
+    return c('B1.Account.Session.Error').t`Missing Session`
+  },
+  get MissingSessionBody() {
+    return c('B1.Account.Session.Error')
+      .t`We were unable to load your server session. This represents an inconsistency with your application state. Please take an opportunity to backup your data, then sign out and sign back in to resolve this issue.`
+  },
 
-  StorageDecryptErrorTitle: 'Storage Error',
-  StorageDecryptErrorBody:
-    "We were unable to decrypt your local storage. Please restart the app and try again. If you're unable to resolve this issue, and you have an account, you may try uninstalling the app then reinstalling, then signing back into your account. Otherwise, please contact help@standardnotes.com for support.",
+  get StorageDecryptErrorTitle() {
+    return c('B2.NavSharedUI.Error').t`Storage Error`
+  },
+  get StorageDecryptErrorBody() {
+    return c('B2.NavSharedUI.Error')
+      .t`We were unable to decrypt your local storage. Please restart the app and try again. If you're unable to resolve this issue, and you have an account, you may try uninstalling the app then reinstalling, then signing back into your account. Otherwise, please contact help@standardnotes.com for support.`
+  },
 }
 
 export const KeychainRecoveryStrings = {
-  Title: 'Restore Keychain',
-  Text: (email: string) =>
-    `We've detected that your keychain has been wiped. This can happen when restoring your device from a backup. Please enter your account password for "${email}" to restore your account keys.`,
+  get Title() {
+    return c('B5.SecuritySync.KeyStorage.Title').t`Restore Keychain`
+  },
+  Text(email: string): string {
+    return c('B5.SecuritySync.KeyStorage.Info')
+      .t`We've detected that your keychain has been wiped. This can happen when restoring your device from a backup. Please enter your account password for "${email}" to restore your account keys.`
+  },
 }
diff --git a/packages/services/src/Domain/Subscription/SubscriptionManager.ts b/packages/services/src/Domain/Subscription/SubscriptionManager.ts
index 9a5617a4b3c..f44f260464d 100644
--- a/packages/services/src/Domain/Subscription/SubscriptionManager.ts
+++ b/packages/services/src/Domain/Subscription/SubscriptionManager.ts
@@ -23,6 +23,7 @@ import {
 import { SubscriptionManagerEvent } from './SubscriptionManagerEvent'
 import { ApplicationStageChangedEventPayload } from '../Event/ApplicationStageChangedEventPayload'
 import { IsApplicationUsingThirdPartyHost } from '../UseCase/IsApplicationUsingThirdPartyHost'
+import { c } from 'ttag'
 
 export class SubscriptionManager
   extends AbstractService<SubscriptionManagerEvent>
@@ -142,7 +143,10 @@ export class SubscriptionManager
 
       return result.data
     } catch (error) {
-      return { success: false, message: 'Could not accept invitation.' }
+      return {
+        success: false,
+        message: c('B7.FilesSubscriptionHelp.Subscription.Error').t`Could not accept invitation.`,
+      }
     }
   }
 
@@ -246,7 +250,7 @@ export class SubscriptionManager
 
       return result.data
     } catch (error) {
-      return { success: false, message: 'Could not confirm IAP.' }
+      return { success: false, message: c('B7.FilesSubscriptionHelp.Subscription.Error').t`Could not confirm IAP.` }
     }
   }
 }
diff --git a/packages/services/src/Domain/User/UserService.ts b/packages/services/src/Domain/User/UserService.ts
index 8c3d7262578..93d0a106dbe 100644
--- a/packages/services/src/Domain/User/UserService.ts
+++ b/packages/services/src/Domain/User/UserService.ts
@@ -10,6 +10,7 @@ import {
 import { KeyParamsOrigination, UserRequestType } from '@standardnotes/common'
 import { UuidGenerator } from '@standardnotes/utils'
 import { UserApiServiceInterface, UserRegistrationResponseBody } from '@standardnotes/api'
+import { c, msgid } from 'ttag'
 import * as Messages from '../Strings/Messages'
 import { InfoStrings } from '../Strings/InfoStrings'
 import { SyncServiceInterface } from '../Sync/SyncServiceInterface'
@@ -354,11 +355,13 @@ export class UserService
 
     const dirtyItems = this.items.getDirtyItems()
     if (dirtyItems.length > 0) {
-      const singular = dirtyItems.length === 1
+      const dirtyItemCount = dirtyItems.length
       const didConfirm = await this.alerts.confirm(
-        `There ${singular ? 'is' : 'are'} ${dirtyItems.length} ${
-          singular ? 'item' : 'items'
-        } with unsynced changes. If you sign out, these changes will be lost forever. Are you sure you want to sign out?`,
+        c('B1.Account.Session.Confirmation').ngettext(
+          msgid`There is ${dirtyItemCount} item with unsynced changes. If you sign out, these changes will be lost forever. Are you sure you want to sign out?`,
+          `There are ${dirtyItemCount} items with unsynced changes. If you sign out, these changes will be lost forever. Are you sure you want to sign out?`,
+          dirtyItemCount,
+        ),
       )
       if (didConfirm) {
         await performSignOut()
@@ -414,7 +417,7 @@ export class UserService
       return { canceled: true }
     }
     const dismissBlockingDialog = await this.alerts.blockingDialog(
-      Messages.DO_NOT_CLOSE_APPLICATION,
+      Messages.DO_NOT_CLOSE_APPLICATION(),
       Messages.UPGRADING_ENCRYPTION,
     )
     try {
@@ -461,8 +464,8 @@ export class UserService
     }
 
     const dismissBlockingDialog = await this.alerts.blockingDialog(
-      Messages.DO_NOT_CLOSE_APPLICATION,
-      Messages.SETTING_PASSCODE,
+      Messages.DO_NOT_CLOSE_APPLICATION(),
+      Messages.SETTING_PASSCODE(),
     )
     try {
       await this.setPasscodeWithoutWarning(passcode, KeyParamsOrigination.PasscodeCreate)
@@ -478,8 +481,8 @@ export class UserService
     }
 
     const dismissBlockingDialog = await this.alerts.blockingDialog(
-      Messages.DO_NOT_CLOSE_APPLICATION,
-      Messages.REMOVING_PASSCODE,
+      Messages.DO_NOT_CLOSE_APPLICATION(),
+      Messages.REMOVING_PASSCODE(),
     )
     try {
       await this.removePasscodeWithoutWarning()
@@ -504,10 +507,10 @@ export class UserService
     }
 
     const dismissBlockingDialog = await this.alerts.blockingDialog(
-      Messages.DO_NOT_CLOSE_APPLICATION,
+      Messages.DO_NOT_CLOSE_APPLICATION(),
       origination === KeyParamsOrigination.ProtocolUpgrade
         ? Messages.ProtocolUpgradeStrings.UpgradingPasscode
-        : Messages.CHANGING_PASSCODE,
+        : Messages.CHANGING_PASSCODE(),
     )
     try {
       await this.removePasscodeWithoutWarning()
diff --git a/packages/services/src/Domain/Vault/VaultService.ts b/packages/services/src/Domain/Vault/VaultService.ts
index 01683ee209c..15c4516e1a6 100644
--- a/packages/services/src/Domain/Vault/VaultService.ts
+++ b/packages/services/src/Domain/Vault/VaultService.ts
@@ -36,6 +36,7 @@ import { GetVaults } from './UseCase/GetVaults'
 import { VaultLockServiceInterface } from '../VaultLock/VaultLockServiceInterface'
 import { Result } from '@standardnotes/domain-core'
 import { AuthorizeVaultDeletion } from './UseCase/AuthorizeVaultDeletion'
+import { c } from 'ttag'
 
 export class VaultService
   extends AbstractService<VaultServiceEvent, VaultServiceEventPayload[VaultServiceEvent]>
@@ -149,11 +150,11 @@ export class VaultService
       })
 
       if (areAnyLinkedItemsInOtherVaults) {
-        const reason =
-          'This item is linked to other items that are not in the same vault. Please move those items to this vault first.'
+        const reason = c('B6.Preferences.Vaults.Error')
+          .t`This item is linked to other items that are not in the same vault. Please move those items to this vault first.`
         this.alerts
           .alertV2({
-            title: 'Cannot move item to vault',
+            title: c('B6.Preferences.Vaults.Title').t`Cannot move item to vault`,
             text: reason,
           })
           .catch(console.error)
@@ -168,11 +169,11 @@ export class VaultService
         return subtag.key_system_identifier && subtag.key_system_identifier !== vault.systemIdentifier
       })
       if (anySubtagIsInOtherVault) {
-        const reason =
-          'One or more subtags are in other vaults. Please remove those subtags from the vaults or move them to this vault first.'
+        const reason = c('B6.Preferences.Vaults.Error')
+          .t`One or more subtags are in other vaults. Please remove those subtags from the vaults or move them to this vault first.`
         this.alerts
           .alertV2({
-            title: 'Cannot move item to vault',
+            title: c('B6.Preferences.Vaults.Title').t`Cannot move item to vault`,
             text: reason,
           })
           .catch(console.error)
diff --git a/packages/snjs/lib/ApplicationGroup/ApplicationGroup.ts b/packages/snjs/lib/ApplicationGroup/ApplicationGroup.ts
index 6cb8a0a929d..d69f08b44e2 100644
--- a/packages/snjs/lib/ApplicationGroup/ApplicationGroup.ts
+++ b/packages/snjs/lib/ApplicationGroup/ApplicationGroup.ts
@@ -15,6 +15,7 @@ import { AppGroupCallback } from './AppGroupCallback'
 import { ApplicationGroupEvent, ApplicationGroupEventData } from './ApplicationGroupEvent'
 import { DescriptorRecord } from './DescriptorRecord'
 import { ApplicationDescriptor } from './ApplicationDescriptor'
+import { c } from 'ttag'
 
 export class SNApplicationGroup<D extends DeviceInterface = DeviceInterface> extends AbstractService<
   ApplicationGroupEvent,
@@ -95,7 +96,7 @@ export class SNApplicationGroup<D extends DeviceInterface = DeviceInterface> ext
     const descriptorRecord: DescriptorRecord = {
       [identifier]: {
         identifier: identifier,
-        label: 'Main Workspace',
+        label: c('B1.Account.Session.Label').t`Main Workspace`,
         primary: true,
       },
     }
diff --git a/packages/snjs/lib/Services/Actions/ActionsService.ts b/packages/snjs/lib/Services/Actions/ActionsService.ts
index 2722e1c8f1a..73d4eb8e253 100644
--- a/packages/snjs/lib/Services/Actions/ActionsService.ts
+++ b/packages/snjs/lib/Services/Actions/ActionsService.ts
@@ -33,6 +33,7 @@ import {
   Challenge,
 } from '@standardnotes/services'
 import { ContentType } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 type PayloadRequestHandler = (uuid: string) => TransferPayload | undefined
 
@@ -173,7 +174,7 @@ export class ActionsService extends AbstractService {
       })
       .catch((response) => {
         const error = (response && response.error) || {
-          message: 'An issue occurred while processing this action. Please try again.',
+          message: c('B2.NavSharedUI.Error').t`An issue occurred while processing this action. Please try again.`,
         }
         void this.alertService.alert(error.message)
         return { error } as DeprecatedHttpResponse
@@ -194,7 +195,9 @@ export class ActionsService extends AbstractService {
     const payload = new EncryptedPayload(response.item as EncryptedTransferPayload)
 
     if (!payload.enc_item_key) {
-      void this.alertService.alert('This revision is missing its key and cannot be recovered.')
+      void this.alertService.alert(
+        c('B4.Notes.History.Error').t`This revision is missing its key and cannot be recovered.`,
+      )
       return
     }
 
@@ -240,10 +243,8 @@ export class ActionsService extends AbstractService {
        * Instruct the user to email us to get this remedied.
        */
       void this.alertService.alert(
-        'We were unable to decrypt this revision using your current keys, ' +
-          'and this revision is missing metadata that would allow us to try different ' +
-          'keys to decrypt it. This can likely be fixed with some manual intervention. ' +
-          'Please email help@standardnotes.com for assistance.',
+        c('B4.Notes.History.Error')
+          .t`We were unable to decrypt this revision using your current keys, and this revision is missing metadata that would allow us to try different keys to decrypt it. This can likely be fixed with some manual intervention. Please email help@standardnotes.com for assistance.`,
       )
       return undefined
     }
@@ -284,10 +285,18 @@ export class ActionsService extends AbstractService {
 
   private async promptForLegacyPassword(): Promise<string | undefined> {
     const challenge = new Challenge(
-      [new ChallengePrompt(ChallengeValidation.None, 'Previous Password', undefined, true)],
+      [
+        new ChallengePrompt(
+          ChallengeValidation.None,
+          c('B5.SecuritySync.Challenge.Label').t`Previous Password`,
+          undefined,
+          true,
+        ),
+      ],
       ChallengeReason.Custom,
       true,
-      'Unable to find key for revision. Please enter the account password you may have used at the time of the revision.',
+      c('B4.Notes.History.Info')
+        .t`Unable to find key for revision. Please enter the account password you may have used at the time of the revision.`,
     )
 
     const response = await this.challengeService.promptForChallengeResponse(challenge)
@@ -308,7 +317,9 @@ export class ActionsService extends AbstractService {
       })
       .catch((response) => {
         console.error('Action error response:', response)
-        void this.alertService.alert('An issue occurred while processing this action. Please try again.')
+        void this.alertService.alert(
+          c('B2.NavSharedUI.Error').t`An issue occurred while processing this action. Please try again.`,
+        )
         return response as ActionResponse
       })
   }
diff --git a/packages/snjs/lib/Services/Api/ApiService.ts b/packages/snjs/lib/Services/Api/ApiService.ts
index ca259c8a5f9..b750cdf0b7e 100644
--- a/packages/snjs/lib/Services/Api/ApiService.ts
+++ b/packages/snjs/lib/Services/Api/ApiService.ts
@@ -380,7 +380,7 @@ export class LegacyApiService
 
     if (isErrorResponse(response)) {
       this.preprocessAuthenticatedErrorResponse(response)
-      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL)
+      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL())
     }
 
     this.processSuccessResponseForMetaBody(response)
@@ -501,7 +501,7 @@ export class LegacyApiService
 
     if (isErrorResponse(response)) {
       this.preprocessAuthenticatedErrorResponse(response)
-      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL)
+      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL())
     }
 
     this.processSuccessResponseForMetaBody(response)
@@ -523,7 +523,7 @@ export class LegacyApiService
 
     if (isErrorResponse(response)) {
       this.preprocessAuthenticatedErrorResponse(response)
-      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL)
+      return this.errorResponseWithFallbackMessage(response, API_MESSAGE_GENERIC_SYNC_FAIL())
     }
 
     this.processSuccessResponseForMetaBody(response)
@@ -953,7 +953,7 @@ export class LegacyApiService
     return this.tokenRefreshableRequest<GetSingleItemResponse>({
       verb: HttpVerb.Get,
       url: joinPaths(this.host, Paths.v1.getSingleItem(itemUuid)),
-      fallbackErrorMessage: API_MESSAGE_GENERIC_SINGLE_ITEM_SYNC_FAIL,
+      fallbackErrorMessage: API_MESSAGE_GENERIC_SINGLE_ITEM_SYNC_FAIL(),
       authentication: this.getSessionAccessToken(),
     })
   }
diff --git a/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts b/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
index 2296b15f389..85fa7b624fc 100644
--- a/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
+++ b/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
@@ -57,6 +57,7 @@ import { RunWithPermissionsUseCase } from './UseCase/RunWithPermissionsUseCase'
 import { EditorForNoteUseCase } from './UseCase/EditorForNote'
 import { GetDefaultEditorIdentifier } from './UseCase/GetDefaultEditorIdentifier'
 import { DoesEditorChangeRequireAlertUseCase } from './UseCase/DoesEditorChangeRequireAlert'
+import { c } from 'ttag'
 
 declare global {
   interface Window {
@@ -542,9 +543,9 @@ export class ComponentManager
 
   async showEditorChangeAlert(): Promise<boolean> {
     const shouldChangeEditor = await this.alerts.confirm(
-      'Doing so might result in minor formatting changes.',
-      "Are you sure you want to change this note's type?",
-      'Yes, change it',
+      c('B4.Notes.EditingUI.Confirmation').t`Doing so might result in minor formatting changes.`,
+      c('B4.Notes.EditingUI.Confirmation').t`Are you sure you want to change this note's type?`,
+      c('B4.Notes.EditingUI.Confirmation').t`Yes, change it`,
     )
 
     return shouldChangeEditor
diff --git a/packages/snjs/lib/Services/ComponentManager/ComponentViewer.ts b/packages/snjs/lib/Services/ComponentManager/ComponentViewer.ts
index 4e6fa5db58c..e9030bec30e 100644
--- a/packages/snjs/lib/Services/ComponentManager/ComponentViewer.ts
+++ b/packages/snjs/lib/Services/ComponentManager/ComponentViewer.ts
@@ -12,6 +12,7 @@ import {
   SyncServiceInterface,
 } from '@standardnotes/services'
 import { FeaturesService } from '@Lib/Services'
+import { c, msgid } from 'ttag'
 import {
   ActionObserver,
   ComponentEventObserver,
@@ -458,9 +459,10 @@ export class ComponentViewer implements ComponentViewerInterface {
 
     if (!this.window) {
       if (essential) {
+        const componentDisplayName = this.componentOrFeature.displayName
         void this.services.alerts.alert(
-          `Standard Notes is trying to communicate with ${this.componentOrFeature.displayName}, ` +
-            'but an error is occurring. Please restart this extension and try again.',
+          c('B4.Notes.EditingUI.Error')
+            .t`Standard Notes is trying to communicate with ${componentDisplayName}, but an error is occurring. Please restart this extension and try again.`,
         )
       }
       return
@@ -559,14 +561,16 @@ export class ComponentViewer implements ComponentViewerInterface {
     if (!this.componentOrFeature) {
       this.services.logger.info('Component not defined for message, returning', message)
       void this.services.alerts.alert(
-        'A component is trying to communicate with Standard Notes, ' +
-          'but there is an error establishing a bridge. Please restart the app and try again.',
+        c('B4.Notes.EditingUI.Error')
+          .t`A component is trying to communicate with Standard Notes, but there is an error establishing a bridge. Please restart the app and try again.`,
       )
       return
     }
     if (this.readonly && ReadwriteActions.includes(message.action)) {
+      const componentDisplayName = this.componentOrFeature.displayName
       void this.services.alerts.alert(
-        `${this.componentOrFeature.displayName} is trying to save, but it is in a locked state and cannot accept changes.`,
+        c('B4.Notes.EditingUI.Error')
+          .t`${componentDisplayName} is trying to save, but it is in a locked state and cannot accept changes.`,
       )
       return
     }
@@ -712,16 +716,20 @@ export class ComponentViewer implements ComponentViewerInterface {
 
         if (lockedNoteCount === 1) {
           void this.services.alerts.alert(
-            'The note you are attempting to save has editing disabled',
-            'Note has Editing Disabled',
+            c('B4.Notes.EditingUI.Error').t`The note you are attempting to save has editing disabled`,
+            c('B4.Notes.EditingUI.Title').t`Note has Editing Disabled`,
           )
           return
         } else if (lockedCount > 0) {
-          const itemNoun = lockedCount === 1 ? 'item' : lockedNoteCount === lockedCount ? 'notes' : 'items'
-          const auxVerb = lockedCount === 1 ? 'has' : 'have'
+          const editingDisabledMessage =
+            lockedCount === 1
+              ? c('B4.Notes.EditingUI.Error').t`The item you are attempting to save has editing disabled.`
+              : lockedNoteCount === lockedCount
+              ? c('B4.Notes.EditingUI.Error').t`The notes you are attempting to save have editing disabled.`
+              : c('B4.Notes.EditingUI.Error').t`The items you are attempting to save have editing disabled.`
           void this.services.alerts.alert(
-            `${lockedCount} ${itemNoun} you are attempting to save ${auxVerb} editing disabled.`,
-            'Items have Editing Disabled',
+            editingDisabledMessage,
+            c('B4.Notes.EditingUI.Title').t`Items have Editing Disabled`,
           )
 
           return
@@ -876,10 +884,14 @@ export class ComponentViewer implements ComponentViewerInterface {
       requiredPermissions,
       async () => {
         const itemsData = items
-        const noun = itemsData.length === 1 ? 'item' : 'items'
+        const itemCount = itemsData.length
         let reply = null
         const didConfirm = await this.services.alerts.confirm(
-          `Are you sure you want to delete ${itemsData.length} ${noun}?`,
+          c('B3.Notes.NoteActions.Confirmation').ngettext(
+            msgid`Are you sure you want to delete ${itemCount} item?`,
+            `Are you sure you want to delete ${itemCount} items?`,
+            itemCount,
+          ),
         )
 
         if (didConfirm) {
@@ -887,7 +899,9 @@ export class ComponentViewer implements ComponentViewerInterface {
           for (const itemData of itemsData) {
             const item = this.services.items.findItem(itemData.uuid)
             if (!item) {
-              void this.services.alerts.alert('The item you are trying to delete cannot be found.')
+              void this.services.alerts.alert(
+                c('B3.Notes.NoteActions.Error').t`The item you are trying to delete cannot be found.`,
+              )
               continue
             }
             await this.services.mutator.setItemToBeDeleted(item, PayloadEmitSource.ComponentRetrieved)
diff --git a/packages/snjs/lib/Services/ComponentManager/UseCase/RunWithPermissionsUseCase.ts b/packages/snjs/lib/Services/ComponentManager/UseCase/RunWithPermissionsUseCase.ts
index 4039d5815b3..8408eff00af 100644
--- a/packages/snjs/lib/Services/ComponentManager/UseCase/RunWithPermissionsUseCase.ts
+++ b/packages/snjs/lib/Services/ComponentManager/UseCase/RunWithPermissionsUseCase.ts
@@ -14,6 +14,7 @@ import {
 import { AllowedBatchContentTypes, AllowedBatchStreaming } from '../Types'
 import { Copy, filterFromArray, removeFromArray, uniqueArray } from '@standardnotes/utils'
 import { permissionsStringForPermissions } from '../permissionsStringForPermissions'
+import { c } from 'ttag'
 
 export class RunWithPermissionsUseCase {
   private permissionDialogs: PermissionDialog[] = []
@@ -48,8 +49,9 @@ export class RunWithPermissionsUseCase {
         this.pendingErrorAlerts.add(componentIdentifier)
         void this.alerts
           .alert(
-            `Unable to find component with ID ${componentIdentifier}. Please restart the app and try again.`,
-            'An unexpected error occurred',
+            c('B4.Notes.EditingUI.Error')
+              .t`Unable to find component with ID ${componentIdentifier}. Please restart the app and try again.`,
+            c('B4.Notes.EditingUI.Error').t`An unexpected error occurred`,
           )
           .then(() => {
             this.pendingErrorAlerts.delete(componentIdentifier)
diff --git a/packages/snjs/lib/Services/KeyRecovery/KeyRecoveryService.ts b/packages/snjs/lib/Services/KeyRecovery/KeyRecoveryService.ts
index 220e536c4bd..68adbf17566 100644
--- a/packages/snjs/lib/Services/KeyRecovery/KeyRecoveryService.ts
+++ b/packages/snjs/lib/Services/KeyRecovery/KeyRecoveryService.ts
@@ -47,6 +47,7 @@ import {
 } from './Types'
 import { serverKeyParamsAreSafe } from './Utils'
 import { ContentType } from '@standardnotes/domain-core'
+import { c } from 'ttag'
 
 /**
  * The key recovery service listens to items key changes to detect any that cannot be decrypted.
@@ -203,14 +204,15 @@ export class KeyRecoveryService
     const keyId = item.payload.items_key_id
 
     if (!keyId) {
-      return new ClientDisplayableError('This item cannot be recovered.')
+      return new ClientDisplayableError(c('B5.SecuritySync.Challenge.Error').t`This item cannot be recovered.`)
     }
 
     const key = this.payloadManager.findOne(keyId)
 
     if (!key) {
       return new ClientDisplayableError(
-        `Unable to find key ${keyId} for this item. You may try signing out and back in; if that doesn't help, check your backup files for a key with this ID and import it.`,
+        c('B5.SecuritySync.Challenge.Error')
+          .t`Unable to find key ${keyId} for this item. You may try signing out and back in; if that doesn't help, check your backup files for a key with this ID and import it.`,
       )
     }
 
diff --git a/packages/snjs/lib/Services/Mutator/MutatorService.ts b/packages/snjs/lib/Services/Mutator/MutatorService.ts
index decb35352e2..c3b93b31b4f 100644
--- a/packages/snjs/lib/Services/Mutator/MutatorService.ts
+++ b/packages/snjs/lib/Services/Mutator/MutatorService.ts
@@ -51,6 +51,7 @@ import {
   VaultListingInterface,
 } from '@standardnotes/models'
 import { UuidGenerator, Uuids } from '@standardnotes/utils'
+import { c } from 'ttag'
 
 export class MutatorService extends AbstractService implements MutatorClientInterface {
   constructor(
@@ -622,7 +623,10 @@ export class MutatorService extends AbstractService implements MutatorClientInte
       file.key_system_identifier !== note.key_system_identifier
 
     if (isVaultConflict) {
-      void this.alerts.alert('The items you are trying to link belong to different vaults and cannot be linked')
+      void this.alerts.alert(
+        c('B4.Notes.TagsLinkedItems.Error')
+          .t`The items you are trying to link belong to different vaults and cannot be linked`,
+      )
       return undefined
     }
 
@@ -639,7 +643,10 @@ export class MutatorService extends AbstractService implements MutatorClientInte
 
   public async addTagToNote(note: SNNote, tag: SNTag, addHierarchy: boolean): Promise<SNTag[] | undefined> {
     if (tag.key_system_identifier !== note.key_system_identifier) {
-      void this.alerts.alert('The items you are trying to link belong to different vaults and cannot be linked')
+      void this.alerts.alert(
+        c('B4.Notes.TagsLinkedItems.Error')
+          .t`The items you are trying to link belong to different vaults and cannot be linked`,
+      )
       return undefined
     }
 
@@ -661,7 +668,10 @@ export class MutatorService extends AbstractService implements MutatorClientInte
 
   public async addTagToFile(file: FileItem, tag: SNTag, addHierarchy: boolean): Promise<SNTag[] | undefined> {
     if (tag.key_system_identifier !== file.key_system_identifier) {
-      void this.alerts.alert('The items you are trying to link belong to different vaults and cannot be linked')
+      void this.alerts.alert(
+        c('B4.Notes.TagsLinkedItems.Error')
+          .t`The items you are trying to link belong to different vaults and cannot be linked`,
+      )
       return undefined
     }
 
diff --git a/packages/snjs/lib/Services/Protection/ProtectionService.ts b/packages/snjs/lib/Services/Protection/ProtectionService.ts
index de827eb2ffe..91b8e7fa223 100644
--- a/packages/snjs/lib/Services/Protection/ProtectionService.ts
+++ b/packages/snjs/lib/Services/Protection/ProtectionService.ts
@@ -1,5 +1,6 @@
 import { ChallengeService } from './../Challenge/ChallengeService'
 import { SNLog } from '@Lib/Log'
+import { c } from 'ttag'
 import {
   DecryptedItem,
   DecryptedItemInterface,
@@ -304,12 +305,12 @@ export class ProtectionService
   getMobilePasscodeTimingOptions(): TimingDisplayOption[] {
     return [
       {
-        title: 'Immediately',
+        title: c('B5.SecuritySync.Autolock.Label').t`Immediately`,
         key: MobileUnlockTiming.Immediately,
         selected: this.mobilePasscodeTiming === MobileUnlockTiming.Immediately,
       },
       {
-        title: 'On Quit',
+        title: c('B5.SecuritySync.Autolock.Label').t`On Quit`,
         key: MobileUnlockTiming.OnQuit,
         selected: this.mobilePasscodeTiming === MobileUnlockTiming.OnQuit,
       },
@@ -319,12 +320,12 @@ export class ProtectionService
   getMobileBiometricsTimingOptions(): TimingDisplayOption[] {
     return [
       {
-        title: 'Immediately',
+        title: c('B5.SecuritySync.Autolock.Label').t`Immediately`,
         key: MobileUnlockTiming.Immediately,
         selected: this.mobileBiometricsTiming === MobileUnlockTiming.Immediately,
       },
       {
-        title: 'On Quit',
+        title: c('B5.SecuritySync.Autolock.Label').t`On Quit`,
         key: MobileUnlockTiming.OnQuit,
         selected: this.mobileBiometricsTiming === MobileUnlockTiming.OnQuit,
       },
diff --git a/packages/snjs/lib/Services/Protection/ProtectionSessionDurations.ts b/packages/snjs/lib/Services/Protection/ProtectionSessionDurations.ts
index fd70e0e9b1d..cefb621f2e4 100644
--- a/packages/snjs/lib/Services/Protection/ProtectionSessionDurations.ts
+++ b/packages/snjs/lib/Services/Protection/ProtectionSessionDurations.ts
@@ -1,20 +1,21 @@
 import { UnprotectedAccessSecondsDuration } from './UnprotectedAccessSecondsDuration'
+import { c } from 'ttag'
 
 export const ProtectionSessionDurations = [
   {
     valueInSeconds: UnprotectedAccessSecondsDuration.OneMinute,
-    label: '1 Minute',
+    label: c('B5.SecuritySync.Protections.Label').t`1 Minute`,
   },
   {
     valueInSeconds: UnprotectedAccessSecondsDuration.FiveMinutes,
-    label: '5 Minutes',
+    label: c('B5.SecuritySync.Protections.Label').t`5 Minutes`,
   },
   {
     valueInSeconds: UnprotectedAccessSecondsDuration.OneHour,
-    label: '1 Hour',
+    label: c('B5.SecuritySync.Protections.Label').t`1 Hour`,
   },
   {
     valueInSeconds: UnprotectedAccessSecondsDuration.OneWeek,
-    label: '1 Week',
+    label: c('B5.SecuritySync.Protections.Label').t`1 Week`,
   },
 ]
diff --git a/packages/snjs/lib/Services/Session/SessionManager.ts b/packages/snjs/lib/Services/Session/SessionManager.ts
index 42de925cf5b..9d72be4d492 100644
--- a/packages/snjs/lib/Services/Session/SessionManager.ts
+++ b/packages/snjs/lib/Services/Session/SessionManager.ts
@@ -711,7 +711,7 @@ export class SessionManager
     const response = await this.getSessionsList()
     if (isErrorResponse(response) || !response.data) {
       const error = isErrorResponse(response) ? response.data?.error : undefined
-      throw new Error(error?.message ?? API_MESSAGE_GENERIC_SYNC_FAIL)
+      throw new Error(error?.message ?? API_MESSAGE_GENERIC_SYNC_FAIL())
     }
 
     const otherSessions = response.data.filter((session) => !session.current)
diff --git a/packages/snjs/lib/Strings/Confirm.ts b/packages/snjs/lib/Strings/Confirm.ts
index b99ad80d1af..1fc23954d43 100644
--- a/packages/snjs/lib/Strings/Confirm.ts
+++ b/packages/snjs/lib/Strings/Confirm.ts
@@ -1,18 +1,19 @@
 import { ProtocolExpirationDates, ProtocolVersion } from '@standardnotes/common'
+import { c } from 'ttag'
 
 export const ConfirmStrings = {
   ProtocolVersionExpired(version: ProtocolVersion) {
+    const expirationDate = ProtocolExpirationDates[version]?.toLocaleString()
+
     return {
-      Message:
-        'The encryption version for your account is outdated and requires upgrade. ' +
-        'You may proceed with login, but are advised to perform a security update using the web or desktop application.\n\n' +
-        `If your account was created after ${ProtocolExpirationDates[
-          version
-        ]?.toLocaleString()}, it may not be safe to continue signing in. ` +
-        'In that case, please discontinue your sign in request and contact support.\n\n' +
-        'For more information, visit standardnotes.com/help/security.',
-      Title: 'Update Recommended',
-      ConfirmButton: 'Sign In',
+      Message: c('B1.Account.SignIn.Info')
+        .t`The encryption version for your account is outdated and requires upgrade. You may proceed with login, but are advised to perform a security update using the web or desktop application.
+
+If your account was created after ${expirationDate}, it may not be safe to continue signing in. In that case, please discontinue your sign in request and contact support.
+
+For more information, visit standardnotes.com/help/security.`,
+      Title: c('B1.Account.SignIn.Title').t`Update Recommended`,
+      ConfirmButton: c('B1.Account.SignIn.Action').t`Sign In`,
     }
   },
 }
diff --git a/packages/snjs/lib/Strings/Network.ts b/packages/snjs/lib/Strings/Network.ts
index 5000bcce1f7..212ba729bff 100644
--- a/packages/snjs/lib/Strings/Network.ts
+++ b/packages/snjs/lib/Strings/Network.ts
@@ -1,9 +1,21 @@
+import { c } from 'ttag'
+
 export const NetworkStrings = {
   Files: {
-    FailedStartUploadSession: 'Failed to start an upload session.',
-    FailedCloseUploadSession: 'Failed to close an upload session.',
-    FailedUploadFileChunk: 'Failed to upload file chunk.',
-    FailedDownloadFileChunk: 'Failed to download file chunk.',
-    FailedDeleteFile: 'Failed to delete file.',
+    get FailedStartUploadSession() {
+      return c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to start an upload session.`
+    },
+    get FailedCloseUploadSession() {
+      return c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to close an upload session.`
+    },
+    get FailedUploadFileChunk() {
+      return c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to upload file chunk.`
+    },
+    get FailedDownloadFileChunk() {
+      return c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to download file chunk.`
+    },
+    get FailedDeleteFile() {
+      return c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to delete file.`
+    },
   },
 }
diff --git a/packages/snjs/package.json b/packages/snjs/package.json
index 9ec0e5112fc..35434e7f529 100644
--- a/packages/snjs/package.json
+++ b/packages/snjs/package.json
@@ -91,6 +91,7 @@
   },
   "dependencies": {
     "connect": "^3.7.0",
-    "serve-static": "^1.15.0"
+    "serve-static": "^1.15.0",
+    "ttag": "^1.8.12"
   }
 }
diff --git a/packages/ui-services/package.json b/packages/ui-services/package.json
index f5966ff0edc..936a5876b28 100644
--- a/packages/ui-services/package.json
+++ b/packages/ui-services/package.json
@@ -25,7 +25,8 @@
     "@standardnotes/toast": "workspace:^",
     "@standardnotes/utils": "workspace:^",
     "mobx": "^6.8.0",
-    "mobx-react-lite": "^3.4.2"
+    "mobx-react-lite": "^3.4.2",
+    "ttag": "^1.8.12"
   },
   "devDependencies": {
     "@types/jest": "^29.2.3",
diff --git a/packages/ui-services/src/Alert/Functions.ts b/packages/ui-services/src/Alert/Functions.ts
index 94a82446fcb..16c22aa3b1d 100644
--- a/packages/ui-services/src/Alert/Functions.ts
+++ b/packages/ui-services/src/Alert/Functions.ts
@@ -1,12 +1,13 @@
 import { sanitizeHtmlString } from '@standardnotes/utils'
 import { SKAlert } from '@standardnotes/styles'
+import { c } from 'ttag'
 
 /** @returns a promise resolving to true if the user confirmed, false if they canceled */
 export function confirmDialog({
   text,
   title,
-  confirmButtonText = 'Confirm',
-  cancelButtonText = 'Cancel',
+  confirmButtonText = c('B2.NavSharedUI.Action').t`Confirm`,
+  cancelButtonText = c('B2.NavSharedUI.Action').t`Cancel`,
   confirmButtonStyle = 'info',
 }: {
   text: string
@@ -44,7 +45,7 @@ export function confirmDialog({
 export function alertDialog({
   title,
   text,
-  closeButtonText = 'OK',
+  closeButtonText = c('B2.NavSharedUI.Action').t`OK`,
 }: {
   title?: string
   text: string
diff --git a/packages/ui-services/src/Archive/ArchiveManager.ts b/packages/ui-services/src/Archive/ArchiveManager.ts
index f204dffb083..cb7473145b4 100644
--- a/packages/ui-services/src/Archive/ArchiveManager.ts
+++ b/packages/ui-services/src/Archive/ArchiveManager.ts
@@ -7,6 +7,7 @@ import {
 } from '@standardnotes/models'
 import { ContentType } from '@standardnotes/domain-core'
 import { ApplicationInterface } from '@standardnotes/services'
+import { c } from 'ttag'
 
 type ZippableData = {
   name: string
@@ -45,7 +46,8 @@ export class ArchiveManager {
     if (encrypted) {
       this.downloadData(
         blobData,
-        `Standard Notes Encrypted Backup and Import File - ${this.formattedDateForExports()}.txt`,
+        c('B6.Preferences.Backups.Label')
+          .t`Standard Notes Encrypted Backup and Import File - ${this.formattedDateForExports()}.txt`,
       )
     } else {
       this.downloadZippedDecryptedItems(data).catch(console.error)
@@ -71,7 +73,7 @@ export class ArchiveManager {
       type: 'text/plain',
     })
 
-    const fileName = createZippableFileName('Standard Notes Backup and Import File')
+    const fileName = createZippableFileName(c('B6.Preferences.Backups.Label').t`Standard Notes Backup and Import File`)
     await zipWriter.add(fileName, new zip.BlobReader(blob))
 
     for (let index = 0; index < items.length; index++) {
@@ -102,7 +104,10 @@ export class ArchiveManager {
 
   private async downloadZippedDecryptedItems(data: BackupFile) {
     const zippedDecryptedItemsBlob = await this.getZippedDecryptedItemsBlob(data)
-    this.downloadData(zippedDecryptedItemsBlob, `Standard Notes Backup - ${this.formattedDateForExports()}.zip`)
+    this.downloadData(
+      zippedDecryptedItemsBlob,
+      c('B6.Preferences.Backups.Label').t`Standard Notes Backup - ${this.formattedDateForExports()}.zip`,
+    )
   }
 
   async zipData(data: ZippableData): Promise<Blob> {
@@ -133,7 +138,10 @@ export class ArchiveManager {
 
   async downloadDataAsZip(data: ZippableData) {
     const zipFileAsBlob = await this.zipData(data)
-    this.downloadData(zipFileAsBlob, `Standard Notes Export - ${this.formattedDateForExports()}.zip`)
+    this.downloadData(
+      zipFileAsBlob,
+      c('B4.Notes.EditorOptions.Label').t`Standard Notes Export - ${this.formattedDateForExports()}.zip`,
+    )
   }
 
   private hrefForData(data: Blob) {
diff --git a/packages/ui-services/src/Import/AegisConverter/AegisToAuthenticatorConverter.ts b/packages/ui-services/src/Import/AegisConverter/AegisToAuthenticatorConverter.ts
index b794a5f0c39..9cc336987d5 100644
--- a/packages/ui-services/src/Import/AegisConverter/AegisToAuthenticatorConverter.ts
+++ b/packages/ui-services/src/Import/AegisConverter/AegisToAuthenticatorConverter.ts
@@ -1,6 +1,7 @@
 import { NativeFeatureIdentifier, NoteType } from '@standardnotes/features'
 import { Converter } from '../Converter'
 import { ConversionResult } from '../ConversionResult'
+import { c } from 'ttag'
 
 type AegisData = {
   db: {
@@ -52,7 +53,7 @@ export class AegisToAuthenticatorConverter implements Converter {
     const entries = this.parseEntries(content)
 
     if (!entries) {
-      throw new Error('Could not parse entries')
+      throw new Error(c('B1.Account.ImportExport.Error').t`Could not parse entries`)
     }
 
     const createdAt = file.lastModified ? new Date(file.lastModified) : new Date()
diff --git a/packages/ui-services/src/Import/GoogleKeepConverter/GoogleKeepConverter.ts b/packages/ui-services/src/Import/GoogleKeepConverter/GoogleKeepConverter.ts
index 00acfa51088..08a06193299 100644
--- a/packages/ui-services/src/Import/GoogleKeepConverter/GoogleKeepConverter.ts
+++ b/packages/ui-services/src/Import/GoogleKeepConverter/GoogleKeepConverter.ts
@@ -1,4 +1,5 @@
 import { SNNote } from '@standardnotes/models'
+import { c } from 'ttag'
 import { Converter, HTMLToSuperConverterFunction, InsertNoteFn } from '../Converter'
 
 type Content =
@@ -64,7 +65,7 @@ export class GoogleKeepConverter implements Converter {
       }
     }
 
-    throw new Error('Could not parse Google Keep backup file')
+    throw new Error(c('B1.Account.ImportExport.Error').t`Could not parse Google Keep backup file`)
   }
 
   async tryParseAsHtml(
@@ -84,7 +85,7 @@ export class GoogleKeepConverter implements Converter {
 
     const contentElement = rootElement.getElementsByClassName('content')[0]
     if (!contentElement) {
-      throw new Error('Could not parse content. Content element not found.')
+      throw new Error(c('B1.Account.ImportExport.Error').t`Could not parse content. Content element not found.`)
     }
 
     let content: string | null
@@ -121,7 +122,7 @@ export class GoogleKeepConverter implements Converter {
     }
 
     if (!content) {
-      throw new Error('Could not parse content')
+      throw new Error(c('B1.Account.ImportExport.Error').t`Could not parse content`)
     }
 
     const title = rootElement.getElementsByClassName('title')[0]?.textContent || file.name
diff --git a/packages/ui-services/src/Import/SimplenoteConverter/SimplenoteConverter.ts b/packages/ui-services/src/Import/SimplenoteConverter/SimplenoteConverter.ts
index 77931713b22..009ecf45175 100644
--- a/packages/ui-services/src/Import/SimplenoteConverter/SimplenoteConverter.ts
+++ b/packages/ui-services/src/Import/SimplenoteConverter/SimplenoteConverter.ts
@@ -1,4 +1,5 @@
 import { Converter, InsertNoteFn } from '../Converter'
+import { c } from 'ttag'
 
 type SimplenoteItem = {
   creationDate: string
@@ -56,7 +57,7 @@ export class SimplenoteConverter implements Converter {
     const notes = await this.parse(content, createNote, convertMarkdownToSuper)
 
     if (!notes) {
-      throw new Error('Could not parse notes')
+      throw new Error(c('B1.Account.ImportExport.Error').t`Could not parse notes`)
     }
 
     return {
diff --git a/packages/ui-services/src/Plugins/PluginsService.ts b/packages/ui-services/src/Plugins/PluginsService.ts
index 557074317a7..bd71da109da 100644
--- a/packages/ui-services/src/Plugins/PluginsService.ts
+++ b/packages/ui-services/src/Plugins/PluginsService.ts
@@ -18,6 +18,7 @@ import {
 import { PluginsServiceInterface } from './PluginsServiceInterface'
 import { PureCryptoInterface } from '@standardnotes/sncrypto-common'
 import { isString } from '@standardnotes/utils'
+import { c } from 'ttag'
 
 const PluginsUrl = 'https://raw.githubusercontent.com/standardnotes/plugins/main/cdn/dist/packages.json'
 
@@ -98,14 +99,18 @@ export class PluginsService implements PluginsServiceInterface {
 
     const nativeFeature = FindNativeFeature(plugin.identifier)
     if (nativeFeature && !nativeFeature.deprecated) {
-      void this.alerts.alert('Unable to install plugin due to a conflict with a native feature.')
+      void this.alerts.alert(
+        c('B2.NavSharedUI.Error').t`Unable to install plugin due to a conflict with a native feature.`,
+      )
       return
     }
 
     if (plugin.url) {
       for (const nativeFeature of GetFeatures()) {
         if (plugin.url.includes(nativeFeature.identifier) && !nativeFeature.deprecated) {
-          void this.alerts.alert('Unable to install plugin due to a conflict with a native feature.')
+          void this.alerts.alert(
+            c('B2.NavSharedUI.Error').t`Unable to install plugin due to a conflict with a native feature.`,
+          )
           return
         }
       }
@@ -162,14 +167,18 @@ export class PluginsService implements PluginsServiceInterface {
   ): Promise<ComponentInterface | undefined> {
     const nativeFeature = FindNativeFeature(plugin.identifier)
     if (nativeFeature) {
-      await this.alerts.alert('Unable to install external plugin due to a conflict with a native feature.')
+      await this.alerts.alert(
+        c('B2.NavSharedUI.Error').t`Unable to install external plugin due to a conflict with a native feature.`,
+      )
       return
     }
 
     if (plugin.url) {
       for (const nativeFeature of GetFeatures()) {
         if (plugin.url.includes(nativeFeature.identifier)) {
-          await this.alerts.alert('Unable to install external plugin due to a conflict with a native feature.')
+          await this.alerts.alert(
+            c('B2.NavSharedUI.Error').t`Unable to install external plugin due to a conflict with a native feature.`,
+          )
           return
         }
       }
diff --git a/packages/ui-services/src/Security/AutolockService.ts b/packages/ui-services/src/Security/AutolockService.ts
index 2e60acd716a..0dafdd7467e 100644
--- a/packages/ui-services/src/Security/AutolockService.ts
+++ b/packages/ui-services/src/Security/AutolockService.ts
@@ -4,6 +4,7 @@ import {
   ApplicationInterface,
   InternalEventBusInterface,
 } from '@standardnotes/services'
+import { c } from 'ttag'
 
 const MILLISECONDS_PER_SECOND = 1000
 const POLL_INTERVAL = 50
@@ -120,27 +121,27 @@ export class AutolockService extends AbstractService {
     return [
       {
         value: LockInterval.None,
-        label: 'Off',
+        label: c('B5.SecuritySync.Autolock.Label').t`Off`,
       },
       {
         value: LockInterval.Immediate,
-        label: 'Immediately',
+        label: c('B5.SecuritySync.Autolock.Label').t`Immediately`,
       },
       {
         value: LockInterval.OneMinute,
-        label: '1m',
+        label: c('B5.SecuritySync.Autolock.Label').t`1m`,
       },
       {
         value: LockInterval.FiveMinutes,
-        label: '5m',
+        label: c('B5.SecuritySync.Autolock.Label').t`5m`,
       },
       {
         value: LockInterval.TenMinutes,
-        label: '10m',
+        label: c('B5.SecuritySync.Autolock.Label').t`10m`,
       },
       {
         value: LockInterval.OneHour,
-        label: '1h',
+        label: c('B5.SecuritySync.Autolock.Label').t`1h`,
       },
     ]
   }
diff --git a/packages/web/package.json b/packages/web/package.json
index c3725006229..1db79f259b7 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -20,7 +20,8 @@
     "tsc": "tsc --project tsconfig.json",
     "upgrade:snjs": "ncu -u '@standardnotes/*'",
     "watch": "webpack -w --config web.webpack.dev.js",
-    "copy:components": "node scripts/CopyComponents.mjs"
+    "copy:components": "node scripts/CopyComponents.mjs",
+    "i18n:extract": "echo 'ttag: extract web'; mkdir -p po && ttag extract src/javascripts ../services/src ../ui-services/src ../responses/src ../snjs/lib ../features/src ../encryption/src ../api/src ../models/src -o po/template.pot"
   },
   "devDependencies": {
     "@babel/core": "*",
diff --git a/packages/web/po/template.pot b/packages/web/po/template.pot
new file mode 100644
index 00000000000..391976eaa80
--- /dev/null
+++ b/packages/web/po/template.pot
@@ -0,0 +1,1714 @@
+msgid ""
+msgstr ""
+"Content-Type: text/plain; charset=utf-8\n"
+"Plural-Forms: nplurals=2; plural=(n!=1);\n"
+
+#: src/javascripts/Utils/ErrorBoundary.tsx:30
+msgctxt "B2.SharedUI.Error"
+msgid "Something went wrong rendering this component:"
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/responses/src/Domain/Http/HttpResponse.ts:61
+msgctxt "B2.SharedUI.Error"
+msgid "Unknown error"
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/services/src/Domain/Strings/Messages.ts:32
+msgctxt "B2.SharedUI.Error"
+msgid ""
+"Too many successive server requests. Please wait a few minutes and try "
+"again."
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/services/src/Domain/Strings/Messages.ts:79
+msgctxt "B2.SharedUI.Error"
+msgid "Unknown error."
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/snjs/lib/Services/Actions/ActionsService.ts:177
+msgctxt "B2.SharedUI.Error"
+msgid "An issue occurred while processing this action. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/Shared/CopyableCodeBlock.tsx:42
+msgctxt "B2.SharedUI.Error"
+msgid "Failed to copy to clipboard"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:171
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:208
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:227
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:268
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:37
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:17
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:45
+#: src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx:16
+#: src/javascripts/Controllers/Navigation/NavigationController.ts:205
+#: src/javascripts/Controllers/PaneController/PaneController.ts:112
+#: src/javascripts/Controllers/PaneController/PaneController.ts:121
+#: src/javascripts/Controllers/PaneController/PaneController.ts:130
+msgctxt "B2.SharedUI.Label"
+msgid "General"
+msgstr ""
+
+#: src/javascripts/Components/ChangeEditor/ChangeEditorButton.tsx:61
+#: src/javascripts/Components/EditorWidthSelectionModal/EditorWidthSelectionModal.tsx:184
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:13
+#: src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx:74
+#: src/javascripts/Controllers/NoteHistory/HistoryModalController.ts:32
+#: src/javascripts/Controllers/NotesController/NotesController.ts:173
+#: src/javascripts/Controllers/NotesController/NotesController.ts:179
+msgctxt "B2.SharedUI.Label"
+msgid "Current note"
+msgstr ""
+
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:15
+#: src/javascripts/Components/SuperEditor/Plugins/CheckListPlugin.tsx:163
+#: src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx:125
+#: src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx:135
+#: src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx:154
+#: src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx:164
+#: src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx:610
+#: src/javascripts/Components/SuperEditor/SuperEditor.tsx:109
+msgctxt "B2.SharedUI.Label"
+msgid "Super notes"
+msgstr ""
+
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:14
+#: src/javascripts/Components/SuperEditor/SuperEditor.tsx:125
+#: src/javascripts/Components/SuperEditor/SuperEditor.tsx:132
+#: src/javascripts/Components/SuperEditor/SuperEditor.tsx:139
+#: src/javascripts/Components/SuperEditor/SuperEditor.tsx:146
+msgctxt "B2.SharedUI.Label"
+msgid "Formatting"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/FocusModeSwitch.tsx:34
+msgctxt "B2.SharedUI.Label"
+msgid "Focus Mode"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx:33
+msgctxt "B2.SharedUI.Label"
+msgid "Show Tags Panel"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx:41
+msgctxt "B2.SharedUI.Label"
+msgid "Show Notes Panel"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx:121
+msgctxt "B2.SharedUI.Label"
+msgid "Tools"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx:136
+msgctxt "B2.SharedUI.Label"
+msgid "Appearance"
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx:138
+msgctxt "B2.SharedUI.Label"
+msgid "Default"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:181
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:196
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:16
+msgctxt "B2.SharedUI.Label"
+msgid "Notes list"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:67
+msgctxt "B2.SharedUI.Label"
+msgid "all"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:68
+msgctxt "B2.SharedUI.Label"
+msgid "commands"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:69
+msgctxt "B2.SharedUI.Label"
+msgid "notes"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:70
+msgctxt "B2.SharedUI.Label"
+msgid "files"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:71
+msgctxt "B2.SharedUI.Label"
+msgid "tags"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:400
+msgctxt "B2.SharedUI.Label"
+msgid "Recent"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:421
+msgctxt "B2.SharedUI.Label"
+msgid "All commands"
+msgstr ""
+
+#: src/javascripts/Controllers/PaneController/PaneController.ts:113
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle focus mode"
+msgstr ""
+
+#: src/javascripts/Controllers/PaneController/PaneController.ts:122
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle notes panel"
+msgstr ""
+
+#: src/javascripts/Controllers/PaneController/PaneController.ts:131
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle tags panel"
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/ui-services/src/Alert/Functions.ts:9
+msgctxt "B2.SharedUI.Action"
+msgid "Confirm"
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/ui-services/src/Alert/Functions.ts:10
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:57
+msgctxt "B2.SharedUI.Action"
+msgid "Cancel"
+msgstr ""
+
+#: /Users/antosgarlatta/SN/app/packages/ui-services/src/Alert/Functions.ts:48
+msgctxt "B2.SharedUI.Action"
+msgid "OK"
+msgstr ""
+
+#: src/javascripts/Components/Shared/CopyableCodeBlock.tsx:57
+msgctxt "B2.SharedUI.Action"
+msgid "Copy example to clipboard"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx:17
+msgctxt "B2.SharedUI.Action"
+msgid "Open preferences"
+msgstr ""
+
+#: src/javascripts/Components/Popover/MobilePopoverContent.tsx:206
+msgctxt "B2.SharedUI.Action"
+msgid "Done"
+msgstr ""
+
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:46
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle keyboard shortcuts help"
+msgstr ""
+
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:38
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle dark mode"
+msgstr ""
+
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:46
+msgctxt "B2.SharedUI.Action"
+msgid "Open quick settings menu"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:209
+#. *
+#.        * In the browser we're not allowed to override cmd/ctrl + n, so we have to
+#.        * use Control modifier as well. These rules don't apply to desktop, but
+#.        * probably better to be consistent.
+#.        
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle global search"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:228
+#. *
+#.        * In the browser we're not allowed to override cmd/ctrl + n, so we have to
+#.        * use Control modifier as well. These rules don't apply to desktop, but
+#.        * probably better to be consistent.
+#.        
+msgctxt "B2.SharedUI.Action"
+msgid "Select all items"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx:111
+msgctxt "B2.SharedUI.Action"
+msgid "Open display options menu"
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:172
+msgctxt "B2.SharedUI.Action"
+msgid "Toggle command palette"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:7
+msgctxt "Error"
+msgid ""
+"Please use FileSafe or the Bold Editor to attach images and files. Learn "
+"more at standardnotes.com/filesafe."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:10
+msgctxt "B1.Account.Session.Error"
+msgid ""
+"There was an error syncing. Please try again. If all else fails, try "
+"signing out and signing back in."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:116
+msgctxt "B1.Account.Session.Error"
+msgid "There was an error while trying to update your settings. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:40
+msgctxt "B1.Account.Session.Error"
+msgid "An unknown error occured while loading sessions."
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:75
+msgctxt "B1.Account.Session.Error"
+msgid "An unknown error occured while revoking the session."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:39
+msgctxt "B1.Account.Session.Error"
+msgid "Please enter your current password."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:47
+msgctxt "B1.Account.Session.Error"
+msgid "The current password you entered is not correct. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:78
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:122
+msgctxt "B1.Account.Session.Error"
+msgid "Cannot close window until pending tasks are complete."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/User.tsx:18
+#, javascript-format
+msgctxt "B1.Account.Session.Error"
+msgid ""
+"Hmm...we can't seem to sync your account. The reason: ${ "
+"application.syncStatusController.errorMessage }"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:49
+#, javascript-format
+msgctxt "Confirmation"
+msgid "Are you sure you want to permanently delete ${ count } note?"
+msgid_plural "Are you sure you want to permanently delete ${ count } notes?"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Constants/Strings.ts:58
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"This action will remove this workspace and its related data from this "
+"device. Your synced data will not be affected."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:112
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Are you sure you want to permanently delete your account? You will be asked "
+"to confirm your account password in the next step. If you have an active "
+"paid subscription, cancel the subscription first. Otherwise, if you'd like "
+"to keep the subscription, you can re-register with the same email after "
+"deletion, and your subscription will be linked back up with your account."
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:165
+#, javascript-format
+msgctxt "B1.Account.Session.Info"
+msgid "Signed in on ${ signedInDate }"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:196
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"The associated app will be signed out and all data removed from the device "
+"when it is next launched. You can sign back in on that device at any time."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx:17
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:38
+msgctxt "B1.Account.Session.Info"
+msgid "Remove all data related to the current workspace from the application."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:47
+#, javascript-format
+msgctxt "B1.Account.Session.Info"
+msgid "You're signed in as ${ emailSpan }"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx:21
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"This action is irreversible. After deletion completes, you will be signed "
+"out on all devices."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:24
+msgctxt "B1.Account.Session.Info"
+msgid "Want to sign out on all devices except this one?"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Sync.tsx:37
+#, javascript-format
+msgctxt "B1.Account.Session.Info"
+msgid "on ${ lastSyncDate }"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Sync.tsx:45
+#, javascript-format
+msgctxt "B1.Account.Session.Info"
+msgid "Last synced ${ lastSyncSpan }"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:133
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Disables email notifications when a new sign-in occurs on your account. "
+"(Email notifications are available only to paid subscribers)."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:141
+#, javascript-format
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Sign-in notification emails are available only on a ${ subscriptionBold } "
+"plan. Please upgrade in order to enable sign-in notifications."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:163
+msgctxt "B1.Account.Session.Info"
+msgid "Disables email notifications with special deals and promotions."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx:7
+msgctxt "B1.Account.Session.Info"
+msgid "Your email has been successfully changed."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx:9
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Please ensure you are running the latest version of Standard Notes on all "
+"platforms to ensure maximum compatibility."
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:54
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Because you have other workspaces signed in, this sign out may leave logs "
+"and other metadata of your session on this device. For a more robust sign "
+"out that performs a hard clear of all app-related data, use the \"Sign out "
+"all workspaces\" option under \"Switch workspace\"."
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:69
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"Local backups are enabled for this workspace. Review your backup files "
+"manually to decide what to keep."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:114
+msgctxt "B1.Account.Session.Info"
+msgid "You're signed in as:"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:142
+msgctxt "B1.Account.Session.Info"
+msgid ""
+"You’re offline. Sign in to sync your notes and preferences across all your "
+"devices and enable end-to-end encryption."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx:46
+msgctxt "B1.Account.Session.Info"
+msgid "Are you sure you want to sign out of all workspaces on this device?"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:61
+msgctxt "B1.Account.ImportExport.Info"
+msgid ""
+"End-to-end encryption is enabled. Your data is encrypted on your device "
+"first, then synced to your private cloud."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:64
+msgctxt "B1.Account.ImportExport.Info"
+msgid ""
+"Encryption is enabled. Your data is encrypted using your passcode before it "
+"is saved to your device storage."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:67
+msgctxt "B1.Account.ImportExport.Info"
+msgid ""
+"Encryption is not enabled. Sign in, register, or add a passcode lock to "
+"enable encryption."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:70
+msgctxt "B1.Account.ImportExport.Info"
+msgid "Your data has been successfully imported."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:82
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Info"
+msgid ""
+"Import complete. ${ errorCount } item was not imported because there was an "
+"error decrypting it. Make sure the password is correct and try again."
+msgid_plural ""
+"Import complete. ${ errorCount } items were not imported because there was "
+"an error decrypting them. Make sure the password is correct and try again."
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:38
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Info"
+msgid "${ notes } note"
+msgid_plural "${ notes } notes"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:41
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Info"
+msgid "${ tags } tag"
+msgid_plural "${ tags } tags"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:44
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Info"
+msgid "${ files } file"
+msgid_plural "${ files } files"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:50
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Info"
+msgid "Imported ${ list }"
+msgid_plural "Imported ${ list }"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:31
+msgctxt "B1.Account.ImportExport.Info"
+msgid "Drag and drop files to auto-detect and import"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:32
+msgctxt "B1.Account.ImportExport.Info"
+msgid "Or click to open file picker"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:34
+msgctxt "B1.Account.ImportExport.Info"
+msgid "or import from:"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:75
+msgctxt "B1.Account.SignIn.Error"
+msgid "The two passwords you entered do not match. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:69
+msgctxt "B1.Account.SignIn.Error"
+msgid "No username provided"
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:84
+msgctxt "B1.Account.SignIn.Error"
+msgid "No options returned from server"
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:161
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:131
+msgctxt "B1.Account.SignIn.Error"
+msgid "Please provide a valid email."
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:184
+msgctxt "B1.Account.SignIn.Error"
+msgid "Passwords don't match. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:106
+msgctxt "B1.Account.SignIn.Error"
+msgid "Invalid email or password."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:54
+msgctxt "B1.Account.SignIn.Error"
+msgid "Unable to compute private username."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:53
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:62
+msgctxt "B1.Account.SignIn.Error"
+msgid ""
+"Home server is not running. Please open the prefences and home server tab "
+"to start it."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:77
+msgctxt "B1.Account.ImportExport.Error"
+msgid "Unable to open file. Ensure it is a proper JSON file and try again."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:79
+msgctxt "B1.Account.ImportExport.Error"
+msgid ""
+"The file you selected is not a valid backup file. Please extract the "
+"contents of the zip file, then upload the contained .txt file."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:89
+msgctxt "B1.Account.ImportExport.Error"
+msgid ""
+"This backup file was created using an unsupported version of the "
+"application and cannot be imported here. Please update your application and "
+"try again."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalController.ts:179
+msgctxt "B1.Account.ImportExport.Error"
+msgid "Could not import file"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:82
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Error"
+msgid "Could not import ${ count } item (click for details)"
+msgid_plural "Could not import ${ count } items (click for details)"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Constants/Strings.ts:94
+msgctxt "B1.Account.Password.Info"
+msgid ""
+"The encryption upgrade is in progress. You may lose data if you quit the "
+"app. Are you sure you want to quit?"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:105
+msgctxt "B1.Account.Password.Info"
+msgid ""
+"Encryption version 004 is available. This version strengthens the "
+"encryption algorithms your account and local storage use. To learn more "
+"about this upgrade, visit our <a "
+"href=\"https://standardnotes.com/help/security\" target=\"_blank\">Security "
+"Upgrade page.</a>"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:57
+#, javascript-format
+msgctxt "B1.Account.Password.Info"
+msgid "Current password was set on ${ passwordDateSpan }"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/FinishStep.tsx:12
+msgctxt "B1.Account.Password.Info"
+msgid "Your password has been successfully changed."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/FinishStep.tsx:14
+msgctxt "B1.Account.Password.Info"
+msgid ""
+"Ensure you are running the latest version of Standard Notes on all "
+"platforms for maximum compatibility."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PreprocessingStep.tsx:92
+msgctxt "B1.Account.Password.Info"
+msgid ""
+"You have pending vault invites. Changing your password will delete these "
+"invites. It is recommended you accept or decline these invites before "
+"changing your password. If you choose to continue, these invites will be "
+"deleted."
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:103
+msgctxt "B1.Account.Password.Title"
+msgid "Encryption upgrade available"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:292
+msgctxt "B1.Account.Password.Title"
+msgid "Change Password"
+msgstr ""
+
+#: src/javascripts/Constants/Strings.ts:107
+msgctxt "B1.Account.Password.Action"
+msgid "Upgrade"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:58
+msgctxt "B1.Account.Password.Action"
+msgid "Change password"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:279
+msgctxt "B1.Account.Password.Action"
+msgid "Generating Keys..."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:281
+msgctxt "B1.Account.Password.Action"
+msgid "Finish"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:284
+msgctxt "B1.Account.Password.Action"
+msgid "Continue"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:296
+msgctxt "B1.Account.Password.Action"
+msgid "Cancel"
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:87
+msgctxt "B1.Account.SignIn.Status"
+msgid "Waiting for security key..."
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:98
+msgctxt "B1.Account.SignIn.Info"
+msgid "Authentication successful!"
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:111
+msgctxt "B1.Account.SignIn.Info"
+msgid ""
+"Insert your hardware security key, then press the button below to "
+"authenticate."
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:207
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:168
+#.  translator: Full sentence: "Create your free account to continue to Standard Notes."
+msgctxt "B1.Account.SignIn.Info"
+msgid "to continue to Standard Notes."
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:171
+msgctxt "B1.Account.SignIn.Info"
+msgid "Don’t have an account yet?"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx:42
+msgctxt "B1.Account.SignIn.Info"
+msgid ""
+"Sign in to sync your notes and preferences across all your devices and "
+"enable end-to-end encryption."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx:46
+#, javascript-format
+msgctxt "B1.Account.SignIn.Info"
+msgid "Already have an account? ${ loginLink }"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmNoMergeDialog.tsx:24
+msgctxt "B1.Account.SignIn.Info"
+msgid ""
+"You have chosen not to merge your local data. If you proceed, your local "
+"notes and tags will be permanently deleted and replaced with data from your "
+"account. This action cannot be undone."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmNoMergeDialog.tsx:28
+msgctxt "B1.Account.SignIn.Info"
+msgid "Are you sure you want to continue without merging?"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:167
+msgctxt "B1.Account.SignIn.Info"
+msgid "Standard Notes does not have a password reset option"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:173
+#, javascript-format
+msgctxt "B1.Account.SignIn.Info"
+msgid ""
+"Because your notes are encrypted using your password, ${ "
+"noPasswordResetOption }. If you forget your password, you will permanently "
+"lose access to your data."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/MergeLocalDataCheckbox.tsx:33
+msgctxt "B1.Account.SignIn.Info"
+msgid ""
+"If unchecked, your local notes and tags will be permanently deleted and "
+"replaced with data from your account."
+msgstr ""
+
+#: src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx:114
+msgctxt "B1.Account.SignIn.Action"
+msgid "Authenticate"
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:219
+#.  translator: "Instead" here refers to "instead of creating an account"
+msgctxt "B1.Account.SignIn.Action"
+msgid "Sign in instead"
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:228
+msgctxt "B1.Account.SignIn.Action"
+msgid "Subscribe without account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:194
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:235
+msgctxt "B1.Account.SignIn.Action"
+msgid "Creating account..."
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:235
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:176
+msgctxt "B1.Account.SignIn.Action"
+msgid "Create account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:279
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:149
+msgctxt "B1.Account.SignIn.Action"
+msgid "Signing in..."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:279
+#: src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx:31
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:149
+msgctxt "B1.Account.SignIn.Action"
+msgid "Sign in"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx:45
+msgctxt "B1.Account.SignIn.Action"
+msgid "Create free account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:116
+msgctxt "B1.Account.SignIn.Action"
+msgid "Advanced options"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:137
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:172
+msgctxt "B1.Account.SignIn.Action"
+msgid "Learn more"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmNoMergeDialog.tsx:33
+msgctxt "B1.Account.SignIn.Action"
+msgid "Cancel"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmNoMergeDialog.tsx:35
+msgctxt "B1.Account.SignIn.Action"
+msgid "Delete Local Data and Continue"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:194
+msgctxt "B1.Account.SignIn.Action"
+msgid "Create account & sign in"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:222
+#: src/javascripts/Components/AccountMenu/CreateAccount.tsx:105
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:329
+msgctxt "B1.Account.SignIn.Action"
+msgid "Go back"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/CreateAccount.tsx:136
+msgctxt "B1.Account.SignIn.Action"
+msgid "Next"
+msgstr ""
+
+#: src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx:22
+#: src/javascripts/Components/Tags/Navigation.tsx:97
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Go to items list"
+msgstr ""
+
+#: src/javascripts/Components/Footer/Footer.tsx:448
+#: src/javascripts/Components/Tags/Navigation.tsx:117
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Locks application and wipes unencrypted data from memory."
+msgstr ""
+
+#: src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx:119
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Quick settings menu"
+msgstr ""
+
+#: src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx:20
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Hide items list"
+msgstr ""
+
+#: src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx:21
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Show items list"
+msgstr ""
+
+#: src/javascripts/Components/NavigationMenu/NavigationMenu.tsx:37
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Open navigation menu"
+msgstr ""
+
+#: src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx:53
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Select an item"
+msgstr ""
+
+#: src/javascripts/Components/Input/DecoratedPasswordInput.tsx:15
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Show/hide password"
+msgstr ""
+
+#: src/javascripts/Components/Footer/Footer.tsx:444
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Lock application"
+msgstr ""
+
+#: src/javascripts/Components/Footer/PreferencesButton.tsx:61
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Go to preferences"
+msgstr ""
+
+#: src/javascripts/Components/Footer/PreferencesButton.tsx:70
+#, javascript-format
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Open preferences (${ shortcut })"
+msgstr ""
+
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:55
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Open quick settings menu"
+msgstr ""
+
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:60
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Go to quick settings menu"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:307
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Notes & Files"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:347
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Select all items"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:361
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Cancel multiple selection"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx:127
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Display options menu"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/Header/SearchButton.tsx:54
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Search"
+msgstr ""
+
+#: src/javascripts/Components/ChallengeModal/ChallengeModal.tsx:267
+msgctxt "B2.SharedUI.AriaLabel"
+msgid "Close modal"
+msgstr ""
+
+#: src/javascripts/Components/Table/Table.tsx:367
+#, javascript-format
+msgctxt "B2.SharedUI.Status"
+msgid "${ selectedRows.length } selected"
+msgstr ""
+
+#: src/javascripts/Components/Shared/CopyableCodeBlock.tsx:57
+msgctxt "B2.SharedUI.Status"
+msgid "Copied!"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:359
+#, javascript-format
+msgctxt "B2.SharedUI.Status"
+msgid "${ itemListController.selectedItemsCount } selected"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:390
+msgctxt "B2.SharedUI.Status"
+msgid "Loading..."
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:116
+msgctxt "B1.Account.Session.Action"
+msgid "Close"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:122
+msgctxt "B1.Account.Session.Action"
+msgid "Refresh"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:173
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:212
+msgctxt "B1.Account.Session.Action"
+msgid "Revoke"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx:41
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:87
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:144
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:202
+msgctxt "B1.Account.Session.Action"
+msgid "Cancel"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx:21
+msgctxt "B1.Account.Session.Action"
+msgid "Clear workspace"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:50
+msgctxt "B1.Account.Session.Action"
+msgid "Change email"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx:26
+msgctxt "B1.Account.Session.Action"
+msgid "Delete my account"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:27
+msgctxt "B1.Account.Session.Action"
+msgid "Sign out other sessions"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:32
+msgctxt "B1.Account.Session.Action"
+msgid "Manage sessions"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:231
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:42
+msgctxt "B1.Account.Session.Action"
+msgid "Sign out workspace"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Sync.tsx:48
+msgctxt "B1.Account.Session.Action"
+msgid "Sync now"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:132
+msgctxt "B1.Account.Session.Action"
+msgid "Generating Keys..."
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:134
+msgctxt "B1.Account.Session.Action"
+msgid "Finish"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:137
+msgctxt "B1.Account.Session.Action"
+msgid "Continue"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:78
+msgctxt "B1.Account.Session.Action"
+msgid "View backup files"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:90
+msgctxt "B1.Account.Session.Action"
+msgid "Sign Out"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:90
+msgctxt "B1.Account.Session.Action"
+msgid "Delete Workspace"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx:44
+msgctxt "B1.Account.Session.Action"
+msgid "Delete my account for good"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:164
+msgctxt "B1.Account.Session.Action"
+msgid "Account settings"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:170
+msgctxt "B1.Account.Session.Action"
+msgid "Create free account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:174
+msgctxt "B1.Account.Session.Action"
+msgid "Sign in"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:185
+msgctxt "B1.Account.Session.Action"
+msgid "Import"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:190
+msgctxt "B1.Account.Session.Action"
+msgid "Email us"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:196
+msgctxt "B1.Account.Session.Action"
+msgid "Help & feedback"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:208
+msgctxt "B1.Account.Session.Action"
+msgid "Keyboard shortcuts"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:219
+msgctxt "B1.Account.Session.Action"
+msgid "Command palette"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/User.tsx:27
+msgctxt "B1.Account.Session.Action"
+msgid "Need help?"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx:48
+msgctxt "B1.Account.Session.Action"
+msgid "Sign out all"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx:90
+msgctxt "B1.Account.Session.Action"
+msgid "Add another workspace"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx:95
+msgctxt "B1.Account.Session.Action"
+msgid "Sign out all workspaces"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherOption.tsx:29
+#: src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherOption.tsx:34
+msgctxt "B1.Account.Session.Action"
+msgid "Switch workspace"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:134
+msgctxt "B1.Account.Session.Title"
+msgid "Active Sessions"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:189
+msgctxt "B1.Account.Session.Title"
+msgid "Revoke this session?"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx:16
+msgctxt "B1.Account.Session.Title"
+msgid "Clear workspace"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:45
+msgctxt "B1.Account.Session.Title"
+msgid "Credentials"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx:20
+msgctxt "B1.Account.Session.Title"
+msgid "Delete account"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:22
+msgctxt "B1.Account.Session.Title"
+msgid "Sign out"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Sync.tsx:44
+msgctxt "B1.Account.Session.Title"
+msgid "Sync"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:126
+msgctxt "B1.Account.Session.Title"
+msgid "Email"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx:160
+msgctxt "B1.Account.Session.Title"
+msgid "Change Email"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:41
+msgctxt "B1.Account.Session.Title"
+msgid "Sign out workspace?"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmDeleteAccountModal/ConfirmDeleteAccountModal.tsx:29
+msgctxt "B1.Account.Session.Title"
+msgid "Delete account?"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:106
+msgctxt "B1.Account.Session.Title"
+msgid "Account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/User.tsx:16
+msgctxt "B1.Account.Session.Title"
+msgid "Sync Unreachable"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:142
+msgctxt "B1.Account.Session.Status"
+msgid "Loading sessions"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:122
+msgctxt "B1.Account.Session.Status"
+msgid "Syncing..."
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:147
+msgctxt "B1.Account.Session.Status"
+msgid "Offline"
+msgstr ""
+
+#: src/javascripts/Components/SessionsModal/SessionsModal.tsx:162
+msgctxt "B1.Account.Session.Label"
+msgid "Current session"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:121
+msgctxt "B1.Account.Session.Label"
+msgid "subscription"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx:18
+msgctxt "B1.Account.Session.Label"
+msgid "New Email"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx:30
+msgctxt "B1.Account.Session.Label"
+msgid "Current Password"
+msgstr ""
+
+#: src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx:53
+msgctxt "B1.Account.Session.Label"
+msgid "Note:"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:128
+msgctxt "B1.Account.Session.Label"
+msgid "Last synced:"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/Header/SearchButton.tsx:35
+#: src/javascripts/Components/SearchBar/SearchBar.tsx:56
+msgctxt "B2.SharedUI.Placeholder"
+msgid "Search..."
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:120
+msgctxt "B2.SharedUI.Placeholder"
+msgid "Search notes, files, commands, etc..."
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:233
+msgctxt "B2.SharedUI.Placeholder"
+msgid "<no title>"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/CreateAccount.tsx:119
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:256
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:154
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:123
+msgctxt "B1.Account.SignIn.Label"
+msgid "Email"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/CreateAccount.tsx:130
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:272
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:166
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:137
+msgctxt "B1.Account.SignIn.Label"
+msgid "Password"
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:176
+msgctxt "B1.Account.SignIn.Label"
+msgid "Repeat password"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:149
+msgctxt "B1.Account.SignIn.Label"
+msgid "Username"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:197
+msgctxt "B1.Account.SignIn.Label"
+msgid "Recovery code"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:184
+msgctxt "B1.Account.SignIn.Label"
+msgid "Confirm password"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:86
+msgctxt "B1.Account.SignIn.Label"
+msgid "Sync Server"
+msgstr ""
+
+#: src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx:203
+#.  translator: Full sentence: "Create your free account"
+msgctxt "B1.Account.SignIn.Title"
+msgid "Create your free account"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:336
+#: src/javascripts/Components/PurchaseFlow/Panes/SignIn.tsx:167
+msgctxt "B1.Account.SignIn.Title"
+msgid "Sign in"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx:40
+msgctxt "B1.Account.SignIn.Title"
+msgid "You're not signed in"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmNoMergeDialog.tsx:16
+msgctxt "B1.Account.SignIn.Title"
+msgid "Delete local data?"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:229
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:336
+msgctxt "B1.Account.SignIn.Title"
+msgid "Human verification"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:229
+msgctxt "B1.Account.SignIn.Title"
+msgid "Confirm password"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/CreateAccount.tsx:110
+msgctxt "B1.Account.SignIn.Title"
+msgid "Create account"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:191
+msgctxt "B1.Account.ImportExport.Title"
+msgid "Data backups"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:81
+msgctxt "B1.Account.ImportExport.Title"
+msgid "Import"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:192
+msgctxt "B1.Account.ImportExport.Subtitle"
+msgid "Download a backup of all your text-based data"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:213
+msgctxt "B1.Account.ImportExport.Subtitle"
+msgid "Import a previously saved backup file"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:199
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Encrypted"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:203
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Decrypted"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:114
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Add all imported notes to tag"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:128
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Create new tag"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:142
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Add to existing tag"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalController.ts:193
+#, javascript-format
+msgctxt "B1.Account.ImportExport.Label"
+msgid "Imported on ${ importedOnDate }"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:209
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Download backup"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx:216
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Import backup"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:45
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Import"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:53
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Close"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:53
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Cancel"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:105
+msgctxt "B1.Account.ImportExport.Action"
+msgid "Add files"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:46
+msgctxt "B1.Account.Session.Subtitle"
+msgid "Email"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:23
+msgctxt "B1.Account.Session.Subtitle"
+msgid "Other devices"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx:37
+msgctxt "B1.Account.Session.Subtitle"
+msgid "This workspace"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:130
+msgctxt "B1.Account.Session.Subtitle"
+msgid "Mute sign-in notification emails"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx:162
+msgctxt "B1.Account.Session.Subtitle"
+msgid "Mute marketing notification emails"
+msgstr ""
+
+#: src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx:56
+msgctxt "B1.Account.Password.Subtitle"
+msgid "Password"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordStep.tsx:37
+msgctxt "B1.Account.Password.Label"
+msgid "Current Password"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordStep.tsx:51
+msgctxt "B1.Account.Password.Label"
+msgid "New Password"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordStep.tsx:64
+msgctxt "B1.Account.Password.Label"
+msgid "Confirm New Password"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:221
+msgctxt "B1.Account.Password.Error"
+msgid "Cannot close window until pending tasks are complete."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:142
+msgctxt "B1.Account.Password.Error"
+msgid "Please enter your current password."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:147
+msgctxt "B1.Account.Password.Error"
+msgid "Please enter a new password."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:152
+msgctxt "B1.Account.Password.Error"
+msgid "Your new password does not match its confirmation."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:162
+msgctxt "B1.Account.Password.Error"
+msgid ""
+"We don't have your email stored. Please sign out then log back in to fix "
+"this issue."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:173
+msgctxt "B1.Account.Password.Error"
+msgid "The current password you entered is not correct. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:188
+msgctxt "B1.Account.Password.Status"
+msgid "Processing encryption keys…"
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:205
+msgctxt "B1.Account.Password.Status"
+msgid "Unable to process your password. Please try again."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PasswordWizard.tsx:211
+msgctxt "B1.Account.Password.Status"
+msgid "Successfully changed password."
+msgstr ""
+
+#: src/javascripts/Components/PasswordWizard/PreprocessingStep.tsx:80
+msgctxt "B1.Account.Password.Status"
+msgid "Checking for data conflicts..."
+msgstr ""
+
+#: src/javascripts/Components/Modal/Modal.tsx:133
+msgctxt "B2.SharedUI.Title"
+msgid "Advanced"
+msgstr ""
+
+#: src/javascripts/Components/Menu/MenuRadioButtonItem.tsx:47
+msgctxt "B2.SharedUI.Title"
+msgid "Info"
+msgstr ""
+
+#: src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx:68
+msgctxt "B2.SharedUI.Title"
+msgid "Keyboard shortcuts"
+msgstr ""
+
+#: src/javascripts/Components/Footer/QuickSettingsButton.tsx:76
+msgctxt "B2.SharedUI.Title"
+msgid "Quick settings"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx:135
+msgctxt "B2.SharedUI.Title"
+msgid "Display options"
+msgstr ""
+
+#: src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx:84
+msgctxt "B2.SharedUI.Info"
+msgid "No results found"
+msgstr ""
+
+#: src/javascripts/Components/ContentListView/ContentListView.tsx:386
+msgctxt "B2.SharedUI.Info"
+msgid "No items."
+msgstr ""
+
+#: src/javascripts/Components/CommandPalette/CommandPalette.tsx:393
+msgctxt "B2.SharedUI.Info"
+msgid "No items found"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModal.tsx:160
+msgctxt "B1.Account.ImportExport.Placeholder"
+msgid "Select tag to add imported notes to..."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:183
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Detecting service..."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:186
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Ready to import"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:189
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Could not auto-detect service. Please select manually."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:190
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Parsing..."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:191
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Importing..."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:192
+msgctxt "B1.Account.ImportExport.Status"
+msgid "Uploading and embedding files..."
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:217
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:38
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Evernote"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:218
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:46
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Simplenote"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:219
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:42
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Google Keep"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:220
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:50
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Aegis"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:221
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Plaintext"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:222
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:58
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "HTML"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:223
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Super"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:54
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Plaintext / Markdown"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/InitialPage.tsx:75
+msgctxt "B1.Account.ImportExport.ImportSource"
+msgid "Super (JSON)"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:226
+msgctxt "B1.Account.ImportExport.AriaLabel"
+msgid "Choose service"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:234
+msgctxt "B1.Account.ImportExport.AriaLabel"
+msgid "Cancel"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:245
+msgctxt "B1.Account.ImportExport.AriaLabel"
+msgid "Change service"
+msgstr ""
+
+#: src/javascripts/Components/ImportModal/ImportModalFileItem.tsx:255
+msgctxt "B1.Account.ImportExport.AriaLabel"
+msgid "Remove"
+msgstr ""
+
+#: src/javascripts/Components/ApplicationView/DotOrgNotice.tsx:8
+msgctxt "B2.SharedUI.Warning"
+msgid "app.standardnotes.org is no longer maintained. Please switch to"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:128
+msgctxt "B1.Account.SignIn.Option"
+msgid "Private username mode"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:163
+msgctxt "B1.Account.SignIn.Option"
+msgid "Use strict sign-in"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/AdvancedOptions.tsx:183
+msgctxt "B1.Account.SignIn.Option"
+msgid "Use recovery code"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ConfirmPassword.tsx:200
+#: src/javascripts/Components/AccountMenu/SignIn.tsx:287
+msgctxt "B1.Account.SignIn.Option"
+msgid "Stay signed in"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/MergeLocalDataCheckbox.tsx:26
+#, javascript-format
+msgctxt "B1.Account.SignIn.Option"
+msgid "Merge local data (${ notesAndTagsCount } item)"
+msgid_plural "Merge local data (${ notesAndTagsCount } items)"
+msgstr[0] ""
+msgstr[1] ""
+
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:75
+msgctxt "B1.Account.SignIn.Option"
+msgid "Default"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:76
+msgctxt "B1.Account.SignIn.Option"
+msgid "Custom"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx:77
+msgctxt "B1.Account.SignIn.Option"
+msgid "Home Server"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:72
+msgctxt "B1.Account.Session.MailtoSubject"
+msgid "Standard Notes Feedback"
+msgstr ""
+
+#: src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx:74
+#, javascript-format
+msgctxt "B1.Account.Session.MailtoBody"
+msgid "App Version: ${ application.version }"
+msgstr ""
diff --git a/packages/web/src/javascripts/Application/Database.ts b/packages/web/src/javascripts/Application/Database.ts
index 60799aef403..8816e4e0a8c 100644
--- a/packages/web/src/javascripts/Application/Database.ts
+++ b/packages/web/src/javascripts/Application/Database.ts
@@ -1,18 +1,17 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { isString, AlertService, uniqueArray } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 const STORE_NAME = 'items'
 const READ_WRITE = 'readwrite'
 
-const OUT_OF_SPACE =
-  'Unable to save changes locally because your device is out of space. ' +
-  'Please free up some disk space and try again, otherwise, your data may end ' +
-  'up in an inconsistent state.'
+const OUT_OF_SPACE = () =>
+  c('B2.NavSharedUI.Error')
+    .t`Unable to save changes locally because your device is out of space. Please free up some disk space and try again, otherwise, your data may end up in an inconsistent state.`
 
-const DB_DELETION_BLOCKED =
-  'Your browser is blocking Standard Notes from deleting the local database. ' +
-  'Make sure there are no other open windows of this app and try again. ' +
-  'If the issue persists, please manually delete app data to sign out.'
+const DB_DELETION_BLOCKED = () =>
+  c('B2.NavSharedUI.Error')
+    .t`Your browser is blocking Standard Notes from deleting the local database. Make sure there are no other open windows of this app and try again. If the issue persists, please manually delete app data to sign out.`
 
 const QUOTE_EXCEEDED_ERROR = 'QuotaExceededError'
 
@@ -82,7 +81,7 @@ export class Database {
       request.onerror = (event) => {
         const target = event.target as any
         if (target.errorCode) {
-          this.showAlert('Offline database issue: ' + target.errorCode)
+          this.showAlert(c('B2.NavSharedUI.Error').jt`Offline database issue: ${target.errorCode}` as unknown as string)
         } else {
           this.displayOfflineAlert()
         }
@@ -219,7 +218,7 @@ export class Database {
         const target = event.target as any
         const error = target.error
         if (error.name === QUOTE_EXCEEDED_ERROR) {
-          this.showAlert(OUT_OF_SPACE)
+          this.showAlert(OUT_OF_SPACE())
         } else {
           this.showGenericError(error)
         }
@@ -264,7 +263,7 @@ export class Database {
         resolve()
       }
       deleteRequest.onblocked = (_event) => {
-        this.showAlert(DB_DELETION_BLOCKED)
+        this.showAlert(DB_DELETION_BLOCKED())
         reject(Error('Delete request blocked'))
       }
     })
@@ -279,20 +278,19 @@ export class Database {
   }
 
   private showGenericError(error: { code: number; name: string }) {
-    const message =
-      'Unable to save changes locally due to an unknown system issue. ' +
-      `Issue Code: ${error.code} Issue Name: ${error.name}.`
+    const message = c('B2.NavSharedUI.Error')
+      .jt`Unable to save changes locally due to an unknown system issue. Issue Code: ${error.code} Issue Name: ${error.name}.` as unknown as string
 
     this.showAlert(message)
   }
 
   private displayOfflineAlert() {
-    const message =
-      'There was an issue loading your offline database. This could happen for two reasons:' +
-      "\n\n1. You're in a private window in your browser. We can't save your data without " +
-      'access to the local database. Please use a non-private window.' +
-      '\n\n2. You have two windows of the app open at the same time. ' +
-      'Please close any other app instances and reload the page.'
+    const message = c('B2.NavSharedUI.Error')
+      .t`There was an issue loading your offline database. This could happen for two reasons:
+
+1. You're in a private window in your browser. We can't save your data without access to the local database. Please use a non-private window.
+
+2. You have two windows of the app open at the same time. Please close any other app instances and reload the page.`
 
     this.showAlert(message)
   }
diff --git a/packages/web/src/javascripts/Application/UseCase/GetPurchaseFlowUrl.ts b/packages/web/src/javascripts/Application/UseCase/GetPurchaseFlowUrl.ts
index 3068637118a..e18ae3fbb49 100644
--- a/packages/web/src/javascripts/Application/UseCase/GetPurchaseFlowUrl.ts
+++ b/packages/web/src/javascripts/Application/UseCase/GetPurchaseFlowUrl.ts
@@ -1,4 +1,5 @@
 import { isDesktopApplication } from '@/Utils'
+import { c } from 'ttag'
 import {
   ApplicationInterface,
   IsApplicationUsingThirdPartyHost,
@@ -33,6 +34,6 @@ export class GetPurchaseFlowUrl implements UseCaseInterface<string> {
       return Result.ok(`${window.purchaseUrl}?subscription_token=${token}&success_url=${successUrl}`)
     }
 
-    return Result.fail('Could not get purchase flow URL.')
+    return Result.fail(c('B7.FilesSubscriptionHelp.Subscription.Error').t`Could not get purchase flow URL.`)
   }
 }
diff --git a/packages/web/src/javascripts/Application/UseCase/LoadPurchaseFlowUrl.ts b/packages/web/src/javascripts/Application/UseCase/LoadPurchaseFlowUrl.ts
index 64e4d530411..f82b6858f73 100644
--- a/packages/web/src/javascripts/Application/UseCase/LoadPurchaseFlowUrl.ts
+++ b/packages/web/src/javascripts/Application/UseCase/LoadPurchaseFlowUrl.ts
@@ -1,4 +1,5 @@
 import { Environment, Result, UseCaseInterface } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { GetPurchaseFlowUrl } from './GetPurchaseFlowUrl'
 import { RouteType, WebApplicationInterface } from '@standardnotes/ui-services'
 
@@ -35,6 +36,6 @@ export class LoadPurchaseFlowUrl implements UseCaseInterface<void> {
       return Result.ok()
     }
 
-    return Result.fail('Could not load purchase flow URL.')
+    return Result.fail(c('B7.FilesSubscriptionHelp.Subscription.Error').t`Could not load purchase flow URL.`)
   }
 }
diff --git a/packages/web/src/javascripts/Application/UseCase/OpenSubscriptionDashboard.ts b/packages/web/src/javascripts/Application/UseCase/OpenSubscriptionDashboard.ts
index f2e6f37a670..d0277459bb6 100644
--- a/packages/web/src/javascripts/Application/UseCase/OpenSubscriptionDashboard.ts
+++ b/packages/web/src/javascripts/Application/UseCase/OpenSubscriptionDashboard.ts
@@ -1,4 +1,5 @@
 import { Environment, LegacyApiServiceInterface, Result, UseCaseInterface } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { WebApplicationInterface } from '@standardnotes/ui-services'
 
 export class OpenSubscriptionDashboard implements UseCaseInterface<void> {
@@ -10,7 +11,7 @@ export class OpenSubscriptionDashboard implements UseCaseInterface<void> {
   async execute(): Promise<Result<void>> {
     const token = await this.legacyApi.getNewSubscriptionToken()
     if (!token) {
-      return Result.fail('Could not get subscription token.')
+      return Result.fail(c('B7.FilesSubscriptionHelp.Subscription.Error').t`Could not get subscription token.`)
     }
 
     const url = `${window.dashboardUrl}?subscription_token=${token}`
diff --git a/packages/web/src/javascripts/Application/WebApplication.ts b/packages/web/src/javascripts/Application/WebApplication.ts
index dfafd7586f2..b3ac644b147 100644
--- a/packages/web/src/javascripts/Application/WebApplication.ts
+++ b/packages/web/src/javascripts/Application/WebApplication.ts
@@ -54,6 +54,7 @@ import { FeatureName } from '@/Controllers/FeatureName'
 import { VisibilityObserver } from './VisibilityObserver'
 import { DevMode } from './DevMode'
 import { ToastType, addToast, dismissToast } from '@standardnotes/toast'
+import { c } from 'ttag'
 import { WebDependencies } from './Dependencies/WebDependencies'
 import { Web_TYPES } from './Dependencies/Types'
 import { ApplicationEventObserver } from '@/Event/ApplicationEventObserver'
@@ -410,7 +411,7 @@ export class WebApplication extends SNApplication implements WebApplicationInter
 
     addToast({
       type: ToastType.Success,
-      message: 'Successfully created note from shared text',
+      message: c('B8.MobileDesktopShared.Mobile.Info').t`Successfully created note from shared text`,
     })
   }
 
@@ -423,12 +424,12 @@ export class WebApplication extends SNApplication implements WebApplicationInter
     if (isImagePath) {
       const fetchToastUuid = addToast({
         type: ToastType.Loading,
-        message: 'Fetching image from link...',
+        message: c('B8.MobileDesktopShared.Mobile.Info').t`Fetching image from link...`,
       })
       try {
         const imgResponse = await fetch(link)
         if (!imgResponse.ok) {
-          throw new Error(`${imgResponse.status}: Could not fetch image`)
+          throw new Error(c('B4.Notes.EditingUI.Error').t`${imgResponse.status}: Could not fetch image`)
         }
         const imgBlob = await imgResponse.blob()
         const file = new File([imgBlob], finalPath, {
diff --git a/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx b/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
index eeb224d1063..73c564cb635 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/AdvancedOptions.tsx
@@ -51,7 +51,9 @@ const AdvancedOptions: FunctionComponent<Props> = ({
 
       if (!identifier) {
         if (privateUsername?.length > 0) {
-          application.alerts.alert(c('B1.Account.SignIn.Error').t`Unable to compute private username.`).catch(console.error)
+          application.alerts
+            .alert(c('B1.Account.SignIn.Error').t`Unable to compute private username.`)
+            .catch(console.error)
         }
         return
       }
diff --git a/packages/web/src/javascripts/Components/AccountMenu/ConfirmPassword.tsx b/packages/web/src/javascripts/Components/AccountMenu/ConfirmPassword.tsx
index f61ba67f9b6..6db74d113ac 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/ConfirmPassword.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/ConfirmPassword.tsx
@@ -164,7 +164,8 @@ const ConfirmPassword: FunctionComponent<Props> = ({ setMenuPane, email, passwor
   }, [checkIfCaptchaRequiredAndRegister])
 
   const noPasswordResetOption = (
-    <span className="text-danger">{c('B1.Account.SignIn.Info').t`Standard Notes does not have a password reset option`}</span>
+    <span className="text-danger">{c('B1.Account.SignIn.Info')
+      .t`Standard Notes does not have a password reset option`}</span>
   )
 
   const confirmPasswordForm = (
@@ -191,7 +192,11 @@ const ConfirmPassword: FunctionComponent<Props> = ({ setMenuPane, email, passwor
           primary
           fullWidth
           className="mb-3 mt-1"
-          label={isRegistering ? c('B1.Account.SignIn.Action').t`Creating account...` : c('B1.Account.SignIn.Action').t`Create account & sign in`}
+          label={
+            isRegistering
+              ? c('B1.Account.SignIn.Action').t`Creating account...`
+              : c('B1.Account.SignIn.Action').t`Create account & sign in`
+          }
           onClick={handleConfirmFormSubmit}
           disabled={isRegistering}
         />
@@ -226,7 +231,9 @@ const ConfirmPassword: FunctionComponent<Props> = ({ setMenuPane, email, passwor
           disabled={isRegistering}
         />
         <div className="text-base font-bold">
-          {captchaURL ? c('B1.Account.SignIn.Title').t`Human verification` : c('B1.Account.SignIn.Title').t`Confirm password`}
+          {captchaURL
+            ? c('B1.Account.SignIn.Title').t`Human verification`
+            : c('B1.Account.SignIn.Title').t`Confirm password`}
         </div>
       </div>
       {captchaURL ? <div className="p-[10px]">{captchaIframe}</div> : confirmPasswordForm}
diff --git a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
index 34bf8fedb0f..4b4ce03a316 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
@@ -150,7 +150,7 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({ setMenuPane, closeMenu,
         </>
       )}
       <Menu
-        a11yLabel="General account menu"
+        a11yLabel={c('B1.Account.Session.Label').t`General account menu`}
         closeMenu={closeMenu}
         initialFocus={!application.hasAccount() ? CREATE_ACCOUNT_INDEX : SWITCHER_INDEX}
       >
diff --git a/packages/web/src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx b/packages/web/src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx
index e0a18de5c7b..58004324113 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/ServerPicker/ServerPicker.tsx
@@ -50,7 +50,10 @@ const ServerPicker = ({ className }: Props) => {
     } else if (type === 'home server') {
       if (!application.homeServer) {
         application.alerts
-          .alert(c('B1.Account.SignIn.Error').t`Home server is not running. Please open the prefences and home server tab to start it.`)
+          .alert(
+            c('B1.Account.SignIn.Error')
+              .t`Home server is not running. Please open the prefences and home server tab to start it.`,
+          )
           .catch(console.error)
 
         return
@@ -59,7 +62,10 @@ const ServerPicker = ({ className }: Props) => {
       const homeServerUrl = await application.homeServer.getHomeServerUrl()
       if (!homeServerUrl) {
         application.alerts
-          .alert(c('B1.Account.SignIn.Error').t`Home server is not running. Please open the prefences and home server tab to start it.`)
+          .alert(
+            c('B1.Account.SignIn.Error')
+              .t`Home server is not running. Please open the prefences and home server tab to start it.`,
+          )
           .catch(console.error)
 
         return
@@ -74,7 +80,9 @@ const ServerPicker = ({ className }: Props) => {
       [
         { label: c('B1.Account.SignIn.Option').t`Default`, value: 'standard' },
         { label: c('B1.Account.SignIn.Option').t`Custom`, value: 'custom' },
-      ].concat(isDesktopApplication() ? [{ label: c('B1.Account.SignIn.Option').t`Home Server`, value: 'home server' }] : []) as {
+      ].concat(
+        isDesktopApplication() ? [{ label: c('B1.Account.SignIn.Option').t`Home Server`, value: 'home server' }] : [],
+      ) as {
         label: string
         value: ServerType
       }[],
diff --git a/packages/web/src/javascripts/Components/AccountMenu/SignIn.tsx b/packages/web/src/javascripts/Components/AccountMenu/SignIn.tsx
index 69bb3ee4b61..b943e450157 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/SignIn.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/SignIn.tsx
@@ -10,7 +10,7 @@ import Icon from '@/Components/Icon/Icon'
 import IconButton from '@/Components/Button/IconButton'
 import AdvancedOptions from './AdvancedOptions'
 import HorizontalSeparator from '../Shared/HorizontalSeparator'
-import { getErrorFromErrorResponse, isErrorResponse, getCaptchaHeader } from '@standardnotes/snjs'
+import { getErrorFromErrorResponse, isErrorResponse, getCaptchaHeader, Result } from '@standardnotes/snjs'
 import { useApplication } from '../ApplicationProvider'
 import { useCaptcha } from '@/Hooks/useCaptcha'
 import MergeLocalDataCheckbox from './MergeLocalDataCheckbox'
@@ -120,9 +120,9 @@ const SignInPane: FunctionComponent<Props> = ({ setMenuPane }) => {
         }
         application.accountMenuController.closeAccountMenu()
       })
-      .catch((err) => {
+      .catch((err: unknown) => {
         console.error(err)
-        setError(err.message ?? err.toString())
+        setError(err instanceof Error ? err.message : String(err))
         setPassword('')
         setHVMToken('')
         passwordInputRef?.current?.blur()
@@ -145,7 +145,7 @@ const SignInPane: FunctionComponent<Props> = ({ setMenuPane }) => {
         hvmToken,
         mergeLocal: shouldMergeLocal,
       })
-      .then((result) => {
+      .then((result: Result<void>) => {
         if (result.isFailed()) {
           const error = result.getError()
           try {
@@ -161,9 +161,9 @@ const SignInPane: FunctionComponent<Props> = ({ setMenuPane }) => {
         }
         application.accountMenuController.closeAccountMenu()
       })
-      .catch((err) => {
+      .catch((err: unknown) => {
         console.error(err)
-        setError(err.message ?? err.toString())
+        setError(err instanceof Error ? err.message : String(err))
         setPassword('')
         setHVMToken('')
         passwordInputRef?.current?.blur()
@@ -276,7 +276,9 @@ const SignInPane: FunctionComponent<Props> = ({ setMenuPane }) => {
         {error ? <div className="my-2 text-danger">{error}</div> : null}
         <Button
           className="mb-3 mt-1"
-          label={isSigningIn ? c('B1.Account.SignIn.Action').t`Signing in...` : c('B1.Account.SignIn.Action').t`Sign in`}
+          label={
+            isSigningIn ? c('B1.Account.SignIn.Action').t`Signing in...` : c('B1.Account.SignIn.Action').t`Sign in`
+          }
           primary
           onClick={handleSignInFormSubmit}
           disabled={isSigningIn}
diff --git a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx
index 3aa37f2f4e0..a2656aacbe5 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu.tsx
@@ -70,7 +70,7 @@ const WorkspaceSwitcherMenu: FunctionComponent<Props> = ({
   }, [mainApplicationGroup])
 
   return (
-    <Menu a11yLabel="Workspace switcher menu" className="focus:shadow-none">
+    <Menu a11yLabel={c('B1.Account.Session.Label').t`Workspace switcher menu`} className="focus:shadow-none">
       <MenuSection>
         {applicationDescriptors.map((descriptor) => (
           <WorkspaceMenuItem
diff --git a/packages/web/src/javascripts/Components/ApplicationGroupView/ApplicationGroupView.tsx b/packages/web/src/javascripts/Components/ApplicationGroupView/ApplicationGroupView.tsx
index 46bf867f8d6..edb24971d8d 100644
--- a/packages/web/src/javascripts/Components/ApplicationGroupView/ApplicationGroupView.tsx
+++ b/packages/web/src/javascripts/Components/ApplicationGroupView/ApplicationGroupView.tsx
@@ -5,6 +5,7 @@ import ApplicationView from '@/Components/ApplicationView/ApplicationView'
 import { WebOrDesktopDevice } from '@/Application/Device/WebOrDesktopDevice'
 import { ApplicationGroupEvent, ApplicationGroupEventData, DeinitSource } from '@standardnotes/snjs'
 import { getPlatformString, isDesktopApplication } from '@/Utils'
+import { c } from 'ttag'
 import DeallocateHandler from '../DeallocateHandler/DeallocateHandler'
 import { IS_CHROME } from '../../Constants/Constants'
 
@@ -101,17 +102,20 @@ class ApplicationGroupView extends Component<Props, State> {
 
   override render() {
     if (this.state.deviceDestroyed) {
-      const message = `Secure memory has destroyed this application instance. ${
-        isDesktopApplication()
-          ? 'Restart the app to continue.'
-          : 'Close this browser tab and open a new one to continue.'
-      }`
+      const message = isDesktopApplication()
+        ? c('B5.SecuritySync.Protections.Error')
+            .t`Secure memory has destroyed this application instance. Restart the app to continue.`
+        : c('B5.SecuritySync.Protections.Error')
+            .t`Secure memory has destroyed this application instance. Close this browser tab and open a new one to continue.`
 
       return renderDialog(message)
     }
 
     if (this.state.dealloced) {
-      const message = this.state.deallocSource === DeinitSource.Lock ? 'Locking workspace...' : 'Switching workspace...'
+      const message =
+        this.state.deallocSource === DeinitSource.Lock
+          ? c('B1.Account.Session.Status').t`Locking workspace...`
+          : c('B1.Account.Session.Status').t`Switching workspace...`
       return renderDialog(message)
     }
 
diff --git a/packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx b/packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx
index 6570bbe6d9e..7f480875f75 100644
--- a/packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx
+++ b/packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx
@@ -14,6 +14,7 @@ import RevisionHistoryModal from '@/Components/RevisionHistoryModal/RevisionHist
 import PremiumModalProvider from '@/Hooks/usePremiumModal'
 import ConfirmSignoutContainer from '@/Components/ConfirmSignoutModal/ConfirmSignoutModal'
 import { addToast, ToastContainer, ToastType } from '@standardnotes/toast'
+import { c } from 'ttag'
 import FilePreviewModalWrapper from '@/Components/FilePreview/FilePreviewModal'
 import FileContextMenuWrapper from '@/Components/FileContextMenu/FileContextMenu'
 import PermissionsModalWrapper from '@/Components/PermissionsModal/PermissionsModalWrapper'
@@ -97,7 +98,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
       return
     }
 
-    const status = application.status.addMessage('Preparing demo...')
+    const status = application.status.addMessage(c('B2.NavSharedUI.Info').t`Preparing demo...`)
     void application.user.populateSessionFromDemoShareToken(token).then(() => {
       application.status.removeMessage(status)
       application.hideAccountMenu()
@@ -127,7 +128,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
       } else if (eventName === ApplicationEvent.LocalDatabaseReadError) {
         if (!currentLoadErrorDialog.current) {
           alertDialog({
-            text: 'Unable to load local database. Please restart the app and try again.',
+            text: c('B2.NavSharedUI.Error').t`Unable to load local database. Please restart the app and try again.`,
           })
             .then(() => {
               currentLoadErrorDialog.current = null
@@ -137,7 +138,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
       } else if (eventName === ApplicationEvent.LocalDatabaseWriteError) {
         if (!currentWriteErrorDialog.current) {
           currentWriteErrorDialog.current = alertDialog({
-            text: 'Unable to write to local database. Please restart the app and try again.',
+            text: c('B2.NavSharedUI.Error').t`Unable to write to local database. Please restart the app and try again.`,
           })
             .then(() => {
               currentWriteErrorDialog.current = null
@@ -147,7 +148,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
       } else if (eventName === ApplicationEvent.SyncTooManyRequests) {
         addToast({
           type: ToastType.Error,
-          message: 'Too many requests. Please try again later.',
+          message: c('B2.NavSharedUI.Error').t`Too many requests. Please try again later.`,
         })
       }
     })
diff --git a/packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx b/packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx
index 7ebf184d989..546efaf1e66 100644
--- a/packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx
+++ b/packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx
@@ -1,10 +1,11 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 
 const DotOrgNotice: FunctionComponent = () => {
   return (
     <div className="z-modal flex h-30 w-full items-center bg-danger text-center text-info-contrast">
       <div className="w-full text-center text-xl font-bold">
-        app.standardnotes.org is no longer maintained. Please switch to{' '}
+        {c('B2.NavSharedUI.Warning').t`app.standardnotes.org is no longer maintained. Please switch to`}{' '}
         <a className="underline" href="https://app.standardnotes.com">
           app.standardnotes.com
         </a>
diff --git a/packages/web/src/javascripts/Components/CameraCaptureModal/PhotoCaptureModal.tsx b/packages/web/src/javascripts/Components/CameraCaptureModal/PhotoCaptureModal.tsx
index 9ba81f98ccd..3a4eff83168 100644
--- a/packages/web/src/javascripts/Components/CameraCaptureModal/PhotoCaptureModal.tsx
+++ b/packages/web/src/javascripts/Components/CameraCaptureModal/PhotoCaptureModal.tsx
@@ -4,11 +4,14 @@ import { formatDateAndTimeForNote } from '@/Utils/DateUtils'
 import { classNames } from '@standardnotes/snjs'
 import { observer } from 'mobx-react-lite'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { c } from 'ttag'
 import Dropdown from '../Dropdown/Dropdown'
 import Icon from '../Icon/Icon'
 import DecoratedInput from '../Input/DecoratedInput'
 import Modal from '../Modal/Modal'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 type Props = {
   filesController: FilesController
   close: () => void
@@ -64,10 +67,14 @@ const PhotoCaptureModal = ({ filesController, close }: Props) => {
 
   const devicesAsDropdownItems = useMemo(() => {
     return recorder?.devices
-      ? recorder.devices.map((device) => ({
-          label: device.label || `Camera (${device.deviceId.slice(0, 10)})`,
-          value: device.deviceId,
-        }))
+      ? recorder.devices.map((device) => {
+          const abbreviatedDeviceId = device.deviceId.slice(0, 10)
+
+          return {
+            label: device.label || jtString(c('B2.NavSharedUI.Label').jt`Camera (${abbreviatedDeviceId})`),
+            value: device.deviceId,
+          }
+        })
       : []
   }, [recorder?.devices])
 
@@ -89,31 +96,31 @@ const PhotoCaptureModal = ({ filesController, close }: Props) => {
   }
   return (
     <Modal
-      title="Take a photo"
+      title={c('B2.NavSharedUI.Title').t`Take a photo`}
       close={close}
       actions={[
         {
-          label: 'Capture',
+          label: c('B2.NavSharedUI.Action').t`Capture`,
           onClick: takePhoto,
           type: 'primary',
           mobileSlot: 'right',
           hidden: !!capturedPhoto,
         },
         {
-          label: 'Upload',
+          label: c('B2.NavSharedUI.Action').t`Upload`,
           onClick: savePhoto,
           type: 'primary',
           mobileSlot: 'right',
           hidden: !capturedPhoto,
         },
         {
-          label: 'Cancel',
+          label: c('B2.NavSharedUI.Action').t`Cancel`,
           onClick: close,
           type: 'cancel',
           mobileSlot: 'left',
         },
         {
-          label: 'Retry',
+          label: c('B2.NavSharedUI.Action').t`Retry`,
           onClick: retryPhoto,
           type: 'secondary',
         },
@@ -122,7 +129,7 @@ const PhotoCaptureModal = ({ filesController, close }: Props) => {
       <div className="px-4 py-4">
         <div className="mb-4 flex flex-col">
           <label className="text-sm font-medium text-neutral">
-            File name:
+            {c('B2.NavSharedUI.Label').t`File name:`}
             <DecoratedInput
               className={{
                 container: 'mt-1',
@@ -134,28 +141,28 @@ const PhotoCaptureModal = ({ filesController, close }: Props) => {
           </label>
         </div>
         <div className="mt-2">
-          <div className="text-sm font-medium text-neutral">Preview:</div>
+          <div className="text-sm font-medium text-neutral">{c('B2.NavSharedUI.Label').t`Preview:`}</div>
           {!isRecorderReady && (
             <div className="mt-1 w-full">
               <div className="flex h-64 w-full items-center justify-center gap-2 rounded-md bg-contrast text-base">
                 <Icon type="camera" className="text-neutral-300" />
-                Initializing...
+                {c('B2.NavSharedUI.Info').t`Initializing...`}
               </div>
             </div>
           )}
           <div className={classNames('mt-1 w-full', capturedPhoto && 'hidden')} ref={previewRef}></div>
           {capturedPhoto && (
             <div className="mt-1 w-full">
-              <img src={URL.createObjectURL(capturedPhoto)} alt="Captured photo" />
+              <img src={URL.createObjectURL(capturedPhoto)} alt={c('B2.NavSharedUI.Label').t`Captured photo`} />
             </div>
           )}
         </div>
         {recorder && devicesAsDropdownItems.length > 1 && !capturedPhoto && (
           <div className="mt-4">
             <label className="text-sm font-medium text-neutral">
-              Device:
+              {c('B2.NavSharedUI.Label').t`Device:`}
               <Dropdown
-                label={'Photo Capture Device'}
+                label={c('B2.NavSharedUI.Label').t`Photo Capture Device`}
                 items={devicesAsDropdownItems}
                 value={recorder.selectedDevice.deviceId}
                 onChange={(value: string) => {
diff --git a/packages/web/src/javascripts/Components/CameraCaptureModal/VideoCaptureModal.tsx b/packages/web/src/javascripts/Components/CameraCaptureModal/VideoCaptureModal.tsx
index 4bcde2d6fe7..6f5c550dcfc 100644
--- a/packages/web/src/javascripts/Components/CameraCaptureModal/VideoCaptureModal.tsx
+++ b/packages/web/src/javascripts/Components/CameraCaptureModal/VideoCaptureModal.tsx
@@ -4,6 +4,7 @@ import { formatDateAndTimeForNote } from '@/Utils/DateUtils'
 import { classNames } from '@standardnotes/snjs'
 import { observer } from 'mobx-react-lite'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import DecoratedInput from '../Input/DecoratedInput'
 import Modal from '../Modal/Modal'
@@ -87,37 +88,37 @@ const VideoCaptureModal = ({ filesController, close }: Props) => {
 
   return (
     <Modal
-      title="Record a video"
+      title={c('B2.NavSharedUI.Title').t`Record a video`}
       close={close}
       actions={[
         {
-          label: 'Cancel',
+          label: c('B2.NavSharedUI.Action').t`Cancel`,
           onClick: close,
           type: 'cancel',
           mobileSlot: 'left',
         },
         {
-          label: 'Record',
+          label: c('B2.NavSharedUI.Action').t`Record`,
           onClick: startRecording,
           type: 'primary',
           mobileSlot: 'right',
           hidden: !!capturedVideo || isRecording,
         },
         {
-          label: 'Stop',
+          label: c('B2.NavSharedUI.Action').t`Stop`,
           onClick: stopRecording,
           type: 'primary',
           mobileSlot: 'right',
           hidden: !!capturedVideo || !isRecording,
         },
         {
-          label: 'Retry',
+          label: c('B2.NavSharedUI.Action').t`Retry`,
           onClick: retryRecording,
           type: 'secondary',
           hidden: !capturedVideo,
         },
         {
-          label: 'Upload',
+          label: c('B2.NavSharedUI.Action').t`Upload`,
           onClick: saveVideo,
           type: 'primary',
           mobileSlot: 'right',
@@ -128,7 +129,7 @@ const VideoCaptureModal = ({ filesController, close }: Props) => {
       <div className="px-4 py-4">
         <div className="mb-4 flex flex-col">
           <label className="text-sm font-medium text-neutral">
-            File name:
+            {c('B2.NavSharedUI.Label').t`File name:`}
             <DecoratedInput
               className={{
                 container: 'mt-1',
@@ -140,12 +141,12 @@ const VideoCaptureModal = ({ filesController, close }: Props) => {
           </label>
         </div>
         <div className="mt-2">
-          <div className="text-sm font-medium text-neutral">Preview:</div>
+          <div className="text-sm font-medium text-neutral">{c('B2.NavSharedUI.Label').t`Preview:`}</div>
           {!isRecorderReady && (
             <div className="mt-1 w-full">
               <div className="flex h-64 w-full items-center justify-center gap-2 rounded-md bg-contrast text-base">
                 <Icon type="camera" className="text-neutral-300" />
-                Initializing...
+                {c('B2.NavSharedUI.Info').t`Initializing...`}
               </div>
             </div>
           )}
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/BiometricsPrompt.tsx b/packages/web/src/javascripts/Components/ChallengeModal/BiometricsPrompt.tsx
index 0c39a734ffc..3865326418a 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/BiometricsPrompt.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/BiometricsPrompt.tsx
@@ -1,6 +1,7 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { ChallengePrompt } from '@standardnotes/services'
 import { RefObject, useState } from 'react'
+import { c } from 'ttag'
 import Button from '../Button/Button'
 import Icon from '../Icon/Icon'
 import { InputValue } from './InputValue'
@@ -31,10 +32,10 @@ const BiometricsPrompt = ({ application, onValueChange, prompt, buttonRef }: Pro
         {authenticated ? (
           <span className="flex items-center justify-center gap-3">
             <Icon type="check-circle" />
-            Biometrics successful
+            {c('B5.SecuritySync.Challenge.Info').t`Biometrics successful`}
           </span>
         ) : (
-          'Tap to use biometrics'
+          c('B5.SecuritySync.Challenge.Action').t`Tap to use biometrics`
         )}
       </Button>
     </div>
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx b/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
index a2ab336e9ea..cf504b6002a 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/ChallengeModal.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import {
   ButtonType,
   Challenge,
@@ -245,14 +246,14 @@ const ChallengeModal: FunctionComponent<Props> = ({ application, mainApplication
       )}
     >
       <Modal
-        title="Authenticate"
+        title={c('B5.SecuritySync.Challenge.Title').t`Authenticate`}
         close={cancelChallenge}
         customHeader={<></>}
         customFooter={<></>}
         disableCustomHeader={isMobileScreen}
         actions={[
           {
-            label: 'Cancel',
+            label: c('B5.SecuritySync.Challenge.Label').t`Cancel`,
             onClick: cancelChallenge,
             type: 'primary',
             hidden: !challenge.cancelable,
@@ -263,7 +264,7 @@ const ChallengeModal: FunctionComponent<Props> = ({ application, mainApplication
         {challenge.cancelable && (
           <button
             onClick={cancelChallenge}
-            aria-label="Close modal"
+            aria-label={c('B2.NavSharedUI.AriaLabel').t`Close modal`}
             className="absolute right-4 top-4 hidden cursor-pointer border-0 bg-transparent p-1 md:flex"
           >
             <Icon type="close" className="text-neutral" />
@@ -303,7 +304,9 @@ const ChallengeModal: FunctionComponent<Props> = ({ application, mainApplication
           </form>
           {shouldShowSubmitButton && (
             <Button primary disabled={isProcessing} className="mb-3.5 mt-1 min-w-76" onClick={submit}>
-              {isProcessing ? 'Generating Keys...' : 'Submit'}
+              {isProcessing
+                ? c('B5.SecuritySync.Challenge.Status').t`Generating Keys...`
+                : c('B5.SecuritySync.Challenge.Action').t`Submit`}
             </Button>
           )}
           {shouldShowForgotPasscode && (
@@ -312,9 +315,10 @@ const ChallengeModal: FunctionComponent<Props> = ({ application, mainApplication
               onClick={() => {
                 application.alerts
                   .confirm(
-                    'If you forgot your local passcode, your only option is to clear your local data from this device and sign back in to your account.',
-                    'Forgot passcode?',
-                    'Delete local data',
+                    c('B5.SecuritySync.Passcode.Info')
+                      .t`If you forgot your local passcode, your only option is to clear your local data from this device and sign back in to your account.`,
+                    c('B5.SecuritySync.Passcode.Title').t`Forgot passcode?`,
+                    c('B5.SecuritySync.Passcode.Action').t`Delete local data`,
                     ButtonType.Danger,
                   )
                   .then((shouldDeleteLocalData) => {
@@ -326,7 +330,7 @@ const ChallengeModal: FunctionComponent<Props> = ({ application, mainApplication
               }}
             >
               <Icon type="help" className="mr-2 text-neutral" />
-              Forgot passcode?
+              {c('B5.SecuritySync.Passcode.Title').t`Forgot passcode?`}
             </Button>
           )}
           {shouldShowWorkspaceSwitcher && <LockscreenWorkspaceSwitcher mainApplicationGroup={mainApplicationGroup} />}
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/ChallengePrompt.tsx b/packages/web/src/javascripts/Components/ChallengeModal/ChallengePrompt.tsx
index 14d2ae48657..8d87a544da2 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/ChallengePrompt.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/ChallengePrompt.tsx
@@ -1,3 +1,4 @@
+import { c } from 'ttag'
 import {
   ChallengePrompt,
   ChallengeValidation,
@@ -102,7 +103,8 @@ const ChallengeModalPrompt: FunctionComponent<Props> = ({
     <div key={prompt.id} className="mb-3 w-full">
       {prompt.validation === ChallengeValidation.ProtectionSessionDuration ? (
         <div className="min-w-76">
-          <div className="mb-2 text-sm font-medium">Allow protected access for</div>
+          <div className="mb-2 text-sm font-medium">{c('B5.SecuritySync.Challenge.Label')
+            .t`Allow protected access for`}</div>
           <div className="flex items-center justify-between rounded bg-passive-4 p-1">
             {ProtectionSessionDurations.map((option) => {
               const selected = option.valueInSeconds === values[prompt.id].value
@@ -164,7 +166,11 @@ const ChallengeModalPrompt: FunctionComponent<Props> = ({
           onChange={(value) => onValueChange(value, prompt)}
         />
       )}
-      {isInvalid && <div className="mt-2 text-sm text-danger">Invalid authentication, please try again.</div>}
+      {isInvalid && (
+        <div className="mt-2 text-sm text-danger">
+          {c('B5.SecuritySync.Challenge.Error').t`Invalid authentication, please try again.`}
+        </div>
+      )}
     </div>
   )
 }
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/LockscreenWorkspaceSwitcher.tsx b/packages/web/src/javascripts/Components/ChallengeModal/LockscreenWorkspaceSwitcher.tsx
index e12dabf72f3..82789869533 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/LockscreenWorkspaceSwitcher.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/LockscreenWorkspaceSwitcher.tsx
@@ -1,5 +1,6 @@
 import { WebApplicationGroup } from '@/Application/WebApplicationGroup'
 import { FunctionComponent, useCallback, useRef, useState } from 'react'
+import { c } from 'ttag'
 import WorkspaceSwitcherMenu from '@/Components/AccountMenu/WorkspaceSwitcher/WorkspaceSwitcherMenu'
 import Button from '@/Components/Button/Button'
 import Icon from '@/Components/Icon/Icon'
@@ -22,10 +23,10 @@ const LockscreenWorkspaceSwitcher: FunctionComponent<Props> = ({ mainApplication
     <div ref={containerRef}>
       <Button ref={buttonRef} onClick={toggleMenu} className="mt-2 flex min-w-76 items-center justify-center">
         <Icon type="user-switch" className="mr-2 text-neutral" />
-        Switch workspace
+        {c('B5.SecuritySync.Challenge.Action').t`Switch workspace`}
       </Button>
       <Popover
-        title="Switch workspace"
+        title={c('B5.SecuritySync.Challenge.Title').t`Switch workspace`}
         align="center"
         anchorElement={buttonRef}
         open={isOpen}
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/U2FPrompt.tsx b/packages/web/src/javascripts/Components/ChallengeModal/U2FPrompt.tsx
index 9177c708098..87de464b32f 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/U2FPrompt.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/U2FPrompt.tsx
@@ -1,6 +1,7 @@
 import { Username } from '@standardnotes/snjs'
 import { ChallengePrompt } from '@standardnotes/services'
 import { RefObject, useState } from 'react'
+import { c } from 'ttag'
 
 import { WebApplication } from '@/Application/WebApplication'
 
@@ -77,7 +78,7 @@ const U2FPrompt = ({ application, onValueChange, prompt, buttonRef, contextData
             }
 
             if (authenticatorResponse === null) {
-              setError('Failed to obtain device response')
+              setError(c('B5.SecuritySync.Challenge.Error').t`Failed to obtain device response`)
               return
             }
 
@@ -89,10 +90,10 @@ const U2FPrompt = ({ application, onValueChange, prompt, buttonRef, contextData
           {authenticatorResponse ? (
             <span className="flex items-center justify-center gap-3">
               <Icon type="check-circle" />
-              Obtained Device Response
+              {c('B5.SecuritySync.Challenge.Info').t`Obtained Device Response`}
             </span>
           ) : (
-            'Authenticate Device'
+            c('B5.SecuritySync.Challenge.Action').t`Authenticate Device`
           )}
         </Button>
       </div>
diff --git a/packages/web/src/javascripts/Components/ChallengeModal/U2FPromptIframeContainer.tsx b/packages/web/src/javascripts/Components/ChallengeModal/U2FPromptIframeContainer.tsx
index 549dd2534a2..c8bf85fe96f 100644
--- a/packages/web/src/javascripts/Components/ChallengeModal/U2FPromptIframeContainer.tsx
+++ b/packages/web/src/javascripts/Components/ChallengeModal/U2FPromptIframeContainer.tsx
@@ -1,6 +1,7 @@
 import { log, LoggingDomain } from '@/Logging'
 import { isDev } from '@/Utils'
 import { useEffect, useRef } from 'react'
+import { c } from 'ttag'
 
 type Props = {
   contextData?: Record<string, unknown>
@@ -56,7 +57,7 @@ const U2FPromptIframeContainer = ({ contextData, onResponse, apiHost }: Props) =
       ref={iframeRef}
       src={U2F_IFRAME_ORIGIN}
       className="h-40 w-full"
-      title="U2F"
+      title={c('B5.SecuritySync.U2F.Label').t`U2F`}
       allow="publickey-credentials-get"
       id="u2f"
     />
diff --git a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorButton.tsx b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorButton.tsx
index 004a035605f..f25244fc873 100644
--- a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorButton.tsx
+++ b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorButton.tsx
@@ -1,4 +1,5 @@
 import { observer } from 'mobx-react-lite'
+import { c } from 'ttag'
 import { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import ChangeEditorMenu from './ChangeEditorMenu'
 import Popover from '../Popover/Popover'
@@ -58,7 +59,7 @@ const ChangeEditorButton: FunctionComponent<Props> = ({ noteViewController, onCl
     return application.commands.addWithShortcut(
       CHANGE_EDITOR_COMMAND,
       'Current note',
-      'Change note type',
+      c('B4.Notes.EditingUI.Action').t`Change note type`,
       () => {
         void toggleMenu()
       },
@@ -71,17 +72,19 @@ const ChangeEditorButton: FunctionComponent<Props> = ({ noteViewController, onCl
     [application],
   )
 
+  const shortcutLabel = shortcut && keyboardStringForShortcut(shortcut)
+
   return (
     <div ref={containerRef}>
       <RoundIconButton
-        label={`Change note type (${shortcut && keyboardStringForShortcut(shortcut)})`}
+        label={c('B4.Notes.EditingUI.Label').jt`Change note type (${shortcutLabel})` as unknown as string}
         onClick={toggleMenu}
         ref={buttonRef}
         icon={selectedEditorIcon}
         iconClassName={`text-accessory-tint-${selectedEditorIconTint}`}
       />
       <Popover
-        title="Change note type"
+        title={c('B4.Notes.EditingUI.Title').t`Change note type`}
         togglePopover={toggleMenu}
         disableClickOutside={isClickOutsideDisabled}
         anchorElement={buttonRef}
diff --git a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMenu.tsx b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMenu.tsx
index d92d2cd765f..f8c460fb94c 100644
--- a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMenu.tsx
+++ b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMenu.tsx
@@ -26,6 +26,7 @@ import { Pill } from '../Preferences/PreferencesComponents/Content'
 import ModalOverlay from '../Modal/ModalOverlay'
 import SuperNoteConverter from '../SuperEditor/SuperNoteConverter'
 import MenuSection from '../Menu/MenuSection'
+import { c } from 'ttag'
 
 type ChangeEditorMenuProps = {
   application: WebApplication
@@ -168,7 +169,7 @@ const ChangeEditorMenu: FunctionComponent<ChangeEditorMenuProps> = ({
       }
 
       if (note.locked) {
-        application.alerts.alert(STRING_EDIT_LOCKED_ATTEMPT).catch(console.error)
+        application.alerts.alert(STRING_EDIT_LOCKED_ATTEMPT()).catch(console.error)
         return
       }
 
@@ -252,19 +253,20 @@ const ChangeEditorMenu: FunctionComponent<ChangeEditorMenuProps> = ({
 
   return (
     <>
-      <Menu className="pb-1 pt-0.5" a11yLabel="Change note type menu">
+      <Menu className="pb-1 pt-0.5" a11yLabel={c('B4.Notes.EditingUI.Label').t`Change note type menu`}>
         <MenuSection>
           <div className="flex items-center justify-between py-3 pr-4 md:pb-1 md:pt-0">
             <div className="px-3">
-              <h2 className="text-base font-bold">Choose a note type</h2>
+              <h2 className="text-base font-bold">{c('B4.Notes.EditingUI.Label').t`Choose a note type`}</h2>
               {unableToFindEditor && (
                 <p className="mr-2 pt-1 text-xs text-warning">
-                  Unable to find system editor for this note. Select Manage Plugins to reinstall this editor.
+                  {c('B4.Notes.EditingUI.Error')
+                    .t`Unable to find system editor for this note. Select Manage Plugins to reinstall this editor.`}
                 </p>
               )}
             </div>
             <button className="cursor-pointer whitespace-nowrap text-right text-xs text-info" onClick={managePlugins}>
-              Manage Plugins
+              {c('B4.Notes.EditingUI.Action').t`Manage Plugins`}
             </button>
           </div>
         </MenuSection>
@@ -295,14 +297,14 @@ const ChangeEditorMenu: FunctionComponent<ChangeEditorMenuProps> = ({
                           {menuItem.uiFeature.displayName}
                           {menuItem.isLabs && (
                             <Pill className="px-1.5 py-0.5" style="success">
-                              Labs
+                              {c('B4.Notes.EditingUI.Label').t`Labs`}
                             </Pill>
                           )}
                           {menuItem.uiFeature.featureIdentifier === NativeFeatureIdentifier.TYPES.SuperEditor &&
                             !isSelected(menuItem) &&
                             recommendSuper && (
                               <Pill className="px-1.5 py-0.5 text-[0.5625rem]" style="info">
-                                Recommended
+                                {c('B4.Notes.EditingUI.Label').t`Recommended`}
                               </Pill>
                             )}
                         </div>
diff --git a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMultipleMenu.tsx b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMultipleMenu.tsx
index 115e2c4e556..a75cd0df35d 100644
--- a/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMultipleMenu.tsx
+++ b/packages/web/src/javascripts/Components/ChangeEditor/ChangeEditorMultipleMenu.tsx
@@ -12,6 +12,7 @@ import {
   NativeFeatureIdentifier,
 } from '@standardnotes/snjs'
 import { useCallback, useMemo, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import { PremiumFeatureIconName, PremiumFeatureIconClass } from '../Icon/PremiumFeatureIcon'
 import Menu from '../Menu/Menu'
@@ -71,7 +72,7 @@ const ChangeEditorMultipleMenu = ({ application, notes, setDisableClickOutside }
       }
 
       if (hasSelectedLockedNotes) {
-        void application.alerts.alert(STRING_EDIT_LOCKED_ATTEMPT)
+        void application.alerts.alert(STRING_EDIT_LOCKED_ATTEMPT())
         return
       }
 
@@ -138,7 +139,7 @@ const ChangeEditorMultipleMenu = ({ application, notes, setDisableClickOutside }
 
   return (
     <>
-      <Menu a11yLabel="Change note type">
+      <Menu a11yLabel={c('B4.Notes.EditingUI.Label').t`Change note type`}>
         {groupsWithItems.map((group) => (
           <MenuSection key={getGroupId(group)}>
             {group.items.map((item) => {
@@ -157,7 +158,7 @@ const ChangeEditorMultipleMenu = ({ application, notes, setDisableClickOutside }
                       {item.uiFeature.displayName}
                       {item.isLabs && (
                         <Pill className="px-1.5 py-0.5" style="success">
-                          Labs
+                          {c('B4.Notes.EditingUI.Label').t`Labs`}
                         </Pill>
                       )}
                     </div>
diff --git a/packages/web/src/javascripts/Components/ChangeEditor/ChangeMultipleButton.tsx b/packages/web/src/javascripts/Components/ChangeEditor/ChangeMultipleButton.tsx
index fe47c31c31a..46e4b4eb16e 100644
--- a/packages/web/src/javascripts/Components/ChangeEditor/ChangeMultipleButton.tsx
+++ b/packages/web/src/javascripts/Components/ChangeEditor/ChangeMultipleButton.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import { NotesController } from '@/Controllers/NotesController/NotesController'
 import { useRef, useState } from 'react'
 import RoundIconButton from '../Button/RoundIconButton'
@@ -18,9 +19,14 @@ const ChangeMultipleButton = ({ application, notesController }: Props) => {
 
   return (
     <>
-      <RoundIconButton label={'Change note type'} onClick={toggleMenu} ref={changeButtonRef} icon="plain-text" />
+      <RoundIconButton
+        label={c('B4.Notes.EditingUI.Action').t`Change note type`}
+        onClick={toggleMenu}
+        ref={changeButtonRef}
+        icon="plain-text"
+      />
       <Popover
-        title="Change note type"
+        title={c('B4.Notes.EditingUI.Action').t`Change note type`}
         togglePopover={toggleMenu}
         disableClickOutside={disableClickOutside}
         anchorElement={changeButtonRef}
diff --git a/packages/web/src/javascripts/Components/ClipperView/ClippedNoteView.tsx b/packages/web/src/javascripts/Components/ClipperView/ClippedNoteView.tsx
index 39e5fa50d2e..e2cb93e70f8 100644
--- a/packages/web/src/javascripts/Components/ClipperView/ClippedNoteView.tsx
+++ b/packages/web/src/javascripts/Components/ClipperView/ClippedNoteView.tsx
@@ -10,6 +10,7 @@ import LinkedItemBubblesContainer from '../LinkedItems/LinkedItemBubblesContaine
 import { LinkingController } from '@/Controllers/LinkingController'
 import Button from '../Button/Button'
 import Spinner from '../Spinner/Spinner'
+import { c } from 'ttag'
 
 const ClippedNoteView = ({
   note,
@@ -66,7 +67,7 @@ const ClippedNoteView = ({
   const discardNote = useCallback(async () => {
     if (
       await confirmDialog({
-        text: 'Are you sure you want to discard this clip?',
+        text: c('B4.Notes.EditingUI.Confirmation').t`Are you sure you want to discard this clip?`,
         confirmButtonText: 'Discard',
         confirmButtonStyle: 'danger',
       })
@@ -93,7 +94,7 @@ const ClippedNoteView = ({
           {!isFirefoxPopup && (
             <Button className="flex items-center justify-center" fullWidth onClick={clearClip} disabled={isDiscarding}>
               <Icon type="arrow-left" className="mr-2" />
-              Back
+              {c('B4.Notes.EditingUI.Action').t`Back`}
             </Button>
           )}
           <Button
@@ -109,7 +110,7 @@ const ClippedNoteView = ({
             ) : (
               <>
                 <Icon type="trash-filled" className="mr-2" />
-                Discard
+                {c('B4.Notes.EditingUI.Action').t`Discard`}
               </>
             )}
           </Button>
diff --git a/packages/web/src/javascripts/Components/ClipperView/ClipperView.tsx b/packages/web/src/javascripts/Components/ClipperView/ClipperView.tsx
index de82d43322b..d110d7f123c 100644
--- a/packages/web/src/javascripts/Components/ClipperView/ClipperView.tsx
+++ b/packages/web/src/javascripts/Components/ClipperView/ClipperView.tsx
@@ -24,6 +24,7 @@ import {
   classNames,
 } from '@standardnotes/snjs'
 import { addToast, ToastType } from '@standardnotes/toast'
+import { c } from 'ttag'
 import { getSuperJSONFromClipPayload } from './getSuperJSONFromClipHTML'
 import ClippedNoteView from './ClippedNoteView'
 import { PremiumFeatureIconClass, PremiumFeatureIconName } from '../Icon/PremiumFeatureIcon'
@@ -38,6 +39,8 @@ import StyledTooltip from '../StyledTooltip/StyledTooltip'
 import MenuSwitchButtonItem from '../Menu/MenuSwitchButtonItem'
 import Spinner from '../Spinner/Spinner'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGroup }) => {
   const application = useApplication()
 
@@ -137,11 +140,11 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
   const showSignOutConfirmation = useCallback(async () => {
     if (
       await confirmDialog({
-        title: 'Sign Out',
-        text: 'Are you sure you want to sign out?',
-        confirmButtonText: 'Sign Out',
+        title: c('B1.Account.Session.Title').t`Sign Out`,
+        text: c('B1.Account.Session.Info').t`Are you sure you want to sign out?`,
+        confirmButtonText: c('B1.Account.Session.Action').t`Sign Out`,
         confirmButtonStyle: 'danger',
-        cancelButtonText: 'Cancel',
+        cancelButtonText: c('B1.Account.Session.Action').t`Cancel`,
       })
     ) {
       await application.user.signOut()
@@ -205,7 +208,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
       if (!clipPayload.content) {
         addToast({
           type: ToastType.Error,
-          message: 'No content to clip',
+          message: c('B7.FilesSubscriptionHelp.Help.Error').t`No content to clip`,
         })
         return
       }
@@ -245,7 +248,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
 
       addToast({
         type: ToastType.Success,
-        message: 'Note clipped successfully',
+        message: c('B7.FilesSubscriptionHelp.Help.Info').t`Note clipped successfully`,
       })
 
       const syncRequest = await application.sync.getRawSyncRequestForExternalUse([insertedNote])
@@ -282,6 +285,10 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
   }, [application, hasSubscription])
 
   if (user && !isEntitledToExtension) {
+    const webClipperLabel = (
+      <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Subscription.Label').t`Web Clipper`}</span>
+    )
+
     return (
       <div className="px-3 py-3">
         <div
@@ -290,16 +297,19 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
         >
           <Icon className={`h-12 w-12 ${PremiumFeatureIconClass}`} size={'custom'} type={PremiumFeatureIconName} />
         </div>
-        <div className="mb-1 text-center text-lg font-bold">Enable Advanced Features</div>
+        <div className="mb-1 text-center text-lg font-bold">{c('B7.FilesSubscriptionHelp.Subscription.Title')
+          .t`Enable Advanced Features`}</div>
         <div className="mb-3 text-center">
-          To take advantage of <span className="font-semibold">Web Clipper</span> and other advanced features, upgrade
-          your current plan.
+          {jtString(
+            c('B7.FilesSubscriptionHelp.Subscription.Info')
+              .jt`To take advantage of ${webClipperLabel} and other advanced features, upgrade your current plan.`,
+          )}
         </div>
         <Button className="mb-2" fullWidth primary onClick={upgradePlan}>
-          Upgrade
+          {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Upgrade`}
         </Button>
         <Button fullWidth onClick={showSignOutConfirmation}>
-          Sign out
+          {c('B1.Account.Session.Action').t`Sign out`}
         </Button>
       </div>
     )
@@ -328,14 +338,14 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
         />
       </div>
     ) : (
-      <Menu a11yLabel="User account menu">
+      <Menu a11yLabel={c('B1.Account.Session.Label').t`User account menu`}>
         <MenuItem onClick={activateRegisterPane}>
           <Icon type="user" className="mr-2 h-6 w-6 text-neutral md:h-5 md:w-5" />
-          Create free account
+          {c('B1.Account.Session.Action').t`Create free account`}
         </MenuItem>
         <MenuItem onClick={activateSignInPane}>
           <Icon type="signIn" className="mr-2 h-6 w-6 text-neutral md:h-5 md:w-5" />
-          Sign in
+          {c('B1.Account.Session.Action').t`Sign in`}
         </MenuItem>
       </Menu>
     )
@@ -343,7 +353,10 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
 
   return (
     <div className="bg-contrast p-3">
-      <Menu a11yLabel="Extension menu" className="rounded border border-border bg-default">
+      <Menu
+        a11yLabel={c('B7.FilesSubscriptionHelp.Help.Label').t`Extension menu`}
+        className="rounded border border-border bg-default"
+      >
         {hasSelection && (
           <MenuItem
             className="border-b border-border"
@@ -357,7 +370,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
             }}
           >
             <Icon type="paragraph" className="mr-2 text-info" />
-            Clip text selection
+            {c('B7.FilesSubscriptionHelp.Help.Action').t`Clip text selection`}
           </MenuItem>
         )}
         <MenuItem
@@ -370,7 +383,9 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
           }}
         >
           <Icon type="notes-filled" className="mr-2 text-info" />
-          {isScreenshotMode ? 'Capture visible' : 'Clip full page'}
+          {isScreenshotMode
+            ? c('B7.FilesSubscriptionHelp.Help.Action').t`Capture visible`
+            : c('B7.FilesSubscriptionHelp.Help.Action').t`Clip full page`}
         </MenuItem>
         <MenuItem
           disabled={isScreenshotMode}
@@ -383,7 +398,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
           }}
         >
           <Icon type="rich-text" className="mr-2 text-info" />
-          Clip article
+          {c('B7.FilesSubscriptionHelp.Help.Action').t`Clip article`}
         </MenuItem>
         <MenuItem
           onClick={async () => {
@@ -392,7 +407,9 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
           }}
         >
           <Icon type="dashboard" className="mr-2 text-info" />
-          Select elements to {isScreenshotMode ? 'capture' : 'clip'}
+          {isScreenshotMode
+            ? c('B7.FilesSubscriptionHelp.Help.Action').t`Select elements to capture`
+            : c('B7.FilesSubscriptionHelp.Help.Action').t`Select elements to clip`}
         </MenuItem>
         <MenuSwitchButtonItem
           checked={isScreenshotMode}
@@ -402,7 +419,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
           className="flex-row-reverse gap-2"
           forceDesktopStyle={true}
         >
-          Clip as screenshot
+          {c('B7.FilesSubscriptionHelp.Help.Action').t`Clip as screenshot`}
         </MenuSwitchButtonItem>
         <div className="border-t border-border px-3 py-3  text-foreground">
           {defaultTag && (
@@ -413,7 +430,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
                 unlinkItem={unselectTag}
                 isBidirectional={false}
               />
-              <StyledTooltip label="Remove default tag" gutter={2}>
+              <StyledTooltip label={c('B7.FilesSubscriptionHelp.Help.Label').t`Remove default tag`} gutter={2}>
                 <button
                   className="rounded-full p-1 text-neutral hover:bg-contrast hover:text-info"
                   onClick={unselectTag}
@@ -425,7 +442,7 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
           )}
           <ItemSelectionDropdown
             onSelection={selectTag}
-            placeholder="Select tag to save clipped notes to..."
+            placeholder={c('B7.FilesSubscriptionHelp.Help.Placeholder').t`Select tag to save clipped notes to...`}
             contentTypes={[ContentType.TYPES.Tag]}
             className={{
               input: 'text-[0.85rem]',
@@ -450,13 +467,15 @@ const ClipperView = ({ applicationGroup }: { applicationGroup: WebApplicationGro
             {isSyncing && (
               <>
                 <Spinner className="mx-2.5 h-4 w-4" />
-                <div className="flex-grow py-2 text-sm font-semibold text-info">Syncing...</div>
+                <div className="flex-grow py-2 text-sm font-semibold text-info">{c('B2.NavSharedUI.Status')
+                  .t`Syncing...`}</div>
               </>
             )}
             {hasSyncError && (
               <>
                 <Icon type="warning" className="mx-2.5" />
-                <div className="flex-grow py-2 text-sm font-semibold">Unable to sync</div>
+                <div className="flex-grow py-2 text-sm font-semibold">{c('B2.NavSharedUI.Error')
+                  .t`Unable to sync`}</div>
               </>
             )}
           </div>
diff --git a/packages/web/src/javascripts/Components/CommandPalette/CommandPalette.tsx b/packages/web/src/javascripts/Components/CommandPalette/CommandPalette.tsx
index e60bc3632c1..88b6b7d7ba3 100644
--- a/packages/web/src/javascripts/Components/CommandPalette/CommandPalette.tsx
+++ b/packages/web/src/javascripts/Components/CommandPalette/CommandPalette.tsx
@@ -1,4 +1,5 @@
 import { observer } from 'mobx-react-lite'
+import { c } from 'ttag'
 import { startTransition, useCallback, useEffect, useState } from 'react'
 import { useKeyboardService } from '../KeyboardServiceProvider'
 import { PlatformedKeyboardShortcut, TOGGLE_COMMAND_PALETTE } from '@standardnotes/ui-services'
@@ -61,6 +62,17 @@ function ListItemDescription({ item }: { item: CommandPaletteItem }) {
 const Tabs = ['all', 'commands', 'notes', 'files', 'tags'] as const
 type TabId = (typeof Tabs)[number]
 
+const getTabLabel = (id: TabId) => {
+  const labels: Record<TabId, string> = {
+    all: c('B2.NavSharedUI.Label').t`all`,
+    commands: c('B2.NavSharedUI.Label').t`commands`,
+    notes: c('B2.NavSharedUI.Label').t`notes`,
+    files: c('B2.NavSharedUI.Label').t`files`,
+    tags: c('B2.NavSharedUI.Label').t`tags`,
+  }
+  return labels[id]
+}
+
 function CommandPaletteListItem({
   id,
   item,
@@ -105,7 +117,7 @@ function ComboboxInput() {
     <Combobox
       autoSelect="always"
       className="h-10 w-full appearance-none bg-transparent px-1 text-base focus:shadow-none focus:outline-none"
-      placeholder="Search notes, files, commands, etc..."
+      placeholder={c('B2.NavSharedUI.Placeholder').t`Search notes, files, commands, etc...`}
       onKeyDown={(event) => {
         if (event.key !== 'Tab') {
           return
@@ -157,7 +169,7 @@ function CommandPalette() {
     return keyboardService.addCommandHandler({
       command: TOGGLE_COMMAND_PALETTE,
       category: 'General',
-      description: 'Toggle command palette',
+      description: c('B2.NavSharedUI.Action').t`Toggle command palette`,
       onKeyDown: (e) => {
         e.preventDefault()
         setIsOpen((open) => !open)
@@ -218,7 +230,7 @@ function CommandPalette() {
         section,
         id: UuidGenerator.GenerateUuid(),
         itemUuid: item.uuid,
-        description: item.title || '<no title>',
+        description: item.title || c('B2.NavSharedUI.Placeholder').t`<no title>`,
         icon: <Icon type={icon[0]} className={item instanceof SNNote ? icon[1] : ''} />,
       }
     },
@@ -371,18 +383,22 @@ function CommandPalette() {
                 disabled={hasNoItemsAtAll || (id !== 'all' && itemCountsPerTab[id] === 0)}
                 accessibleWhenDisabled={false}
               >
-                {id}
+                {getTabLabel(id)}
               </Tab>
             ))}
           </TabList>
           <TabPanel className="flex flex-col gap-1.5 overflow-y-auto" tabId={selectedTab}>
             {query.length > 0 && (hasNoItemsAtAll || hasNoItemsInSelectedTab) && (
-              <div className="mx-auto px-2 text-sm font-semibold opacity-75">No items found</div>
+              <div className="mx-auto px-2 text-sm font-semibold opacity-75">
+                {c('B2.NavSharedUI.Info').t`No items found`}
+              </div>
             )}
             <ComboboxList className="focus:shadow-none focus:outline-none">
               {recents.length > 0 && (
                 <ComboboxGroup>
-                  <ComboboxGroupLabel className="px-2 font-semibold opacity-75">Recent</ComboboxGroupLabel>
+                  <ComboboxGroupLabel className="px-2 font-semibold opacity-75">
+                    {c('B2.NavSharedUI.Label').t`Recent`}
+                  </ComboboxGroupLabel>
                   {recents.map((item, index) => (
                     <CommandPaletteListItem
                       key={item.id}
@@ -401,7 +417,9 @@ function CommandPalette() {
               {!hasNoItemsAtAll && (
                 <ComboboxGroup>
                   {recents.length > 0 && (
-                    <ComboboxGroupLabel className="mt-2 px-2 font-semibold opacity-75">All commands</ComboboxGroupLabel>
+                    <ComboboxGroupLabel className="mt-2 px-2 font-semibold opacity-75">
+                      {c('B2.NavSharedUI.Label').t`All commands`}
+                    </ComboboxGroupLabel>
                   )}
                   {items.map((item, index) => (
                     <CommandPaletteListItem
diff --git a/packages/web/src/javascripts/Components/ComponentView/IframeFeatureView.tsx b/packages/web/src/javascripts/Components/ComponentView/IframeFeatureView.tsx
index d6b63d5ad6a..f221fb2d2a1 100644
--- a/packages/web/src/javascripts/Components/ComponentView/IframeFeatureView.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/IframeFeatureView.tsx
@@ -9,6 +9,7 @@ import {
 } from '@standardnotes/snjs'
 import { KeyboardKeyEvent, type KeyboardModifier } from '@standardnotes/ui-services'
 import { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { c } from 'ttag'
 import { observer } from 'mobx-react-lite'
 import OfflineRestricted from '@/Components/ComponentView/OfflineRestricted'
 import UrlMissing from '@/Components/ComponentView/UrlMissing'
@@ -289,7 +290,7 @@ const IframeFeatureView: FunctionComponent<Props> = ({
           sandbox={sandboxAttributes.join(' ')}
           {...(usedInModal && { 'data-used-in-modal': true })}
         >
-          Loading
+          {c('B2.NavSharedUI.Info').t`Loading`}
         </iframe>
       )}
       {isLoading && <div className={'loading-overlay'} />}
diff --git a/packages/web/src/javascripts/Components/ComponentView/IsDeprecated.tsx b/packages/web/src/javascripts/Components/ComponentView/IsDeprecated.tsx
index 19c506279c1..a63780646b3 100644
--- a/packages/web/src/javascripts/Components/ComponentView/IsDeprecated.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/IsDeprecated.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Button from '@/Components/Button/Button'
 
 type Props = {
@@ -13,13 +14,13 @@ const IsDeprecated: FunctionComponent<Props> = ({ deprecationMessage, dismissDep
         <div className={'left'}>
           <div className={'sk-app-bar-item'}>
             <div className="text-xs font-bold text-warning">
-              {deprecationMessage || 'This extension is deprecated.'}
+              {deprecationMessage || c('B2.NavSharedUI.Warning').t`This extension is deprecated.`}
             </div>
           </div>
         </div>
         <div className={'right'}>
           <Button primary onClick={dismissDeprecationMessage} small>
-            Dismiss
+            {c('B2.NavSharedUI.Action').t`Dismiss`}
           </Button>
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/ComponentView/IssueOnLoading.tsx b/packages/web/src/javascripts/Components/ComponentView/IssueOnLoading.tsx
index 08639726d54..f5e03ca16ff 100644
--- a/packages/web/src/javascripts/Components/ComponentView/IssueOnLoading.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/IssueOnLoading.tsx
@@ -1,6 +1,9 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Button from '@/Components/Button/Button'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 type Props = {
   componentName: string
   reloadIframe: () => void
@@ -12,12 +15,14 @@ const IssueOnLoading: FunctionComponent<Props> = ({ componentName, reloadIframe
       <div className="flex min-h-[1.625rem] w-full select-none items-center justify-between border-b border-border bg-contrast px-2 py-2.5 text-text">
         <div className={'left'}>
           <div className={'sk-app-bar-item'}>
-            <div className={'sk-label.warning'}>There was an issue loading {componentName}.</div>
+            <div className={'sk-label.warning'}>
+              {jtString(c('B2.NavSharedUI.Error').jt`There was an issue loading ${componentName}.`)}
+            </div>
           </div>
         </div>
         <div className={'right'}>
           <Button primary onClick={reloadIframe} small>
-            Reload
+            {c('B2.NavSharedUI.Action').t`Reload`}
           </Button>
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/ComponentView/NotEntitledBanner.tsx b/packages/web/src/javascripts/Components/ComponentView/NotEntitledBanner.tsx
index f4ad979500a..2a1bc1502d7 100644
--- a/packages/web/src/javascripts/Components/ComponentView/NotEntitledBanner.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/NotEntitledBanner.tsx
@@ -1,5 +1,8 @@
 import { AnyFeatureDescription, FeatureStatus, dateToLocalizedString } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback } from 'react'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 import Button from '@/Components/Button/Button'
 import { WarningCircle } from '../UIElements/WarningCircle'
 import { useApplication } from '../ApplicationProvider'
@@ -13,16 +16,28 @@ const statusString = (featureStatus: FeatureStatus, expiredDate: Date | undefine
   switch (featureStatus) {
     case FeatureStatus.InCurrentPlanButExpired:
       if (expiredDate) {
-        return `Your subscription expired on ${dateToLocalizedString(expiredDate)}`
+        const expiredDateString = dateToLocalizedString(expiredDate)
+        return jtString(
+          c('B7.FilesSubscriptionHelp.Subscription.Info').jt`Your subscription expired on ${expiredDateString}`,
+        )
       } else {
-        return 'Your subscription expired.'
+        return c('B7.FilesSubscriptionHelp.Subscription.Info').t`Your subscription expired.`
       }
     case FeatureStatus.NoUserSubscription:
-      return 'You do not have an active subscription'
-    case FeatureStatus.NotInCurrentPlan:
-      return `Please upgrade your plan to access ${featureName}`
-    default:
-      return `${featureName} is valid and you should not be seeing this message`
+      return c('B7.FilesSubscriptionHelp.Subscription.Info').t`You do not have an active subscription`
+    case FeatureStatus.NotInCurrentPlan: {
+      const featureNameLabel = featureName
+      return jtString(
+        c('B7.FilesSubscriptionHelp.Subscription.Info').jt`Please upgrade your plan to access ${featureNameLabel}`,
+      )
+    }
+    default: {
+      const featureNameLabel = featureName
+      return jtString(
+        c('B7.FilesSubscriptionHelp.Subscription.Info')
+          .jt`${featureNameLabel} is valid and you should not be seeing this message`,
+      )
+    }
   }
 }
 
@@ -45,14 +60,16 @@ const NotEntitledBanner: FunctionComponent<Props> = ({ featureStatus, feature })
             </div>
             <div className="ml-2">
               <strong>{statusString(featureStatus, expiredDate, feature.name)}</strong>
-              <div className={'sk-p'}>{feature.name} is in a read-only state.</div>
+              <div className={'sk-p'}>
+                {jtString(c('B7.FilesSubscriptionHelp.Subscription.Info').jt`${feature.name} is in a read-only state.`)}
+              </div>
             </div>
           </div>
         </div>
         <div className={'right'}>
           {application.canShowPurchaseFlow() && (
             <Button onClick={manageSubscription} primary colorStyle="success" small>
-              Manage subscription
+              {c('B7.FilesSubscriptionHelp.Subscription.Label').t`Manage subscription`}
             </Button>
           )}
         </div>
diff --git a/packages/web/src/javascripts/Components/ComponentView/OfflineRestricted.tsx b/packages/web/src/javascripts/Components/ComponentView/OfflineRestricted.tsx
index 018fcad413f..d56d9ecb396 100644
--- a/packages/web/src/javascripts/Components/ComponentView/OfflineRestricted.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/OfflineRestricted.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 
 const OfflineRestricted: FunctionComponent = () => {
   return (
@@ -7,19 +8,23 @@ const OfflineRestricted: FunctionComponent = () => {
         <div className={'sk-panel-content'}>
           <div className={'sk-panel-section stretch'}>
             <div className={'sk-panel-column'} />
-            <div className="text-base font-bold">You have restricted this component to not use a hosted version.</div>
-            <div className={'sk-subtitle'}>Locally-installed components are not available in the web application.</div>
+            <div className="text-base font-bold">
+              {c('B2.NavSharedUI.Info').t`You have restricted this component to not use a hosted version.`}
+            </div>
+            <div className={'sk-subtitle'}>
+              {c('B2.NavSharedUI.Info').t`Locally-installed components are not available in the web application.`}
+            </div>
             <div className={'sk-panel-row'} />
             <div className={'sk-panel-row'}>
               <div className={'sk-panel-column'}>
-                <div className={'sk-p'}>To continue, choose from the following options:</div>
+                <div className={'sk-p'}>{c('B2.NavSharedUI.Info')
+                  .t`To continue, choose from the following options:`}</div>
                 <ul className="mt-3 list-disc pl-8">
                   <li className="sk-p mb-1">
-                    Enable the Hosted option for this component by opening the Preferences {'>'} General {'>'} Advanced
-                    Settings menu and toggling 'Use hosted when local is unavailable' under this component's options.
-                    Then press Reload.
+                    {c('B2.NavSharedUI.Info')
+                      .t`Enable the Hosted option for this component by opening the Preferences > General > Advanced Settings menu and toggling 'Use hosted when local is unavailable' under this component's options. Then press Reload.`}
                   </li>
-                  <li className={'sk-p'}>Use the desktop application.</li>
+                  <li className={'sk-p'}>{c('B2.NavSharedUI.Info').t`Use the desktop application.`}</li>
                 </ul>
               </div>
             </div>
diff --git a/packages/web/src/javascripts/Components/ComponentView/UrlMissing.tsx b/packages/web/src/javascripts/Components/ComponentView/UrlMissing.tsx
index cd74f3bcc8a..862c01628d7 100644
--- a/packages/web/src/javascripts/Components/ComponentView/UrlMissing.tsx
+++ b/packages/web/src/javascripts/Components/ComponentView/UrlMissing.tsx
@@ -1,4 +1,7 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 type Props = {
   componentName: string
@@ -10,10 +13,17 @@ const UrlMissing: FunctionComponent<Props> = ({ componentName }) => {
       <div className={'sk-panel static'}>
         <div className={'sk-panel-content'}>
           <div className={'sk-panel-section stretch'}>
-            <div className={'sk-panel-section-title'}>This extension is missing its URL property.</div>
-            <p>In order to access your note immediately, please switch from {componentName} to the Plain Editor.</p>
+            <div className={'sk-panel-section-title'}>
+              {c('B2.NavSharedUI.Error').t`This extension is missing its URL property.`}
+            </div>
+            <p>
+              {jtString(
+                c('B2.NavSharedUI.Info')
+                  .jt`In order to access your note immediately, please switch from ${componentName} to the Plain Editor.`,
+              )}
+            </p>
             <br />
-            <p>Please contact help@standardnotes.com to remedy this issue.</p>
+            <p>{c('B2.NavSharedUI.Info').t`Please contact help@standardnotes.com to remedy this issue.`}</p>
           </div>
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx b/packages/web/src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx
index 14d1a1ba68c..52a9a2a3103 100644
--- a/packages/web/src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx
+++ b/packages/web/src/javascripts/Components/ConfirmSignoutModal/ConfirmSignoutModal.tsx
@@ -87,7 +87,9 @@ const ConfirmSignoutModal: FunctionComponent<Props> = ({ application, applicatio
           {c('B1.Account.Session.Action').t`Cancel`}
         </Button>
         <Button primary colorStyle="danger" onClick={confirm}>
-          {application.hasAccount() ? c('B1.Account.Session.Action').t`Sign Out` : c('B1.Account.Session.Action').t`Delete Workspace`}
+          {application.hasAccount()
+            ? c('B1.Account.Session.Action').t`Sign Out`
+            : c('B1.Account.Session.Action').t`Delete Workspace`}
         </Button>
       </div>
     </AlertDialog>
diff --git a/packages/web/src/javascripts/Components/ContentListView/Calendar/Calendar.tsx b/packages/web/src/javascripts/Components/ContentListView/Calendar/Calendar.tsx
index 70c7aa7ff3c..9b1042f38a8 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Calendar/Calendar.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Calendar/Calendar.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect, FunctionComponent, useMemo } from 'react'
 import { CalendarActivity } from './CalendarActivity'
 import CalendarDay from './CalendarDay'
-import { CalendarDays, CalendarDaysLeap, CalendarDaysOfTheWeek } from './Constants'
+import { CalendarDays, CalendarDaysLeap, getCalendarDaysOfTheWeek } from './Constants'
 import { createActivityRecord, dateToDateOnlyString, isLeapYear, getStartDayOfMonth } from './CalendarUtilts'
 import { areDatesInSameDay } from '@/Utils/DateUtils'
 
@@ -36,7 +36,7 @@ const Calendar: FunctionComponent<Props> = ({ activities, startDate, onDateSelec
     <div className={`w-300 ${className} min-h-[210px]`}>
       <div className="ml-auto mr-auto w-70">
         <div className="flex w-full flex-wrap">
-          {CalendarDaysOfTheWeek.map((d) => (
+          {getCalendarDaysOfTheWeek().map((d: string) => (
             <div className={'flex h-8 w-[14.2%] items-center justify-center'} key={d}>
               {d}
             </div>
diff --git a/packages/web/src/javascripts/Components/ContentListView/Calendar/Constants.ts b/packages/web/src/javascripts/Components/ContentListView/Calendar/Constants.ts
index 2541d87abfe..6441fea8466 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Calendar/Constants.ts
+++ b/packages/web/src/javascripts/Components/ContentListView/Calendar/Constants.ts
@@ -1,17 +1,29 @@
+import { c } from 'ttag'
+
 export const CalendarDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
 export const CalendarDaysLeap = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
-export const CalendarDaysOfTheWeek = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
-export const CalendarMonths = [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
+
+export const getCalendarDaysOfTheWeek = () => [
+  c('B3.Notes.NoteList.Label').t`Mo`,
+  c('B3.Notes.NoteList.Label').t`Tu`,
+  c('B3.Notes.NoteList.Label').t`We`,
+  c('B3.Notes.NoteList.Label').t`Th`,
+  c('B3.Notes.NoteList.Label').t`Fr`,
+  c('B3.Notes.NoteList.Label').t`Sa`,
+  c('B3.Notes.NoteList.Label').t`Su`,
+]
+
+export const getCalendarMonths = () => [
+  c('B3.Notes.NoteList.Label').t`January`,
+  c('B3.Notes.NoteList.Label').t`February`,
+  c('B3.Notes.NoteList.Label').t`March`,
+  c('B3.Notes.NoteList.Label').t`April`,
+  c('B3.Notes.NoteList.Label').t`May`,
+  c('B3.Notes.NoteList.Label').t`June`,
+  c('B3.Notes.NoteList.Label').t`July`,
+  c('B3.Notes.NoteList.Label').t`August`,
+  c('B3.Notes.NoteList.Label').t`September`,
+  c('B3.Notes.NoteList.Label').t`October`,
+  c('B3.Notes.NoteList.Label').t`November`,
+  c('B3.Notes.NoteList.Label').t`December`,
 ]
diff --git a/packages/web/src/javascripts/Components/ContentListView/Calendar/InfiniteCalendar.tsx b/packages/web/src/javascripts/Components/ContentListView/Calendar/InfiniteCalendar.tsx
index 276c3a32d98..2242f1308e7 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Calendar/InfiniteCalendar.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Calendar/InfiniteCalendar.tsx
@@ -3,7 +3,7 @@ import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useSta
 import Calendar from './Calendar'
 import { CalendarActivity, CalendarActivityType } from './CalendarActivity'
 import { CalendarMonth } from './CalendarMonth'
-import { CalendarMonths } from './Constants'
+import { getCalendarMonths } from './Constants'
 import { insertMonths, insertMonthsWithTarget } from './CalendarUtilts'
 import { InfiniteScrollerInterface, InfinteScroller } from '../InfiniteScroller/InfiniteScroller'
 import { classNames } from '@standardnotes/utils'
@@ -188,7 +188,7 @@ const InfiniteCalendar = forwardRef<InfiniteCalendarInterface, Props>(
             'text-center font-bold hover:bg-contrast',
           )}
         >
-          {CalendarMonths[activeDate.getMonth()]} {activeDate.getFullYear()}
+          {getCalendarMonths()[activeDate.getMonth()]} {activeDate.getFullYear()}
         </div>
         {expanded && (
           <InfinteScroller
diff --git a/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx b/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
index c66d0e2424e..57e7b07c4b0 100644
--- a/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/ContentListView.tsx
@@ -1,3 +1,4 @@
+import { c } from 'ttag'
 import {
   CANCEL_SEARCH_COMMAND,
   CREATE_NEW_NOTE_KEYBOARD_COMMAND,
@@ -76,6 +77,9 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
       selectPreviousItem,
     } = itemListController
 
+    const selectedItemsCount = itemListController.selectedItemsCount
+    const selectedItemsLabel = c('B3.Notes.NoteList.Info').jt`${selectedItemsCount} selected`
+
     const innerRef = useRef<HTMLDivElement | null>(null)
 
     const { addDragTarget, removeDragTarget } = useFileDragNDrop()
@@ -126,8 +130,10 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
       const shouldAddDropTarget = !navigationController.isInAnySystemView() && !navigationController.isInSmartView()
 
       if (target && shouldAddDropTarget && currentTag) {
+        const tagTitle = currentTag.title
         addDragTarget(target, {
-          tooltipText: `Drop your files to upload and link them to tag "${currentTag.title}"`,
+          tooltipText: c('B3.Notes.NoteList.Info')
+            .jt`Drop your files to upload and link them to tag "${tagTitle}"` as unknown as string,
           callback: fileDropCallback,
         })
       }
@@ -178,7 +184,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         {
           command: NEXT_LIST_ITEM_KEYBOARD_COMMAND,
           category: 'Notes list',
-          description: 'Go to next item',
+          description: c('B3.Notes.NoteList.Action').t`Go to next item`,
           elements: [document.body, ...(searchBarElement ? [searchBarElement] : [])],
           onKeyDown: () => {
             if (searchBarElement === document.activeElement) {
@@ -193,7 +199,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         {
           command: PREVIOUS_LIST_ITEM_KEYBOARD_COMMAND,
           category: 'Notes list',
-          description: 'Go to previous item',
+          description: c('B3.Notes.NoteList.Action').t`Go to previous item`,
           element: document.body,
           onKeyDown: () => {
             if (shouldUseTableView) {
@@ -205,7 +211,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         {
           command: SEARCH_KEYBOARD_COMMAND,
           category: 'General',
-          description: 'Toggle global search',
+          description: c('B3.Notes.NoteList.Action').t`Toggle global search`,
           onKeyDown: (event) => {
             if (searchBarElement) {
               event.preventDefault()
@@ -224,7 +230,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         {
           command: SELECT_ALL_ITEMS_KEYBOARD_COMMAND,
           category: 'General',
-          description: 'Select all items',
+          description: c('B3.Notes.NoteList.Action').t`Select all items`,
           onKeyDown: (event) => {
             const isTargetInsideContentList = (event.target as HTMLElement).closest(`#${ElementIds.ContentList}`)
 
@@ -257,7 +263,9 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
       if (shortcut) {
         shortcut = '(' + shortcut + ')'
       }
-      return isFilesSmartView ? `Upload file ${shortcut}` : `Create a new note in the selected tag ${shortcut}`
+      return isFilesSmartView
+        ? (c('B3.Notes.NoteList.Action').jt`Upload file ${shortcut}` as unknown as string)
+        : (c('B3.Notes.NoteList.Action').jt`Create a new note in the selected tag ${shortcut}` as unknown as string)
     }, [isFilesSmartView, shortcutForCreate])
 
     useEffect(
@@ -265,7 +273,9 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         application.commands.addWithShortcut(
           CREATE_NEW_NOTE_KEYBOARD_COMMAND,
           'General',
-          isFilesSmartView ? 'Upload file' : 'Create new note',
+          isFilesSmartView
+            ? c('B3.Notes.NoteList.Action').t`Upload file`
+            : c('B3.Notes.NoteList.Action').t`Create new note`,
           (event) => {
             event?.preventDefault()
             void addNewItem()
@@ -303,7 +313,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
       <div
         id={id}
         className={classNames(className, 'sn-component section h-full overflow-hidden pt-safe-top')}
-        aria-label={'Notes & Files'}
+        aria-label={c('B3.Notes.NoteList.AriaLabel').t`Notes & Files`}
         ref={mergeRefs([ref, innerRef, setElement])}
       >
         {isMobileScreen && !itemListController.isMultipleSelectionMode && (
@@ -343,7 +353,7 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
         {itemListController.isMultipleSelectionMode && (
           <div className="flex items-center border-b border-l-2 border-border border-l-transparent py-2.5 pr-4">
             <div className="px-4">
-              <StyledTooltip label="Select all items" showOnHover showOnMobile>
+              <StyledTooltip label={c('B3.Notes.NoteList.AriaLabel').t`Select all items`} showOnHover showOnMobile>
                 <button
                   className="ml-auto rounded border border-border p-1 hover:bg-contrast"
                   onClick={() => {
@@ -354,8 +364,12 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
                 </button>
               </StyledTooltip>
             </div>
-            <div className="text-base font-semibold md:text-sm">{itemListController.selectedItemsCount} selected</div>
-            <StyledTooltip label="Cancel multiple selection" showOnHover showOnMobile>
+            <div className="text-base font-semibold md:text-sm">{selectedItemsLabel}</div>
+            <StyledTooltip
+              label={c('B3.Notes.NoteList.AriaLabel').t`Cancel multiple selection`}
+              showOnHover
+              showOnMobile
+            >
               <button
                 className="ml-auto rounded border border-border p-1 hover:bg-contrast"
                 onClick={() => {
@@ -380,11 +394,11 @@ const ContentListView = forwardRef<HTMLDivElement, Props>(
           isFilesSmartView ? (
             <EmptyFilesView addNewItem={addNewItem} />
           ) : (
-            <p className="empty-items-list opacity-50">No items.</p>
+            <p className="empty-items-list opacity-50">{c('B3.Notes.NoteList.Info').t`No items.`}</p>
           )
         ) : null}
         {!dailyMode && !completedFullSync && !renderedItems.length ? (
-          <p className="empty-items-list opacity-50">Loading...</p>
+          <p className="empty-items-list opacity-50">{c('B3.Notes.NoteList.Status').t`Loading...`}</p>
         ) : null}
         {!dailyMode && renderedItems.length ? (
           shouldUseTableView ? (
diff --git a/packages/web/src/javascripts/Components/ContentListView/Daily/DailyContentList.tsx b/packages/web/src/javascripts/Components/ContentListView/Daily/DailyContentList.tsx
index 3ffdc1bd680..581adc9c7c4 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Daily/DailyContentList.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Daily/DailyContentList.tsx
@@ -18,6 +18,7 @@ import InfiniteCalendar, { InfiniteCalendarInterface } from '../Calendar/Infinit
 import { InfiniteScrollerInterface, InfinteScroller } from '../InfiniteScroller/InfiniteScroller'
 import { LoggingDomain, log } from '@/Logging'
 import { isMobileScreen } from '@/Utils'
+import { c } from 'ttag'
 
 type Props = {
   itemListController: ItemListController
@@ -190,9 +191,10 @@ const DailyContentList: FunctionComponent<Props> = ({
       >
         {currentStreak > 0 && (
           <div className="flex w-full items-center justify-center border-t border-solid border-border bg-secondary-background p-2">
-            <span className="opacity-50">Current Streak</span>
+            <span className="opacity-50">{c('B3.Notes.NoteList.Label').t`Current Streak`}</span>
             <span className="ml-1.5 font-bold">
-              {currentStreak} {pluralize(currentStreak, 'Day', 'Days')}
+              {currentStreak}{' '}
+              {pluralize(currentStreak, c('B3.Notes.NoteList.Label').t`Day`, c('B3.Notes.NoteList.Label').t`Days`)}
             </span>
           </div>
         )}
diff --git a/packages/web/src/javascripts/Components/ContentListView/EmptyFilesView.tsx b/packages/web/src/javascripts/Components/ContentListView/EmptyFilesView.tsx
index a5d996f8d0d..ed908c91737 100644
--- a/packages/web/src/javascripts/Components/ContentListView/EmptyFilesView.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/EmptyFilesView.tsx
@@ -1,4 +1,5 @@
 import { FilesIllustration } from '@standardnotes/icons'
+import { c } from 'ttag'
 import Button from '../Button/Button'
 
 type Props = {
@@ -9,12 +10,14 @@ const EmptyFilesView = ({ addNewItem }: Props) => {
   return (
     <div className="flex h-full w-full flex-col items-center justify-center">
       <FilesIllustration className="h-32 w-32" />
-      <div className="mb-2 mt-4 text-lg font-bold">You don't have any files yet</div>
+      <div className="mb-2 mt-4 text-lg font-bold">{c('B7.FilesSubscriptionHelp.Files.Info')
+        .t`You don't have any files yet`}</div>
       <div className="mb-4 max-w-[35ch] text-center text-sm text-passive-0">
-        Files attached to your notes appear here. You can also upload files directly from this page.
+        {c('B7.FilesSubscriptionHelp.Files.Info')
+          .t`Files attached to your notes appear here. You can also upload files directly from this page.`}
       </div>
       <Button primary onClick={addNewItem}>
-        Upload files
+        {c('B7.FilesSubscriptionHelp.Files.Action').t`Upload files`}
       </Button>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/AddItemMenuButton.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/AddItemMenuButton.tsx
index 73fbb8c9bed..506e59762ff 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/AddItemMenuButton.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/AddItemMenuButton.tsx
@@ -10,6 +10,7 @@ import { PhotoRecorder } from '@/Controllers/Moments/PhotoRecorder'
 import { classNames } from '@standardnotes/snjs'
 import { useEffect, useRef, useState } from 'react'
 import StyledTooltip from '@/Components/StyledTooltip/StyledTooltip'
+import { c } from 'ttag'
 
 type Props = {
   isDailyEntry: boolean
@@ -69,7 +70,7 @@ const AddItemMenuButton = ({
       </StyledTooltip>
       {canShowMenu && (
         <Popover
-          title="Add item"
+          title={c('B3.Notes.NoteList.Label').t`Add item`}
           open={isMenuOpen}
           anchorElement={addItemButtonRef}
           togglePopover={() => {
@@ -79,7 +80,7 @@ const AddItemMenuButton = ({
           align="center"
           className="py-2"
         >
-          <Menu a11yLabel={'test'}>
+          <Menu a11yLabel={c('B3.Notes.NoteList.Label').t`Add item menu`}>
             <MenuItem
               onClick={() => {
                 addNewItem()
@@ -96,7 +97,7 @@ const AddItemMenuButton = ({
               }}
             >
               <Icon type="camera" className="mr-2" />
-              Take photo
+              {c('B3.Notes.NoteList.Action').t`Take photo`}
             </MenuItem>
             <MenuItem
               onClick={async () => {
@@ -105,7 +106,7 @@ const AddItemMenuButton = ({
               }}
             >
               <Icon type="camera" className="mr-2" />
-              Record video
+              {c('B3.Notes.NoteList.Label').t`Record video`}
             </MenuItem>
           </Menu>
         </Popover>
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
index 586d57bcbe5..17b469e3825 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/ContentListHeader.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import Icon from '../../Icon/Icon'
 import { classNames } from '@standardnotes/utils'
@@ -80,7 +81,9 @@ const ContentListHeader = ({
 
       if (event === ApplicationEvent.SyncStatusChanged) {
         setSyncSubtitle(
-          syncStatus.syncInProgress && !application.sync.completedOnlineDownloadFirstSync ? 'Syncing...' : '',
+          syncStatus.syncInProgress && !application.sync.completedOnlineDownloadFirstSync
+            ? c('B3.Notes.NoteList.Status').t`Syncing...`
+            : '',
         )
         return
       }
@@ -91,7 +94,9 @@ const ContentListHeader = ({
           return
         }
 
-        setSyncSubtitle(`Loading ${localDataCurrent}/${localDataTotal} items...`)
+        setSyncSubtitle(
+          c('B3.Notes.NoteList.Info').jt`Loading ${localDataCurrent}/${localDataTotal} items...` as unknown as string,
+        )
         return
       }
     })
@@ -107,7 +112,7 @@ const ContentListHeader = ({
     () =>
       application.commands.add(
         'open-display-opts-menu',
-        'Open display options menu',
+        c('B3.Notes.NoteList.Action').t`Open display options menu`,
         toggleDisplayOptionsMenu,
         'sort-descending',
       ),
@@ -123,7 +128,7 @@ const ContentListHeader = ({
             onClick={toggleDisplayOptionsMenu}
             ref={displayOptionsButtonRef}
             icon="sort-descending"
-            label="Display options menu"
+            label={c('B3.Notes.NoteList.AriaLabel').t`Display options menu`}
           />
           <Popover
             open={showDisplayOptionsMenu}
@@ -131,7 +136,7 @@ const ContentListHeader = ({
             togglePopover={toggleDisplayOptionsMenu}
             align="start"
             className="py-2"
-            title="Display options"
+            title={c('B3.Notes.NoteList.Title').t`Display options`}
           >
             <DisplayOptionsMenu
               application={application}
@@ -185,7 +190,7 @@ const ContentListHeader = ({
             <div className="text-2xl font-semibold text-text md:text-lg">{panelTitle}</div>
             {showSyncSubtitle && (
               <div className={classNames('-mt-1 text-xs md:mt-0', outOfSync ? 'text-warning' : 'text-passive-0')}>
-                {outOfSync ? 'Potentially Out of Sync' : syncSubtitle}
+                {outOfSync ? c('B3.Notes.NoteList.Status').t`Potentially Out of Sync` : syncSubtitle}
               </div>
             )}
             {optionsSubtitle && <div className="text-xs text-passive-0">{optionsSubtitle}</div>}
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/DisplayOptionsMenu.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/DisplayOptionsMenu.tsx
index 06e55b7db1a..47b324c9162 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/DisplayOptionsMenu.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/DisplayOptionsMenu.tsx
@@ -27,6 +27,7 @@ import { Pill } from '@/Components/Preferences/PreferencesComponents/Content'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 import { PaneLayout } from '@/Controllers/PaneController/PaneLayout'
 import MenuSection from '@/Components/Menu/MenuSection'
+import { c } from 'ttag'
 
 const DailyEntryModeEnabled = true
 
@@ -286,11 +287,18 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
   const shouldHideNonApplicableOptions = isTableViewEnabled && !isMobileScreen
 
   return (
-    <Menu className="text-sm" a11yLabel="Notes list options menu">
-      <div className="my-1 px-3 text-base font-semibold uppercase text-text lg:text-xs">Preferences for</div>
+    <Menu className="text-sm" a11yLabel={c('B3.Notes.NoteList.Label').t`Notes list options menu`}>
+      <div className="my-1 px-3 text-base font-semibold uppercase text-text lg:text-xs">
+        {c('B3.Notes.NoteList.Label').t`Preferences for`}
+      </div>
       <div className={classNames('mt-1.5 flex w-full justify-between px-3', !controlsDisabled && 'mb-3')}>
         <div className="flex items-center gap-1.5">
-          <TabButton label="Global" mode="global" currentMode={currentMode} setCurrentMode={setCurrentMode} />
+          <TabButton
+            label={c('B3.Notes.NoteList.Label').t`Global`}
+            mode="global"
+            currentMode={currentMode}
+            setCurrentMode={setCurrentMode}
+          />
           <TabButton
             label={selectedTag.title}
             icon={selectedTag.iconString}
@@ -301,7 +309,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
         </div>
         {currentMode === 'tag' && (
           <button className="text-base lg:text-sm" onClick={resetTagPreferences}>
-            Reset
+            {c('B3.Notes.NoteList.Action').t`Reset`}
           </button>
         )}
       </div>
@@ -310,16 +318,18 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
         <NoSubscriptionBanner
           className="m-2 mb-3 mt-2"
           application={application}
-          title="Upgrade for per-tag preferences"
+          title={c('B3.Notes.NoteList.Info').t`Upgrade for per-tag preferences`}
           message={
             DailyEntryModeEnabled
-              ? 'Create powerful workflows and organizational layouts with per-tag display preferences and the all-new Daily Notebook calendar layout.'
-              : 'Create powerful workflows and organizational layouts with per-tag display preferences.'
+              ? c('B3.Notes.NoteList.Label')
+                  .t`Create powerful workflows and organizational layouts with per-tag display preferences and the all-new Daily Notebook calendar layout.`
+              : c('B3.Notes.NoteList.Label')
+                  .t`Create powerful workflows and organizational layouts with per-tag display preferences.`
           }
         />
       )}
 
-      <MenuSection title="Sort by">
+      <MenuSection title={c('B3.Notes.NoteList.Label').t`Sort by`}>
         <MenuRadioButtonItem
           disabled={controlsDisabled || isDailyEntry}
           className="py-2"
@@ -327,7 +337,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={preferences.sortBy === CollectionSort.UpdatedAt}
         >
           <div className="ml-1 flex flex-grow items-center justify-between md:ml-2">
-            <span>Date modified</span>
+            <span>{c('B3.Notes.NoteList.Label').t`Date modified`}</span>
             <SortIcon enabled={preferences.sortBy === CollectionSort.UpdatedAt} reverse={preferences.sortReverse} />
           </div>
         </MenuRadioButtonItem>
@@ -338,7 +348,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={preferences.sortBy === CollectionSort.CreatedAt}
         >
           <div className="ml-1 flex flex-grow items-center justify-between md:ml-2">
-            <span>Creation date</span>
+            <span>{c('B3.Notes.NoteList.Label').t`Creation date`}</span>
             <SortIcon enabled={preferences.sortBy === CollectionSort.CreatedAt} reverse={preferences.sortReverse} />
           </div>
         </MenuRadioButtonItem>
@@ -349,13 +359,13 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={preferences.sortBy === CollectionSort.Title}
         >
           <div className="ml-1 flex flex-grow items-center justify-between md:ml-2">
-            <span>Title</span>
+            <span>{c('B3.Notes.NoteList.Label').t`Title`}</span>
             <SortIcon enabled={preferences.sortBy === CollectionSort.Title} reverse={preferences.sortReverse} />
           </div>
         </MenuRadioButtonItem>
       </MenuSection>
 
-      <MenuSection title="View">
+      <MenuSection title={c('B3.Notes.NoteList.Label').t`View`}>
         {!shouldHideNonApplicableOptions && !isFilesSmartView && (
           <MenuSwitchButtonItem
             disabled={controlsDisabled}
@@ -363,7 +373,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
             checked={!preferences.hideNotePreview}
             onChange={toggleHidePreview}
           >
-            <div className="max-w-3/4 flex flex-col">Show note preview</div>
+            <div className="max-w-3/4 flex flex-col">{c('B3.Notes.NoteList.Label').t`Show note preview`}</div>
           </MenuSwitchButtonItem>
         )}
         <MenuSwitchButtonItem
@@ -372,7 +382,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={!preferences.hideDate}
           onChange={toggleHideDate}
         >
-          Show date
+          {c('B3.Notes.NoteList.Action').t`Show date`}
         </MenuSwitchButtonItem>
         <MenuSwitchButtonItem
           disabled={controlsDisabled}
@@ -380,7 +390,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={!preferences.hideTags}
           onChange={toggleHideTags}
         >
-          Show tags
+          {c('B3.Notes.NoteList.Action').t`Show tags`}
         </MenuSwitchButtonItem>
         <MenuSwitchButtonItem
           disabled={controlsDisabled}
@@ -388,19 +398,19 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           checked={!preferences.hideEditorIcon}
           onChange={toggleEditorIcon}
         >
-          Show icon
+          {c('B3.Notes.NoteList.Action').t`Show icon`}
         </MenuSwitchButtonItem>
       </MenuSection>
 
       {!shouldHideNonApplicableOptions && (
-        <MenuSection title="Other">
+        <MenuSection title={c('B3.Notes.NoteList.Label').t`Other`}>
           <MenuSwitchButtonItem
             disabled={controlsDisabled}
             className="py-1 hover:bg-contrast focus:bg-info-backdrop"
             checked={!preferences.hidePinned}
             onChange={toggleHidePinned}
           >
-            Show pinned
+            {c('B3.Notes.NoteList.Action').t`Show pinned`}
           </MenuSwitchButtonItem>
           <MenuSwitchButtonItem
             disabled={controlsDisabled}
@@ -408,7 +418,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
             checked={!preferences.hideProtected}
             onChange={toggleHideProtected}
           >
-            Show protected
+            {c('B3.Notes.NoteList.Action').t`Show protected`}
           </MenuSwitchButtonItem>
           <MenuSwitchButtonItem
             disabled={controlsDisabled}
@@ -416,7 +426,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
             checked={Boolean(preferences.showArchived)}
             onChange={toggleShowArchived}
           >
-            Show archived
+            {c('B3.Notes.NoteList.Action').t`Show archived`}
           </MenuSwitchButtonItem>
           <MenuSwitchButtonItem
             disabled={controlsDisabled}
@@ -424,7 +434,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
             checked={Boolean(preferences.showTrashed)}
             onChange={toggleShowTrashed}
           >
-            Show trashed
+            {c('B3.Notes.NoteList.Action').t`Show trashed`}
           </MenuSwitchButtonItem>
         </MenuSection>
       )}
@@ -439,12 +449,16 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           >
             <div className="flex flex-col pr-5">
               <div className="flex flex-row items-center">
-                <div className="text-base font-semibold uppercase text-text lg:text-xs">Daily Notebook</div>
+                <div className="text-base font-semibold uppercase text-text lg:text-xs">
+                  {c('B3.Notes.NoteList.Label').t`Daily Notebook`}
+                </div>
                 <Pill className="!py-0.5 px-1.5" style="success">
-                  Labs
+                  {c('B3.Notes.NoteList.Label').t`Labs`}
                 </Pill>
               </div>
-              <div className="mt-1">Capture new notes daily with a calendar-based layout</div>
+              <div className="mt-1">
+                {c('B3.Notes.NoteList.Label').t`Capture new notes daily with a calendar-based layout`}
+              </div>
             </div>
           </MenuSwitchButtonItem>
         </MenuSection>
@@ -460,19 +474,23 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
           >
             <div className="flex flex-col pr-5">
               <div className="flex flex-row items-center">
-                <div className="text-base font-semibold uppercase text-text lg:text-xs">Table view</div>
+                <div className="text-base font-semibold uppercase text-text lg:text-xs">
+                  {c('B3.Notes.NoteList.Label').t`Table view`}
+                </div>
                 <Pill className="!py-0.5 px-1.5" style="success">
-                  Labs
+                  {c('B3.Notes.NoteList.Label').t`Labs`}
                 </Pill>
               </div>
-              <div className="mt-1">Display the notes and files in the current tag in a table layout</div>
+              <div className="mt-1">
+                {c('B3.Notes.NoteList.Label').t`Display the notes and files in the current tag in a table layout`}
+              </div>
             </div>
           </MenuSwitchButtonItem>
         </MenuSection>
       )}
 
       {!shouldHideNonApplicableOptions && (!isSystemTag || currentMode === 'global') && (
-        <MenuSection title="New note defaults">
+        <MenuSection title={c('B3.Notes.NoteList.Label').t`New note defaults`}>
           <NewNotePreferences
             disabled={controlsDisabled}
             application={application}
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx
index b25eeba03d8..b327b942db8 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/NewNotePreferences.tsx
@@ -23,6 +23,7 @@ import { NoteTitleFormatOptions } from './NoteTitleFormatOptions'
 import { usePremiumModal } from '@/Hooks/usePremiumModal'
 import { getDayjsFormattedString } from '@/Utils/GetDayjsFormattedString'
 import { ErrorBoundary } from '@/Utils/ErrorBoundary'
+import { c } from 'ttag'
 
 const PrefChangeDebounceTimeInMs = 25
 
@@ -175,12 +176,12 @@ const NewNotePreferences: FunctionComponent<Props> = ({
   return (
     <div className="px-3 py-3">
       <div>
-        <div className="text-mobile-menu-item md:text-menu-item">Note Type</div>
+        <div className="text-mobile-menu-item md:text-menu-item">{c('B3.Notes.NoteList.Label').t`Note Type`}</div>
         <div className="mt-2">
           <Dropdown
             disabled={disabled}
             fullWidth={true}
-            label="Select the default note type"
+            label={c('B3.Notes.NoteList.Label').t`Select the default note type`}
             items={editorItems}
             value={defaultEditorIdentifier}
             onChange={(value) => selectEditorForNewNoteDefault(value as EditorOption['value'])}
@@ -188,12 +189,13 @@ const NewNotePreferences: FunctionComponent<Props> = ({
         </div>
       </div>
       <div>
-        <div className="mt-3 text-mobile-menu-item md:text-menu-item">Title Format</div>
+        <div className="mt-3 text-mobile-menu-item md:text-menu-item">{c('B3.Notes.NoteList.Label')
+          .t`Title Format`}</div>
         <div className="mt-2">
           <Dropdown
             disabled={disabled}
             fullWidth={true}
-            label="Select the format for the note title"
+            label={c('B3.Notes.NoteList.Label').t`Select the format for the note title`}
             items={NoteTitleFormatOptions}
             value={newNoteTitleFormat}
             onChange={setNewNoteTitleFormatChange}
@@ -209,14 +211,14 @@ const NewNotePreferences: FunctionComponent<Props> = ({
                 'w-full min-w-55 rounded border border-solid border-passive-3 bg-default px-2 py-1.5 text-sm md:translucent-ui:bg-transparent',
                 'focus-within:ring-2 focus-within:ring-info',
               )}
-              placeholder="e.g. YYYY-MM-DD"
+              placeholder={c('B3.Notes.NoteList.Label').t`e.g. YYYY-MM-DD`}
               value={customNoteTitleFormat}
               onChange={handleCustomFormatInputChange}
               spellCheck={false}
             />
           </div>
           <div className="mt-3 text-neutral">
-            <span className="font-bold">Preview: </span>
+            <span className="font-bold">{c('B3.Notes.NoteList.Label').t`Preview:`} </span>
             <ErrorBoundary>
               <CustomNoteTitleFormatPreview format={customNoteTitleFormat} />
             </ErrorBoundary>
@@ -234,9 +236,10 @@ const NewNotePreferences: FunctionComponent<Props> = ({
                 }
               }}
             >
-              Options
+              {c('B3.Notes.NoteList.Action').t`Options`}
             </a>
-            . Use <code>[]</code> to escape formatting.
+            . {c('B3.Notes.NoteList.Info').t`Use`} <code>[]</code>{' '}
+            {c('B3.Notes.NoteList.Info').t`to escape formatting.`}
           </div>
         </div>
       )}
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/NoteTitleFormatOptions.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/NoteTitleFormatOptions.tsx
index 2daf756e103..dbd57bf83a5 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/NoteTitleFormatOptions.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/NoteTitleFormatOptions.tsx
@@ -1,20 +1,21 @@
 import { NewNoteTitleFormat } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 export const NoteTitleFormatOptions = [
   {
-    label: 'Current date and time',
+    label: c('B3.Notes.NoteList.Label').t`Current date and time`,
     value: NewNoteTitleFormat.CurrentDateAndTime,
   },
   {
-    label: 'Current note count',
+    label: c('B3.Notes.NoteList.Label').t`Current note count`,
     value: NewNoteTitleFormat.CurrentNoteCount,
   },
   {
-    label: 'Custom format',
+    label: c('B3.Notes.NoteList.Label').t`Custom format`,
     value: NewNoteTitleFormat.CustomFormat,
   },
   {
-    label: 'Empty',
+    label: c('B3.Notes.NoteList.Label').t`Empty`,
     value: NewNoteTitleFormat.Empty,
   },
 ]
diff --git a/packages/web/src/javascripts/Components/ContentListView/Header/SearchButton.tsx b/packages/web/src/javascripts/Components/ContentListView/Header/SearchButton.tsx
index b20f7c67e23..8e00468a76b 100644
--- a/packages/web/src/javascripts/Components/ContentListView/Header/SearchButton.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/Header/SearchButton.tsx
@@ -1,4 +1,5 @@
 import RoundIconButton from '@/Components/Button/RoundIconButton'
+import { c } from 'ttag'
 import ClearInputButton from '@/Components/ClearInputButton/ClearInputButton'
 import Icon from '@/Components/Icon/Icon'
 import DecoratedInput from '@/Components/Input/DecoratedInput'
@@ -31,7 +32,7 @@ const SearchButton = ({ itemListController }: Props) => {
           ),
           input: 'text-base placeholder:text-passive-0 lg:text-sm',
         }}
-        placeholder={'Search...'}
+        placeholder={c('B3.Notes.NoteList.Placeholder').t`Search...`}
         value={noteFilterText}
         ref={(node) => {
           if (node && document.activeElement !== node) {
@@ -50,7 +51,7 @@ const SearchButton = ({ itemListController }: Props) => {
           setIsSearchBarVisible(!isSearchBarVisible)
         }}
         icon={isSearchBarVisible ? 'close' : 'search'}
-        label="Search"
+        label={c('B3.Notes.NoteList.AriaLabel').t`Search`}
       />
     </>
   )
diff --git a/packages/web/src/javascripts/Components/ContentListView/ListItemConflictIndicator.tsx b/packages/web/src/javascripts/Components/ContentListView/ListItemConflictIndicator.tsx
index 15ac09dd3a8..d937ce0e01b 100644
--- a/packages/web/src/javascripts/Components/ContentListView/ListItemConflictIndicator.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/ListItemConflictIndicator.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import { ListableContentItem } from './Types/ListableContentItem'
 
 type Props = {
@@ -11,7 +12,7 @@ const ListItemConflictIndicator: FunctionComponent<Props> = ({ item }) => {
   return item.conflictOf ? (
     <div className="mt-0.5 flex flex-wrap items-center">
       <div className={'mr-1 mt-2 rounded bg-danger px-1.5 py-1 text-danger-contrast'}>
-        <div className="text-center text-xs font-bold">Conflicted Copy</div>
+        <div className="text-center text-xs font-bold">{c('B3.Notes.NoteActions.Label').t`Conflicted Copy`}</div>
       </div>
     </div>
   ) : null
diff --git a/packages/web/src/javascripts/Components/ContentListView/ListItemFlagIcons.tsx b/packages/web/src/javascripts/Components/ContentListView/ListItemFlagIcons.tsx
index cfa8493f8e8..e38ca219ad2 100644
--- a/packages/web/src/javascripts/Components/ContentListView/ListItemFlagIcons.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/ListItemFlagIcons.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 import { ListableContentItem } from './Types/ListableContentItem'
 import { classNames } from '@standardnotes/snjs'
@@ -27,33 +28,63 @@ const ListItemFlagIcons: FunctionComponent<Props> = ({
   return (
     <div className={classNames('flex items-start pl-0', hasBorder && 'border-b border-solid border-border', className)}>
       {item.locked && (
-        <span className="flex items-center" title="Editing Disabled">
-          <Icon ariaLabel="Editing Disabled" type="pencil-off" className="text-info" size="medium" />
+        <span className="flex items-center" title={c('B3.Notes.NoteList.Action').t`Editing Disabled`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Action').t`Editing Disabled`}
+            type="pencil-off"
+            className="text-info"
+            size="medium"
+          />
         </span>
       )}
       {item.trashed && (
-        <span className="ml-1.5 flex items-center" title="Trashed">
-          <Icon ariaLabel="Trashed" type="trash-filled" className="text-danger" size="medium" />
+        <span className="ml-1.5 flex items-center" title={c('B3.Notes.NoteList.Action').t`Trashed`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Action').t`Trashed`}
+            type="trash-filled"
+            className="text-danger"
+            size="medium"
+          />
         </span>
       )}
       {item.archived && (
-        <span className="ml-1.5 flex items-center" title="Archived">
-          <Icon ariaLabel="Archived" type="archive" className="text-accessory-tint-3" size="medium" />
+        <span className="ml-1.5 flex items-center" title={c('B3.Notes.NoteList.Action').t`Archived`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Action').t`Archived`}
+            type="archive"
+            className="text-accessory-tint-3"
+            size="medium"
+          />
         </span>
       )}
       {hasFiles && (
-        <span className="ml-1.5 flex items-center" title="Files">
-          <Icon ariaLabel="Files" type="attachment-file" className="text-info" size="medium" />
+        <span className="ml-1.5 flex items-center" title={c('B3.Notes.NoteList.Label').t`Files`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Label').t`Files`}
+            type="attachment-file"
+            className="text-info"
+            size="medium"
+          />
         </span>
       )}
       {item.starred && (
-        <span className="ml-1.5 flex items-center" title="Starred">
-          <Icon ariaLabel="Starred" type="star-filled" className="text-warning" size="medium" />
+        <span className="ml-1.5 flex items-center" title={c('B3.Notes.NoteList.Action').t`Starred`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Action').t`Starred`}
+            type="star-filled"
+            className="text-warning"
+            size="medium"
+          />
         </span>
       )}
       {isFileBackedUp && (
-        <span className="ml-1.5 flex items-center" title="File is backed up locally">
-          <Icon ariaLabel="File is backed up locally" type="check-circle" className="text-info" size="medium" />
+        <span className="ml-1.5 flex items-center" title={c('B3.Notes.NoteList.Label').t`File is backed up locally`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Label').t`File is backed up locally`}
+            type="check-circle"
+            className="text-info"
+            size="medium"
+          />
         </span>
       )}
     </div>
diff --git a/packages/web/src/javascripts/Components/ContentListView/ListItemMetadata.tsx b/packages/web/src/javascripts/Components/ContentListView/ListItemMetadata.tsx
index 88b20fbd53e..5e349116a71 100644
--- a/packages/web/src/javascripts/Components/ContentListView/ListItemMetadata.tsx
+++ b/packages/web/src/javascripts/Components/ContentListView/ListItemMetadata.tsx
@@ -1,5 +1,6 @@
 import { CollectionSort, SortableItem } from '@standardnotes/snjs'
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import { ListableContentItem } from './Types/ListableContentItem'
 
 type Props = {
@@ -21,9 +22,18 @@ const ListItemMetadata: FunctionComponent<Props> = ({ item, hideDate, sortBy })
 
   return (
     <div className="leading-1.4 mt-1 text-sm opacity-50 lg:text-xs">
-      {item.protected && <span>Protected {hideDate ? '' : ' • '}</span>}
-      {!hideDate && showModifiedDate && <span>Modified {item.updatedAtString || 'Now'}</span>}
-      {!hideDate && !showModifiedDate && <span>{item.createdAtString || 'Now'}</span>}
+      {item.protected && (
+        <span>
+          {c('B3.Notes.NoteList.Label').t`Protected`}
+          {hideDate ? '' : ' • '}
+        </span>
+      )}
+      {!hideDate && showModifiedDate && (
+        <span>
+          {c('B3.Notes.NoteList.Label').t`Modified`} {item.updatedAtString || c('B3.Notes.NoteList.Label').t`Now`}
+        </span>
+      )}
+      {!hideDate && !showModifiedDate && <span>{item.createdAtString || c('B3.Notes.NoteList.Label').t`Now`}</span>}
     </div>
   )
 }
diff --git a/packages/web/src/javascripts/Components/ContentTableView/ContentTableView.tsx b/packages/web/src/javascripts/Components/ContentTableView/ContentTableView.tsx
index 99a727d477a..4026ce2c0c3 100644
--- a/packages/web/src/javascripts/Components/ContentTableView/ContentTableView.tsx
+++ b/packages/web/src/javascripts/Components/ContentTableView/ContentTableView.tsx
@@ -16,6 +16,7 @@ import {
   isNote,
 } from '@standardnotes/snjs'
 import { useState, useEffect, useCallback, useMemo, useRef } from 'react'
+import { c } from 'ttag'
 import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
 import { getFileIconComponent } from '../FilePreview/getFileIconComponent'
 import Popover from '../Popover/Popover'
@@ -65,7 +66,7 @@ const ContextMenuCell = ({ items }: { items: DecryptedItemInterface[] }) => {
         <Icon type="more" />
       </button>
       <Popover
-        title="File options"
+        title={c('B3.Notes.NoteList.Label').t`File options`}
         open={contextMenuVisible}
         anchorElement={anchorElementRef}
         togglePopover={() => {
@@ -75,7 +76,7 @@ const ContextMenuCell = ({ items }: { items: DecryptedItemInterface[] }) => {
         align="start"
         className="py-2"
       >
-        <Menu a11yLabel="File context menu">
+        <Menu a11yLabel={c('B3.Notes.NoteList.Label').t`File context menu`}>
           {allItemsAreFiles && (
             <FileMenuOptions
               closeMenu={() => {
@@ -118,7 +119,7 @@ const ItemLinksCell = ({ item }: { item: DecryptedItemInterface }) => {
         <Icon type="link" />
       </button>
       <Popover
-        title="Linked items"
+        title={c('B4.Notes.TagsLinkedItems.Label').t`Linked items`}
         open={contextMenuVisible}
         anchorElement={anchorElementRef}
         togglePopover={() => {
@@ -163,7 +164,7 @@ const ItemNameCell = ({ item, hideIcon }: { item: DecryptedItemInterface; hideIc
         {backupInfo && (
           <div
             className="absolute bottom-1 right-1 translate-x-1/2 translate-y-1/2 rounded-full bg-default text-success"
-            title="File is backed up locally"
+            title={c('B3.Notes.NoteList.Info').t`File is backed up locally`}
           >
             <Icon size="small" type="check-circle-filled" />
           </div>
@@ -172,8 +173,13 @@ const ItemNameCell = ({ item, hideIcon }: { item: DecryptedItemInterface; hideIc
       <span className="overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium">{item.title}</span>
       <ListItemVaultInfo item={item} />
       {item.protected && (
-        <span className="flex items-center" title="File is protected">
-          <Icon ariaLabel="File is protected" type="lock-filled" className="h-3.5 w-3.5 text-passive-1" size="custom" />
+        <span className="flex items-center" title={c('B3.Notes.NoteList.Info').t`File is protected`}>
+          <Icon
+            ariaLabel={c('B3.Notes.NoteList.Label').t`File is protected`}
+            type="lock-filled"
+            className="h-3.5 w-3.5 text-passive-1"
+            size="custom"
+          />
         </span>
       )}
     </div>
@@ -196,6 +202,8 @@ const AttachedToCell = ({ item }: { item: DecryptedItemInterface }) => {
     return null
   }
 
+  const additionalLinksCount = allLinks.length - 1
+
   return (
     <div className="flex items-center gap-2 overflow-hidden">
       <LinkedItemBubble
@@ -207,7 +215,7 @@ const AttachedToCell = ({ item }: { item: DecryptedItemInterface }) => {
         }}
         isBidirectional={false}
       />
-      {allLinks.length - 1 >= 1 && <span>and {allLinks.length - 1} more...</span>}
+      {additionalLinksCount >= 1 && <span>{c('B3.Notes.NoteList.Info').jt`and ${additionalLinksCount} more...`}</span>}
     </div>
   )
 }
@@ -274,12 +282,12 @@ const ContentTableView = ({ application, items }: Props) => {
   const columnDefs: TableColumn<DecryptedItemInterface>[] = useMemo(
     () => [
       {
-        name: 'Name',
+        name: c('B3.Notes.NoteList.Label').t`Name`,
         sortBy: 'title',
         cell: (item) => <ItemNameCell item={item} hideIcon={hideIcon} />,
       },
       {
-        name: 'Upload date',
+        name: c('B3.Notes.NoteList.Label').t`Upload date`,
         sortBy: 'created_at',
         cell: (item) => {
           return formatDateForContextMenu(item.created_at)
@@ -287,7 +295,7 @@ const ContentTableView = ({ application, items }: Props) => {
         hidden: isSmallBreakpoint || hideDate,
       },
       {
-        name: 'Size',
+        name: c('B3.Notes.NoteList.Label').t`Size`,
         sortBy: 'decryptedSize',
         cell: (item) => {
           return item instanceof FileItem ? formatSizeToReadableString(item.decryptedSize) : null
@@ -295,7 +303,7 @@ const ContentTableView = ({ application, items }: Props) => {
         hidden: isSmallBreakpoint || !listHasFiles,
       },
       {
-        name: 'Attached to',
+        name: c('B3.Notes.NoteList.Label').t`Attached to`,
         hidden: isSmallBreakpoint || isMediumBreakpoint || isLargeBreakpoint || hideTags,
         cell: (item) => <AttachedToCell item={item} />,
       },
@@ -354,7 +362,7 @@ const ContentTableView = ({ application, items }: Props) => {
       <Table table={table} />
       {contextMenuPosition && contextMenuItem && (
         <Popover
-          title="Options"
+          title={c('B3.Notes.NoteList.Label').t`Options`}
           open={true}
           anchorPoint={contextMenuPosition}
           togglePopover={() => {
@@ -366,7 +374,7 @@ const ContentTableView = ({ application, items }: Props) => {
           className="py-2"
         >
           {contextMenuItem instanceof FileItem && (
-            <Menu a11yLabel="File context menu">
+            <Menu a11yLabel={c('B3.Notes.NoteList.Label').t`File context menu`}>
               <FileMenuOptions
                 closeMenu={closeContextMenu}
                 shouldShowRenameOption={false}
@@ -376,7 +384,7 @@ const ContentTableView = ({ application, items }: Props) => {
             </Menu>
           )}
           {contextMenuItem instanceof SNNote && (
-            <Menu className="select-none" a11yLabel="Note context menu">
+            <Menu className="select-none" a11yLabel={c('B3.Notes.NoteList.Label').t`Note context menu`}>
               <NotesOptions notes={[contextMenuItem]} closeMenu={closeContextMenu} />
             </Menu>
           )}
diff --git a/packages/web/src/javascripts/Components/EditorWidthSelectionModal/EditorWidthSelectionModal.tsx b/packages/web/src/javascripts/Components/EditorWidthSelectionModal/EditorWidthSelectionModal.tsx
index 7869eb1f1c9..2151055b001 100644
--- a/packages/web/src/javascripts/Components/EditorWidthSelectionModal/EditorWidthSelectionModal.tsx
+++ b/packages/web/src/javascripts/Components/EditorWidthSelectionModal/EditorWidthSelectionModal.tsx
@@ -1,4 +1,5 @@
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 import { classNames, EditorLineWidth, SNNote, PrefDefaults, LocalPrefKey } from '@standardnotes/snjs'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import Button from '../Button/Button'
@@ -44,19 +45,19 @@ const EditorWidthSelectionModal = ({
   const options = useMemo(
     () => [
       {
-        label: 'Narrow',
+        label: c('B4.Notes.EditorOptions.Label').t`Narrow`,
         value: EditorLineWidth.Narrow,
       },
       {
-        label: 'Wide',
+        label: c('B4.Notes.EditorOptions.Label').t`Wide`,
         value: EditorLineWidth.Wide,
       },
       {
-        label: 'Dynamic',
+        label: c('B4.Notes.EditorOptions.Label').t`Dynamic`,
         value: EditorLineWidth.Dynamic,
       },
       {
-        label: 'Full width',
+        label: c('B4.Notes.EditorOptions.Label').t`Full width`,
         value: EditorLineWidth.FullWidth,
       },
     ],
@@ -71,13 +72,13 @@ const EditorWidthSelectionModal = ({
   const actions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B4.Notes.EditorOptions.Action').t`Cancel`,
         type: 'cancel',
         onClick: close,
         mobileSlot: 'left',
       },
       {
-        label: 'Done',
+        label: c('B4.Notes.EditorOptions.Action').t`Done`,
         type: 'primary',
         onClick: accept,
         mobileSlot: 'right',
@@ -97,7 +98,7 @@ const EditorWidthSelectionModal = ({
 
   return (
     <Modal
-      title="Set editor width"
+      title={c('B4.Notes.EditorOptions.Title').t`Set editor width`}
       close={close}
       customHeader={<></>}
       customFooter={<></>}
@@ -119,7 +120,7 @@ const EditorWidthSelectionModal = ({
           <div className="flex flex-col text-info">
             <div className="mb-2 text-center text-sm">
               {value === EditorLineWidth.Narrow || value === EditorLineWidth.Wide
-                ? `Max. ${EditorMaxWidths[value]}`
+                ? c('B4.Notes.EditorOptions.Info').jt`Max. ${EditorMaxWidths[value]}`
                 : EditorMaxWidths[value]}
             </div>
             <DoubleSidedArrow />
@@ -132,16 +133,18 @@ const EditorWidthSelectionModal = ({
         <div className="border-t border-border bg-default px-4 py-2">
           <label className="flex items-center gap-2">
             <Switch checked={setGlobally} onChange={setSetGlobally} />
-            Set globally {note.editorWidth != undefined && '(will not apply to current note)'}
+            {note.editorWidth != undefined
+              ? c('B4.Notes.EditorOptions.Info').t`Set globally (will not apply to current note)`
+              : c('B4.Notes.EditorOptions.Label').t`Set globally`}
           </label>
         </div>
       )}
       <ModalDialogButtons className="justify-center md:justify-between">
         <RadioButtonGroup items={options} value={value} onChange={(value) => setValue(value as EditorLineWidth)} />
         <div className="hidden items-center gap-2 md:flex">
-          <Button onClick={close}>Cancel</Button>
+          <Button onClick={close}>{c('B4.Notes.EditorOptions.Action').t`Cancel`}</Button>
           <Button onClick={accept} primary>
-            Apply
+            {c('B4.Notes.EditorOptions.Action').t`Apply`}
           </Button>
         </div>
       </ModalDialogButtons>
@@ -181,7 +184,7 @@ const EditorWidthSelectionModalWrapper = () => {
     return application.commands.addWithShortcut(
       CHANGE_EDITOR_WIDTH_COMMAND,
       'Current note',
-      'Change editor width',
+      c('B4.Notes.EditorOptions.Action').t`Change editor width`,
       (_, data) => {
         if (typeof data === 'boolean' && data) {
           setIsGlobal(data)
diff --git a/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx b/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx
index 1bc5120c3b5..f7f73e3fe37 100644
--- a/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx
+++ b/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx
@@ -1,6 +1,7 @@
 import { FilesController } from '@/Controllers/FilesController'
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Menu from '../Menu/Menu'
 import Popover from '../Popover/Popover'
 import FileMenuOptions from './FileMenuOptions'
@@ -17,14 +18,14 @@ const FileContextMenu: FunctionComponent<Props> = observer(({ filesController, i
 
   return (
     <Popover
-      title="File options"
+      title={c('B7.FilesSubscriptionHelp.Files.Title').t`File options`}
       open={showFileContextMenu}
       anchorPoint={fileContextMenuLocation}
       togglePopover={() => setShowFileContextMenu(!showFileContextMenu)}
       align="start"
       className="md:pb-2"
     >
-      <Menu a11yLabel="File context menu">
+      <Menu a11yLabel={c('B7.FilesSubscriptionHelp.Files.Info').t`File context menu`}>
         <FileMenuOptions
           selectedFiles={selectedFiles}
           closeMenu={() => setShowFileContextMenu(false)}
diff --git a/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenuBackupOption.tsx b/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenuBackupOption.tsx
index a054b4dbf23..c62b8a7aa2e 100644
--- a/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenuBackupOption.tsx
+++ b/packages/web/src/javascripts/Components/FileContextMenu/FileContextMenuBackupOption.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent, useCallback, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import MenuItem from '../Menu/MenuItem'
 import { useApplication } from '../ApplicationProvider'
 import { FileBackupRecord, FileItem } from '@standardnotes/snjs'
@@ -48,7 +49,12 @@ export const FileContextMenuBackupOption: FunctionComponent<{ file: FileItem }>
           onClick={openFileBackup}
         >
           <div className="ml-2">
-            <div className="font-semibold text-success">Backed up on {dateToStringStyle1(backupInfo.backedUpOn)}</div>
+            <div className="font-semibold text-success">
+              {(() => {
+                const backedUpOn = dateToStringStyle1(backupInfo.backedUpOn)
+                return c('B7.FilesSubscriptionHelp.Files.Info').jt`Backed up on ${backedUpOn}` as unknown as string
+              })()}
+            </div>
             <div className="text-xs text-neutral">{backupAbsolutePath}</div>
           </div>
         </MenuItem>
@@ -62,8 +68,9 @@ export const FileContextMenuBackupOption: FunctionComponent<{ file: FileItem }>
           onClick={configureFileBackups}
         >
           <div className="ml-2">
-            <div>Configure file backups</div>
-            <div className="text-xs text-neutral">File not backed up locally</div>
+            <div>{c('B7.FilesSubscriptionHelp.Files.Action').t`Configure file backups`}</div>
+            <div className="text-xs text-neutral">{c('B7.FilesSubscriptionHelp.Files.Info')
+              .t`File not backed up locally`}</div>
           </div>
         </MenuItem>
       )}
diff --git a/packages/web/src/javascripts/Components/FileContextMenu/FileMenuOptions.tsx b/packages/web/src/javascripts/Components/FileContextMenu/FileMenuOptions.tsx
index fa51741a1ec..5b9231f8dcb 100644
--- a/packages/web/src/javascripts/Components/FileContextMenu/FileMenuOptions.tsx
+++ b/packages/web/src/javascripts/Components/FileContextMenu/FileMenuOptions.tsx
@@ -16,6 +16,7 @@ import { iconClass } from '../NotesOptions/ClassNames'
 import { useApplication } from '../ApplicationProvider'
 import MenuSection from '../Menu/MenuSection'
 import { ToastType, addToast } from '@standardnotes/toast'
+import { c } from 'ttag'
 
 type Props = {
   closeMenu: () => void
@@ -84,7 +85,7 @@ const FileMenuOptions: FunctionComponent<Props> = ({
   })
 
   if (selectedFiles.length === 0) {
-    return <div className="text-center">No files selected</div>
+    return <div className="text-center">{c('B7.FilesSubscriptionHelp.Files.Info').t`No files selected`}</div>
   }
 
   return (
@@ -94,12 +95,12 @@ const FileMenuOptions: FunctionComponent<Props> = ({
           {isFileAttachedToNote ? (
             <MenuItem onClick={onDetach}>
               <Icon type="link-off" className="mr-2 text-neutral" />
-              Detach from note
+              {c('B7.FilesSubscriptionHelp.Files.Info').t`Detach from note`}
             </MenuItem>
           ) : shouldShowAttachOption ? (
             <MenuItem onClick={onAttach}>
               <Icon type="link" className="mr-2 text-neutral" />
-              Attach to note
+              {c('B7.FilesSubscriptionHelp.Files.Info').t`Attach to note`}
             </MenuItem>
           ) : null}
         </MenuSection>
@@ -127,7 +128,7 @@ const FileMenuOptions: FunctionComponent<Props> = ({
           disabled={areSomeFilesInReadonlySharedVault}
         >
           <Icon type="lock" className={`mr-2 text-neutral ${MenuItemIconSize}`} />
-          Password protect
+          {c('B7.FilesSubscriptionHelp.Files.Info').t`Password protect`}
         </MenuSwitchButtonItem>
       </MenuSection>
       <MenuSection>
@@ -138,7 +139,7 @@ const FileMenuOptions: FunctionComponent<Props> = ({
           }}
         >
           <Icon type="download" className={`mr-2 text-neutral ${MenuItemIconSize}`} />
-          Download {canShowZipDownloadOption ? 'separately' : ''}
+          {c('B7.FilesSubscriptionHelp.Files.Action').t`Download`} {canShowZipDownloadOption ? 'separately' : ''}
         </MenuItem>
         {canShowZipDownloadOption && (
           <MenuItem
@@ -150,14 +151,15 @@ const FileMenuOptions: FunctionComponent<Props> = ({
                 console.error(error)
                 addToast({
                   type: ToastType.Error,
-                  message: error.message || 'Failed to download files as archive',
+                  message:
+                    error.message || c('B7.FilesSubscriptionHelp.Files.Error').t`Failed to download files as archive`,
                 })
               })
               closeMenu()
             }}
           >
             <Icon type="download" className={`mr-2 text-neutral ${MenuItemIconSize}`} />
-            Download as archive
+            {c('B7.FilesSubscriptionHelp.Files.Action').t`Download as archive`}
           </MenuItem>
         )}
         {shouldShowRenameOption && (
@@ -168,7 +170,7 @@ const FileMenuOptions: FunctionComponent<Props> = ({
             disabled={areSomeFilesInReadonlySharedVault}
           >
             <Icon type="pencil" className={`mr-2 text-neutral ${MenuItemIconSize}`} />
-            Rename
+            {c('B7.FilesSubscriptionHelp.Files.Info').t`Rename`}
           </MenuItem>
         )}
         <MenuItem
@@ -179,7 +181,7 @@ const FileMenuOptions: FunctionComponent<Props> = ({
           disabled={areSomeFilesInReadonlySharedVault}
         >
           <Icon type="trash" className={`mr-2 text-danger ${MenuItemIconSize}`} />
-          <span className="text-danger">Delete permanently</span>
+          <span className="text-danger">{c('B7.FilesSubscriptionHelp.Files.Action').t`Delete permanently`}</span>
         </MenuItem>
       </MenuSection>
 
@@ -188,11 +190,16 @@ const FileMenuOptions: FunctionComponent<Props> = ({
       <div className="px-3 pb-0.5 pt-1 text-xs font-medium text-neutral">
         {!hasSelectedMultipleFiles && (
           <div className="mb-1">
-            <span className="font-semibold">File ID:</span> {selectedFiles[0].uuid}
+            <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`File ID:`}</span>{' '}
+            {selectedFiles[0].uuid}
           </div>
         )}
         <div>
-          <span className="font-semibold">{hasSelectedMultipleFiles ? 'Total Size:' : 'Size:'}</span>{' '}
+          <span className="font-semibold">
+            {hasSelectedMultipleFiles
+              ? c('B7.FilesSubscriptionHelp.Files.Info').t`Total Size:`
+              : c('B7.FilesSubscriptionHelp.Files.Info').t`Size:`}
+          </span>{' '}
           {formatSizeToReadableString(totalFileSize)}
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/FileContextMenu/FileOptionsPanel.tsx b/packages/web/src/javascripts/Components/FileContextMenu/FileOptionsPanel.tsx
index 9a1d392aae0..91bf85237c5 100644
--- a/packages/web/src/javascripts/Components/FileContextMenu/FileOptionsPanel.tsx
+++ b/packages/web/src/javascripts/Components/FileContextMenu/FileOptionsPanel.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useRef, useState } from 'react'
 import { observer } from 'mobx-react-lite'
+import { c } from 'ttag'
 import FileMenuOptions from './FileMenuOptions'
 import Popover from '../Popover/Popover'
 import RoundIconButton from '../Button/RoundIconButton'
@@ -18,15 +19,20 @@ const FilesOptionsPanel = ({ itemListController }: Props) => {
 
   return (
     <>
-      <RoundIconButton label="File options menu" onClick={toggleMenu} ref={buttonRef} icon="more" />
+      <RoundIconButton
+        label={c('B7.FilesSubscriptionHelp.Files.Label').t`File options menu`}
+        onClick={toggleMenu}
+        ref={buttonRef}
+        icon="more"
+      />
       <Popover
-        title="File options"
+        title={c('B7.FilesSubscriptionHelp.Files.Title').t`File options`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
         className="md:pb-2"
       >
-        <Menu a11yLabel="File options panel">
+        <Menu a11yLabel={c('B7.FilesSubscriptionHelp.Files.Info').t`File options panel`}>
           <FileMenuOptions
             selectedFiles={itemListController.selectedFiles}
             closeMenu={() => {
diff --git a/packages/web/src/javascripts/Components/FileDragNDropProvider.tsx b/packages/web/src/javascripts/Components/FileDragNDropProvider.tsx
index 5b90c8b3404..edb42e58536 100644
--- a/packages/web/src/javascripts/Components/FileDragNDropProvider.tsx
+++ b/packages/web/src/javascripts/Components/FileDragNDropProvider.tsx
@@ -7,6 +7,7 @@ import { FileItem, SNNote } from '@standardnotes/snjs'
 import { useMemo, useState, createContext, ReactNode, useRef, useCallback, useEffect, useContext, memo } from 'react'
 import Portal from './Portal/Portal'
 import { ElementIds } from '@/Constants/ElementIDs'
+import { c } from 'ttag'
 
 type FileDragTargetCommonData = {
   tooltipText: string
@@ -273,7 +274,9 @@ const FileDragNDropProvider = ({ application, children }: Props) => {
       {isDraggingFiles ? (
         <>
           <div className="pointer-events-none absolute bottom-8 left-1/2 z-dropdown-menu -translate-x-1/2 rounded border-2 border-info bg-default px-5 py-3 shadow-main">
-            {tooltipText.length ? tooltipText : 'Drop your files to upload them'}
+            {tooltipText.length
+              ? tooltipText
+              : c('B7.FilesSubscriptionHelp.Files.Info').t`Drop your files to upload them`}
           </div>
         </>
       ) : null}
diff --git a/packages/web/src/javascripts/Components/FilePreview/FilePreview.tsx b/packages/web/src/javascripts/Components/FilePreview/FilePreview.tsx
index 8f777b05833..cadec99ca73 100644
--- a/packages/web/src/javascripts/Components/FilePreview/FilePreview.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/FilePreview.tsx
@@ -7,6 +7,7 @@ import {
   fileProgressToHumanReadableString,
 } from '@standardnotes/snjs'
 import { useEffect, useMemo, useState } from 'react'
+import { c } from 'ttag'
 import Spinner from '@/Components/Spinner/Spinner'
 import FilePreviewError from './FilePreviewError'
 import { isFileTypePreviewable } from './isFilePreviewable'
@@ -101,20 +102,24 @@ const FilePreview = ({
     return (
       <div className="flex flex-grow flex-col items-center justify-center">
         <ProtectedIllustration className="mb-4 h-30 w-30" />
-        <div className="mb-2 text-base font-bold">This file is protected.</div>
+        <div className="mb-2 text-base font-bold">{c('B7.FilesSubscriptionHelp.Files.Info')
+          .t`This file is protected.`}</div>
         <p className="max-w-[35ch] text-center text-sm text-passive-0">
           {hasProtectionSources
-            ? 'Authenticate to view this file.'
-            : 'Add a passcode or create an account to require authentication to view this file.'}
+            ? c('B7.FilesSubscriptionHelp.Files.Info').t`Authenticate to view this file.`
+            : c('B7.FilesSubscriptionHelp.Files.Info')
+                .t`Add a passcode or create an account to require authentication to view this file.`}
         </p>
         <div className="mt-3 flex gap-3">
           {!hasProtectionSources && (
             <Button primary small onClick={() => application.showAccountMenu()}>
-              Open account menu
+              {c('B7.FilesSubscriptionHelp.Files.Action').t`Open account menu`}
             </Button>
           )}
           <Button primary onClick={() => application.protections.authorizeItemAccess(file)}>
-            {hasProtectionSources ? 'Authenticate' : 'View file'}
+            {hasProtectionSources
+              ? c('B7.FilesSubscriptionHelp.Files.Info').t`Authenticate`
+              : c('B7.FilesSubscriptionHelp.Files.Info').t`View file`}
           </Button>
         </div>
       </div>
@@ -134,7 +139,7 @@ const FilePreview = ({
           {fileProgressToHumanReadableString(downloadProgress, file.name, { showPercent: false })}
         </span>
       ) : (
-        <span className="mt-3">Loading...</span>
+        <span className="mt-3">{c('B7.FilesSubscriptionHelp.Files.Info').t`Loading...`}</span>
       )}
     </div>
   ) : downloadedBytes ? (
diff --git a/packages/web/src/javascripts/Components/FilePreview/FilePreviewError.tsx b/packages/web/src/javascripts/Components/FilePreview/FilePreviewError.tsx
index 79c0db64505..cc42cfd88d9 100644
--- a/packages/web/src/javascripts/Components/FilePreview/FilePreviewError.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/FilePreviewError.tsx
@@ -1,6 +1,7 @@
 import { FilesController } from '@/Controllers/FilesController'
 import { NoPreviewIllustration } from '@standardnotes/icons'
 import { FileItem } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
 import Button from '../Button/Button'
 
@@ -15,11 +16,13 @@ const FilePreviewError = ({ file, filesController, isFilePreviewable, tryAgainCa
   return (
     <div className="flex flex-grow flex-col items-center justify-center">
       <NoPreviewIllustration className="mb-4 h-30 w-30" />
-      <div className="mb-2 text-base font-bold">This file can't be previewed.</div>
+      <div className="mb-2 text-base font-bold">{c('B7.FilesSubscriptionHelp.Files.Info')
+        .t`This file can't be previewed.`}</div>
       {isFilePreviewable ? (
         <>
           <div className="mb-4 max-w-[35ch] text-center text-sm text-passive-0">
-            There was an error loading the file. Try again, or download the file and open it using another application.
+            {c('B7.FilesSubscriptionHelp.Files.Error')
+              .t`There was an error loading the file. Try again, or download the file and open it using another application.`}
           </div>
           <div className="flex items-center">
             <Button
@@ -29,7 +32,7 @@ const FilePreviewError = ({ file, filesController, isFilePreviewable, tryAgainCa
                 tryAgainCallback()
               }}
             >
-              Try again
+              {c('B7.FilesSubscriptionHelp.Files.Info').t`Try again`}
             </Button>
             <Button
               onClick={() => {
@@ -43,14 +46,15 @@ const FilePreviewError = ({ file, filesController, isFilePreviewable, tryAgainCa
                   .catch(console.error)
               }}
             >
-              Download
+              {c('B7.FilesSubscriptionHelp.Files.Action').t`Download`}
             </Button>
           </div>
         </>
       ) : (
         <>
           <div className="mb-4 max-w-[35ch] text-center text-sm text-passive-0">
-            To view this file, download it and open it using another application.
+            {c('B7.FilesSubscriptionHelp.Files.Info')
+              .t`To view this file, download it and open it using another application.`}
           </div>
           <Button
             primary
@@ -63,7 +67,7 @@ const FilePreviewError = ({ file, filesController, isFilePreviewable, tryAgainCa
                 .catch(console.error)
             }}
           >
-            Download
+            {c('B7.FilesSubscriptionHelp.Files.Action').t`Download`}
           </Button>
         </>
       )}
diff --git a/packages/web/src/javascripts/Components/FilePreview/FilePreviewInfoPanel.tsx b/packages/web/src/javascripts/Components/FilePreview/FilePreviewInfoPanel.tsx
index 4ef5ca155dc..c8198557032 100644
--- a/packages/web/src/javascripts/Components/FilePreview/FilePreviewInfoPanel.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/FilePreviewInfoPanel.tsx
@@ -1,6 +1,7 @@
 import { formatSizeToReadableString } from '@standardnotes/filepicker'
 import { FileItem } from '@standardnotes/snjs'
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 
 type Props = {
@@ -12,25 +13,29 @@ const FilePreviewInfoPanel: FunctionComponent<Props> = ({ file }) => {
     <div className="flex min-w-70 flex-col p-4">
       <div className="mb-4 flex items-center">
         <Icon type="info" className="mr-2" />
-        <div className="font-semibold">File information</div>
+        <div className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`File information`}</div>
       </div>
       <div className="mb-3">
-        <span className="font-semibold">Type:</span> {file.mimeType}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`Type:`}</span> {file.mimeType}
       </div>
       <div className="mb-3">
-        <span className="font-semibold">Decrypted Size:</span> {formatSizeToReadableString(file.decryptedSize)}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`Decrypted Size:`}</span>{' '}
+        {formatSizeToReadableString(file.decryptedSize)}
       </div>
       <div className="mb-3">
-        <span className="font-semibold">Encrypted Size:</span> {formatSizeToReadableString(file.encryptedSize)}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`Encrypted Size:`}</span>{' '}
+        {formatSizeToReadableString(file.encryptedSize)}
       </div>
       <div className="mb-3">
-        <span className="font-semibold">Created:</span> {file.created_at.toLocaleString()}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`Created:`}</span>{' '}
+        {file.created_at.toLocaleString()}
       </div>
       <div className="mb-3">
-        <span className="font-semibold">Last Modified:</span> {file.userModifiedDate.toLocaleString()}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`Last Modified:`}</span>{' '}
+        {file.userModifiedDate.toLocaleString()}
       </div>
       <div>
-        <span className="font-semibold">File ID:</span> {file.uuid}
+        <span className="font-semibold">{c('B7.FilesSubscriptionHelp.Files.Info').t`File ID:`}</span> {file.uuid}
       </div>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/FilePreview/FilePreviewModal.tsx b/packages/web/src/javascripts/Components/FilePreview/FilePreviewModal.tsx
index 73ed056eb3e..ef96aef71d3 100644
--- a/packages/web/src/javascripts/Components/FilePreview/FilePreviewModal.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/FilePreviewModal.tsx
@@ -1,5 +1,6 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { FunctionComponent, KeyboardEventHandler, useCallback, useMemo, useRef, useState } from 'react'
+import { c } from 'ttag'
 import { getFileIconComponent } from './getFileIconComponent'
 import Icon from '@/Components/Icon/Icon'
 import FilePreviewInfoPanel from './FilePreviewInfoPanel'
@@ -122,26 +123,30 @@ const FilePreviewModal = observer(({ application }: Props) => {
       close={dismiss}
       actions={[
         {
-          label: 'Done',
+          label: c('B7.FilesSubscriptionHelp.Files.Label').t`Done`,
           type: 'primary',
           onClick: dismiss,
           hidden: !isMobileScreen,
           mobileSlot: 'right',
         },
         {
-          label: 'Show file options',
+          label: c('B7.FilesSubscriptionHelp.Files.Label').t`Show file options`,
           type: 'secondary',
           onClick: toggleOptionsMenu,
           hidden: !isMobileScreen,
         },
         {
-          label: `${showFileInfoPanel ? 'Hide' : 'Show'} file info`,
+          label: showFileInfoPanel
+            ? c('B7.FilesSubscriptionHelp.Files.Action').t`Hide file info`
+            : c('B7.FilesSubscriptionHelp.Files.Action').t`Show file info`,
           type: 'secondary',
           onClick: toggleInfoPanel,
           hidden: !isMobileScreen,
         },
         {
-          label: `${showLinkedBubblesContainer ? 'Hide' : 'Show'} links section`,
+          label: showLinkedBubblesContainer
+            ? c('B7.FilesSubscriptionHelp.Files.Action').t`Hide links section`
+            : c('B7.FilesSubscriptionHelp.Files.Action').t`Show links section`,
           type: 'secondary',
           onClick: toggleLinkedBubblesContainer,
           hidden: !isMobileScreen,
@@ -171,7 +176,7 @@ const FilePreviewModal = observer(({ application }: Props) => {
                 right={[
                   <button
                     className="flex h-full items-center justify-center border-l border-border px-2 py-1.5 text-neutral hover:bg-passive-4"
-                    title="Submit"
+                    title={c('B7.FilesSubscriptionHelp.Files.Label').t`Submit`}
                     onClick={handleRename}
                   >
                     <Icon type="check" size="small" />
@@ -185,37 +190,37 @@ const FilePreviewModal = observer(({ application }: Props) => {
           </div>
           <div className="flex items-center">
             {!isReadonly && (
-              <StyledTooltip label="Rename file" className="!z-modal">
+              <StyledTooltip label={c('B7.FilesSubscriptionHelp.Files.Label').t`Rename file`} className="!z-modal">
                 <button
                   className="mr-4 flex cursor-pointer rounded border border-solid border-border bg-transparent p-1.5 hover:bg-contrast"
                   onClick={() => setIsRenaming((isRenaming) => !isRenaming)}
-                  aria-label="Rename file"
+                  aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`Rename file`}
                 >
                   <Icon type="pencil-filled" className="text-neutral" />
                 </button>
               </StyledTooltip>
             )}
-            <StyledTooltip label="Show linked items" className="!z-modal">
+            <StyledTooltip label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show linked items`} className="!z-modal">
               <button
                 className="mr-4 flex cursor-pointer rounded border border-solid border-border bg-transparent p-1.5 hover:bg-contrast"
                 onClick={toggleLinkedBubblesContainer}
-                aria-label="Show linked items"
+                aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show linked items`}
               >
                 <Icon type="link" className="text-neutral" />
               </button>
             </StyledTooltip>
-            <StyledTooltip label="Show file options" className="!z-modal">
+            <StyledTooltip label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show file options`} className="!z-modal">
               <button
                 className="mr-4 flex cursor-pointer rounded border border-solid border-border bg-transparent p-1.5 hover:bg-contrast"
                 onClick={toggleOptionsMenu}
                 ref={menuButtonRef}
-                aria-label="Show file options"
+                aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show file options`}
               >
                 <Icon type="more" className="text-neutral" />
               </button>
             </StyledTooltip>
             <Popover
-              title="File options"
+              title={c('B7.FilesSubscriptionHelp.Files.Label').t`File options`}
               open={showOptionsMenu}
               anchorElement={menuButtonRef}
               togglePopover={closeOptionsMenu}
@@ -224,7 +229,7 @@ const FilePreviewModal = observer(({ application }: Props) => {
               className="md:pb-2"
               overrideZIndex="z-modal"
             >
-              <Menu a11yLabel="File context menu">
+              <Menu a11yLabel={c('B7.FilesSubscriptionHelp.Files.Label').t`File context menu`}>
                 <FileMenuOptions
                   selectedFiles={[currentFile]}
                   closeMenu={closeOptionsMenu}
@@ -233,11 +238,11 @@ const FilePreviewModal = observer(({ application }: Props) => {
                 />
               </Menu>
             </Popover>
-            <StyledTooltip label="Show file info" className="!z-modal">
+            <StyledTooltip label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show file info`} className="!z-modal">
               <button
                 className="mr-4 flex cursor-pointer rounded border border-solid border-border bg-transparent p-1.5 hover:bg-contrast"
                 onClick={toggleInfoPanel}
-                aria-label="Show file info"
+                aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`Show file info`}
               >
                 <Icon type="info" className="text-neutral" />
               </button>
@@ -245,7 +250,7 @@ const FilePreviewModal = observer(({ application }: Props) => {
             <button
               ref={closeButtonRef}
               onClick={dismiss}
-              aria-label="Close modal"
+              aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`Close modal`}
               className="flex cursor-pointer rounded border-0 bg-transparent p-1 hover:bg-contrast"
             >
               <Icon type="close" className="text-neutral" />
@@ -282,7 +287,7 @@ FilePreviewModal.displayName = 'FilePreviewModal'
 const FilePreviewModalWrapper: FunctionComponent<Props> = ({ application }) => {
   return (
     <ModalOverlay
-      aria-label="File preview modal"
+      aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`File preview modal`}
       isOpen={application.filePreviewModalController.isOpen}
       close={application.filePreviewModalController.dismiss}
       className="md:!h-full md:max-h-[90%] md:!w-full md:max-w-[90%]"
diff --git a/packages/web/src/javascripts/Components/FilePreview/ImageAlignmentOptions.tsx b/packages/web/src/javascripts/Components/FilePreview/ImageAlignmentOptions.tsx
index 69b3c8d10e2..6ee1a9f4f50 100644
--- a/packages/web/src/javascripts/Components/FilePreview/ImageAlignmentOptions.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/ImageAlignmentOptions.tsx
@@ -1,4 +1,5 @@
 import { classNames, IconType } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import IconButton from '@/Components/Button/IconButton'
 import StyledTooltip from '@/Components/StyledTooltip/StyledTooltip'
 import { ElementFormatType } from 'lexical'
@@ -19,15 +20,15 @@ export function getCSSValueFromAlignment(format: ElementFormatType) {
 const Options = [
   {
     alignment: 'left',
-    label: 'Left align',
+    label: c('B7.FilesSubscriptionHelp.Files.Label').t`Left align`,
   },
   {
     alignment: 'center',
-    label: 'Center align',
+    label: c('B7.FilesSubscriptionHelp.Files.Label').t`Center align`,
   },
   {
     alignment: 'right',
-    label: 'Right align',
+    label: c('B7.FilesSubscriptionHelp.Files.Label').t`Right align`,
   },
 ]
 
diff --git a/packages/web/src/javascripts/Components/FilePreview/ImagePreview.tsx b/packages/web/src/javascripts/Components/FilePreview/ImagePreview.tsx
index 4a11a2bcded..a227db5ef15 100644
--- a/packages/web/src/javascripts/Components/FilePreview/ImagePreview.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/ImagePreview.tsx
@@ -1,5 +1,6 @@
 import { IconType, PrefKey } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import IconButton from '@/Components/Button/IconButton'
 import { OptionalSuperEmbeddedImageProps } from './OptionalSuperEmbeddedImageProps'
 import usePreference from '@/Hooks/usePreference'
@@ -56,11 +57,20 @@ const ImagePreview: FunctionComponent<Props> = ({
 
   const imageResizer = (
     <>
-      <span className="mr-1.5">{isEmbeddedInSuper ? 'Size' : 'Zoom'}:</span>
+      <span className="mr-1.5">
+        {isEmbeddedInSuper
+          ? c('B7.FilesSubscriptionHelp.Files.Info').t`Size`
+          : c('B7.FilesSubscriptionHelp.Files.Info').t`Zoom`}
+        :
+      </span>
       <IconButton
         className="rounded p-1 hover:bg-contrast"
         icon={'subtract' as IconType}
-        title={isEmbeddedInSuper ? 'Decrease size' : 'Zoom Out'}
+        title={
+          isEmbeddedInSuper
+            ? (c('B7.FilesSubscriptionHelp.Files.Info').t`Decrease size` as unknown as string)
+            : (c('B7.FilesSubscriptionHelp.Files.Info').t`Zoom Out` as unknown as string)
+        }
         focusable={true}
         onClick={(e) => {
           e.preventDefault()
@@ -117,7 +127,11 @@ const ImagePreview: FunctionComponent<Props> = ({
       <IconButton
         className="rounded p-1 hover:bg-contrast"
         icon="add"
-        title={isEmbeddedInSuper ? 'Increase size' : 'Zoom In'}
+        title={
+          isEmbeddedInSuper
+            ? (c('B7.FilesSubscriptionHelp.Files.Info').t`Increase size` as unknown as string)
+            : (c('B7.FilesSubscriptionHelp.Files.Info').t`Zoom In` as unknown as string)
+        }
         focusable={true}
         onClick={(e) => {
           e.preventDefault()
diff --git a/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx b/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx
index 6a193e927a1..622678c0160 100644
--- a/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/PreviewComponent.tsx
@@ -2,6 +2,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import { getBase64FromBlob } from '@/Utils'
 import { FileItem, classNames } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback, useEffect, useMemo, useRef } from 'react'
+import { c } from 'ttag'
 import Button from '../Button/Button'
 import { createObjectURLWithRef } from './CreateObjectURLWithRef'
 import ImagePreview from './ImagePreview'
@@ -70,10 +71,10 @@ const PreviewComponent: FunctionComponent<Props> = ({
     return (
       <div className="flex flex-grow flex-col items-center justify-center">
         <div className="max-w-[30ch] text-center text-base font-bold">
-          This file can only be previewed in an external app
+          {c('B7.FilesSubscriptionHelp.Files.Info').t`This file can only be previewed in an external app`}
         </div>
         <Button className="mt-3" primary onClick={openNativeFilePreview}>
-          Open file preview
+          {c('B7.FilesSubscriptionHelp.Files.Action').t`Open file preview`}
         </Button>
       </div>
     )
diff --git a/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx b/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx
index 6951e6eccdf..61ec2c5a7dc 100644
--- a/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx
+++ b/packages/web/src/javascripts/Components/FilePreview/VideoPreview.tsx
@@ -2,6 +2,7 @@ import { FilesController } from '@/Controllers/FilesController'
 import { NoPreviewIllustration } from '@standardnotes/icons'
 import { FileItem } from '@standardnotes/snjs'
 import { useState } from 'react'
+import { c } from 'ttag'
 import Button from '../Button/Button'
 import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
 
@@ -26,9 +27,11 @@ const VideoPreview = ({ file, filesController, objectUrl, isEmbeddedInSuper }: P
     return (
       <div className="flex flex-grow flex-col items-center justify-center">
         <NoPreviewIllustration className="mb-4 h-30 w-30" />
-        <div className="mb-2 text-base font-bold">This video can't be previewed.</div>
+        <div className="mb-2 text-base font-bold">{c('B7.FilesSubscriptionHelp.Files.Info')
+          .t`This video can't be previewed.`}</div>
         <div className="mb-4 max-w-[35ch] text-center text-sm text-passive-0">
-          To view this file, download it and open it using another application.
+          {c('B7.FilesSubscriptionHelp.Files.Info')
+            .t`To view this file, download it and open it using another application.`}
         </div>
         <Button
           primary
@@ -41,7 +44,7 @@ const VideoPreview = ({ file, filesController, objectUrl, isEmbeddedInSuper }: P
               .catch(console.error)
           }}
         >
-          Download
+          {c('B7.FilesSubscriptionHelp.Files.Action').t`Download`}
         </Button>
       </div>
     )
diff --git a/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx b/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
index ae77848cccd..cef003abac3 100644
--- a/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
+++ b/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
@@ -14,6 +14,7 @@ import RoundIconButton from '../Button/RoundIconButton'
 import { useItemVaultInfo } from '@/Hooks/useItemVaultInfo'
 import Icon from '../Icon/Icon'
 import { VaultUserServiceEvent } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 const SyncTimeoutNoDebounceMs = 100
 const SyncTimeoutDebounceMs = 350
@@ -89,12 +90,16 @@ const FileViewWithoutProtection = ({ application, file }: FileViewProps) => {
   }, [addDragTarget, file, removeDragTarget, application.linkingController])
 
   return (
-    <div className="sn-component section editor" aria-label="File" ref={fileDragTargetRef}>
+    <div
+      className="sn-component section editor"
+      aria-label={c('B7.FilesSubscriptionHelp.Files.Label').t`File`}
+      ref={fileDragTargetRef}
+    >
       <div className="flex flex-col">
         {isReadonly && (
           <div className="bg-warning-faded relative flex items-center px-3.5 py-2 text-sm text-accessory-tint-3">
             <Icon type="pencil-off" className="mr-3" />
-            This file is readonly
+            {c('B7.FilesSubscriptionHelp.Files.Info').t`This file is readonly`}
           </div>
         )}
         <div
@@ -122,13 +127,13 @@ const FileViewWithoutProtection = ({ application, file }: FileViewProps) => {
             <div className="flex items-center gap-3">
               {!isReadonly && <LinkedItemsButton linkingController={application.linkingController} />}
               <RoundIconButton
-                label="File information panel"
+                label={c('B7.FilesSubscriptionHelp.Files.Label').t`File information panel`}
                 onClick={toggleFileInfoPanel}
                 ref={fileInfoButtonRef}
                 icon="info"
               />
               <Popover
-                title="Details"
+                title={c('B7.FilesSubscriptionHelp.Files.Title').t`Details`}
                 open={isFileInfoPanelOpen}
                 togglePopover={toggleFileInfoPanel}
                 anchorElement={fileInfoButtonRef}
diff --git a/packages/web/src/javascripts/Components/Footer/AccountMenuButton.tsx b/packages/web/src/javascripts/Components/Footer/AccountMenuButton.tsx
index 3d9d86c45c4..e3840ea5d84 100644
--- a/packages/web/src/javascripts/Components/Footer/AccountMenuButton.tsx
+++ b/packages/web/src/javascripts/Components/Footer/AccountMenuButton.tsx
@@ -1,5 +1,6 @@
 import { classNames } from '@standardnotes/utils'
 import { useEffect, useRef } from 'react'
+import { c } from 'ttag'
 import AccountMenu, { AccountMenuProps } from '../AccountMenu/AccountMenu'
 import Icon from '../Icon/Icon'
 import Popover from '../Popover/Popover'
@@ -27,7 +28,7 @@ const AccountMenuButton = ({ hasError, controller, mainApplicationGroup, onClick
 
   return (
     <>
-      <StyledTooltip label="Open account menu">
+      <StyledTooltip label={c('B2.NavSharedUI.Label').t`Open account menu`}>
         <button
           ref={buttonRef}
           onClick={toggleMenu}
@@ -42,7 +43,7 @@ const AccountMenuButton = ({ hasError, controller, mainApplicationGroup, onClick
         </button>
       </StyledTooltip>
       <Popover
-        title="Account"
+        title={c('B2.NavSharedUI.Label').t`Account`}
         anchorElement={buttonRef}
         open={isOpen}
         togglePopover={toggleMenu}
diff --git a/packages/web/src/javascripts/Components/Footer/Footer.tsx b/packages/web/src/javascripts/Components/Footer/Footer.tsx
index 90a4d602b2f..769e137e554 100644
--- a/packages/web/src/javascripts/Components/Footer/Footer.tsx
+++ b/packages/web/src/javascripts/Components/Footer/Footer.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import { WebApplicationGroup } from '@/Application/WebApplicationGroup'
 import { AbstractComponent } from '@/Components/Abstract/PureComponent'
 import { destroyAllObjectProperties, preventRefreshing } from '@/Utils'
@@ -85,11 +86,11 @@ class Footer extends AbstractComponent<Props, State> {
           }
           break
         case WebAppEvent.BeganBackupDownload:
-          statusService.setMessage('Saving local backup…')
+          statusService.setMessage(c('B6.Preferences.Backups.Status').t`Saving local backup…`)
           break
         case WebAppEvent.EndedBackupDownload: {
-          const successMessage = 'Successfully saved backup.'
-          const errorMessage = 'Unable to save local backup.'
+          const successMessage = c('B6.Preferences.Backups.Status').t`Successfully saved backup.`
+          const errorMessage = c('B6.Preferences.Backups.Error').t`Unable to save local backup.`
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           statusService.setMessage((data as any).success ? successMessage : errorMessage)
 
@@ -208,7 +209,7 @@ class Footer extends AbstractComponent<Props, State> {
         this.setState({
           failedSyncError: getErrorMessageFromErrorResponseBody(
             data as HttpErrorResponseBody,
-            'Sync error. Please try again later.',
+            c('B2.NavSharedUI.Error').t`Sync error. Please try again later.`,
           ),
         })
         break
@@ -222,7 +223,7 @@ class Footer extends AbstractComponent<Props, State> {
         break
       case ApplicationEvent.WillSync:
         if (!this.completedInitialSync) {
-          this.application.status.setMessage('Syncing…')
+          this.application.status.setMessage(c('B2.NavSharedUI.Status').t`Syncing…`)
         }
         break
     }
@@ -233,14 +234,15 @@ class Footer extends AbstractComponent<Props, State> {
     const syncStatus = this.application.sync.getSyncStatus()
     const stats = syncStatus.getStats()
     if (syncStatus.hasError()) {
-      statusManager.setMessage('Unable to Sync')
+      statusManager.setMessage(c('B2.NavSharedUI.Error').t`Unable to Sync`)
     } else if (stats.downloadCount > 20) {
-      const text = `Downloading ${stats.downloadCount} items. Keep app open.`
+      const text = c('B2.NavSharedUI.Status')
+        .jt`Downloading ${stats.downloadCount} items. Keep app open.` as unknown as string
       statusManager.setMessage(text)
       this.showingDownloadStatus = true
     } else if (this.showingDownloadStatus) {
       this.showingDownloadStatus = false
-      statusManager.setMessage('Download Complete.')
+      statusManager.setMessage(c('B2.NavSharedUI.Status').t`Download Complete.`)
       setTimeout(() => {
         statusManager.setMessage('')
       }, 2000)
@@ -252,7 +254,10 @@ class Footer extends AbstractComponent<Props, State> {
         style: 'percent',
       })
 
-      statusManager.setMessage(`Syncing ${stats.uploadTotalCount} items (${stringPercentage} complete)`)
+      statusManager.setMessage(
+        c('B2.NavSharedUI.Status')
+          .jt`Syncing ${stats.uploadTotalCount} items (${stringPercentage} complete)` as unknown as string,
+      )
     } else {
       statusManager.setMessage('')
     }
@@ -267,8 +272,11 @@ class Footer extends AbstractComponent<Props, State> {
       statusManager.setMessage('')
       return
     }
-    const notesString = `${stats.localDataCurrent}/${stats.localDataTotal} items...`
-    const loadingStatus = encryption ? `Decrypting ${notesString}` : `Loading ${notesString}`
+    const notesString = c('B2.NavSharedUI.Status')
+      .jt`${stats.localDataCurrent}/${stats.localDataTotal} items...` as unknown as string
+    const loadingStatus = encryption
+      ? (c('B2.NavSharedUI.Status').jt`Decrypting ${notesString}` as unknown as string)
+      : (c('B2.NavSharedUI.Status').jt`Loading ${notesString}` as unknown as string)
     statusManager.setMessage(loadingStatus)
   }
 
@@ -327,13 +335,14 @@ class Footer extends AbstractComponent<Props, State> {
     this.setState({
       newUpdateAvailable: false,
     })
-    this.application.alerts.alert(STRING_NEW_UPDATE_READY).catch(console.error)
+    this.application.alerts.alert(STRING_NEW_UPDATE_READY()).catch(console.error)
   }
 
   betaMessageClickHandler = () => {
     alertDialog({
-      title: 'You are using a beta version of the app',
-      text: 'If you wish to go back to a stable version, make sure to sign out ' + 'of this beta app first.',
+      title: c('B2.NavSharedUI.Info').t`You are using a beta version of the app`,
+      text: c('B2.NavSharedUI.Info')
+        .t`If you wish to go back to a stable version, make sure to sign out of this beta app first.`,
     }).catch(console.error)
   }
 
@@ -387,7 +396,7 @@ class Footer extends AbstractComponent<Props, State> {
               <Fragment>
                 <div className="relative z-footer-bar-item ml-3 flex select-none items-center border-l border-solid border-border pl-3">
                   <a onClick={this.betaMessageClickHandler} className="no-decoration title text-xs font-bold">
-                    You are using a beta version of the app
+                    {c('B2.NavSharedUI.Info').t`You are using a beta version of the app`}
                   </a>
                 </div>
               </Fragment>
@@ -403,7 +412,7 @@ class Footer extends AbstractComponent<Props, State> {
           <div className="right flex h-full flex-shrink-0">
             {this.state.failedSyncError && (
               <div className="relative z-footer-bar-item flex select-none items-center text-xs font-bold text-neutral">
-                Sync error: {this.state.failedSyncError}
+                {c('B2.NavSharedUI.Error').jt`Sync error: ${this.state.failedSyncError}`}
               </div>
             )}
             {this.state.dataUpgradeAvailable && (
@@ -411,7 +420,7 @@ class Footer extends AbstractComponent<Props, State> {
                 onClick={this.securityUpdateClickHandler}
                 className="relative z-footer-bar-item flex select-none items-center text-xs font-bold text-success"
               >
-                Encryption upgrade available.
+                {c('B2.NavSharedUI.Label').t`Encryption upgrade available.`}
               </div>
             )}
             {this.state.newUpdateAvailable && (
@@ -419,14 +428,14 @@ class Footer extends AbstractComponent<Props, State> {
                 onClick={this.newUpdateClickHandler}
                 className="relative z-footer-bar-item ml-3 flex select-none items-center text-xs font-bold text-info"
               >
-                New update available.
+                {c('B2.NavSharedUI.Label').t`New update available.`}
               </div>
             )}
             {(this.state.outOfSync || this.state.showSyncResolution) && (
               <div className="relative z-footer-bar-item ml-3 flex flex-shrink-0 select-none items-center">
                 {this.state.outOfSync && (
                   <div onClick={this.syncResolutionClickHandler} className="text-xs font-bold text-warning">
-                    Potentially Out of Sync
+                    {c('B2.NavSharedUI.Status').t`Potentially Out of Sync`}
                   </div>
                 )}
                 {this.state.showSyncResolution && (
@@ -436,15 +445,15 @@ class Footer extends AbstractComponent<Props, State> {
             )}
             {this.state.offline && (
               <div className="relative z-footer-bar-item ml-3 flex flex-shrink-0 select-none items-center text-xs font-bold">
-                Offline
+                {c('B2.NavSharedUI.Status').t`Offline`}
               </div>
             )}
             {this.state.hasPasscode && (
-              <StyledTooltip label="Lock application">
+              <StyledTooltip label={c('B2.NavSharedUI.AriaLabel').t`Lock application`}>
                 <div
                   id="lock-item"
                   onClick={this.lockClickHandler}
-                  title="Locks application and wipes unencrypted data from memory."
+                  title={c('B2.NavSharedUI.AriaLabel').t`Locks application and wipes unencrypted data from memory.`}
                   className="relative z-footer-bar-item ml-3 flex cursor-pointer select-none items-center border-l border-solid border-border pl-2 hover:text-info"
                 >
                   <Icon type="lock-filled" size="custom" className="h-4.5 w-4.5" />
diff --git a/packages/web/src/javascripts/Components/Footer/PreferencesButton.tsx b/packages/web/src/javascripts/Components/Footer/PreferencesButton.tsx
index a6398bd86c9..48b624243c5 100644
--- a/packages/web/src/javascripts/Components/Footer/PreferencesButton.tsx
+++ b/packages/web/src/javascripts/Components/Footer/PreferencesButton.tsx
@@ -1,4 +1,5 @@
 import { compareSemVersions, StatusServiceEvent } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { keyboardStringForShortcut, OPEN_PREFERENCES_COMMAND } from '@standardnotes/ui-services'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useApplication } from '../ApplicationProvider'
@@ -54,14 +55,19 @@ const PreferencesButton = ({ openPreferences }: Props) => {
   if (isMobileScreen) {
     return (
       <div className="relative">
-        <RoundIconButton className="ml-2.5 bg-default" onClick={onClick} label="Go to preferences" icon="tune" />
+        <RoundIconButton
+          className="ml-2.5 bg-default"
+          onClick={onClick}
+          label={c('B2.NavSharedUI.AriaLabel').t`Go to preferences`}
+          icon="tune"
+        />
         <CountBubble position="right" count={bubbleCount} />
       </div>
     )
   }
 
   return (
-    <StyledTooltip label={`Open preferences (${shortcut})`}>
+    <StyledTooltip label={c('B2.NavSharedUI.AriaLabel').t`Open preferences (${shortcut})`}>
       <button onClick={onClick} className="group relative flex h-full w-8 cursor-pointer items-center justify-center">
         <div className="relative h-5">
           <Icon type="tune" className="rounded group-hover:text-info" />
diff --git a/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx b/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
index 354b7d090ec..9bf6def7d91 100644
--- a/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
+++ b/packages/web/src/javascripts/Components/Footer/QuickSettingsButton.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import { UIFeature, GetDarkThemeFeature } from '@standardnotes/snjs'
 import { TOGGLE_DARK_MODE_COMMAND } from '@standardnotes/ui-services'
 import { classNames } from '@standardnotes/utils'
@@ -31,22 +32,32 @@ const QuickSettingsButton = ({ application, isMobileNavigation = false }: Props)
     const darkThemeFeature = new UIFeature(GetDarkThemeFeature())
 
     return mergeRegister(
-      application.commands.addWithShortcut(TOGGLE_DARK_MODE_COMMAND, 'General', 'Toggle dark mode', () => {
-        void application.componentManager.toggleTheme(darkThemeFeature)
-        return true
-      }),
-      application.commands.add('open-quick-settings-menu', 'Open quick settings menu', toggleMenu, 'themes'),
+      application.commands.addWithShortcut(
+        TOGGLE_DARK_MODE_COMMAND,
+        'General',
+        c('B2.NavSharedUI.Action').t`Toggle dark mode`,
+        () => {
+          void application.componentManager.toggleTheme(darkThemeFeature)
+          return true
+        },
+      ),
+      application.commands.add(
+        'open-quick-settings-menu',
+        c('B2.NavSharedUI.Action').t`Open quick settings menu`,
+        toggleMenu,
+        'themes',
+      ),
     )
   }, [application, isMobileNavigation, keyboardService, toggleMenu])
 
   return (
     <>
-      <StyledTooltip label="Open quick settings menu">
+      <StyledTooltip label={c('B2.NavSharedUI.AriaLabel').t`Open quick settings menu`}>
         {isMobileNavigation ? (
           <RoundIconButton
             className="ml-2.5 bg-default"
             onClick={toggleMenu}
-            label="Go to quick settings menu"
+            label={c('B2.NavSharedUI.AriaLabel').t`Go to quick settings menu`}
             icon="themes"
           />
         ) : (
@@ -62,7 +73,7 @@ const QuickSettingsButton = ({ application, isMobileNavigation = false }: Props)
         )}
       </StyledTooltip>
       <Popover
-        title="Quick settings"
+        title={c('B2.NavSharedUI.Title').t`Quick settings`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
diff --git a/packages/web/src/javascripts/Components/Footer/UpgradeNow.tsx b/packages/web/src/javascripts/Components/Footer/UpgradeNow.tsx
index 39504f16382..8a5d1e10b84 100644
--- a/packages/web/src/javascripts/Components/Footer/UpgradeNow.tsx
+++ b/packages/web/src/javascripts/Components/Footer/UpgradeNow.tsx
@@ -3,6 +3,7 @@ import { FeaturesController } from '@/Controllers/FeaturesController'
 import { SubscriptionController } from '@/Controllers/Subscription/SubscriptionController'
 import { observer } from 'mobx-react-lite'
 import { useCallback } from 'react'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -39,7 +40,9 @@ const UpgradeNow = ({ application, featuresController, subscriptionContoller }:
         className="rounded bg-info px-1.5 py-0.5 text-sm font-bold uppercase text-info-contrast hover:brightness-125 lg:text-xs"
         onClick={onClick}
       >
-        {!hasAccount ? 'Sign up to sync' : 'Unlock features'}
+        {!hasAccount
+          ? c('B7.FilesSubscriptionHelp.Subscription.Info').t`Sign up to sync`
+          : c('B7.FilesSubscriptionHelp.Subscription.Info').t`Unlock features`}
       </button>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Footer/VaultSelectionButton.tsx b/packages/web/src/javascripts/Components/Footer/VaultSelectionButton.tsx
index 37e435af2da..fde4edf5c9c 100644
--- a/packages/web/src/javascripts/Components/Footer/VaultSelectionButton.tsx
+++ b/packages/web/src/javascripts/Components/Footer/VaultSelectionButton.tsx
@@ -1,5 +1,6 @@
 import { classNames } from '@standardnotes/utils'
 import { useRef, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import Popover from '../Popover/Popover'
 import StyledTooltip from '../StyledTooltip/StyledTooltip'
@@ -22,12 +23,12 @@ const VaultSelectionButton = ({ isMobileNavigation = false }: { isMobileNavigati
 
   return (
     <>
-      <StyledTooltip label="Open vault selection menu">
+      <StyledTooltip label={c('B2.NavSharedUI.Label').t`Open vault selection menu`}>
         {isMobileNavigation ? (
           <RoundIconButton
             className="ml-2.5 bg-default"
             onClick={toggleMenu}
-            label="Go to vaults menu"
+            label={c('B2.NavSharedUI.Label').t`Go to vaults menu`}
             icon="safe-square"
           />
         ) : (
@@ -54,7 +55,7 @@ const VaultSelectionButton = ({ isMobileNavigation = false }: { isMobileNavigati
         )}
       </StyledTooltip>
       <Popover
-        title="Vault options"
+        title={c('B2.NavSharedUI.Label').t`Vault options`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
diff --git a/packages/web/src/javascripts/Components/Icon/IconPicker.tsx b/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
index b3850f727ab..c53ca98f14f 100644
--- a/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
+++ b/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
@@ -8,6 +8,7 @@ import Icon, { isIconEmoji } from './Icon'
 import { IconNameToSvgMapping } from './IconNameToSvgMapping'
 import { IconPickerType } from './IconPickerType'
 import DecoratedInput from '../Input/DecoratedInput'
+import { c } from 'ttag'
 
 type Props = {
   selectedValue: VectorIconNameOrEmoji
@@ -126,9 +127,24 @@ const IconPicker = ({
   return (
     <div className={`flex h-full flex-grow flex-col ${className}`}>
       <div className="flex">
-        <TabButton label="Icon" type={'icon'} currentType={currentType} selectTab={selectTab} />
-        <TabButton label="Emoji" type={'emoji'} currentType={currentType} selectTab={selectTab} />
-        <TabButton label="Reset" type={'reset'} currentType={currentType} selectTab={selectTab} />
+        <TabButton
+          label={c('B4.Notes.EditingUI.Label').t`Icon`}
+          type={'icon'}
+          currentType={currentType}
+          selectTab={selectTab}
+        />
+        <TabButton
+          label={c('B4.Notes.EditingUI.Label').t`Emoji`}
+          type={'emoji'}
+          currentType={currentType}
+          selectTab={selectTab}
+        />
+        <TabButton
+          label={c('B4.Notes.EditingUI.Action').t`Reset`}
+          type={'reset'}
+          currentType={currentType}
+          selectTab={selectTab}
+        />
       </div>
       <div className={classNames('mt-1 h-full min-h-0', currentType === 'icon' && 'overflow-auto')}>
         {currentType === 'icon' &&
@@ -154,7 +170,7 @@ const IconPicker = ({
           ) : (
             <Dropdown
               fullWidth={true}
-              label="Change the icon for a tag"
+              label={c('B4.Notes.TagsLinkedItems.Action').t`Change the icon for a tag`}
               items={iconOptions}
               value={selectedValue as string}
               onChange={handleIconChange}
@@ -171,16 +187,16 @@ const IconPicker = ({
               onChange={(value) => handleEmojiChange(value)}
             />
             <div className="mt-2 text-sm text-passive-0 lg:text-xs">
-              Use your keyboard to enter or paste in an emoji character.
+              {c('B4.Notes.EditingUI.Info').t`Use your keyboard to enter or paste in an emoji character.`}
             </div>
             {isMacOS && (
               <div className="mt-2 text-sm text-passive-0 lg:text-xs">
-                On macOS: ⌘ + ⌃ + Space bar to bring up emoji picker.
+                {c('B4.Notes.EditingUI.Info').t`On macOS: ⌘ + ⌃ + Space bar to bring up emoji picker.`}
               </div>
             )}
             {isWindows && (
               <div className="mt-2 text-sm text-passive-0 lg:text-xs">
-                On Windows: Windows key + . to bring up emoji picker.
+                {c('B4.Notes.EditingUI.Info').t`On Windows: Windows key + . to bring up emoji picker.`}
               </div>
             )}
           </>
diff --git a/packages/web/src/javascripts/Components/ImportModal/ImportModal.tsx b/packages/web/src/javascripts/Components/ImportModal/ImportModal.tsx
index 809ed88e4c7..83f57fd185f 100644
--- a/packages/web/src/javascripts/Components/ImportModal/ImportModal.tsx
+++ b/packages/web/src/javascripts/Components/ImportModal/ImportModal.tsx
@@ -50,7 +50,9 @@ const ImportModal = ({ importModalController }: { importModalController: ImportM
         disabled: !isReadyToImport || (addImportsToTag && !shouldCreateTag && !existingTagForImports),
       },
       {
-        label: importSuccessOrError ? c('B1.Account.ImportExport.Action').t`Close` : c('B1.Account.ImportExport.Action').t`Cancel`,
+        label: importSuccessOrError
+          ? c('B1.Account.ImportExport.Action').t`Close`
+          : c('B1.Account.ImportExport.Action').t`Cancel`,
         type: 'cancel',
         onClick: close,
         mobileSlot: 'left',
@@ -78,7 +80,12 @@ const ImportModal = ({ importModalController }: { importModalController: ImportM
 
   return (
     <ModalOverlay isOpen={isVisible} close={close}>
-      <Modal title={c('B1.Account.ImportExport.Title').t`Import`} close={close} actions={modalActions} className="flex flex-col">
+      <Modal
+        title={c('B1.Account.ImportExport.Title').t`Import`}
+        close={close}
+        actions={modalActions}
+        className="flex flex-col"
+      >
         <div className="min-h-0 flex-grow overflow-y-auto px-4 py-4">
           {!files.length && <ImportModalInitialPage setFiles={setFiles} selectFiles={selectFiles} />}
           {files.length > 0 && (
diff --git a/packages/web/src/javascripts/Components/ImportModal/ImportModalController.ts b/packages/web/src/javascripts/Components/ImportModal/ImportModalController.ts
index 5224ebb1ab6..ef000304c7e 100644
--- a/packages/web/src/javascripts/Components/ImportModal/ImportModalController.ts
+++ b/packages/web/src/javascripts/Components/ImportModal/ImportModalController.ts
@@ -176,7 +176,8 @@ export class ImportModalController extends AbstractViewController {
         this.updateFile({
           ...file,
           status: 'error',
-          error: error instanceof Error ? error : new Error(c('B1.Account.ImportExport.Error').t`Could not import file`),
+          error:
+            error instanceof Error ? error : new Error(c('B1.Account.ImportExport.Error').t`Could not import file`),
         })
         console.error(error)
       }
diff --git a/packages/web/src/javascripts/Components/ImportModal/ImportModalFileItem.tsx b/packages/web/src/javascripts/Components/ImportModal/ImportModalFileItem.tsx
index c048458ff6b..d6e42a46ef7 100644
--- a/packages/web/src/javascripts/Components/ImportModal/ImportModalFileItem.tsx
+++ b/packages/web/src/javascripts/Components/ImportModal/ImportModalFileItem.tsx
@@ -189,7 +189,8 @@ const ImportModalFileItem = ({
                 c('B1.Account.ImportExport.Status').t`Could not auto-detect service. Please select manually.`}
               {file.status === 'parsing' && c('B1.Account.ImportExport.Status').t`Parsing...`}
               {file.status === 'importing' && c('B1.Account.ImportExport.Status').t`Importing...`}
-              {file.status === 'uploading-files' && c('B1.Account.ImportExport.Status').t`Uploading and embedding files...`}
+              {file.status === 'uploading-files' &&
+                c('B1.Account.ImportExport.Status').t`Uploading and embedding files...`}
               {file.status === 'error' && file.error.message}
               <ImportFinishedStatus file={file} />
             </div>
diff --git a/packages/web/src/javascripts/Components/ImportModal/InitialPage.tsx b/packages/web/src/javascripts/Components/ImportModal/InitialPage.tsx
index 033be277994..6921e084e8d 100644
--- a/packages/web/src/javascripts/Components/ImportModal/InitialPage.tsx
+++ b/packages/web/src/javascripts/Components/ImportModal/InitialPage.tsx
@@ -28,7 +28,8 @@ const ImportModalInitialPage = ({ setFiles, selectFiles }: Props) => {
           setFiles(files)
         }}
       >
-        <div className="text-lg font-semibold">{c('B1.Account.ImportExport.Info').t`Drag and drop files to auto-detect and import`}</div>
+        <div className="text-lg font-semibold">{c('B1.Account.ImportExport.Info')
+          .t`Drag and drop files to auto-detect and import`}</div>
         <div className="text-sm">{c('B1.Account.ImportExport.Info').t`Or click to open file picker`}</div>
       </button>
       <div className="my-4 w-full text-center">{c('B1.Account.ImportExport.Info').t`or import from:`}</div>
diff --git a/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx b/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx
index 38990b0e47a..725c34c9b30 100644
--- a/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx
+++ b/packages/web/src/javascripts/Components/Input/DecoratedPasswordInput.tsx
@@ -1,4 +1,5 @@
 import { Dispatch, FunctionComponent, Ref, SetStateAction, forwardRef, useState } from 'react'
+import { c } from 'ttag'
 import DecoratedInput from './DecoratedInput'
 import IconButton from '@/Components/Button/IconButton'
 import { DecoratedInputProps } from './DecoratedInputProps'
@@ -11,7 +12,7 @@ const Toggle: FunctionComponent<{
     className="h-5 w-5 justify-center rounded-full p-0 text-neutral hover:bg-passive-4"
     icon={isToggled ? 'eye-off' : 'eye'}
     iconClassName="w-3.5 h-3.5"
-    title="Show/hide password"
+    title={c('B2.NavSharedUI.AriaLabel').t`Show/hide password`}
     onClick={() => setIsToggled((isToggled) => !isToggled)}
     focusable={true}
   />
diff --git a/packages/web/src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx b/packages/web/src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx
index 1ec620c8bfe..1aa371a6535 100644
--- a/packages/web/src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx
+++ b/packages/web/src/javascripts/Components/ItemSelectionDropdown/ItemSelectionDropdown.tsx
@@ -1,4 +1,5 @@
 import { doesItemMatchSearchQuery } from '@/Utils/Items/Search/doesItemMatchSearchQuery'
+import { c } from 'ttag'
 import {
   Combobox,
   ComboboxItem,
@@ -49,7 +50,7 @@ const ItemSelectionDropdown = ({ contentTypes, placeholder, onSelection, combobo
 
   return (
     <div>
-      <VisuallyHidden>Select an item</VisuallyHidden>
+      <VisuallyHidden>{c('B2.NavSharedUI.AriaLabel').t`Select an item`}</VisuallyHidden>
       <Combobox
         store={combobox}
         placeholder={placeholder}
@@ -80,7 +81,7 @@ const ItemSelectionDropdown = ({ contentTypes, placeholder, onSelection, combobo
             </ComboboxItem>
           ))
         ) : (
-          <div className="px-2">No results found</div>
+          <div className="px-2">{c('B2.NavSharedUI.Info').t`No results found`}</div>
         )}
       </ComboboxPopover>
     </div>
diff --git a/packages/web/src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx b/packages/web/src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx
index 2fff24d5994..c7a8370b8b3 100644
--- a/packages/web/src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx
+++ b/packages/web/src/javascripts/Components/KeyboardShortcutsHelpModal/KeyboardShortcutsHelpModal.tsx
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from 'react'
+import { c } from 'ttag'
 import Modal, { ModalAction } from '../Modal/Modal'
 import ModalOverlay from '../Modal/ModalOverlay'
 import {
@@ -9,23 +10,26 @@ import {
 } from '@standardnotes/ui-services'
 import { observer } from 'mobx-react-lite'
 import { KeyboardShortcutIndicator } from '../KeyboardShortcutIndicator/KeyboardShortcutIndicator'
+import {
+  KEYBOARD_SHORTCUT_CATEGORY_ORDER,
+  translateKeyboardShortcutCategory,
+} from '@/Utils/KeyboardShortcutCategoryLabels'
 
-type GroupedItems = {
-  [category in KeyboardShortcutCategory]: KeyboardShortcutHelpItem[]
-}
+type GroupedItems = Record<KeyboardShortcutCategory, KeyboardShortcutHelpItem[]>
+
+const createEmptyGroupedItems = (): GroupedItems =>
+  Object.fromEntries(
+    KEYBOARD_SHORTCUT_CATEGORY_ORDER.map((category) => [category, [] as KeyboardShortcutHelpItem[]]),
+  ) as GroupedItems
 
 const createGroupedItems = (items: KeyboardShortcutHelpItem[]): GroupedItems => {
-  const groupedItems: GroupedItems = {
-    'Current note': [],
-    Formatting: [],
-    'Super notes': [],
-    'Notes list': [],
-    General: [],
+  const groupedItems = createEmptyGroupedItems()
+
+  for (const item of items) {
+    groupedItems[item.category].push(item)
   }
-  return items.reduce((acc, item) => {
-    acc[item.category].push(item)
-    return acc
-  }, groupedItems)
+
+  return groupedItems
 }
 
 const Item = ({ item }: { item: KeyboardShortcutHelpItem }) => {
@@ -49,7 +53,7 @@ const KeyboardShortcutsModal = ({ keyboardService }: { keyboardService: Keyboard
     return keyboardService.addCommandHandler({
       command: TOGGLE_KEYBOARD_SHORTCUTS_MODAL,
       category: 'General',
-      description: 'Toggle keyboard shortcuts help',
+      description: c('B2.NavSharedUI.Action').t`Toggle keyboard shortcuts help`,
       onKeyDown: () => {
         setItems(createGroupedItems(keyboardService.getRegisteredKeyboardShorcutHelpItems()))
         setIsOpen((open) => !open)
@@ -60,7 +64,7 @@ const KeyboardShortcutsModal = ({ keyboardService }: { keyboardService: Keyboard
   const actions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B2.NavSharedUI.Action').t`Cancel`,
         onClick: close,
         type: 'cancel',
         mobileSlot: 'left',
@@ -71,18 +75,24 @@ const KeyboardShortcutsModal = ({ keyboardService }: { keyboardService: Keyboard
 
   return (
     <ModalOverlay isOpen={isOpen} close={close}>
-      <Modal title="Keyboard shortcuts" close={close} actions={actions}>
-        {Object.entries(items).map(
-          ([category, items]) =>
-            items.length > 0 && (
-              <div key={category}>
-                <div className="p-4 pb-0.5 pt-4 text-base font-semibold capitalize">{category}</div>
-                {items.map((item, index) => (
-                  <Item item={item} key={index} />
-                ))}
+      <Modal title={c('B2.NavSharedUI.Title').t`Keyboard shortcuts`} close={close} actions={actions}>
+        {KEYBOARD_SHORTCUT_CATEGORY_ORDER.map((category) => {
+          const categoryItems = items[category]
+          if (categoryItems.length === 0) {
+            return null
+          }
+
+          return (
+            <div key={category}>
+              <div className="p-4 pb-0.5 pt-4 text-base font-semibold capitalize">
+                {translateKeyboardShortcutCategory(category)}
               </div>
-            ),
-        )}
+              {categoryItems.map((item, index) => (
+                <Item item={item} key={index} />
+              ))}
+            </div>
+          )
+        })}
       </Modal>
     </ModalOverlay>
   )
diff --git a/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx b/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx
index de72cb6df8f..abf959e4a9b 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/ItemLinkAutocompleteInput.tsx
@@ -14,6 +14,7 @@ import { ElementIds } from '@/Constants/ElementIDs'
 import { getLinkingSearchResults } from '@/Utils/Items/Search/getSearchResults'
 import { useApplication } from '../ApplicationProvider'
 import { DecryptedItem, SNNote } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { Combobox, ComboboxItem, ComboboxPopover, useComboboxStore, VisuallyHidden } from '@ariakit/react'
 import LinkedItemMeta from './LinkedItemMeta'
 import { LinkedItemSearchResultsAddTagOption } from './LinkedItemSearchResultsAddTagOption'
@@ -85,10 +86,10 @@ const ItemLinkAutocompleteInput = forwardRef(
       <div>
         <form onSubmit={onFormSubmit}>
           <label>
-            <VisuallyHidden>Link tags, notes or files</VisuallyHidden>
+            <VisuallyHidden>{c('B4.Notes.TagsLinkedItems.Label').t`Link tags, notes or files`}</VisuallyHidden>
             <Combobox
               store={combobox}
-              placeholder="Link tags, notes, files..."
+              placeholder={c('B4.Notes.TagsLinkedItems.Label').t`Link tags, notes, files...`}
               className={classNames(
                 `${tagsLinkedToItem.length > 0 ? 'w-80' : 'mr-10 w-70'}`,
                 'h-7 w-70 bg-transparent text-sm text-text focus:border-b-2 focus:border-info focus:shadow-none focus:outline-none lg:text-xs',
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedFileMenuOptions.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedFileMenuOptions.tsx
index 6c364a17260..fe0b9a532b5 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedFileMenuOptions.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedFileMenuOptions.tsx
@@ -1,5 +1,6 @@
 import { FilesController } from '@/Controllers/FilesController'
 import { FileItem } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { useState } from 'react'
 import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
 import { FileContextMenuBackupOption } from '../FileContextMenu/FileContextMenuBackupOption'
@@ -33,7 +34,7 @@ const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamin
         }}
       >
         <Icon type="file" className="mr-2 text-neutral" />
-        Preview file
+        {c('B4.Notes.LinkedItems.Action').t`Preview file`}
       </MenuItem>
       <HorizontalSeparator classes="my-1" />
       <MenuSwitchButtonItem
@@ -50,7 +51,7 @@ const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamin
         }}
       >
         <Icon type="lock" className="mr-2 text-neutral" />
-        Password protect
+        {c('B4.Notes.LinkedItems.Label').t`Password protect`}
       </MenuSwitchButtonItem>
       <HorizontalSeparator classes="my-1" />
       <MenuItem
@@ -63,7 +64,7 @@ const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamin
         }}
       >
         <Icon type="download" className="mr-2 text-neutral" />
-        Download
+        {c('B4.Notes.LinkedItems.Action').t`Download`}
       </MenuItem>
       <MenuItem
         onClick={() => {
@@ -72,7 +73,7 @@ const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamin
         }}
       >
         <Icon type="pencil" className="mr-2 text-neutral" />
-        Rename
+        {c('B4.Notes.LinkedItems.Action').t`Rename`}
       </MenuItem>
       <MenuItem
         onClick={() => {
@@ -84,7 +85,7 @@ const LinkedFileMenuOptions = ({ file, closeMenu, handleFileAction, setIsRenamin
         }}
       >
         <Icon type="trash" className="mr-2 text-danger" />
-        <span className="text-danger">Delete permanently</span>
+        <span className="text-danger">{c('B4.Notes.LinkedItems.Action').t`Delete permanently`}</span>
       </MenuItem>
 
       <FileContextMenuBackupOption file={file} />
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx
index f077f3e9131..c5bd1c1ea65 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx
@@ -3,6 +3,7 @@ import { classNames } from '@standardnotes/utils'
 import { KeyboardKey } from '@standardnotes/ui-services'
 import { observer } from 'mobx-react-lite'
 import { KeyboardEventHandler, MouseEventHandler, useEffect, useRef, useState } from 'react'
+import { c } from 'ttag'
 import { ContentType } from '@standardnotes/snjs'
 import Icon from '../Icon/Icon'
 import { ItemLink } from '@/Utils/Items/Search/ItemLink'
@@ -127,7 +128,8 @@ const LinkedItemBubble = ({
         <span className="whitespace-pre-wrap">
           {tagTitle && <span className="text-passive-1">{tagTitle.titlePrefix}</span>}
           {link.type === 'linked-by' && link.item.content_type !== ContentType.TYPES.Tag && (
-            <span className={!isBidirectional ? 'hidden group-focus:inline' : ''}>Linked By:</span>
+            <span className={!isBidirectional ? 'hidden group-focus:inline' : ''}>{c('B4.Notes.TagsLinkedItems.Label')
+              .t`Linked By:`}</span>
           )}
           {getItemTitleInContextOfLinkBubble(link.item)}
         </span>
@@ -165,7 +167,8 @@ const LinkedItemBubble = ({
         {tagTitle && <span className="text-passive-1">{tagTitle.titlePrefix}</span>}
         <span className="flex items-center gap-1">
           {link.type === 'linked-by' && link.item.content_type !== ContentType.TYPES.Tag && (
-            <span className={!isBidirectional ? 'hidden group-focus:block' : ''}>Linked By:</span>
+            <span className={!isBidirectional ? 'hidden group-focus:block' : ''}>{c('B4.Notes.TagsLinkedItems.Label')
+              .t`Linked By:`}</span>
           )}
           {getItemTitleInContextOfLinkBubble(link.item)}
         </span>
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
index 84f29c8b9f9..b2cfc5e1876 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
@@ -1,4 +1,5 @@
 import { observer } from 'mobx-react-lite'
+import { c } from 'ttag'
 import ItemLinkAutocompleteInput from './ItemLinkAutocompleteInput'
 import { LinkingController } from '@/Controllers/LinkingController'
 import LinkedItemBubble from './LinkedItemBubble'
@@ -71,10 +72,15 @@ const LinkedItemBubblesContainer = ({
       keyboardService.addCommandHandler({
         command: FOCUS_TAGS_INPUT_COMMAND,
         category: 'Current note',
-        description: 'Link tags, notes, files',
+        description: c('B4.Notes.TagsLinkedItems.Action').t`Link tags, notes, files`,
         onKeyDown: focusInput,
       }),
-      application.commands.add('link-items-current', 'Link items to current note', focusInput, 'link'),
+      application.commands.add(
+        'link-items-current',
+        c('B4.Notes.TagsLinkedItems.Action').t`Link items to current note`,
+        focusInput,
+        'link',
+      ),
     )
   }, [application.commands, keyboardService])
 
@@ -213,7 +219,9 @@ const LinkedItemBubblesContainer = ({
             readonly={readonly}
           />
         ))}
-        {isCollapsed && nonVisibleItems > 0 && <span className="flex-shrink-0">and {nonVisibleItems} more...</span>}
+        {isCollapsed && nonVisibleItems > 0 && (
+          <span className="flex-shrink-0">{c('B4.Notes.TagsLinkedItems.Info').jt`and ${nonVisibleItems} more...`}</span>
+        )}
         {!readonly && (
           <ItemLinkAutocompleteInput
             ref={linkInputRef}
@@ -221,7 +229,9 @@ const LinkedItemBubblesContainer = ({
             linkingController={linkingController}
             focusPreviousItem={focusPreviousItem}
             setFocusedId={setFocusedId}
-            hoverLabel={`Focus input to add a link (${shortcut})`}
+            hoverLabel={
+              c('B4.Notes.TagsLinkedItems.Label').jt`Focus input to add a link (${shortcut})` as unknown as string
+            }
             item={item}
           />
         )}
@@ -229,7 +239,7 @@ const LinkedItemBubblesContainer = ({
       {itemsToDisplay.length > 0 && !shouldHideToggle && (
         <RoundIconButton
           id="toggle-linking-container"
-          label="Toggle linked items container"
+          label={c('B4.Notes.TagsLinkedItems.Label').t`Toggle linked items container`}
           onClick={() => {
             setIsCollapsed((isCollapsed) => !isCollapsed)
           }}
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemSearchResultsAddTagOption.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemSearchResultsAddTagOption.tsx
index e767dcdc0b9..6e1b8d4abab 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemSearchResultsAddTagOption.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemSearchResultsAddTagOption.tsx
@@ -1,6 +1,7 @@
 import { classNames } from '@standardnotes/utils'
 import { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from 'react'
 import Icon from '../Icon/Icon'
+import { c } from 'ttag'
 
 type Props = {
   searchQuery: string
@@ -24,7 +25,9 @@ export const LinkedItemSearchResultsAddTagOption = forwardRef(
         ref={ref}
         {...props}
       >
-        <span className="flex-shrink-0 align-middle text-sm lg:text-xs">Create &amp; add tag</span>{' '}
+        <span className="flex-shrink-0 align-middle text-sm lg:text-xs">
+          {c('B4.Notes.TagsLinkedItems.Action').t`Create & add tag`}
+        </span>{' '}
         <span
           className={classNames(
             'inline-flex min-w-0 items-center gap-1 rounded py-1 pl-1 pr-2 align-middle text-xs ',
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx
index a01a66028b5..6fb569a9910 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsButton.tsx
@@ -5,6 +5,7 @@ import RoundIconButton from '../Button/RoundIconButton'
 import Popover from '../Popover/Popover'
 import LinkedItemsPanel from './LinkedItemsPanel'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   linkingController: LinkingController
@@ -28,7 +29,14 @@ const LinkedItemsButton = ({ linkingController, onClick, onClickPreprocessing }:
     }
   }, [isLinkingPanelOpen, onClick, onClickPreprocessing, setIsLinkingPanelOpen])
 
-  useEffect(() => application.commands.add('open-linked-items-panel', 'Open linked items panel', toggleMenu, 'link'))
+  useEffect(() =>
+    application.commands.add(
+      'open-linked-items-panel',
+      c('B4.Notes.TagsLinkedItems.Action').t`Open linked items panel`,
+      toggleMenu,
+      'link',
+    ),
+  )
 
   if (!activeItem) {
     return null
@@ -36,9 +44,14 @@ const LinkedItemsButton = ({ linkingController, onClick, onClickPreprocessing }:
 
   return (
     <>
-      <RoundIconButton label="Linked items panel" onClick={toggleMenu} ref={buttonRef} icon="link" />
+      <RoundIconButton
+        label={c('B4.Notes.TagsLinkedItems.Label').t`Linked items panel`}
+        onClick={toggleMenu}
+        ref={buttonRef}
+        icon="link"
+      />
       <Popover
-        title="Linked items"
+        title={c('B4.Notes.TagsLinkedItems.Title').t`Linked items`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isLinkingPanelOpen}
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsPanel.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsPanel.tsx
index fce27eb94e9..963abc5e9b5 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsPanel.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsPanel.tsx
@@ -12,6 +12,7 @@ import { LinkedItemsSectionItem } from './LinkedItemsSectionItem'
 import { DecryptedItem, SNNote } from '@standardnotes/snjs'
 import { useItemLinks } from '@/Hooks/useItemLinks'
 import { mergeRefs } from '@/Hooks/mergeRefs'
+import { c } from 'ttag'
 
 const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
   const application = useApplication()
@@ -62,7 +63,7 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             container: classNames(!isSearching ? 'px-0.5 py-1.5' : 'py-0', 'md:translucent-ui:bg-default'),
             input: 'placeholder:text-passive-0',
           }}
-          placeholder="Search items to link..."
+          placeholder={c('B4.Notes.TagsLinkedItems.Label').t`Search items to link...`}
           value={searchQuery}
           onChange={setSearchQuery}
           ref={mergeRefs([focusInput, searchInputRef])}
@@ -83,7 +84,9 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
           <>
             {(!!unlinkedItems.length || shouldShowCreateTag) && (
               <div>
-                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">Unlinked</div>
+                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
+                  {c('B4.Notes.TagsLinkedItems.Label').t`Unlinked`}
+                </div>
                 <LinkedItemSearchResults
                   createAndAddNewTag={createAndAddNewTag}
                   linkItems={linkItems}
@@ -101,7 +104,9 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             )}
             {!!linkedResults.length && (
               <div>
-                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">Linked</div>
+                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
+                  {c('B4.Notes.TagsLinkedItems.Action').t`Linked`}
+                </div>
                 <div className="my-1">
                   {linkedResults.map((link) => (
                     <LinkedItemsSectionItem
@@ -121,7 +126,9 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
           <>
             {!!tagsLinkedToItem.length && (
               <div>
-                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">Linked Tags</div>
+                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
+                  {c('B4.Notes.TagsLinkedItems.Label').t`Linked Tags`}
+                </div>
                 <div className="my-1">
                   {tagsLinkedToItem.map((link) => (
                     <LinkedItemsSectionItem
@@ -138,14 +145,16 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             )}
 
             <div>
-              <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">Linked Files</div>
+              <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
+                {c('B4.Notes.TagsLinkedItems.Label').t`Linked Files`}
+              </div>
               <div className="my-1">
                 <button
                   className="flex w-full cursor-pointer items-center gap-3 bg-transparent px-3 py-2 text-left text-base text-text hover:bg-info-backdrop hover:text-foreground focus:bg-info-backdrop focus:shadow-none md:text-sm"
                   onClick={selectAndUploadFiles}
                 >
                   <Icon type="add" />
-                  Upload and link file(s)
+                  {c('B4.Notes.LinkedItems.Action').t`Upload and link file(s)`}
                 </button>
                 {filesLinkedToItem.map((link) => (
                   <LinkedItemsSectionItem
@@ -163,7 +172,7 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             {!!filesLinkingToItem.length && (
               <div>
                 <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
-                  Files Linking To Current File
+                  {c('B4.Notes.TagsLinkedItems.Label').t`Files Linking To Current File`}
                 </div>
                 <div className="my-1">
                   {filesLinkingToItem.map((link) => (
@@ -181,7 +190,9 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             )}
             {!!notesLinkedToItem.length && (
               <div>
-                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">Linked Notes</div>
+                <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
+                  {c('B4.Notes.TagsLinkedItems.Label').t`Linked Notes`}
+                </div>
                 <div className="my-1">
                   {notesLinkedToItem.map((link) => (
                     <LinkedItemsSectionItem
@@ -199,7 +210,7 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
             {!!notesLinkingToItem.length && (
               <div>
                 <div className="mb-1 mt-3 px-3 text-menu-item font-semibold uppercase text-passive-0">
-                  Notes Linking To This Note
+                  {c('B4.Notes.TagsLinkedItems.Label').t`Notes Linking To This Note`}
                 </div>
                 <div className="my-1">
                   {notesLinkingToItem.map((link) => (
diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsSectionItem.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsSectionItem.tsx
index 605fc8f5bce..d99a30e109c 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsSectionItem.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemsSectionItem.tsx
@@ -7,6 +7,7 @@ import { LinkableItem } from '@/Utils/Items/Search/LinkableItem'
 import { formatSizeToReadableString } from '@standardnotes/filepicker'
 import { FileItem } from '@standardnotes/snjs'
 import { KeyboardKey } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 import { useRef, useState } from 'react'
 import { useApplication } from '../ApplicationProvider'
 import { FileItemActionType } from '../AttachedFilesPopover/PopoverFileItemAction'
@@ -98,7 +99,7 @@ export const LinkedItemsSectionItem = ({
         <Icon type="more" className="text-neutral" />
       </button>
       <Popover
-        title="Options"
+        title={c('B4.Notes.TagsLinkedItems.Label').t`Options`}
         open={isMenuOpen}
         togglePopover={toggleMenu}
         anchorElement={menuButtonRef}
@@ -113,7 +114,7 @@ export const LinkedItemsSectionItem = ({
           }}
         >
           <Icon type="link-off" className="mr-2 text-danger" />
-          Unlink
+          {c('B4.Notes.TagsLinkedItems.Action').t`Unlink`}
         </MenuItem>
         {item instanceof FileItem && (
           <LinkedFileMenuOptions
@@ -126,17 +127,20 @@ export const LinkedItemsSectionItem = ({
         <HorizontalSeparator classes="my-2" />
         <div className="mt-1 px-3 py-1 text-xs font-medium text-neutral">
           <div className="mb-1">
-            <span className="font-semibold">Created at:</span> {formatDateForContextMenu(item.created_at)}
+            <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Created at:`}</span>{' '}
+            {formatDateForContextMenu(item.created_at)}
           </div>
           <div className="mb-1">
-            <span className="font-semibold">Modified at:</span> {formatDateForContextMenu(item.userModifiedDate)}
+            <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Modified at:`}</span>{' '}
+            {formatDateForContextMenu(item.userModifiedDate)}
           </div>
           <div className="mb-1">
-            <span className="font-semibold">ID:</span> {item.uuid}
+            <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`ID:`}</span> {item.uuid}
           </div>
           {item instanceof FileItem && (
             <div>
-              <span className="font-semibold">Size:</span> {formatSizeToReadableString(item.decryptedSize)}
+              <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Size:`}</span>{' '}
+              {formatSizeToReadableString(item.decryptedSize)}
             </div>
           )}
         </div>
diff --git a/packages/web/src/javascripts/Components/Menu/MenuRadioButtonItem.tsx b/packages/web/src/javascripts/Components/Menu/MenuRadioButtonItem.tsx
index aac07b7caa3..5dbfdb09e8a 100644
--- a/packages/web/src/javascripts/Components/Menu/MenuRadioButtonItem.tsx
+++ b/packages/web/src/javascripts/Components/Menu/MenuRadioButtonItem.tsx
@@ -1,4 +1,5 @@
 import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/Constants/Constants'
+import { c } from 'ttag'
 import { classNames } from '@standardnotes/snjs'
 import { PlatformedKeyboardShortcut } from '@standardnotes/ui-services'
 import {
@@ -43,7 +44,7 @@ const Tooltip = ({ text }: { text: string }) => {
       </div>
       <Popover
         open={visible}
-        title="Info"
+        title={c('B2.NavSharedUI.Title').t`Info`}
         anchorElement={anchorElement}
         disableMobileFullscreenTakeover
         className="z-modal bg-default px-3 py-1.5 text-left"
diff --git a/packages/web/src/javascripts/Components/Modal/Modal.tsx b/packages/web/src/javascripts/Components/Modal/Modal.tsx
index 9af80f3c4d3..4e1b9be27ab 100644
--- a/packages/web/src/javascripts/Components/Modal/Modal.tsx
+++ b/packages/web/src/javascripts/Components/Modal/Modal.tsx
@@ -1,4 +1,5 @@
 import { useMediaQuery, MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding'
 import { classNames } from '@standardnotes/snjs'
 import { ReactNode, useMemo, useRef, useState } from 'react'
@@ -129,7 +130,7 @@ const Modal = ({
                     </div>
                   </MobileModalAction>
                   <Popover
-                    title="Advanced"
+                    title={c('B2.NavSharedUI.Title').t`Advanced`}
                     open={showAdvanced}
                     anchorElement={advancedOptionRef}
                     disableMobileFullscreenTakeover={true}
diff --git a/packages/web/src/javascripts/Components/MultipleSelectedFiles/MultipleSelectedFiles.tsx b/packages/web/src/javascripts/Components/MultipleSelectedFiles/MultipleSelectedFiles.tsx
index 9e40cbe795c..7b30d68a9ad 100644
--- a/packages/web/src/javascripts/Components/MultipleSelectedFiles/MultipleSelectedFiles.tsx
+++ b/packages/web/src/javascripts/Components/MultipleSelectedFiles/MultipleSelectedFiles.tsx
@@ -2,15 +2,19 @@ import { IlNotesIcon } from '@standardnotes/icons'
 import { observer } from 'mobx-react-lite'
 import Button from '../Button/Button'
 import { useCallback } from 'react'
+import { c } from 'ttag'
 import FileOptionsPanel from '../FileContextMenu/FileOptionsPanel'
 import { ItemListController } from '@/Controllers/ItemList/ItemListController'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 type Props = {
   itemListController: ItemListController
 }
 
 const MultipleSelectedFiles = ({ itemListController }: Props) => {
   const count = itemListController.selectedFilesCount
+  const selectedFilesLabel = jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`${count} selected files`)
 
   const cancelMultipleSelection = useCallback(() => {
     itemListController.cancelMultipleSelection()
@@ -19,17 +23,19 @@ const MultipleSelectedFiles = ({ itemListController }: Props) => {
   return (
     <div className="flex h-full flex-col items-center">
       <div className="flex w-full items-center justify-between p-4">
-        <h1 className="m-0 text-lg font-bold">{count} selected files</h1>
+        <h1 className="m-0 text-lg font-bold">{selectedFilesLabel}</h1>
         <div>
           <FileOptionsPanel itemListController={itemListController} />
         </div>
       </div>
       <div className="flex min-h-full w-full max-w-md flex-grow flex-col items-center justify-center">
         <IlNotesIcon className="block" />
-        <h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected files</h2>
-        <p className="mt-2 max-w-60 text-center text-sm">Actions will be performed on all selected files.</p>
+        <h2 className="m-0 mt-4 text-center text-lg font-bold">{selectedFilesLabel}</h2>
+        <p className="mt-2 max-w-60 text-center text-sm">
+          {c('B7.FilesSubscriptionHelp.Files.Info').t`Actions will be performed on all selected files.`}
+        </p>
         <Button className="mt-2.5" onClick={cancelMultipleSelection}>
-          Cancel multiple selection
+          {c('B7.FilesSubscriptionHelp.Files.Action').t`Cancel multiple selection`}
         </Button>
       </div>
     </div>
diff --git a/packages/web/src/javascripts/Components/MultipleSelectedNotes/MultipleSelectedNotes.tsx b/packages/web/src/javascripts/Components/MultipleSelectedNotes/MultipleSelectedNotes.tsx
index 522545309e2..3e3e5288f90 100644
--- a/packages/web/src/javascripts/Components/MultipleSelectedNotes/MultipleSelectedNotes.tsx
+++ b/packages/web/src/javascripts/Components/MultipleSelectedNotes/MultipleSelectedNotes.tsx
@@ -6,6 +6,7 @@ import PinNoteButton from '@/Components/PinNoteButton/PinNoteButton'
 import Button from '../Button/Button'
 import { useCallback } from 'react'
 import ChangeMultipleButton from '../ChangeEditor/ChangeMultipleButton'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -22,7 +23,7 @@ const MultipleSelectedNotes = ({ application }: Props) => {
   return (
     <div className="flex h-full flex-col items-center">
       <div className="flex w-full items-center justify-between p-4">
-        <h1 className="m-0 text-lg font-bold">{count} selected notes</h1>
+        <h1 className="m-0 text-lg font-bold">{c('B3.Notes.NoteActions.Action').jt`${count} selected notes`}</h1>
         <div className="flex">
           <div className="mr-3">
             <ChangeMultipleButton application={application} notesController={notesController} />
@@ -35,10 +36,13 @@ const MultipleSelectedNotes = ({ application }: Props) => {
       </div>
       <div className="flex min-h-full w-full max-w-md flex-grow flex-col items-center justify-center md:min-h-0">
         <IlNotesIcon className="block" />
-        <h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected notes</h2>
-        <p className="mt-2 max-w-60 text-center text-sm">Actions will be performed on all selected notes.</p>
+        <h2 className="m-0 mt-4 text-center text-lg font-bold">{c('B3.Notes.NoteActions.Action')
+          .jt`${count} selected notes`}</h2>
+        <p className="mt-2 max-w-60 text-center text-sm">
+          {c('B3.Notes.NoteActions.Label').t`Actions will be performed on all selected notes.`}
+        </p>
         <Button className="mt-2.5" onClick={cancelMultipleSelection}>
-          Cancel multiple selection
+          {c('B3.Notes.NoteActions.Action').t`Cancel multiple selection`}
         </Button>
       </div>
     </div>
diff --git a/packages/web/src/javascripts/Components/NavigationMenu/NavigationMenu.tsx b/packages/web/src/javascripts/Components/NavigationMenu/NavigationMenu.tsx
index 0109d13273c..c0de6d3af28 100644
--- a/packages/web/src/javascripts/Components/NavigationMenu/NavigationMenu.tsx
+++ b/packages/web/src/javascripts/Components/NavigationMenu/NavigationMenu.tsx
@@ -1,4 +1,5 @@
 import { PaneLayout } from '@/Controllers/PaneController/PaneLayout'
+import { c } from 'ttag'
 import useIsTabletOrMobileScreen from '@/Hooks/useIsTabletOrMobileScreen'
 import { StatusServiceEvent, classNames } from '@standardnotes/snjs'
 import RoundIconButton from '../Button/RoundIconButton'
@@ -33,7 +34,7 @@ export const NavigationMenuButton = () => {
         onClick={() => {
           setPaneLayout(PaneLayout.TagSelection)
         }}
-        label="Open navigation menu"
+        label={c('B2.NavSharedUI.AriaLabel').t`Open navigation menu`}
         icon="menu-variant"
       />
       {isMobile && bubbleCount && <CountBubble position="right" count={bubbleCount} />}
diff --git a/packages/web/src/javascripts/Components/NoAccountWarning/NoAccountWarningContent.tsx b/packages/web/src/javascripts/Components/NoAccountWarning/NoAccountWarningContent.tsx
index cb70dfabefd..704c15da732 100644
--- a/packages/web/src/javascripts/Components/NoAccountWarning/NoAccountWarningContent.tsx
+++ b/packages/web/src/javascripts/Components/NoAccountWarning/NoAccountWarningContent.tsx
@@ -4,6 +4,7 @@ import { NoAccountWarningController } from '@/Controllers/NoAccountWarningContro
 import { observer } from 'mobx-react-lite'
 import { MouseEventHandler, useCallback } from 'react'
 import Button from '@/Components/Button/Button'
+import { c } from 'ttag'
 
 type Props = {
   accountMenuController: AccountMenuController
@@ -25,9 +26,11 @@ const NoAccountWarningContent = ({ accountMenuController, noAccountWarningContro
 
   return (
     <div className="mt-4 grid grid-cols-1 rounded-md border border-border p-4">
-      <h1 className="sk-h3 m-0 text-base font-semibold lg:text-sm">Data not backed up</h1>
+      <h1 className="sk-h3 m-0 text-base font-semibold lg:text-sm">{c('B1.Account.Session.Title')
+        .t`Data not backed up`}</h1>
       <p className="col-start-1 col-end-3 m-0 mt-1 text-base lg:text-sm">
-        Sign in or register to sync your notes to your other devices with end-to-end encryption.
+        {c('B1.Account.Session.Info')
+          .t`Sign in or register to sync your notes to your other devices with end-to-end encryption.`}
       </p>
       <Button
         primary
@@ -35,12 +38,12 @@ const NoAccountWarningContent = ({ accountMenuController, noAccountWarningContro
         className="col-start-1 col-end-3 mt-3 justify-self-start uppercase"
         onClick={showAccountMenu}
       >
-        Open Account menu
+        {c('B1.Account.Session.Action').t`Open Account menu`}
       </Button>
       <button
         onClick={hideWarning}
-        title="Ignore warning"
-        aria-label="Ignore warning"
+        title={c('B1.Account.Session.Label').t`Ignore warning`}
+        aria-label={c('B1.Account.Session.Label').t`Ignore warning`}
         style={{ height: '20px' }}
         className="col-start-2 row-start-1 m-0 cursor-pointer rounded-md border-0 bg-transparent p-0 text-neutral hover:text-info"
       >
diff --git a/packages/web/src/javascripts/Components/NoSubscriptionBanner/NoSubscriptionBanner.tsx b/packages/web/src/javascripts/Components/NoSubscriptionBanner/NoSubscriptionBanner.tsx
index abb7ec60a1e..bbcc0d9b812 100644
--- a/packages/web/src/javascripts/Components/NoSubscriptionBanner/NoSubscriptionBanner.tsx
+++ b/packages/web/src/javascripts/Components/NoSubscriptionBanner/NoSubscriptionBanner.tsx
@@ -1,5 +1,6 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { classNames } from '@standardnotes/utils'
+import { c } from 'ttag'
 import Button from '../Button/Button'
 import Icon from '../Icon/Icon'
 import { PremiumFeatureIconClass, PremiumFeatureIconName } from '../Icon/PremiumFeatureIcon'
@@ -32,7 +33,7 @@ const NoSubscriptionBanner = ({
       <p className="col-start-1 col-end-3 m-0 mt-1 text-sm">{message}</p>
       {application.canShowPurchaseFlow() && (
         <Button primary small className="col-start-1 col-end-3 mt-3 justify-self-start uppercase" onClick={onClick}>
-          Upgrade Features
+          {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Upgrade Features`}
         </Button>
       )}
     </div>
diff --git a/packages/web/src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx b/packages/web/src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx
index 08fd9d87de3..f690930ed24 100644
--- a/packages/web/src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx
+++ b/packages/web/src/javascripts/Components/NoteGroupView/MobileItemsListButton.tsx
@@ -1,4 +1,5 @@
 import { AppPaneId } from '../Panes/AppPaneMetadata'
+import { c } from 'ttag'
 import { useResponsiveAppPane } from '../Panes/ResponsivePaneProvider'
 import { classNames, IconType } from '@standardnotes/snjs'
 import RoundIconButton from '../Button/RoundIconButton'
@@ -14,7 +15,11 @@ const MobileItemsListButton = () => {
 
   const iconType: IconType = isTablet && !itemsShown ? 'chevron-right' : 'chevron-left'
 
-  const label = isTablet ? (itemsShown ? 'Hide items list' : 'Show items list') : 'Go to items list'
+  const label = isTablet
+    ? itemsShown
+      ? c('B3.Notes.NoteList.AriaLabel').t`Hide items list`
+      : c('B3.Notes.NoteList.AriaLabel').t`Show items list`
+    : c('B3.Notes.NoteList.AriaLabel').t`Go to items list`
 
   return (
     <RoundIconButton
diff --git a/packages/web/src/javascripts/Components/NoteView/EditingDisabledBanner.tsx b/packages/web/src/javascripts/Components/NoteView/EditingDisabledBanner.tsx
index 693d6310217..38e62b61a2f 100644
--- a/packages/web/src/javascripts/Components/NoteView/EditingDisabledBanner.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/EditingDisabledBanner.tsx
@@ -1,5 +1,6 @@
 import { FunctionComponent, useState } from 'react'
 import Icon from '../Icon/Icon'
+import { c } from 'ttag'
 
 type Props = {
   onClick: () => void
@@ -13,7 +14,9 @@ const EditingDisabledBanner: FunctionComponent<Props> = ({ onClick, noteLocked }
   const iconColor = showDisabledCopy ? 'text-accessory-tint-3' : 'text-accessory-tint-1'
   const textColor = showDisabledCopy ? 'text-warning' : 'text-accessory-tint-1'
 
-  const text = showDisabledCopy ? 'Note editing disabled.' : 'Enable editing'
+  const text = showDisabledCopy
+    ? c('B4.Notes.EditingUI.Status').t`Note editing disabled.`
+    : c('B4.Notes.EditingUI.Action').t`Enable editing`
 
   return (
     <div
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/ConflictListItem.tsx b/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/ConflictListItem.tsx
index 98bedd7d90e..d6fe44e987e 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/ConflictListItem.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/ConflictListItem.tsx
@@ -1,4 +1,5 @@
 import { SNNote, classNames } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { MouseEventHandler } from 'react'
 import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/Constants/Constants'
 import { useApplication } from '../../ApplicationProvider'
@@ -44,45 +45,53 @@ export const ConflictListItem = ({
       </div>
       <div className="w-full text-sm text-neutral lg:text-xs">
         <div className="mb-1.5 flex items-center gap-2">
-          <StyledTooltip gutter={8} label="Last modified" className="!z-modal">
+          <StyledTooltip gutter={8} label={c('B3.Notes.NoteActions.Label').t`Last modified`} className="!z-modal">
             <div className="flex-shrink-0">
               <Icon type="restore" size="medium" />
             </div>
           </StyledTooltip>
-          <VisuallyHidden>Last modified</VisuallyHidden> {serverUpdatedAt}
+          <VisuallyHidden>{c('B3.Notes.NoteActions.Label').t`Last modified`}</VisuallyHidden> {serverUpdatedAt}
         </div>
         <div className="mb-1.5 flex items-center gap-2">
-          <StyledTooltip gutter={8} label="Created" className="!z-modal">
+          <StyledTooltip gutter={8} label={c('B3.Notes.NoteActions.Label').t`Created`} className="!z-modal">
             <div className="flex-shrink-0">
               <Icon type="pencil-filled" size="medium" />
             </div>
           </StyledTooltip>
-          <VisuallyHidden>Created</VisuallyHidden> {dateCreated}
+          <VisuallyHidden>{c('B3.Notes.NoteActions.Label').t`Created`}</VisuallyHidden> {dateCreated}
         </div>
         <div className="mb-1.5 flex items-center gap-2 overflow-hidden">
-          <StyledTooltip gutter={8} label="Note ID" className="!z-modal">
+          <StyledTooltip gutter={8} label={c('B3.Notes.NoteActions.Label').t`Note ID`} className="!z-modal">
             <div className="flex-shrink-0">
               <Icon type="info" size="medium" />
             </div>
           </StyledTooltip>
-          <VisuallyHidden>Note ID</VisuallyHidden>
+          <VisuallyHidden>{c('B3.Notes.NoteActions.Label').t`Note ID`}</VisuallyHidden>
           <div className="overflow-hidden text-ellipsis whitespace-nowrap">{note.uuid}</div>
         </div>
         {typeof words === 'number' && (format === 'txt' || format === 'md') ? (
           <div className="flex items-center gap-2">
-            <StyledTooltip gutter={8} label={`${words} words`} className="!z-modal">
+            <StyledTooltip gutter={8} label={c('B3.Notes.NoteActions.Info').jt`${words} words`} className="!z-modal">
               <div className="flex items-center gap-1">
                 <Icon type="line-width" size="medium" />
                 {words}
               </div>
             </StyledTooltip>
-            <StyledTooltip gutter={8} label={`${characters} characters`} className="!z-modal">
+            <StyledTooltip
+              gutter={8}
+              label={c('B3.Notes.NoteActions.Info').jt`${characters} characters`}
+              className="!z-modal"
+            >
               <div className="flex items-center gap-1">
                 <Icon type="bold" size="small" />
                 <span>{characters}</span>
               </div>
             </StyledTooltip>
-            <StyledTooltip gutter={8} label={`${paragraphs} paragraphs`} className="!z-modal">
+            <StyledTooltip
+              gutter={8}
+              label={c('B3.Notes.NoteActions.Info').jt`${paragraphs} paragraphs`}
+              className="!z-modal"
+            >
               <div className="flex items-center gap-1">
                 <Icon type="paragraph" size="medium" />
                 <span>{paragraphs}</span>
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/NoteConflictResolutionModal.tsx b/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/NoteConflictResolutionModal.tsx
index 98d5ce07eaf..e16696c24e6 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/NoteConflictResolutionModal.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteConflictResolutionModal/NoteConflictResolutionModal.tsx
@@ -26,6 +26,7 @@ import StyledTooltip from '../../StyledTooltip/StyledTooltip'
 import { DiffView } from './DiffView'
 import { ReadonlyNoteContent } from '../ReadonlyNoteContent'
 import { ConflictListItem } from './ConflictListItem'
+import { c } from 'ttag'
 
 type ConflictAction = 'move-to-trash' | 'delete-permanently'
 type MultipleSelectionMode = 'preview' | 'diff'
@@ -84,13 +85,15 @@ const NoteConflictResolutionModal = ({
   const keepOnlySelected = useCallback(async () => {
     const shouldDeletePermanently = selectedAction === 'delete-permanently'
 
-    const confirmDialogText = `This will keep only the selected versions and ${
-      shouldDeletePermanently ? 'delete the other versions permanently.' : 'move the other versions to the trash.'
-    } Are you sure?`
+    const confirmDialogText = shouldDeletePermanently
+      ? c('B3.Notes.NoteActions.Info')
+          .t`This will keep only the selected versions and delete the other versions permanently. Are you sure?`
+      : c('B3.Notes.NoteActions.Info')
+          .t`This will keep only the selected versions and move the other versions to the trash. Are you sure?`
 
     if (
       await confirmDialog({
-        title: 'Keep only selected versions?',
+        title: c('B3.Notes.NoteActions.Title').t`Keep only selected versions?`,
         text: confirmDialogText,
         confirmButtonStyle: 'danger',
       })
@@ -125,7 +128,7 @@ const NoteConflictResolutionModal = ({
   const actions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B3.Notes.NoteActions.Action').t`Cancel`,
         onClick: close,
         type: 'cancel',
         mobileSlot: 'left',
@@ -167,14 +170,14 @@ const NoteConflictResolutionModal = ({
 
   return (
     <Modal
-      title="Resolve conflicts"
+      title={c('B3.Notes.NoteActions.Title').t`Resolve conflicts`}
       className="flex flex-col overflow-x-hidden md:flex-row"
       actions={actions}
       close={close}
       customFooter={
         <ModalDialogButtons className={selectedNotes.length > 1 ? 'hidden md:flex' : ''}>
           <Button className="mr-auto hidden md:inline-block" onClick={close} disabled={isPerformingAction}>
-            Cancel
+            {c('B3.Notes.NoteActions.Action').t`Cancel`}
           </Button>
           <Toolbar className="flex w-full items-stretch text-info-contrast md:w-auto" store={toolbarStore}>
             <ToolbarItem
@@ -187,7 +190,12 @@ const NoteConflictResolutionModal = ({
                   <Spinner className="h-4 w-4 border-info-contrast" />
                 </>
               ) : (
-                <>Keep selected, {selectedAction === 'move-to-trash' ? 'trash others' : 'delete others'}</>
+                <>
+                  {c('B3.Notes.NoteActions.Action').t`Keep selected,`}{' '}
+                  {selectedAction === 'move-to-trash'
+                    ? c('B3.Notes.NoteActions.Action').t`trash others`
+                    : c('B3.Notes.NoteActions.Action').t`delete others`}
+                </>
               )}
             </ToolbarItem>
             <Select
@@ -204,7 +212,7 @@ const NoteConflictResolutionModal = ({
               store={selectStore}
             />
             <Popover
-              title="Conflict options"
+              title={c('B3.Notes.NoteActions.Title').t`Conflict options`}
               open={isSelectOpen}
               togglePopover={selectStore.toggle}
               anchorElement={selectAnchor}
@@ -225,10 +233,11 @@ const NoteConflictResolutionModal = ({
                     ) : (
                       <div className="h-3.5 w-3.5" />
                     )}
-                    Move others to trash
+                    {c('B3.Notes.NoteActions.Action').t`Move others to trash`}
                   </div>
                   <div className="ml-4.5 text-neutral">
-                    Only the selected version will be kept; others will be moved to trash.
+                    {c('B3.Notes.NoteActions.Info')
+                      .t`Only the selected version will be kept; others will be moved to trash.`}
                   </div>
                 </SelectItem>
                 <SelectItem className="px-2.5 py-2 hover:bg-passive-5" value="delete-permanently">
@@ -238,10 +247,11 @@ const NoteConflictResolutionModal = ({
                     ) : (
                       <div className="h-3.5 w-3.5" />
                     )}
-                    Delete others permanently
+                    {c('B3.Notes.NoteActions.Action').t`Delete others permanently`}
                   </div>
                   <div className="ml-4.5 text-neutral">
-                    Only the selected version will be kept; others will be deleted permanently.
+                    {c('B3.Notes.NoteActions.Info')
+                      .t`Only the selected version will be kept; others will be deleted permanently.`}
                   </div>
                 </SelectItem>
               </SelectList>
@@ -260,7 +270,7 @@ const NoteConflictResolutionModal = ({
             setSelectedMobileTab('list')
           }}
         >
-          List
+          {c('B3.Notes.NoteActions.Label').t`List`}
         </button>
         <button
           className={classNames(
@@ -271,7 +281,7 @@ const NoteConflictResolutionModal = ({
             setSelectedMobileTab('preview')
           }}
         >
-          Preview
+          {c('B3.Notes.NoteActions.Action').t`Preview`}
         </button>
       </div>
       <div
@@ -281,25 +291,32 @@ const NoteConflictResolutionModal = ({
         )}
         ref={setListElement}
       >
-        {allVersions.map((note, index) => (
-          <ConflictListItem
-            disabled={isPerformingAction}
-            isSelected={selectedVersions.includes(note.uuid)}
-            onClick={() => {
-              setSelectedVersions((versions) => {
-                if (!versions.includes(note.uuid)) {
-                  return versions.length > 1 ? versions.slice(1).concat(note.uuid) : versions.concat(note.uuid)
-                }
+        {allVersions.map((note, index) => {
+          const versionNumber = index + 1
+          return (
+            <ConflictListItem
+              disabled={isPerformingAction}
+              isSelected={selectedVersions.includes(note.uuid)}
+              onClick={() => {
+                setSelectedVersions((versions) => {
+                  if (!versions.includes(note.uuid)) {
+                    return versions.length > 1 ? versions.slice(1).concat(note.uuid) : versions.concat(note.uuid)
+                  }
 
-                return versions.length > 1 ? versions.filter((version) => version !== note.uuid) : versions
-              })
-              setSelectedMobileTab('preview')
-            }}
-            key={note.uuid}
-            title={index === 0 ? 'Current version' : `Version ${index + 1}`}
-            note={note}
-          />
-        ))}
+                  return versions.length > 1 ? versions.filter((version) => version !== note.uuid) : versions
+                })
+                setSelectedMobileTab('preview')
+              }}
+              key={note.uuid}
+              title={
+                index === 0
+                  ? c('B3.Notes.NoteActions.Label').t`Current version`
+                  : (c('B3.Notes.NoteActions.Label').jt`Version ${versionNumber}` as unknown as string)
+              }
+              note={note}
+            />
+          )
+        })}
       </div>
       <div
         className={classNames(
@@ -335,7 +352,11 @@ const NoteConflictResolutionModal = ({
             {isPreviewMode && (
               <StyledTooltip
                 className="!z-modal !max-w-[50ch]"
-                label={shouldSyncComparisonScroll ? 'Scrolling is synced' : 'Scrolling is not synced. Click to sync.'}
+                label={
+                  shouldSyncComparisonScroll
+                    ? c('B3.Notes.NoteActions.Label').t`Scrolling is synced`
+                    : c('B3.Notes.NoteActions.Label').t`Scrolling is not synced. Click to sync.`
+                }
                 showOnMobile
               >
                 <div className="relative rounded-full p-1 hover:bg-contrast">
@@ -350,7 +371,8 @@ const NoteConflictResolutionModal = ({
             )}
             {!isMobileScreen && (
               <>
-                <div className={showSuperConversionInfo ? 'ml-9' : ''}>Preview Mode</div>
+                <div className={showSuperConversionInfo ? 'ml-9' : ''}>{c('B3.Notes.NoteActions.Label')
+                  .t`Preview Mode`}</div>
                 <Switch
                   checked={!isPreviewMode}
                   onChange={function (checked: boolean): void {
@@ -359,7 +381,7 @@ const NoteConflictResolutionModal = ({
                 />
               </>
             )}
-            <div className={isPreviewMode ? 'mr-9' : ''}>Diff Mode</div>
+            <div className={isPreviewMode ? 'mr-9' : ''}>{c('B3.Notes.NoteActions.Label').t`Diff Mode`}</div>
             {showSuperConversionInfo && (
               <StyledTooltip
                 interactive
@@ -367,16 +389,15 @@ const NoteConflictResolutionModal = ({
                 label={
                   <>
                     <div className="mb-2">
-                      Super notes use JSON under the hood to create rich and flexible documents. While neatly organized,
-                      it's not ideal to read or compare manually. Instead, this diff compares a Markdown rendition of
-                      the notes.
+                      {c('B3.Notes.NoteActions.Info')
+                        .t`Super notes use JSON under the hood to create rich and flexible documents. While neatly organized, it's not ideal to read or compare manually. Instead, this diff compares a Markdown rendition of the notes.`}
                     </div>
                     <label className="mb-1 flex select-none items-center gap-2">
                       <Switch
                         checked={!compareSuperMarkdown}
                         onChange={(checked) => setCompareSuperMarkdown(!checked)}
                       />
-                      Compare JSON instead
+                      {c('B3.Notes.NoteActions.Action').t`Compare JSON instead`}
                     </label>
                   </>
                 }
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteStatusIndicator.tsx b/packages/web/src/javascripts/Components/NoteView/NoteStatusIndicator.tsx
index c78e7dd9499..ec934a355ad 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteStatusIndicator.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteStatusIndicator.tsx
@@ -1,6 +1,7 @@
 import { classNames } from '@standardnotes/utils'
 import { ReactNode, useCallback, useRef, useState } from 'react'
 import { IconType, PrefKey, PrefDefaults, SNNote } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import { useApplication } from '../ApplicationProvider'
 import { observer } from 'mobx-react-lite'
@@ -42,10 +43,10 @@ const IndicatorWithTooltip = ({
         ref={buttonRef}
       >
         <Icon className={animateIcon ? 'animate-spin' : ''} type={icon} size="small" />
-        <VisuallyHidden>Note sync status</VisuallyHidden>
+        <VisuallyHidden>{c('B4.Notes.EditingUI.AriaLabel').t`Note sync status`}</VisuallyHidden>
       </button>
       <Popover
-        title="Note sync status"
+        title={c('B4.Notes.EditingUI.AriaLabel').t`Note sync status`}
         open={isTooltipVisible}
         togglePopover={() => setIsTooltipVisible((visible) => !visible)}
         className="px-3 py-2"
@@ -121,13 +122,17 @@ const NoteStatusIndicator = ({
             {status.description && <div className="mt-0.5">{status.description}</div>}
           </>
         ) : (
-          <div className="text-sm font-bold text-warning">Sync taking too long</div>
+          <div className="text-sm font-bold text-warning">{c('B4.Notes.EditingUI.Warning')
+            .t`Sync taking too long`}</div>
         )}
       </IndicatorWithTooltip>
     )
   }
 
   if (updateSavingIndicator && status) {
+    const lastSyncedRelativeTime =
+      status.type === 'waiting' && note.lastSyncEnd ? getRelativeTimeString(note.lastSyncEnd) : null
+
     return (
       <IndicatorWithTooltip
         className={classNames(
@@ -143,8 +148,8 @@ const NoteStatusIndicator = ({
       >
         <div className="text-sm font-bold">{status.message}</div>
         {status.description && <div className="mt-0.5">{status.description}</div>}
-        {status.type === 'waiting' && note.lastSyncEnd && (
-          <div className="mt-0.5">Last synced {getRelativeTimeString(note.lastSyncEnd)}</div>
+        {lastSyncedRelativeTime && (
+          <div className="mt-0.5">{c('B4.Notes.EditingUI.Status').jt`Last synced ${lastSyncedRelativeTime}`}</div>
         )}
         {status.type === 'waiting' ? (
           <Button
@@ -155,11 +160,11 @@ const NoteStatusIndicator = ({
               toggleTooltip()
             }}
           >
-            Sync now
+            {c('B4.Notes.EditingUI.Action').t`Sync now`}
           </Button>
         ) : (
           <Button small className="mt-1" onClick={toggleShowPreference}>
-            Disable status updates
+            {c('B4.Notes.EditingUI.Action').t`Disable status updates`}
           </Button>
         )}
       </IndicatorWithTooltip>
@@ -174,9 +179,9 @@ const NoteStatusIndicator = ({
       isTooltipVisible={isTooltipVisible}
       setIsTooltipVisible={setIsTooltipVisible}
     >
-      <div className="text-sm font-bold">Note status updates are disabled</div>
+      <div className="text-sm font-bold">{c('B4.Notes.EditingUI.Info').t`Note status updates are disabled`}</div>
       <Button small className="mt-1" onClick={toggleShowPreference}>
-        Enable status updates
+        {c('B4.Notes.EditingUI.Action').t`Enable status updates`}
       </Button>
     </IndicatorWithTooltip>
   )
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
index 98f953413e1..37ebb8db3dc 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
@@ -8,6 +8,7 @@ import { ElementIds } from '@/Constants/ElementIDs'
 import { StringDeleteNote, STRING_DELETE_LOCKED_ATTEMPT, STRING_DELETE_PLACEHOLDER_ATTEMPT } from '@/Constants/Strings'
 import { log, LoggingDomain } from '@/Logging'
 import { debounce, isDesktopApplication, isMobileScreen } from '@/Utils'
+import { c } from 'ttag'
 import { classNames, compareArrayReferences, pluralize } from '@standardnotes/utils'
 import {
   ApplicationEvent,
@@ -394,8 +395,8 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
       case ApplicationEvent.LocalDatabaseWriteError:
         this.controller.showErrorSyncStatus({
           type: 'error',
-          message: 'Offline Saving Issue',
-          description: 'Changes not saved',
+          message: c('B4.Notes.EditingUI.Error').t`Offline Saving Issue`,
+          description: c('B4.Notes.EditingUI.Error').t`Changes not saved`,
         })
         break
       case ApplicationEvent.UnprotectedSessionBegan: {
@@ -595,16 +596,16 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
 
   async deleteNote(permanently: boolean) {
     if (this.controller.isTemplateNote) {
-      this.application.alerts.alert(STRING_DELETE_PLACEHOLDER_ATTEMPT).catch(console.error)
+      this.application.alerts.alert(STRING_DELETE_PLACEHOLDER_ATTEMPT()).catch(console.error)
       return
     }
 
     if (this.note.locked) {
-      this.application.alerts.alert(STRING_DELETE_LOCKED_ATTEMPT).catch(console.error)
+      this.application.alerts.alert(STRING_DELETE_LOCKED_ATTEMPT()).catch(console.error)
       return
     }
 
-    const title = this.note.title.length ? `'${this.note.title}'` : 'this note'
+    const title = this.note.title.length ? `'${this.note.title}'` : c('B3.Notes.NoteActions.Label').t`this note`
     const text = StringDeleteNote(title, permanently)
     if (
       await confirmDialog({
@@ -835,7 +836,11 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
     const shouldShowConflictsButton = this.state.conflictedNotes.length > 0 && !this.state.readonly
 
     return (
-      <div aria-label="Note" className="section editor sn-component h-full md:max-h-full" ref={this.noteViewElementRef}>
+      <div
+        aria-label={c('B4.Notes.EditingUI.Label').t`Note`}
+        className="section editor sn-component h-full md:max-h-full"
+        ref={this.noteViewElementRef}
+      >
         {this.note && (
           <NoteViewFileDropTarget
             note={this.note}
@@ -848,7 +853,7 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
         {this.state.readonly && (
           <div className="bg-warning-faded flex items-center px-3.5 py-2 text-sm text-accessory-tint-3">
             <Icon type="pencil-off" className="mr-3" />
-            You don't have permission to edit this note
+            {c('B4.Notes.EditingUI.Label').t`You don't have permission to edit this note`}
           </div>
         )}
 
@@ -906,7 +911,11 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
                 >
                   <Icon type="merge" size="small" className="mr-2" />
                   {this.state.conflictedNotes.length}{' '}
-                  {pluralize(this.state.conflictedNotes.length, 'conflict', 'conflicts')}
+                  {pluralize(
+                    this.state.conflictedNotes.length,
+                    c('B3.Notes.NoteActions.Label').t`conflict`,
+                    c('B3.Notes.NoteActions.Label').t`conflicts`,
+                  )}
                 </Button>
               )}
               <div className="note-view-options-buttons flex items-center gap-3">
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteViewFileDropTarget.tsx b/packages/web/src/javascripts/Components/NoteView/NoteViewFileDropTarget.tsx
index 4c9655ad150..7ba5cb4a5b7 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteViewFileDropTarget.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteViewFileDropTarget.tsx
@@ -2,6 +2,7 @@ import { FilesController } from '@/Controllers/FilesController'
 import { LinkingController } from '@/Controllers/LinkingController'
 import { NoteType, SNNote } from '@standardnotes/snjs'
 import { useEffect } from 'react'
+import { c } from 'ttag'
 import { useApplication } from '../ApplicationProvider'
 import { useFileDragNDrop } from '../FileDragNDropProvider'
 
@@ -20,7 +21,7 @@ const NoteViewFileDropTarget = ({ note, linkingController, noteViewElement, file
     const target = noteViewElement
 
     if (target) {
-      const tooltipText = 'Drop your files to upload and link them to the current note'
+      const tooltipText = c('B3.Notes.NoteList.Info').t`Drop your files to upload and link them to the current note`
       if (note.noteType === NoteType.Super) {
         addDragTarget(target, {
           tooltipText,
diff --git a/packages/web/src/javascripts/Components/NoteView/ReadonlyNoteContent.tsx b/packages/web/src/javascripts/Components/NoteView/ReadonlyNoteContent.tsx
index 4d97350a944..ff2ec1fcee1 100644
--- a/packages/web/src/javascripts/Components/NoteView/ReadonlyNoteContent.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/ReadonlyNoteContent.tsx
@@ -9,6 +9,7 @@ import {
   isUIFeatureAnIframeFeature,
 } from '@standardnotes/snjs'
 import { CSSProperties, useCallback, useEffect, useMemo, useRef } from 'react'
+import { c } from 'ttag'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 import { useApplication } from '../ApplicationProvider'
 import IframeFeatureView from '../ComponentView/IframeFeatureView'
@@ -185,7 +186,7 @@ export const ReadonlyNoteContent = ({
             />
           ) : (
             <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-passive-0">
-              Empty note.
+              {c('B4.Notes.EditingUI.Label').t`Empty note.`}
             </div>
           )}
         </div>
diff --git a/packages/web/src/javascripts/Components/NotesContextMenu/NotesContextMenu.tsx b/packages/web/src/javascripts/Components/NotesContextMenu/NotesContextMenu.tsx
index 6df87cf321c..33f12055d58 100644
--- a/packages/web/src/javascripts/Components/NotesContextMenu/NotesContextMenu.tsx
+++ b/packages/web/src/javascripts/Components/NotesContextMenu/NotesContextMenu.tsx
@@ -4,6 +4,7 @@ import { useCallback, useState } from 'react'
 import Popover from '../Popover/Popover'
 import Menu from '../Menu/Menu'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 const NotesContextMenu = () => {
   const application = useApplication()
@@ -19,7 +20,7 @@ const NotesContextMenu = () => {
 
   return (
     <Popover
-      title="Note options"
+      title={c('B3.Notes.NoteActions.Label').t`Note options`}
       align="start"
       anchorPoint={{
         x: contextMenuClickLocation.x,
@@ -29,7 +30,7 @@ const NotesContextMenu = () => {
       open={contextMenuOpen}
       togglePopover={closeMenu}
     >
-      <Menu className="select-none" a11yLabel="Note context menu">
+      <Menu className="select-none" a11yLabel={c('B3.Notes.NoteActions.Label').t`Note context menu`}>
         <NotesOptions
           notes={application.notesController.selectedNotes}
           requestDisableClickOutside={handleDisableClickOutsideRequest}
diff --git a/packages/web/src/javascripts/Components/NotesOptions/AddTagOption.tsx b/packages/web/src/javascripts/Components/NotesOptions/AddTagOption.tsx
index 5865042d65f..7463ee52fde 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/AddTagOption.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/AddTagOption.tsx
@@ -10,6 +10,7 @@ import { useApplication } from '../ApplicationProvider'
 import MenuItem from '../Menu/MenuItem'
 import Menu from '../Menu/Menu'
 import { LinkingController } from '@/Controllers/LinkingController'
+import { c } from 'ttag'
 
 type Props = {
   navigationController: NavigationController
@@ -63,12 +64,12 @@ const AddTagOption: FunctionComponent<Props> = ({
       >
         <div className="flex items-center">
           <Icon type="hashtag" className={iconClassName} />
-          Add tag
+          {c('B4.Notes.TagsLinkedItems.Action').t`Add tag`}
         </div>
         <Icon type="chevron-right" className="text-neutral" />
       </MenuItem>
       <Popover
-        title="Add tag"
+        title={c('B4.Notes.TagsLinkedItems.Action').t`Add tag`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
@@ -77,7 +78,7 @@ const AddTagOption: FunctionComponent<Props> = ({
         className="py-2"
         overrideZIndex="z-modal"
       >
-        <Menu a11yLabel="Tag selection menu" className="!px-0">
+        <Menu a11yLabel={c('B4.Notes.TagsLinkedItems.Label').t`Tag selection menu`} className="!px-0">
           {navigationController.tags.map((tag) => {
             const tagTitlePrefix = getTitleForLinkedTag(tag, application)?.titlePrefix
             return (
diff --git a/packages/web/src/javascripts/Components/NotesOptions/ChangeEditorOption.tsx b/packages/web/src/javascripts/Components/NotesOptions/ChangeEditorOption.tsx
index 6ab9c6b2ed6..1f7b0cb3de6 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/ChangeEditorOption.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/ChangeEditorOption.tsx
@@ -1,4 +1,5 @@
 import { CHANGE_EDITOR_COMMAND, KeyboardKey } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 import { WebApplication } from '@/Application/WebApplication'
 import { SNNote } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback, useMemo, useRef, useState } from 'react'
@@ -49,7 +50,7 @@ const ChangeEditorOption: FunctionComponent<ChangeEditorOptionProps> = ({
       >
         <div className="flex items-center">
           <Icon type="dashboard" className={`${iconClassName} mr-2 text-neutral`} />
-          Change note type
+          {c('B4.Notes.EditingUI.Action').t`Change note type`}
         </div>
         <div className="flex">
           {shortcut && <KeyboardShortcutIndicator className={'mr-2'} shortcut={shortcut} />}
@@ -57,7 +58,7 @@ const ChangeEditorOption: FunctionComponent<ChangeEditorOptionProps> = ({
         </div>
       </MenuItem>
       <Popover
-        title="Change note type"
+        title={c('B4.Notes.EditingUI.Action').t`Change note type`}
         align="start"
         anchorElement={buttonRef}
         className="md:pb-1"
diff --git a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsMenu.tsx b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsMenu.tsx
index d76489623a4..82a3a6aacc0 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsMenu.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsMenu.tsx
@@ -1,6 +1,7 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { Action, SNNote } from '@standardnotes/snjs'
 import { useCallback, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 import { ListedMenuGroup } from './ListedMenuGroup'
 import ListedMenuItem from './ListedMenuItem'
@@ -147,7 +148,9 @@ const ListedActionsMenu = ({ application, note }: ListedActionsMenuProps) => {
                   />
                 ))
               ) : (
-                <div className="select-none px-3 py-2 text-sm text-passive-0">No actions available</div>
+                <div className="select-none px-3 py-2 text-sm text-passive-0">
+                  {c('B3.Notes.NoteList.Info').t`No actions available`}
+                </div>
               )}
             </MenuSection>
           ))}
@@ -155,7 +158,9 @@ const ListedActionsMenu = ({ application, note }: ListedActionsMenuProps) => {
       ) : null}
       {!isFetchingAccounts && !menuGroups.length ? (
         <div className="flex w-full items-center justify-center px-4 py-6">
-          <div className="select-none text-sm text-passive-0">No Listed accounts found</div>
+          <div className="select-none text-sm text-passive-0">
+            {c('B3.Notes.NoteList.Info').t`No Listed accounts found`}
+          </div>
         </div>
       ) : null}
     </>
diff --git a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsOption.tsx b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsOption.tsx
index 973e931908f..80e0521027e 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsOption.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsOption.tsx
@@ -1,6 +1,7 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { SNNote } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback, useRef, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 import ListedActionsMenu from './ListedActionsMenu'
 import { KeyboardKey } from '@standardnotes/ui-services'
@@ -43,12 +44,12 @@ const ListedActionsOption: FunctionComponent<Props> = ({ application, note, icon
       >
         <div className="flex items-center">
           <Icon type="listed" className={`mr-2 text-neutral ${iconClassName}`} />
-          Listed actions
+          {c('B3.Notes.NoteList.Label').t`Listed actions`}
         </div>
         <Icon type="chevron-right" className="text-neutral" />
       </MenuItem>
       <Popover
-        title="Listed"
+        title={c('B3.Notes.NoteList.Label').t`Listed`}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
diff --git a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedMenuItem.tsx b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedMenuItem.tsx
index 80d5806da21..0373d901be7 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedMenuItem.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/Listed/ListedMenuItem.tsx
@@ -1,6 +1,7 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { Action, SNNote } from '@standardnotes/snjs'
 import { FunctionComponent, useCallback, useState } from 'react'
+import { c } from 'ttag'
 import Spinner from '@/Components/Spinner/Spinner'
 import { ListedMenuGroup } from './ListedMenuGroup'
 
@@ -46,9 +47,7 @@ const ListedMenuItem: FunctionComponent<ListedMenuItemProps> = ({
           <div className="font-semibold">{action.label}</div>
           {action.access_type && (
             <div className="mt-0.5 text-xs text-passive-0">
-              {'Uses '}
-              <strong>{action.access_type}</strong>
-              {' access to this note.'}
+              {c('B4.Notes.EditingUI.Info').jt`Uses ${action.access_type} access to this note.`}
             </div>
           )}
         </div>
diff --git a/packages/web/src/javascripts/Components/NotesOptions/NoteAttributes.tsx b/packages/web/src/javascripts/Components/NotesOptions/NoteAttributes.tsx
index 401396ac98e..39402945531 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/NoteAttributes.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/NoteAttributes.tsx
@@ -5,11 +5,15 @@ import { calculateReadTime } from './Utils/calculateReadTime'
 import { countNoteAttributes } from './Utils/countNoteAttributes'
 import { WebApplicationInterface } from '@standardnotes/ui-services'
 import { formatSizeToReadableString } from '@standardnotes/filepicker'
+import { c } from 'ttag'
 
 export const useNoteAttributes = (application: WebApplicationInterface, note: SNNote) => {
   const { words, characters, paragraphs } = useMemo(() => countNoteAttributes(note.text), [note.text])
 
-  const readTime = useMemo(() => (typeof words === 'number' ? calculateReadTime(words) : 'N/A'), [words])
+  const readTime = useMemo(
+    () => (typeof words === 'number' ? calculateReadTime(words) : c('B4.Notes.EditorOptions.Label').t`N/A`),
+    [words],
+  )
 
   const userModifiedDate = useMemo(() => formatDateForContextMenu(note.userModifiedDate), [note.userModifiedDate])
   const serverUpdatedAt = useMemo(() => formatDateForContextMenu(note.serverUpdatedAt), [note.serverUpdatedAt])
@@ -51,24 +55,25 @@ export const NoteAttributes: FunctionComponent<{
       {canShowWordCount ? (
         <>
           <div className="mb-1">
-            {words} words · {characters} characters · {paragraphs} paragraphs
+            {c('B4.Notes.EditorOptions.Info').jt`${words} words · ${characters} characters · ${paragraphs} paragraphs`}
           </div>
           <div className="mb-1">
-            <span className="font-semibold">Read time:</span> {readTime}
+            <span className="font-semibold">{c('B4.Notes.EditorOptions.Label').t`Read time:`}</span> {readTime}
           </div>
         </>
       ) : null}
       <div className="mb-1">
-        <span className="font-semibold">Last modified:</span> {userModifiedDate}
+        <span className="font-semibold">{c('B4.Notes.EditorOptions.Label').t`Last modified:`}</span> {userModifiedDate}
       </div>
       <div className="mb-1">
-        <span className="font-semibold">Created:</span> {dateCreated}
+        <span className="font-semibold">{c('B4.Notes.EditorOptions.Label').t`Created:`}</span> {dateCreated}
       </div>
       <div className="mb-1">
-        <span className="font-semibold">Note ID:</span> {note.uuid}
+        <span className="font-semibold">{c('B4.Notes.EditorOptions.Label').t`Note ID:`}</span> {note.uuid}
       </div>
       <div>
-        <span className="font-semibold">Size:</span> {formatSizeToReadableString(size)}
+        <span className="font-semibold">{c('B4.Notes.EditorOptions.Label').t`Size:`}</span>{' '}
+        {formatSizeToReadableString(size)}
       </div>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/NotesOptions/NoteSizeWarning.tsx b/packages/web/src/javascripts/Components/NotesOptions/NoteSizeWarning.tsx
index 407e47c7648..75c69193b91 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/NoteSizeWarning.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/NoteSizeWarning.tsx
@@ -3,6 +3,7 @@ import { FunctionComponent } from 'react'
 import { SNNote } from '@standardnotes/snjs'
 import { LargeNoteThreshold } from '@/Constants/Constants'
 import HorizontalSeparator from '../Shared/HorizontalSeparator'
+import { c } from 'ttag'
 
 export const NoteSizeWarning: FunctionComponent<{
   note: SNNote
@@ -13,7 +14,8 @@ export const NoteSizeWarning: FunctionComponent<{
       <div className="bg-warning-faded relative flex items-center px-3 py-3.5">
         <Icon type="warning" className="mr-3 flex-shrink-0 text-accessory-tint-3" />
         <div className="leading-140% max-w-80% select-none text-warning">
-          This note may have trouble syncing to the mobile application due to its size.
+          {c('B4.Notes.EditorOptions.Status')
+            .t`This note may have trouble syncing to the mobile application due to its size.`}
         </div>
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx b/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx
index c5fee3d2e77..e82d1fbe594 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/NotesOptions.tsx
@@ -31,6 +31,7 @@ import { MutuallyExclusiveMediaQueryBreakpoints } from '@/Hooks/useMediaQuery'
 import AddToVaultMenuOption from '../Vaults/AddToVaultMenuOption'
 import MenuSection from '../Menu/MenuSection'
 import { shareBlobOnMobile } from '@/NativeMobileWeb/ShareBlobOnMobile'
+import { c } from 'ttag'
 
 const iconSize = MenuItemIconSize
 const iconClassDanger = `text-danger mr-2 ${iconSize}`
@@ -146,6 +147,8 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
     return null
   }
 
+  const trashedNotesCount = String(notesController.trashedNotesCount)
+
   return (
     <>
       {notes.length === 1 && (
@@ -153,14 +156,14 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
           <MenuSection>
             <MenuItem onClick={openRevisionHistoryModal}>
               <Icon type="history" className={iconClass} />
-              Note history
+              {c('B4.Notes.History.Action').t`Note history`}
               {historyShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={historyShortcut} />}
             </MenuItem>
           </MenuSection>
           <MenuSection>
             <MenuItem onClick={toggleLineWidthModal} disabled={areSomeNotesInReadonlySharedVault}>
               <Icon type="line-width" className={iconClass} />
-              Editor width
+              {c('B4.Notes.EditorOptions.Action').t`Editor width`}
               {editorWidthShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={editorWidthShortcut} />}
             </MenuItem>
           </MenuSection>
@@ -175,7 +178,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
           disabled={areSomeNotesInReadonlySharedVault}
         >
           <Icon type="pencil-off" className={iconClass} />
-          Prevent editing
+          {c('B4.Notes.EditorOptions.Action').t`Prevent editing`}
         </MenuSwitchButtonItem>
         <MenuSwitchButtonItem
           checked={!hidePreviews}
@@ -185,7 +188,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
           disabled={areSomeNotesInReadonlySharedVault}
         >
           <Icon type="rich-text" className={iconClass} />
-          Show preview
+          {c('B4.Notes.EditorOptions.Action').t`Show preview`}
         </MenuSwitchButtonItem>
         <MenuSwitchButtonItem
           checked={protect}
@@ -195,7 +198,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
           disabled={areSomeNotesInReadonlySharedVault}
         >
           <Icon type="lock" className={iconClass} />
-          Password protect
+          {c('B4.Notes.EditorOptions.Label').t`Password protect`}
         </MenuSwitchButtonItem>
       </MenuSection>
       {notes.length === 1 && (
@@ -234,7 +237,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
           disabled={areSomeNotesInReadonlySharedVault}
         >
           <Icon type="star" className={iconClass} />
-          {starred ? 'Unstar' : 'Star'}
+          {starred ? c('B3.Notes.NoteActions.Action').t`Unstar` : c('B3.Notes.NoteActions.Action').t`Star`}
           {starShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={starShortcut} />}
         </MenuItem>
 
@@ -246,7 +249,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
             disabled={areSomeNotesInReadonlySharedVault}
           >
             <Icon type="pin" className={iconClass} />
-            Pin to top
+            {c('B3.Notes.NoteActions.Action').t`Pin to top`}
             {pinShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={pinShortcut} />}
           </MenuItem>
         )}
@@ -258,23 +261,23 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
             disabled={areSomeNotesInReadonlySharedVault}
           >
             <Icon type="unpin" className={iconClass} />
-            Unpin
+            {c('B3.Notes.NoteActions.Action').t`Unpin`}
             {pinShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={pinShortcut} />}
           </MenuItem>
         )}
         <MenuItem onClick={notesController.exportSelectedNotes}>
           <Icon type="download" className={iconClass} />
-          Export
+          {c('B4.Notes.EditorOptions.Action').t`Export`}
         </MenuItem>
         {application.platform === Platform.Android && (
           <MenuItem onClick={shareSelectedItems}>
             <Icon type="share" className={iconClass} />
-            Share
+            {c('B4.Notes.EditorOptions.Action').t`Share`}
           </MenuItem>
         )}
         <MenuItem onClick={duplicateSelectedNotes} disabled={areSomeNotesInReadonlySharedVault}>
           <Icon type="copy" className={iconClass} />
-          Duplicate
+          {c('B3.Notes.NoteActions.Action').t`Duplicate`}
         </MenuItem>
         {unarchived && (
           <MenuItem
@@ -285,7 +288,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
             disabled={areSomeNotesInReadonlySharedVault}
           >
             <Icon type="archive" className={iconClassWarning} />
-            <span className="text-warning">Archive</span>
+            <span className="text-warning">{c('B3.Notes.NoteActions.Action').t`Archive`}</span>
           </MenuItem>
         )}
         {archived && (
@@ -297,7 +300,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
             disabled={areSomeNotesInReadonlySharedVault}
           >
             <Icon type="unarchive" className={iconClassWarning} />
-            <span className="text-warning">Unarchive</span>
+            <span className="text-warning">{c('B3.Notes.NoteActions.Action').t`Unarchive`}</span>
           </MenuItem>
         )}
         {notTrashed &&
@@ -310,7 +313,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
               }}
             >
               <Icon type="close" className="mr-2 text-danger" />
-              <span className="text-danger">Delete permanently</span>
+              <span className="text-danger">{c('B3.Notes.NoteActions.Action').t`Delete permanently`}</span>
             </MenuItem>
           ) : (
             <MenuItem
@@ -321,7 +324,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
               disabled={areSomeNotesInReadonlySharedVault}
             >
               <Icon type="trash" className={iconClassDanger} />
-              <span className="text-danger">Move to trash</span>
+              <span className="text-danger">{c('B3.Notes.NoteActions.Action').t`Move to trash`}</span>
             </MenuItem>
           ))}
         {trashed && (
@@ -334,7 +337,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
               disabled={areSomeNotesInReadonlySharedVault}
             >
               <Icon type="restore" className={iconClassSuccess} />
-              <span className="text-success">Restore</span>
+              <span className="text-success">{c('B3.Notes.NoteActions.Action').t`Restore`}</span>
             </MenuItem>
             <MenuItem
               disabled={areSomeNotesInReadonlySharedVault}
@@ -344,7 +347,7 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
               }}
             >
               <Icon type="close" className="mr-2 text-danger" />
-              <span className="text-danger">Delete permanently</span>
+              <span className="text-danger">{c('B3.Notes.NoteActions.Action').t`Delete permanently`}</span>
             </MenuItem>
             <MenuItem
               onClick={async () => {
@@ -356,8 +359,10 @@ const NotesOptions = ({ notes, closeMenu }: NotesOptionsProps) => {
               <div className="flex items-start">
                 <Icon type="trash-sweep" className="mr-2 text-danger" />
                 <div className="flex-row">
-                  <div className="text-danger">Empty Trash</div>
-                  <div className="text-xs">{notesController.trashedNotesCount} notes in Trash</div>
+                  <div className="text-danger">{c('B3.Notes.NoteActions.Action').t`Empty Trash`}</div>
+                  <div className="text-xs">
+                    {c('B3.Notes.NoteActions.Info').jt`${trashedNotesCount} notes in Trash`}
+                  </div>
                 </div>
               </div>
             </MenuItem>
diff --git a/packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx b/packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx
index a357607dff8..b503aa46ef9 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx
@@ -1,4 +1,5 @@
 import { FocusEvent, useCallback, useRef, useState } from 'react'
+import { c } from 'ttag'
 import { observer } from 'mobx-react-lite'
 import NotesOptions from './NotesOptions'
 import { NotesController } from '@/Controllers/NotesController/NotesController'
@@ -38,21 +39,21 @@ const NotesOptionsPanel = ({ notesController, onClick, onClickPreprocessing, onB
     <>
       <RoundIconButton
         id={ElementIds.NoteOptionsButton}
-        label="Note options menu"
+        label={c('B3.Notes.NoteActions.Label').t`Note options menu`}
         onClick={toggleMenu}
         onBlur={onButtonBlur}
         ref={buttonRef}
         icon="more"
       />
       <Popover
-        title="Note options"
+        title={c('B3.Notes.NoteActions.Label').t`Note options`}
         disableClickOutside={disableClickOutside}
         togglePopover={toggleMenu}
         anchorElement={buttonRef}
         open={isOpen}
         className="select-none"
       >
-        <Menu a11yLabel="Note options menu">
+        <Menu a11yLabel={c('B3.Notes.NoteActions.Label').t`Note options menu`}>
           <NotesOptions
             notes={notesController.selectedNotes}
             requestDisableClickOutside={handleDisableClickOutsideRequest}
diff --git a/packages/web/src/javascripts/Components/NotesOptions/SpellcheckOptions.tsx b/packages/web/src/javascripts/Components/NotesOptions/SpellcheckOptions.tsx
index a3013944c1e..871559b3594 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/SpellcheckOptions.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/SpellcheckOptions.tsx
@@ -4,6 +4,7 @@ import { UIFeature, EditorFeatureDescription, IframeComponentFeatureDescription,
 import { NotesController } from '@/Controllers/NotesController/NotesController'
 import { iconClass } from './ClassNames'
 import MenuSwitchButtonItem from '../Menu/MenuSwitchButtonItem'
+import { c } from 'ttag'
 
 export const SpellcheckOptions: FunctionComponent<{
   editorForNote: UIFeature<EditorFeatureDescription | IframeComponentFeatureDescription>
@@ -28,10 +29,12 @@ export const SpellcheckOptions: FunctionComponent<{
         disabled={disabled || !spellcheckControllable}
       >
         <Icon type="notes" className={iconClass} />
-        Spellcheck
+        {c('B4.Notes.EditorOptions.Action').t`Spellcheck`}
       </MenuSwitchButtonItem>
       {!spellcheckControllable && (
-        <p className="px-3 py-1.5 text-xs">Spellcheck cannot be controlled for this editor.</p>
+        <p className="px-3 py-1.5 text-xs">
+          {c('B4.Notes.EditorOptions.Info').t`Spellcheck cannot be controlled for this editor.`}
+        </p>
       )}
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/NotesOptions/SuperExportModal.tsx b/packages/web/src/javascripts/Components/NotesOptions/SuperExportModal.tsx
index 784ea90b7f1..23665ac52d9 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/SuperExportModal.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/SuperExportModal.tsx
@@ -1,4 +1,5 @@
 import { PrefKey, PrefValue } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { useApplication } from '../ApplicationProvider'
 import Modal from '../Modal/Modal'
 import usePreference from '@/Hooks/usePreference'
@@ -37,18 +38,18 @@ const ModalContent = observer(() => {
 
   return (
     <Modal
-      title="Export notes"
+      title={c('B4.Notes.EditorOptions.Label').t`Export notes`}
       className="p-4"
       close={notesController.closeSuperExportModal}
       actions={[
         {
-          label: 'Cancel',
+          label: c('B4.Notes.EditorOptions.Action').t`Cancel`,
           type: 'cancel',
           onClick: notesController.closeSuperExportModal,
           mobileSlot: 'left',
         },
         {
-          label: 'Export',
+          label: c('B4.Notes.EditorOptions.Action').t`Export`,
           type: 'primary',
           onClick: () => {
             void notesController.downloadSelectedNotes()
@@ -60,14 +61,18 @@ const ModalContent = observer(() => {
     >
       <div className="mb-2">
         <div className="mb-2 flex flex-wrap items-center justify-between gap-2">
-          <div className="text-base">Choose export format {notes.length > 1 ? 'for Super notes' : ''}</div>
+          <div className="text-base">
+            {notes.length > 1
+              ? c('B4.Notes.EditorOptions.Label').t`Choose export format for Super notes`
+              : c('B4.Notes.EditorOptions.Label').t`Choose export format`}
+          </div>
           <Dropdown
-            label="Export format"
+            label={c('B4.Notes.EditorOptions.Label').t`Export format`}
             items={[
-              { label: 'Super (.json)', value: 'json' },
-              { label: 'Markdown (.md)', value: 'md' },
-              { label: 'HTML', value: 'html' },
-              { label: 'PDF', value: 'pdf' },
+              { label: c('B4.Notes.EditorOptions.Label').t`Super (.json)`, value: 'json' },
+              { label: c('B4.Notes.EditorOptions.Label').t`Markdown (.md)`, value: 'md' },
+              { label: c('B4.Notes.EditorOptions.Label').t`HTML`, value: 'html' },
+              { label: c('B4.Notes.EditorOptions.Label').t`PDF`, value: 'pdf' },
             ]}
             value={superNoteExportFormat}
             onChange={(value) => {
@@ -83,23 +88,23 @@ const ModalContent = observer(() => {
         </div>
         {superNoteExportFormat === 'md' && (
           <div className="mt-2 text-xs text-passive-0">
-            Note that conversion to Markdown is not lossless. Some features like collapsible blocks and formatting like
-            superscript/subscript may not be correctly converted.
+            {c('B4.Notes.EditorOptions.Info')
+              .t`Note that conversion to Markdown is not lossless. Some features like collapsible blocks and formatting like superscript/subscript may not be correctly converted.`}
           </div>
         )}
       </div>
       {superNoteExportFormat === 'pdf' && (
         <div className="mt-4 flex flex-wrap items-center justify-between gap-2">
-          <div className="text-base">Page size</div>
+          <div className="text-base">{c('B4.Notes.EditorOptions.Label').t`Page size`}</div>
           <Dropdown
-            label="Page size"
+            label={c('B4.Notes.EditorOptions.Label').t`Page size`}
             items={
               [
-                { label: 'A3', value: 'A3' },
-                { label: 'A4', value: 'A4' },
-                { label: 'Letter', value: 'LETTER' },
-                { label: 'Legal', value: 'LEGAL' },
-                { label: 'Tabloid', value: 'TABLOID' },
+                { label: c('B4.Notes.EditorOptions.Label').t`A3`, value: 'A3' },
+                { label: c('B4.Notes.EditorOptions.Label').t`A4`, value: 'A4' },
+                { label: c('B4.Notes.EditorOptions.Label').t`Letter`, value: 'LETTER' },
+                { label: c('B4.Notes.EditorOptions.Label').t`Legal`, value: 'LEGAL' },
+                { label: c('B4.Notes.EditorOptions.Label').t`Tabloid`, value: 'TABLOID' },
               ] satisfies {
                 label: string
                 value: PrefValue[PrefKey.SuperNoteExportPDFPageSize]
@@ -130,19 +135,23 @@ const ModalContent = observer(() => {
             }}
             className="!flex items-center"
           >
-            <span className="ml-2">Export with frontmatter</span>
+            <span className="ml-2">{c('B4.Notes.EditorOptions.Label').t`Export with frontmatter`}</span>
           </Switch>
         </div>
       )}
       {canShowEmbeddedFileOptions && someNotesHaveEmbeddedFiles && (
         <div className="mb-2 mt-4 flex flex-wrap items-center justify-between gap-2">
-          <div className="text-base">Embedded files</div>
+          <div className="text-base">{c('B4.Notes.EditorOptions.Action').t`Embedded files`}</div>
           <Dropdown
-            label="Embedded files"
+            label={c('B4.Notes.EditorOptions.Label').t`Embedded files`}
             items={[
-              { label: 'Inline', value: 'inline' },
-              { label: 'Export separately', value: 'separate' },
-            ].concat(superNoteExportFormat !== 'md' ? [{ label: 'Keep as reference', value: 'reference' }] : [])}
+              { label: c('B4.Notes.EditorOptions.Label').t`Inline`, value: 'inline' },
+              { label: c('B4.Notes.EditorOptions.Action').t`Export separately`, value: 'separate' },
+            ].concat(
+              superNoteExportFormat !== 'md'
+                ? [{ label: c('B4.Notes.EditorOptions.Label').t`Keep as reference`, value: 'reference' }]
+                : [],
+            )}
             value={superNoteExportEmbedBehavior}
             onChange={(value) => {
               void application.setPreference(
diff --git a/packages/web/src/javascripts/Components/NotesOptions/SuperNoteOptions.tsx b/packages/web/src/javascripts/Components/NotesOptions/SuperNoteOptions.tsx
index 08b94401a75..476d3ea2b10 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/SuperNoteOptions.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/SuperNoteOptions.tsx
@@ -6,6 +6,7 @@ import MenuSection from '../Menu/MenuSection'
 import { SUPER_SHOW_MARKDOWN_PREVIEW, SUPER_TOGGLE_SEARCH } from '@standardnotes/ui-services'
 import { useMemo, useCallback } from 'react'
 import { useKeyboardService } from '../KeyboardServiceProvider'
+import { c } from 'ttag'
 
 type Props = {
   closeMenu: () => void
@@ -34,12 +35,12 @@ const SuperNoteOptions = ({ closeMenu }: Props) => {
     <MenuSection>
       <MenuItem onClick={findInNote}>
         <Icon type="search" className={iconClass} />
-        Find in note
+        {c('B4.Notes.EditorOptions.Action').t`Find in note`}
         {findShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={findShortcut} />}
       </MenuItem>
       <MenuItem onClick={enableSuperMarkdownPreview}>
         <Icon type="markdown" className={iconClass} />
-        Show Markdown
+        {c('B4.Notes.EditorOptions.Action').t`Show Markdown`}
         {markdownShortcut && <KeyboardShortcutIndicator className="ml-auto" shortcut={markdownShortcut} />}
       </MenuItem>
     </MenuSection>
diff --git a/packages/web/src/javascripts/Components/NotesOptions/Utils/calculateReadTime.tsx b/packages/web/src/javascripts/Components/NotesOptions/Utils/calculateReadTime.tsx
index d8d5aada142..8c2688af70a 100644
--- a/packages/web/src/javascripts/Components/NotesOptions/Utils/calculateReadTime.tsx
+++ b/packages/web/src/javascripts/Components/NotesOptions/Utils/calculateReadTime.tsx
@@ -1,8 +1,16 @@
+import { pluralize } from '@standardnotes/utils'
+import { c } from 'ttag'
+
 export const calculateReadTime = (words: number) => {
   const timeToRead = Math.round(words / 200)
   if (timeToRead === 0) {
-    return '< 1 minute'
+    return c('B4.Notes.EditorOptions.Label').t`< 1 minute`
   } else {
-    return `${timeToRead} ${timeToRead > 1 ? 'minutes' : 'minute'}`
+    const count = timeToRead
+    return pluralize(
+      timeToRead,
+      c('B4.Notes.EditorOptions.Label').jt`${count} minute` as unknown as string,
+      c('B4.Notes.EditorOptions.Label').jt`${count} minutes` as unknown as string,
+    )
   }
 }
diff --git a/packages/web/src/javascripts/Components/OtherSessionsSignOut/OtherSessionsSignOut.tsx b/packages/web/src/javascripts/Components/OtherSessionsSignOut/OtherSessionsSignOut.tsx
index 7db301ba67e..3deb446d9b0 100644
--- a/packages/web/src/javascripts/Components/OtherSessionsSignOut/OtherSessionsSignOut.tsx
+++ b/packages/web/src/javascripts/Components/OtherSessionsSignOut/OtherSessionsSignOut.tsx
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite'
 import Button from '@/Components/Button/Button'
 import Icon from '../Icon/Icon'
 import AlertDialog from '../AlertDialog/AlertDialog'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -20,30 +21,34 @@ const ConfirmOtherSessionsSignOut = observer(({ application }: Props) => {
     application.revokeAllOtherSessions().catch(console.error)
     closeDialog()
     application.alerts
-      .alert('You have successfully revoked your sessions from other devices.', undefined, 'Finish')
+      .alert(
+        c('B1.Account.Session.Info').t`You have successfully revoked your sessions from other devices.`,
+        undefined,
+        c('B1.Account.Session.Action').t`Finish`,
+      )
       .catch(console.error)
   }, [application, closeDialog])
 
   return (
     <AlertDialog closeDialog={closeDialog}>
       <div className="flex items-center justify-between text-lg font-bold capitalize">
-        End all other sessions?
+        {c('B1.Account.Session.Title').t`End all other sessions?`}
         <button className="rounded p-1 font-bold hover:bg-contrast" onClick={closeDialog}>
           <Icon type="close" />
         </button>
       </div>
       <div className="sk-panel-row">
         <p className="text-base text-foreground lg:text-sm">
-          This action will sign out all other devices signed into your account, and remove your data from those devices
-          when they next regain connection to the internet. You may sign back in on those devices at any time.
+          {c('B1.Account.Session.Info')
+            .t`This action will sign out all other devices signed into your account, and remove your data from those devices when they next regain connection to the internet. You may sign back in on those devices at any time.`}
         </p>
       </div>
       <div className="mt-4 flex justify-end gap-2">
         <Button ref={cancelRef} onClick={closeDialog}>
-          Cancel
+          {c('B1.Account.Session.Action').t`Cancel`}
         </Button>
         <Button primary colorStyle="danger" onClick={confirm}>
-          End Sessions
+          {c('B1.Account.Session.Action').t`End Sessions`}
         </Button>
       </div>
     </AlertDialog>
diff --git a/packages/web/src/javascripts/Components/PasswordWizard/FinishStep.tsx b/packages/web/src/javascripts/Components/PasswordWizard/FinishStep.tsx
index f56b6eabe77..1efa6aa585b 100644
--- a/packages/web/src/javascripts/Components/PasswordWizard/FinishStep.tsx
+++ b/packages/web/src/javascripts/Components/PasswordWizard/FinishStep.tsx
@@ -9,7 +9,8 @@ export const FinishStep = () => {
           <CheckmarkCircle />
         </div>
         <div className="flex flex-col">
-          <div className="text-base font-bold">{c('B1.Account.Password.Info').t`Your password has been successfully changed.`}</div>
+          <div className="text-base font-bold">{c('B1.Account.Password.Info')
+            .t`Your password has been successfully changed.`}</div>
           <p>
             {c('B1.Account.Password.Info')
               .t`Ensure you are running the latest version of Standard Notes on all platforms for maximum compatibility.`}
diff --git a/packages/web/src/javascripts/Components/PasswordWizard/PasswordWizard.tsx b/packages/web/src/javascripts/Components/PasswordWizard/PasswordWizard.tsx
index 4289e402bb3..5c858c01f7c 100644
--- a/packages/web/src/javascripts/Components/PasswordWizard/PasswordWizard.tsx
+++ b/packages/web/src/javascripts/Components/PasswordWizard/PasswordWizard.tsx
@@ -139,7 +139,9 @@ class PasswordWizard extends AbstractComponent<Props, State> {
     const currentPassword = this.state.formData.currentPassword
     const newPass = this.state.formData.newPassword
     if (!currentPassword || currentPassword.length === 0) {
-      this.application.alerts.alert(c('B1.Account.Password.Error').t`Please enter your current password.`).catch(console.error)
+      this.application.alerts
+        .alert(c('B1.Account.Password.Error').t`Please enter your current password.`)
+        .catch(console.error)
       return false
     }
 
@@ -159,7 +161,10 @@ class PasswordWizard extends AbstractComponent<Props, State> {
 
     if (!this.application.sessions.getUser()?.email) {
       this.application.alerts
-        .alert(c('B1.Account.Password.Error').t`We don't have your email stored. Please sign out then log back in to fix this issue.`)
+        .alert(
+          c('B1.Account.Password.Error')
+            .t`We don't have your email stored. Please sign out then log back in to fix this issue.`,
+        )
         .catch(console.error)
       this.setFormDataState({
         status: undefined,
diff --git a/packages/web/src/javascripts/Components/PermissionsModal/PermissionsModal.tsx b/packages/web/src/javascripts/Components/PermissionsModal/PermissionsModal.tsx
index f04c192a813..c0c0c5bd480 100644
--- a/packages/web/src/javascripts/Components/PermissionsModal/PermissionsModal.tsx
+++ b/packages/web/src/javascripts/Components/PermissionsModal/PermissionsModal.tsx
@@ -1,9 +1,12 @@
 import { ComponentInterface } from '@standardnotes/snjs'
 import { useCallback } from 'react'
+import { c } from 'ttag'
 import Button from '@/Components/Button/Button'
 import ModalDialogButtons from '../Modal/ModalDialogButtons'
 import Modal from '../Modal/Modal'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 type Props = {
   callback: (approved: boolean) => void
   dismiss: () => void
@@ -24,12 +27,12 @@ const PermissionsModal = ({ callback, component, dismiss, permissionsString }: P
 
   return (
     <Modal
-      title="Activate Plugin"
+      title={c('B2.NavSharedUI.Title').t`Activate Plugin`}
       close={deny}
       actions={[
-        { label: 'Cancel', onClick: deny, type: 'cancel', mobileSlot: 'left' },
+        { label: c('B2.NavSharedUI.Action').t`Cancel`, onClick: deny, type: 'cancel', mobileSlot: 'left' },
         {
-          label: 'Continue',
+          label: c('B2.NavSharedUI.Action').t`Continue`,
           onClick: accept,
           type: 'primary',
           mobileSlot: 'right',
@@ -38,20 +41,24 @@ const PermissionsModal = ({ callback, component, dismiss, permissionsString }: P
       customFooter={
         <ModalDialogButtons className="hidden md:flex">
           <Button primary fullWidth onClick={accept} className="block">
-            Continue
+            {c('B2.NavSharedUI.Action').t`Continue`}
           </Button>
         </ModalDialogButtons>
       }
     >
       <div className="px-4 py-4">
         <div className="text-base">
-          <strong>{component.displayName}</strong>
-          {' would like to interact with your '}
-          {permissionsString}
+          <strong>
+            {jtString(
+              c('B2.NavSharedUI.Info')
+                .jt`${component.displayName} would like to interact with your ${permissionsString}`,
+            )}
+          </strong>
         </div>
         <div className="sk-panel-row [word-break:break-word]">
           <p className="sk-p">
-            Plugins use an offline messaging system to communicate and can only access the current note.
+            {c('B2.NavSharedUI.Info')
+              .t`Plugins use an offline messaging system to communicate and can only access the current note.`}
           </p>
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/PinNoteButton/PinNoteButton.tsx b/packages/web/src/javascripts/Components/PinNoteButton/PinNoteButton.tsx
index 0fafc37cc9e..2badc87dee5 100644
--- a/packages/web/src/javascripts/Components/PinNoteButton/PinNoteButton.tsx
+++ b/packages/web/src/javascripts/Components/PinNoteButton/PinNoteButton.tsx
@@ -1,5 +1,6 @@
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useCallback, useMemo } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 import { NotesController } from '@/Controllers/NotesController/NotesController'
 import { classNames } from '@standardnotes/utils'
@@ -31,7 +32,9 @@ const PinNoteButton: FunctionComponent<Props> = ({ className = '', notesControll
     [keyboardService],
   )
 
-  const label = pinned ? `Unpin note (${shortcut})` : `Pin note (${shortcut})`
+  const label = pinned
+    ? (c('B3.Notes.NoteActions.Label').jt`Unpin note (${shortcut})` as unknown as string)
+    : (c('B3.Notes.NoteActions.Label').jt`Pin note (${shortcut})` as unknown as string)
 
   return (
     <button
@@ -45,7 +48,7 @@ const PinNoteButton: FunctionComponent<Props> = ({ className = '', notesControll
       title={label}
       aria-label={label}
     >
-      <VisuallyHidden>Pin selected notes</VisuallyHidden>
+      <VisuallyHidden>{c('B3.Notes.NoteActions.Label').t`Pin selected notes`}</VisuallyHidden>
       <Icon type="pin" className="block" />
     </button>
   )
diff --git a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx
index 2d7ebbd4cc7..96b1a442d2a 100644
--- a/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx
+++ b/packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx
@@ -1,4 +1,5 @@
 import { useDisableBodyScrollOnMobile } from '@/Hooks/useDisableBodyScrollOnMobile'
+import { c } from 'ttag'
 import { classNames } from '@standardnotes/snjs'
 import { ReactNode, useCallback, useEffect } from 'react'
 import Portal from '../Portal/Portal'
@@ -202,7 +203,7 @@ const MobilePopoverContent = ({
             <div />
             <div className="flex items-center justify-center font-semibold">{title}</div>
             <MobileModalAction type="primary" slot="right" action={requestClose}>
-              Done
+              {c('B2.NavSharedUI.Action').t`Done`}
             </MobileModalAction>
           </MobileModalHeader>
           <div className={classNames('h-full overflow-y-auto overscroll-none bg-passive-5', className)}>{children}</div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Controller/MenuItems.ts b/packages/web/src/javascripts/Components/Preferences/Controller/MenuItems.ts
index dd8ef437d5e..4add7e3d633 100644
--- a/packages/web/src/javascripts/Components/Preferences/Controller/MenuItems.ts
+++ b/packages/web/src/javascripts/Components/Preferences/Controller/MenuItems.ts
@@ -1,28 +1,29 @@
+import { c } from 'ttag'
 import { PreferencesMenuItem } from './PreferencesMenuItem'
 
 export const PREFERENCES_MENU_ITEMS: PreferencesMenuItem[] = [
-  { id: 'whats-new', label: "What's New", icon: 'asterisk', order: 0 },
-  { id: 'account', label: 'Account', icon: 'user', order: 1 },
-  { id: 'general', label: 'General', icon: 'settings', order: 3 },
-  { id: 'security', label: 'Security', icon: 'security', order: 4 },
-  { id: 'backups', label: 'Backups', icon: 'restore', order: 5 },
-  { id: 'appearance', label: 'Appearance', icon: 'themes', order: 6 },
-  { id: 'listed', label: 'Listed', icon: 'listed', order: 7 },
-  { id: 'shortcuts', label: 'Shortcuts', icon: 'keyboard', order: 8 },
-  { id: 'plugins', label: 'Plugins', icon: 'dashboard', order: 8 },
-  { id: 'accessibility', label: 'Accessibility', icon: 'accessibility', order: 9 },
-  { id: 'get-free-month', label: 'Get a free month', icon: 'star', order: 10 },
-  { id: 'help-feedback', label: 'Help & feedback', icon: 'help', order: 11 },
+  { id: 'whats-new', label: c('B6.Preferences.Other.Label').t`What's New`, icon: 'asterisk', order: 0 },
+  { id: 'account', label: c('B6.Preferences.Other.Label').t`Account`, icon: 'user', order: 1 },
+  { id: 'general', label: c('B6.Preferences.Other.Label').t`General`, icon: 'settings', order: 3 },
+  { id: 'security', label: c('B6.Preferences.Other.Label').t`Security`, icon: 'security', order: 4 },
+  { id: 'backups', label: c('B6.Preferences.Other.Action').t`Backups`, icon: 'restore', order: 5 },
+  { id: 'appearance', label: c('B6.Preferences.Other.Label').t`Appearance`, icon: 'themes', order: 6 },
+  { id: 'listed', label: c('B6.Preferences.Other.Label').t`Listed`, icon: 'listed', order: 7 },
+  { id: 'shortcuts', label: c('B6.Preferences.Other.Label').t`Shortcuts`, icon: 'keyboard', order: 8 },
+  { id: 'plugins', label: c('B6.Preferences.Other.Label').t`Plugins`, icon: 'dashboard', order: 8 },
+  { id: 'accessibility', label: c('B6.Preferences.Other.Label').t`Accessibility`, icon: 'accessibility', order: 9 },
+  { id: 'get-free-month', label: c('B6.Preferences.Other.Label').t`Get a free month`, icon: 'star', order: 10 },
+  { id: 'help-feedback', label: c('B6.Preferences.Other.Label').t`Help & feedback`, icon: 'help', order: 11 },
 ]
 
 export const READY_PREFERENCES_MENU_ITEMS: PreferencesMenuItem[] = [
-  { id: 'whats-new', label: "What's New", icon: 'asterisk', order: 0 },
-  { id: 'account', label: 'Account', icon: 'user', order: 1 },
-  { id: 'general', label: 'General', icon: 'settings', order: 3 },
-  { id: 'security', label: 'Security', icon: 'security', order: 4 },
-  { id: 'backups', label: 'Backups', icon: 'restore', order: 5 },
-  { id: 'appearance', label: 'Appearance', icon: 'themes', order: 6 },
-  { id: 'listed', label: 'Listed', icon: 'listed', order: 7 },
-  { id: 'plugins', label: 'Plugins', icon: 'dashboard', order: 8 },
-  { id: 'help-feedback', label: 'Help & feedback', icon: 'help', order: 11 },
+  { id: 'whats-new', label: c('B6.Preferences.Other.Label').t`What's New`, icon: 'asterisk', order: 0 },
+  { id: 'account', label: c('B6.Preferences.Other.Label').t`Account`, icon: 'user', order: 1 },
+  { id: 'general', label: c('B6.Preferences.Other.Label').t`General`, icon: 'settings', order: 3 },
+  { id: 'security', label: c('B6.Preferences.Other.Label').t`Security`, icon: 'security', order: 4 },
+  { id: 'backups', label: c('B6.Preferences.Other.Action').t`Backups`, icon: 'restore', order: 5 },
+  { id: 'appearance', label: c('B6.Preferences.Other.Label').t`Appearance`, icon: 'themes', order: 6 },
+  { id: 'listed', label: c('B6.Preferences.Other.Label').t`Listed`, icon: 'listed', order: 7 },
+  { id: 'plugins', label: c('B6.Preferences.Other.Label').t`Plugins`, icon: 'dashboard', order: 8 },
+  { id: 'help-feedback', label: c('B6.Preferences.Other.Label').t`Help & feedback`, icon: 'help', order: 11 },
 ]
diff --git a/packages/web/src/javascripts/Components/Preferences/Controller/PreferencesSessionController.ts b/packages/web/src/javascripts/Components/Preferences/Controller/PreferencesSessionController.ts
index ae0d89e3ee8..7c0c2b3b22c 100644
--- a/packages/web/src/javascripts/Components/Preferences/Controller/PreferencesSessionController.ts
+++ b/packages/web/src/javascripts/Components/Preferences/Controller/PreferencesSessionController.ts
@@ -1,4 +1,5 @@
 import { action, makeAutoObservable, observable } from 'mobx'
+import { c } from 'ttag'
 import { WebApplication } from '@/Application/WebApplication'
 import { PackageProvider } from '../Panes/Plugins/PackageProvider'
 import { securityPrefsHasBubble } from '../Panes/Security/securityPrefsHasBubble'
@@ -26,11 +27,16 @@ export class PreferencesSessionController {
       : READY_PREFERENCES_MENU_ITEMS.slice()
 
     if (application.featuresController.isVaultsEnabled()) {
-      menuItems.push({ id: 'vaults', label: 'Vaults', icon: 'safe-square', order: 5 })
+      menuItems.push({ id: 'vaults', label: c('B6.Preferences.Other.Label').t`Vaults`, icon: 'safe-square', order: 5 })
     }
 
     if (isDesktopApplication()) {
-      menuItems.push({ id: 'home-server', label: 'Home Server', icon: 'server', order: 5 })
+      menuItems.push({
+        id: 'home-server',
+        label: c('B6.Preferences.HomeServer.Label').t`Home Server`,
+        icon: 'server',
+        order: 5,
+      })
     }
 
     this._menu = menuItems.sort((a, b) => a.order - b.order)
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx
index 4b7c8de0468..8d72b29191e 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Authentication.tsx
@@ -28,7 +28,7 @@ const Authentication: FunctionComponent<Props> = ({ application }) => {
 
   const loginLink = (
     <button className="cursor-pointer border-0 bg-default p-0 text-info underline" onClick={clickSignIn}>
-      {c('B1.Account.SignIn.Action').t`Sign in`}
+      {c('B6.Preferences.Account.Action').t`Sign in`}
     </button>
   )
 
@@ -37,13 +37,19 @@ const Authentication: FunctionComponent<Props> = ({ application }) => {
       <PreferencesSegment>
         <div className="flex flex-col items-center px-4 md:px-12">
           <AccountIllustration className="mb-3" />
-          <Title>{c('B1.Account.SignIn.Title').t`You're not signed in`}</Title>
+          <Title>{c('B6.Preferences.Account.Title').t`You're not signed in`}</Title>
           <div className="mb-3 text-center text-base lg:text-sm">
-            {c('B1.Account.SignIn.Info')
+            {c('B6.Preferences.Account.Info')
               .t`Sign in to sync your notes and preferences across all your devices and enable end-to-end encryption.`}
           </div>
-          <Button primary label={c('B1.Account.SignIn.Action').t`Create free account`} onClick={clickRegister} className="mb-3" />
-          <div className="text-base lg:text-sm">{c('B1.Account.SignIn.Info').jt`Already have an account? ${loginLink}`}</div>
+          <Button
+            primary
+            label={c('B6.Preferences.Account.Action').t`Create free account`}
+            onClick={clickRegister}
+            className="mb-3"
+          />
+          <div className="text-base lg:text-sm">{c('B6.Preferences.Account.Info')
+            .jt`Already have an account? ${loginLink}`}</div>
         </div>
       </PreferencesSegment>
     </PreferencesGroup>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx
index 2a68ee98fcf..cba496390e6 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmail.tsx
@@ -36,7 +36,9 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
 
   const validateCurrentPassword = useCallback(async () => {
     if (!currentPassword || currentPassword.length === 0) {
-      applicationAlertService.alert(c('B1.Account.Session.Error').t`Please enter your current password.`).catch(console.error)
+      applicationAlertService
+        .alert(c('B6.Preferences.Account.Error').t`Please enter your current password.`)
+        .catch(console.error)
 
       return false
     }
@@ -44,7 +46,7 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
     const success = await application.validateAccountPassword(currentPassword)
     if (!success) {
       applicationAlertService
-        .alert(c('B1.Account.Session.Error').t`The current password you entered is not correct. Please try again.`)
+        .alert(c('B6.Preferences.Account.Error').t`The current password you entered is not correct. Please try again.`)
         .catch(console.error)
 
       return false
@@ -75,7 +77,7 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
   const dismiss = useCallback(() => {
     if (lockContinue) {
       applicationAlertService
-        .alert(c('B1.Account.Session.Error').t`Cannot close window until pending tasks are complete.`)
+        .alert(c('B6.Preferences.Account.Error').t`Cannot close window until pending tasks are complete.`)
         .catch(console.error)
     } else {
       onCloseDialog()
@@ -119,7 +121,7 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
   const handleDialogClose = useCallback(() => {
     if (lockContinue) {
       applicationAlertService
-        .alert(c('B1.Account.Session.Error').t`Cannot close window until pending tasks are complete.`)
+        .alert(c('B6.Preferences.Account.Error').t`Cannot close window until pending tasks are complete.`)
         .catch(console.error)
     } else {
       onCloseDialog()
@@ -129,19 +131,19 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
   const submitButtonLabel = useMemo(() => {
     switch (submitButtonTitle) {
       case SubmitButtonTitles.GeneratingKeys:
-        return c('B1.Account.Session.Action').t`Generating Keys...`
+        return c('B6.Preferences.Account.Action').t`Generating Keys...`
       case SubmitButtonTitles.Finish:
-        return c('B1.Account.Session.Action').t`Finish`
+        return c('B6.Preferences.Account.Action').t`Finish`
       case SubmitButtonTitles.Default:
       default:
-        return c('B1.Account.Session.Action').t`Continue`
+        return c('B6.Preferences.Account.Action').t`Continue`
     }
   }, [submitButtonTitle])
 
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: c('B1.Account.Session.Action').t`Cancel`,
+        label: c('B6.Preferences.Account.Action').t`Cancel`,
         onClick: handleDialogClose,
         type: 'cancel',
         mobileSlot: 'left',
@@ -157,7 +159,7 @@ const ChangeEmail: FunctionComponent<Props> = ({ onCloseDialog, application }) =
   )
 
   return (
-    <Modal title={c('B1.Account.Session.Title').t`Change Email`} close={handleDialogClose} actions={modalActions}>
+    <Modal title={c('B6.Preferences.Account.Title').t`Change Email`} close={handleDialogClose} actions={modalActions}>
       <div className="px-4.5 py-4">
         {currentStep === Steps.InitialStep && (
           <ChangeEmailForm setNewEmail={setNewEmail} setCurrentPassword={setCurrentPassword} />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx
index 40d3f1ffc00..f8453875d39 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailForm.tsx
@@ -15,7 +15,7 @@ const ChangeEmailForm: FunctionComponent<Props> = ({ setNewEmail, setCurrentPass
     <div className="flex w-full flex-col">
       <div className="mb-3">
         <label className={labelClassName} htmlFor="change-email-email-input">
-          {c('B1.Account.Session.Label').t`New Email`}
+          {c('B6.Preferences.Account.Label').t`New Email`}
         </label>
         <DecoratedInput
           type="email"
@@ -27,7 +27,7 @@ const ChangeEmailForm: FunctionComponent<Props> = ({ setNewEmail, setCurrentPass
       </div>
       <div className="mb-2">
         <label className={labelClassName} htmlFor="change-email-password-input">
-          {c('B1.Account.Session.Label').t`Current Password`}
+          {c('B6.Preferences.Account.Label').t`Current Password`}
         </label>
         <DecoratedPasswordInput
           id="change-email-password-input"
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx
index eca5d872508..14ac9397e98 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ChangeEmail/ChangeEmailSuccess.tsx
@@ -4,9 +4,10 @@ import { c } from 'ttag'
 const ChangeEmailSuccess: FunctionComponent = () => {
   return (
     <div>
-      <div className={'mb-2 font-bold text-info'}>{c('B1.Account.Session.Info').t`Your email has been successfully changed.`}</div>
+      <div className={'mb-2 font-bold text-info'}>{c('B6.Preferences.Account.Info')
+        .t`Your email has been successfully changed.`}</div>
       <p>
-        {c('B1.Account.Session.Info')
+        {c('B6.Preferences.Account.Info')
           .t`Please ensure you are running the latest version of Standard Notes on all platforms to ensure maximum compatibility.`}
       </p>
     </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx
index 99ba847cc54..93ec89c01fe 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/ClearSessionDataView.tsx
@@ -13,12 +13,12 @@ const ClearSessionDataView: FunctionComponent = () => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>{c('B1.Account.Session.Title').t`Clear workspace`}</Title>
-        <Text className="mb-3">{c('B1.Account.Session.Info')
+        <Title>{c('B6.Preferences.Account.Title').t`Clear workspace`}</Title>
+        <Text className="mb-3">{c('B6.Preferences.Account.Info')
           .t`Remove all data related to the current workspace from the application.`}</Text>
         <Button
           colorStyle="danger"
-          label={c('B1.Account.Session.Action').t`Clear workspace`}
+          label={c('B6.Preferences.Account.Action').t`Clear workspace`}
           onClick={() => {
             application.accountMenuController.setSigningOut(true)
           }}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx
index 865f922b43f..8194f4f3c72 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Credentials.tsx
@@ -42,20 +42,24 @@ const Credentials: FunctionComponent<Props> = ({ application }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>{c('B1.Account.Session.Title').t`Credentials`}</Title>
-          <Subtitle>{c('B1.Account.Session.Subtitle').t`Email`}</Subtitle>
-          <Text>{c('B1.Account.Session.Info').jt`You're signed in as ${emailSpan}`}</Text>
+          <Title>{c('B6.Preferences.Account.Title').t`Credentials`}</Title>
+          <Subtitle>{c('B6.Preferences.Account.Subtitle').t`Email`}</Subtitle>
+          <Text>{c('B6.Preferences.Account.Info').jt`You're signed in as ${emailSpan}`}</Text>
           <Button
             className="mt-3 min-w-20"
-            label={c('B1.Account.Session.Action').t`Change email`}
+            label={c('B6.Preferences.Account.Action').t`Change email`}
             onClick={() => {
               setIsChangeEmailDialogOpen(true)
             }}
           />
           <HorizontalSeparator classes="my-4" />
-          <Subtitle>{c('B1.Account.Password.Subtitle').t`Password`}</Subtitle>
-          <Text>{c('B1.Account.Password.Info').jt`Current password was set on ${passwordDateSpan}`}</Text>
-          <Button className="mt-3 min-w-20" label={c('B1.Account.Password.Action').t`Change password`} onClick={presentPasswordWizard} />
+          <Subtitle>{c('B6.Preferences.Account.Subtitle').t`Password`}</Subtitle>
+          <Text>{c('B6.Preferences.Account.Info').jt`Current password was set on ${passwordDateSpan}`}</Text>
+          <Button
+            className="mt-3 min-w-20"
+            label={c('B6.Preferences.Account.Action').t`Change password`}
+            onClick={presentPasswordWizard}
+          />
           <ModalOverlay isOpen={isChangeEmailDialogOpen} close={closeChangeEmailDialog}>
             <ChangeEmail onCloseDialog={closeChangeEmailDialog} application={application} />
           </ModalOverlay>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx
index bbf9bd77dc3..4d9fd9f73d8 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/DeleteAccount.tsx
@@ -17,13 +17,13 @@ const DeleteAccount = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>{c('B1.Account.Session.Title').t`Delete account`}</Title>
-        <Text>{c('B1.Account.Session.Info')
+        <Title>{c('B6.Preferences.Account.Title').t`Delete account`}</Title>
+        <Text>{c('B6.Preferences.Account.Info')
           .t`This action is irreversible. After deletion completes, you will be signed out on all devices.`}</Text>
         <div className="mt-3 flex flex-row flex-wrap gap-3">
           <Button
             colorStyle="danger"
-            label={c('B1.Account.Session.Action').t`Delete my account`}
+            label={c('B6.Preferences.Account.Action').t`Delete my account`}
             onClick={() => {
               application.accountMenuController.setDeletingAccount(true)
             }}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx
index a64a4404f6e..092f05704d9 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Email/Email.tsx
@@ -118,19 +118,19 @@ const Email: FunctionComponent<Props> = ({ application }: Props) => {
     }
   }
 
-  const subscriptionBold = <span className="font-bold">{c('B1.Account.Session.Label').t`subscription`}</span>
+  const subscriptionBold = <span className="font-bold">{c('B6.Preferences.Account.Label').t`subscription`}</span>
 
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>{c('B1.Account.Session.Title').t`Email`}</Title>
+        <Title>{c('B6.Preferences.Account.Title').t`Email`}</Title>
         <div>
           <div className="flex items-start justify-between gap-2 md:items-center">
             <div className="flex flex-col">
-              <Subtitle>{c('B1.Account.Session.Subtitle').t`Mute sign-in notification emails`}</Subtitle>
+              <Subtitle>{c('B6.Preferences.Account.Subtitle').t`Mute sign-in notification emails`}</Subtitle>
               {isMuteSignInEmailsFeatureAvailable ? (
                 <Text>
-                  {c('B1.Account.Session.Info')
+                  {c('B6.Preferences.Account.Info')
                     .t`Disables email notifications when a new sign-in occurs on your account. (Email notifications are available only to paid subscribers).`}
                 </Text>
               ) : (
@@ -138,7 +138,7 @@ const Email: FunctionComponent<Props> = ({ application }: Props) => {
                   application={application}
                   text={
                     <span>
-                      {c('B1.Account.Session.Info')
+                      {c('B6.Preferences.Account.Info')
                         .jt`Sign-in notification emails are available only on a ${subscriptionBold} plan. Please upgrade in order to enable sign-in notifications.`}
                     </span>
                   }
@@ -159,8 +159,9 @@ const Email: FunctionComponent<Props> = ({ application }: Props) => {
           <HorizontalSeparator classes="my-4" />
           <div className="flex items-start justify-between gap-2 md:items-center">
             <div className="flex flex-col">
-              <Subtitle>{c('B1.Account.Session.Subtitle').t`Mute marketing notification emails`}</Subtitle>
-              <Text>{c('B1.Account.Session.Info').t`Disables email notifications with special deals and promotions.`}</Text>
+              <Subtitle>{c('B6.Preferences.Account.Subtitle').t`Mute marketing notification emails`}</Subtitle>
+              <Text>{c('B6.Preferences.Account.Info')
+                .t`Disables email notifications with special deals and promotions.`}</Text>
             </div>
             {isLoading ? (
               <Spinner className="h-5 w-5 flex-shrink-0" />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Files.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Files.tsx
index 015782c0dac..a015a6ebf47 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Files.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Files.tsx
@@ -3,6 +3,7 @@ import Spinner from '@/Components/Spinner/Spinner'
 import { formatSizeToReadableString } from '@standardnotes/filepicker'
 import { SettingName } from '@standardnotes/snjs'
 import { FunctionComponent, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import { Subtitle, Title } from '../../PreferencesComponents/Content'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
@@ -44,8 +45,8 @@ const FilesSection: FunctionComponent<Props> = ({ application }) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Files</Title>
-        <Subtitle>Storage Quota</Subtitle>
+        <Title>{c('B6.Preferences.Account.Info').t`Files`}</Title>
+        <Subtitle>{c('B6.Preferences.Account.Info').t`Storage Quota`}</Subtitle>
         {isLoading ? (
           <div className="mt-2">
             <Spinner className="h-3 w-3" />
@@ -53,17 +54,18 @@ const FilesSection: FunctionComponent<Props> = ({ application }) => {
         ) : (
           <>
             <div className="mb-1 mt-1">
-              <span className="font-semibold">{formatSizeToReadableString(filesQuotaUsed)}</span> of{' '}
+              <span className="font-semibold">{formatSizeToReadableString(filesQuotaUsed)}</span>{' '}
+              {c('B6.Preferences.Account.Info').t`of`}{' '}
               <span>
                 {application.sessions.isSignedIntoFirstPartyServer()
                   ? formatSizeToReadableString(filesQuotaTotal)
                   : '∞'}
               </span>{' '}
-              used
+              {c('B6.Preferences.Account.Info').t`used`}
             </div>
             <progress
               className="progress-bar w-full"
-              aria-label="Files storage used"
+              aria-label={c('B6.Preferences.Account.Label').t`Files storage used`}
               value={filesQuotaUsed}
               max={filesQuotaTotal}
             />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/NoProSubscription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/NoProSubscription.tsx
index 394504fec5e..3bbc21705a2 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/NoProSubscription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/NoProSubscription.tsx
@@ -2,6 +2,7 @@ import { FunctionComponent, ReactNode, useState } from 'react'
 import { LinkButton, Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import Button from '@/Components/Button/Button'
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -13,7 +14,8 @@ const NoProSubscription: FunctionComponent<Props> = ({ application, text }) => {
   const [purchaseFlowError, setPurchaseFlowError] = useState<string | undefined>(undefined)
 
   const onPurchaseClick = async () => {
-    const errorMessage = 'There was an error when attempting to redirect you to the subscription page.'
+    const errorMessage = c('B6.Preferences.Account.Error')
+      .t`There was an error when attempting to redirect you to the subscription page.`
     setIsLoadingPurchaseFlow(true)
     try {
       if (application.isNativeIOS()) {
@@ -33,15 +35,26 @@ const NoProSubscription: FunctionComponent<Props> = ({ application, text }) => {
   return (
     <>
       <Text>{text}</Text>
-      {isLoadingPurchaseFlow && <Text>Redirecting you to the subscription page...</Text>}
+      {isLoadingPurchaseFlow && (
+        <Text>{c('B6.Preferences.Account.Info').t`Redirecting you to the subscription page...`}</Text>
+      )}
       {purchaseFlowError && <Text className="text-danger">{purchaseFlowError}</Text>}
 
       <div className="flex">
         {!application.hideOutboundSubscriptionLinks && (
-          <LinkButton className="mr-3 mt-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
+          <LinkButton
+            className="mr-3 mt-3 min-w-20"
+            label={c('B6.Preferences.Account.Label').t`Learn More`}
+            link={window.plansUrl as string}
+          />
         )}
         {application.hasAccount() && application.canShowPurchaseFlow() && (
-          <Button className="mt-3 min-w-20" primary label="Upgrade" onClick={onPurchaseClick} />
+          <Button
+            className="mt-3 min-w-20"
+            primary
+            label={c('B6.Preferences.Account.Label').t`Upgrade`}
+            onClick={onPurchaseClick}
+          />
         )}
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx
index 3d45a4d6e36..c556028623b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SignOutView.tsx
@@ -19,27 +19,31 @@ const SignOutView: FunctionComponent<Props> = observer(({ application }) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>{c('B1.Account.Session.Title').t`Sign out`}</Title>
-          <Subtitle>{c('B1.Account.Session.Subtitle').t`Other devices`}</Subtitle>
-          <Text>{c('B1.Account.Session.Info').t`Want to sign out on all devices except this one?`}</Text>
+          <Title>{c('B6.Preferences.Account.Title').t`Sign out`}</Title>
+          <Subtitle>{c('B6.Preferences.Account.Subtitle').t`Other devices`}</Subtitle>
+          <Text>{c('B6.Preferences.Account.Info').t`Want to sign out on all devices except this one?`}</Text>
           <div className="mt-3 flex flex-row flex-wrap gap-3">
             <Button
-              label={c('B1.Account.Session.Action').t`Sign out other sessions`}
+              label={c('B6.Preferences.Account.Action').t`Sign out other sessions`}
               onClick={() => {
                 application.accountMenuController.setOtherSessionsSignOut(true)
               }}
             />
-            <Button label={c('B1.Account.Session.Action').t`Manage sessions`} onClick={() => application.openSessionsModal()} />
+            <Button
+              label={c('B6.Preferences.Account.Action').t`Manage sessions`}
+              onClick={() => application.openSessionsModal()}
+            />
           </div>
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
-          <Subtitle>{c('B1.Account.Session.Subtitle').t`This workspace`}</Subtitle>
-          <Text>{c('B1.Account.Session.Info').t`Remove all data related to the current workspace from the application.`}</Text>
+          <Subtitle>{c('B6.Preferences.Account.Subtitle').t`This workspace`}</Subtitle>
+          <Text>{c('B6.Preferences.Account.Info')
+            .t`Remove all data related to the current workspace from the application.`}</Text>
           <Button
             className="mt-3"
             colorStyle="danger"
-            label={c('B1.Account.Session.Action').t`Sign out workspace`}
+            label={c('B6.Preferences.Account.Action').t`Sign out workspace`}
             onClick={() => {
               application.accountMenuController.setSigningOut(true)
             }}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/NoSubscription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/NoSubscription.tsx
index dbbbe272f0f..d8d34a9356e 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/NoSubscription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/NoSubscription.tsx
@@ -2,6 +2,7 @@ import { FunctionComponent, useState } from 'react'
 import { LinkButton, Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import Button from '@/Components/Button/Button'
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -12,7 +13,8 @@ const NoSubscription: FunctionComponent<Props> = ({ application }) => {
   const [purchaseFlowError, setPurchaseFlowError] = useState<string | undefined>(undefined)
 
   const onPurchaseClick = async () => {
-    const errorMessage = 'There was an error when attempting to redirect you to the subscription page.'
+    const errorMessage = c('B6.Preferences.Subscription.Error')
+      .t`There was an error when attempting to redirect you to the subscription page.`
     setIsLoadingPurchaseFlow(true)
     try {
       if (application.isNativeIOS()) {
@@ -29,15 +31,26 @@ const NoSubscription: FunctionComponent<Props> = ({ application }) => {
 
   return (
     <>
-      <Text>You don't have a Standard Notes subscription yet.</Text>
-      {isLoadingPurchaseFlow && <Text>Redirecting you to the subscription page...</Text>}
+      <Text>{c('B6.Preferences.Subscription.Info').t`You don't have a Standard Notes subscription yet.`}</Text>
+      {isLoadingPurchaseFlow && (
+        <Text>{c('B6.Preferences.Subscription.Info').t`Redirecting you to the subscription page...`}</Text>
+      )}
       {purchaseFlowError && <Text className="text-danger">{purchaseFlowError}</Text>}
       <div className="flex">
         {!application.hideOutboundSubscriptionLinks && (
-          <LinkButton className="mr-3 mt-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
+          <LinkButton
+            className="mr-3 mt-3 min-w-20"
+            label={c('B6.Preferences.Subscription.Label').t`Learn More`}
+            link={window.plansUrl as string}
+          />
         )}
         {application.hasAccount() && application.canShowPurchaseFlow() && (
-          <Button className="mt-3 min-w-20" primary label="Subscribe" onClick={onPurchaseClick} />
+          <Button
+            className="mt-3 min-w-20"
+            primary
+            label={c('B6.Preferences.Subscription.Label').t`Subscribe`}
+            onClick={onPurchaseClick}
+          />
         )}
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/Subscription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/Subscription.tsx
index 55213a0c726..febf729da0b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/Subscription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/Subscription.tsx
@@ -7,6 +7,7 @@ import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/Pre
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { SubscriptionManagerEvent, Subscription as SubscriptionType } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 const Subscription: FunctionComponent = () => {
   const application = useApplication()
@@ -32,7 +33,7 @@ const Subscription: FunctionComponent = () => {
       <PreferencesSegment>
         <div className="flex flex-row items-center">
           <div className="flex flex-grow flex-col">
-            <Title>Subscription</Title>
+            <Title>{c('B6.Preferences.Subscription.Info').t`Subscription`}</Title>
             {onlineSubscription ? <SubscriptionInformation /> : <NoSubscription application={application} />}
           </div>
         </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionInformation.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionInformation.tsx
index cb4f720412e..cb1b407d38b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionInformation.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionInformation.tsx
@@ -2,6 +2,7 @@ import { observer } from 'mobx-react-lite'
 import Button from '@/Components/Button/Button'
 import SubscriptionStatusText from './SubscriptionStatusText'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const SubscriptionInformation = () => {
   const application = useApplication()
@@ -15,7 +16,11 @@ const SubscriptionInformation = () => {
     <>
       <SubscriptionStatusText />
       {!isSharedSubscription && application.canShowPurchaseFlow() && (
-        <Button className="mr-3 mt-3 min-w-20" label="Manage subscription" onClick={manageSubscription} />
+        <Button
+          className="mr-3 mt-3 min-w-20"
+          label={c('B6.Preferences.Subscription.Label').t`Manage subscription`}
+          onClick={manageSubscription}
+        />
       )}
     </>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionStatusText.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionStatusText.tsx
index 46c540748c1..39c07e0b6e2 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionStatusText.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionStatusText.tsx
@@ -1,6 +1,7 @@
 import { observer } from 'mobx-react-lite'
 import { Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const SubscriptionStatusText = () => {
   const application = useApplication()
@@ -18,25 +19,31 @@ const SubscriptionStatusText = () => {
     <>
       <br />
       <br />
-      This subscription has been shared with you and can only be managed by the owner.
+      {c('B6.Preferences.Subscription.Info')
+        .t`This subscription has been shared with you and can only be managed by the owner.`}
     </>
   ) : null
 
   if (isUserSubscriptionCanceled) {
     return (
       <Text className="mt-1">
-        Your{' '}
+        {c('B6.Preferences.Subscription.Info').t`Your`}{' '}
         <span className="font-bold">
-          Standard Notes{userSubscriptionName ? ' ' : ''}
+          {c('B6.Preferences.Subscription.Info').t`Standard Notes`}
+          {userSubscriptionName ? ' ' : ''}
           {userSubscriptionName}
         </span>{' '}
-        subscription has been canceled{' '}
+        {c('B6.Preferences.Subscription.Info').t`subscription has been canceled`}{' '}
         {isUserSubscriptionExpired ? (
-          <span className="font-bold">and expired on {expirationDateString}</span>
+          <span className="font-bold">
+            {c('B6.Preferences.Subscription.Info').t`and expired on`} {expirationDateString}
+          </span>
         ) : (
-          <span className="font-bold">but will remain valid until {expirationDateString}</span>
+          <span className="font-bold">
+            {c('B6.Preferences.Subscription.Info').t`but will remain valid until`} {expirationDateString}
+          </span>
         )}
-        . You may resubscribe below if you wish.
+        {c('B6.Preferences.Subscription.Info').t`. You may resubscribe below if you wish.`}
         {sharedMessage}
       </Text>
     )
@@ -45,13 +52,17 @@ const SubscriptionStatusText = () => {
   if (isUserSubscriptionExpired) {
     return (
       <Text className="mt-1">
-        Your{' '}
+        {c('B6.Preferences.Subscription.Info').t`Your`}{' '}
         <span className="font-bold">
-          Standard Notes{userSubscriptionName ? ' ' : ''}
+          {c('B6.Preferences.Subscription.Info').t`Standard Notes`}
+          {userSubscriptionName ? ' ' : ''}
           {userSubscriptionName}
         </span>{' '}
-        subscription <span className="font-bold">expired on {expirationDateString}</span>. You may resubscribe below if
-        you wish.
+        {c('B6.Preferences.Subscription.Info').t`subscription`}{' '}
+        <span className="font-bold">
+          {c('B6.Preferences.Subscription.Info').t`expired on`} {expirationDateString}
+        </span>
+        {c('B6.Preferences.Subscription.Info').t`. You may resubscribe below if you wish.`}
         {sharedMessage}
       </Text>
     )
@@ -59,12 +70,17 @@ const SubscriptionStatusText = () => {
 
   return (
     <Text className="mt-1">
-      Your{' '}
+      {c('B6.Preferences.Subscription.Info').t`Your`}{' '}
       <span className="font-bold">
-        Standard Notes{userSubscriptionName ? ' ' : ''}
+        {c('B6.Preferences.Subscription.Info').t`Standard Notes`}
+        {userSubscriptionName ? ' ' : ''}
         {userSubscriptionName}
       </span>{' '}
-      subscription will be <span className="font-bold">renewed on {expirationDateString}</span>.{sharedMessage}
+      {c('B6.Preferences.Subscription.Info').t`subscription will be`}{' '}
+      <span className="font-bold">
+        {c('B6.Preferences.Subscription.Info').t`renewed on`} {expirationDateString}
+      </span>
+      .{sharedMessage}
     </Text>
   )
 }
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx
index 4d76ff87f1b..5a99c73d70b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { observer } from 'mobx-react-lite'
 import { ButtonType, InvitationStatus } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 import { SubtitleLight, Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import { SubscriptionController } from '@/Controllers/Subscription/SubscriptionController'
@@ -24,15 +25,18 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
 
   const handleCancel = async (invitationUuid: string) => {
     if (lockContinue) {
-      application.alerts.alert('Cancelation already in progress.').catch(console.error)
+      application.alerts
+        .alert(c('B6.Preferences.Subscription.Error').t`Cancelation already in progress.`)
+        .catch(console.error)
 
       return
     }
 
     const confirmed = await application.alerts.confirm(
-      'All uploaded files of this user will be removed. This action cannot be undone.',
-      'Are you sure you want to cancel this invitation?',
-      'Cancel Invitation',
+      c('B6.Preferences.Subscription.Confirmation')
+        .t`All uploaded files of this user will be removed. This action cannot be undone.`,
+      c('B6.Preferences.Subscription.Confirmation').t`Are you sure you want to cancel this invitation?`,
+      c('B6.Preferences.Subscription.Confirmation').t`Cancel Invitation`,
       ButtonType.Danger,
     )
     if (!confirmed) {
@@ -47,25 +51,36 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
 
     if (!success) {
       application.alerts
-        .alert('Could not cancel invitation. Please try again or contact support if the issue persists.')
+        .alert(
+          c('B6.Preferences.Subscription.Error')
+            .t`Could not cancel invitation. Please try again or contact support if the issue persists.`,
+        )
         .catch(console.error)
     }
   }
 
   if (usedInvitationsCount === 0) {
-    return <Text className="mb-3 mt-1">Make your first subscription invite below.</Text>
+    return (
+      <Text className="mb-3 mt-1">{c('B6.Preferences.Subscription.Info')
+        .t`Make your first subscription invite below.`}</Text>
+    )
   }
 
   return (
     <div>
-      <SubtitleLight className="mb-2 text-info">Active Invites</SubtitleLight>
+      <SubtitleLight className="mb-2 text-info">{c('B6.Preferences.Subscription.Info')
+        .t`Active Invites`}</SubtitleLight>
       {activeSubscriptions?.map((invitation) => (
         <div key={invitation.uuid} className="mb-4 mt-1">
           <Text>
             {invitation.inviteeIdentifier} <span className="text-info">({invitation.status})</span>
           </Text>
           {invitation.status !== InvitationStatus.Canceled && (
-            <Button className="mt-2 min-w-20" label="Cancel" onClick={() => handleCancel(invitation.uuid)} />
+            <Button
+              className="mt-2 min-w-20"
+              label={c('B6.Preferences.Subscription.Label').t`Cancel`}
+              onClick={() => handleCancel(invitation.uuid)}
+            />
           )}
         </div>
       ))}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
index a7e2da949e5..a7cc49711e9 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/Invite.tsx
@@ -7,6 +7,7 @@ import { SubscriptionController } from '@/Controllers/Subscription/SubscriptionC
 import InviteForm from './InviteForm'
 import InviteSuccess from './InviteSuccess'
 import Modal, { ModalAction } from '@/Components/Modal/Modal'
+import { c } from 'ttag'
 
 enum SubmitButtonTitles {
   Default = 'Invite',
@@ -35,7 +36,10 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
   const validateInviteeEmail = useCallback(async () => {
     if (!isEmailValid(inviteeEmail)) {
       application.alerts
-        .alert('The email you entered has an invalid format. Please review your input and try again.')
+        .alert(
+          c('B6.Preferences.Subscription.Error')
+            .t`The email you entered has an invalid format. Please review your input and try again.`,
+        )
         .catch(console.error)
 
       return false
@@ -46,7 +50,9 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
 
   const handleDialogClose = useCallback(() => {
     if (lockContinue) {
-      application.alerts.alert('Cannot close window until pending tasks are complete.').catch(console.error)
+      application.alerts
+        .alert(c('B6.Preferences.Subscription.Error').t`Cannot close window until pending tasks are complete.`)
+        .catch(console.error)
     } else {
       onCloseDialog()
     }
@@ -92,7 +98,10 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
     const success = await processInvite()
     if (!success) {
       application.alerts
-        .alert('An error occurred while sending the invite. Please try again or contact support if the issue persists.')
+        .alert(
+          c('B6.Preferences.Subscription.Error')
+            .t`An error occurred while sending the invite. Please try again or contact support if the issue persists.`,
+        )
         .catch(console.error)
 
       resetProgressState()
@@ -123,7 +132,7 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
         disabled: lockContinue,
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.Subscription.Label').t`Cancel`,
         onClick: handleDialogClose,
         type: 'cancel',
         mobileSlot: 'left',
@@ -134,7 +143,11 @@ const Invite: FunctionComponent<Props> = ({ onCloseDialog, application, subscrip
   )
 
   return (
-    <Modal title="Share Your Subscription" close={handleDialogClose} actions={modalActions}>
+    <Modal
+      title={c('B6.Preferences.Subscription.Title').t`Share Your Subscription`}
+      close={handleDialogClose}
+      actions={modalActions}
+    >
       <div className="px-4.5 py-4">
         {currentStep === Steps.InitialStep && <InviteForm setInviteeEmail={setInviteeEmail} />}
         {currentStep === Steps.FinishStep && <InviteSuccess />}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteForm.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteForm.tsx
index 71187be0fdb..ea3d1f1bd66 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteForm.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteForm.tsx
@@ -1,4 +1,5 @@
 import { Dispatch, FunctionComponent, SetStateAction } from 'react'
+import { c } from 'ttag'
 
 import DecoratedInput from '@/Components/Input/DecoratedInput'
 
@@ -11,7 +12,7 @@ const InviteForm: FunctionComponent<Props> = ({ setInviteeEmail }) => {
     <div className="flex w-full flex-col">
       <div className="mb-3">
         <label className="mb-1 block font-bold" htmlFor="invite-email-input">
-          Invitee Email
+          {c('B6.Preferences.Subscription.Info').t`Invitee Email`}
         </label>
 
         <DecoratedInput
@@ -24,9 +25,9 @@ const InviteForm: FunctionComponent<Props> = ({ setInviteeEmail }) => {
         />
 
         <p className="mt-4">
-          <span className="font-bold">Note: </span>
-          The invitee must have an existing account with Standard Notes. If they do not have an account yet, instruct
-          them to make an account first.
+          <span className="font-bold">{c('B6.Preferences.Subscription.Info').t`Note:`} </span>
+          {c('B6.Preferences.Subscription.Info')
+            .t`The invitee must have an existing account with Standard Notes. If they do not have an account yet, instruct them to make an account first.`}
         </p>
       </div>
     </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteSuccess.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteSuccess.tsx
index 8c2ba90ca1f..66526544c92 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteSuccess.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/Invite/InviteSuccess.tsx
@@ -1,12 +1,14 @@
 import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 
 const InviteSuccess: FunctionComponent = () => {
   return (
     <div>
-      <Title className="mb-2">Invite processed successfully.</Title>
+      <Title className="mb-2">{c('B6.Preferences.Subscription.Status').t`Invite processed successfully.`}</Title>
       <div className={'mt-2'}>
-        If an account is found with that email, they will receive an email with your invitation.
+        {c('B6.Preferences.Subscription.Info')
+          .t`If an account is found with that email, they will receive an email with your invitation.`}
       </div>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
index f10af0040b6..dadfe82521a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SharingStatusText.tsx
@@ -1,6 +1,7 @@
 import { SubscriptionController } from '@/Controllers/Subscription/SubscriptionController'
 import { observer } from 'mobx-react-lite'
 import { Text } from '@/Components/Preferences/PreferencesComponents/Content'
+import { c } from 'ttag'
 
 type Props = { subscriptionState: SubscriptionController }
 
@@ -9,8 +10,9 @@ const SharingStatusText = ({ subscriptionState }: Props) => {
 
   return (
     <Text className="mt-1">
-      You've used <span className="font-bold">{usedInvitationsCount}</span> out of {allowedInvitationsCount}{' '}
-      subscription invites.
+      {c('B6.Preferences.Subscription.Info').t`You've used`} <span className="font-bold">{usedInvitationsCount}</span>{' '}
+      {c('B6.Preferences.Subscription.Info').t`out of`} {allowedInvitationsCount}{' '}
+      {c('B6.Preferences.Subscription.Info').t`subscription invites.`}
     </Text>
   )
 }
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SubscriptionSharing.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SubscriptionSharing.tsx
index 14a6c927546..38a1f361c11 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SubscriptionSharing.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/SubscriptionSharing.tsx
@@ -13,6 +13,7 @@ import Invite from './Invite/Invite'
 import Button from '@/Components/Button/Button'
 import SharingStatusText from './SharingStatusText'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -37,14 +38,18 @@ const SubscriptionSharing: FunctionComponent<Props> = ({ application }: Props) =
       <PreferencesSegment>
         <div className="flex flex-row items-center">
           <div className="flex flex-grow flex-col">
-            <Title className="mb-2">Subscription sharing</Title>
+            <Title className="mb-2">{c('B6.Preferences.Subscription.Info').t`Subscription sharing`}</Title>
             {isSubscriptionSharingFeatureAvailable ? (
               <div>
                 <SharingStatusText subscriptionState={subscriptionState} />
                 <HorizontalSeparator classes="my-4" />
                 <InvitationsList subscriptionState={subscriptionState} application={application} />
                 {!subscriptionState.allInvitationsUsed && (
-                  <Button className="min-w-20" label="Invite" onClick={() => setIsInviteDialogOpen(true)} />
+                  <Button
+                    className="min-w-20"
+                    label={c('B6.Preferences.Subscription.Label').t`Invite`}
+                    onClick={() => setIsInviteDialogOpen(true)}
+                  />
                 )}
                 <ModalOverlay isOpen={isInviteDialogOpen} close={closeInviteDialog}>
                   <Invite
@@ -59,8 +64,9 @@ const SubscriptionSharing: FunctionComponent<Props> = ({ application }: Props) =
                 application={application}
                 text={
                   <span>
-                    Subscription sharing is available only on the <span className="font-bold">Professional</span> plan.
-                    Please upgrade in order to share your subscription.
+                    {c('B6.Preferences.Subscription.Info').t`Subscription sharing is available only on the`}{' '}
+                    <span className="font-bold">{c('B6.Preferences.Subscription.Info').t`Professional`}</span>{' '}
+                    {c('B6.Preferences.Subscription.Info').t`plan. Please upgrade in order to share your subscription.`}
                   </span>
                 }
               />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Sync.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Sync.tsx
index 0b916c8d8d0..d007a4957ec 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Account/Sync.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Account/Sync.tsx
@@ -34,18 +34,18 @@ const Sync: FunctionComponent<Props> = ({ application }: Props) => {
     }
   }
 
-  const lastSyncSpan = <span className="font-bold">{c('B1.Account.Session.Info').t`on ${lastSyncDate}`}</span>
+  const lastSyncSpan = <span className="font-bold">{c('B6.Preferences.Account.Info').t`on ${lastSyncDate}`}</span>
 
   return (
     <PreferencesGroup>
       <PreferencesSegment>
         <div className="flex flex-row items-center">
           <div className="flex flex-grow flex-col">
-            <Title>{c('B1.Account.Session.Title').t`Sync`}</Title>
-            <Text>{c('B1.Account.Session.Info').jt`Last synced ${lastSyncSpan}`}</Text>
+            <Title>{c('B6.Preferences.Account.Title').t`Sync`}</Title>
+            <Text>{c('B6.Preferences.Account.Info').jt`Last synced ${lastSyncSpan}`}</Text>
             <Button
               className="mt-3 min-w-20"
-              label={c('B1.Account.Session.Action').t`Sync now`}
+              label={c('B6.Preferences.Account.Action').t`Sync now`}
               disabled={isSyncingInProgress}
               onClick={doSynchronization}
             />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
index 30a4d0c77d1..3154108472f 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Appearance.tsx
@@ -15,6 +15,7 @@ import { PremiumFeatureIconName } from '@/Components/Icon/PremiumFeatureIcon'
 import EditorAppearance from './Appearance/EditorAppearance'
 import { GetAllThemesUseCase } from '@standardnotes/ui-services'
 import { useLocalPreference } from '@/Hooks/usePreference'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -41,7 +42,7 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
     const dropdownItems: DropdownItem[] = []
 
     dropdownItems.push({
-      label: 'Default',
+      label: c('B6.Preferences.Appearance.Label').t`Default`,
       value: 'Default',
     })
 
@@ -103,30 +104,32 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
     <PreferencesPane>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Themes</Title>
+          <Title>{c('B6.Preferences.Appearance.Title').t`Themes`}</Title>
           <div className="mt-2">
             <div className="flex justify-between gap-2 md:items-center">
               <div className="flex flex-col">
-                <Subtitle>Disable translucent UI</Subtitle>
-                <Text>Use opaque style for UI elements instead of translucency</Text>
+                <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Disable translucent UI`}</Subtitle>
+                <Text>{c('B6.Preferences.Appearance.Info')
+                  .t`Use opaque style for UI elements instead of translucency`}</Text>
               </div>
               <Switch onChange={toggleTranslucentUI} checked={!useTranslucentUI} />
             </div>
             <HorizontalSeparator classes="my-4" />
             <div className="flex justify-between gap-2 md:items-center">
               <div className="flex flex-col">
-                <Subtitle>Use system color scheme</Subtitle>
-                <Text>Automatically change active theme based on your system settings.</Text>
+                <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Use system color scheme`}</Subtitle>
+                <Text>{c('B6.Preferences.Appearance.Info')
+                  .t`Automatically change active theme based on your system settings.`}</Text>
               </div>
               <Switch onChange={toggleUseDeviceSettings} checked={useDeviceSettings} />
             </div>
             <HorizontalSeparator classes="my-4" />
             <div>
-              <Subtitle>Automatic Light Theme</Subtitle>
-              <Text>Theme to be used for system light mode:</Text>
+              <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Automatic Light Theme`}</Subtitle>
+              <Text>{c('B6.Preferences.Appearance.Info').t`Theme to be used for system light mode:`}</Text>
               <div className="mt-2">
                 <Dropdown
-                  label="Select the automatic light theme"
+                  label={c('B6.Preferences.Appearance.Label').t`Select the automatic light theme`}
                   items={themeItems}
                   value={autoLightTheme}
                   onChange={changeAutoLightTheme}
@@ -136,11 +139,11 @@ const Appearance: FunctionComponent<Props> = ({ application }) => {
             </div>
             <HorizontalSeparator classes="my-4" />
             <div>
-              <Subtitle>Automatic Dark Theme</Subtitle>
-              <Text>Theme to be used for system dark mode:</Text>
+              <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Automatic Dark Theme`}</Subtitle>
+              <Text>{c('B6.Preferences.Appearance.Info').t`Theme to be used for system dark mode:`}</Text>
               <div className="mt-2">
                 <Dropdown
-                  label="Select the automatic dark theme"
+                  label={c('B6.Preferences.Appearance.Label').t`Select the automatic dark theme`}
                   items={themeItems}
                   value={autoDarkTheme}
                   onChange={changeAutoDarkTheme}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx
index 956ff8460ba..319de778a2c 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx
@@ -5,6 +5,7 @@ import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import Switch from '@/Components/Switch/Switch'
 import { EditorFontSize, EditorLineHeight, EditorLineWidth, LocalPrefKey } from '@standardnotes/snjs'
 import { useCallback, useMemo } from 'react'
+import { c } from 'ttag'
 import { Subtitle, Title, Text } from '../../PreferencesComponents/Content'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
@@ -59,22 +60,22 @@ const EditorDefaults = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Editor</Title>
+        <Title>{c('B6.Preferences.Appearance.Title').t`Editor`}</Title>
         <div className="mt-2">
           <div className="flex justify-between gap-2 md:items-center">
             <div className="flex flex-col">
-              <Subtitle>Monospace Font</Subtitle>
-              <Text>Toggles the font style in plaintext and Super notes</Text>
+              <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Monospace Font`}</Subtitle>
+              <Text>{c('B6.Preferences.Appearance.Info').t`Toggles the font style in plaintext and Super notes`}</Text>
             </div>
             <Switch onChange={toggleMonospaceFont} checked={monospaceFont} />
           </div>
           <HorizontalSeparator classes="my-4" />
           <div>
-            <Subtitle>Font size</Subtitle>
-            <Text>Sets the font size in plaintext and Super notes</Text>
+            <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Font size`}</Subtitle>
+            <Text>{c('B6.Preferences.Appearance.Action').t`Sets the font size in plaintext and Super notes`}</Text>
             <div className="mt-2">
               <Dropdown
-                label="Select the font size for plaintext notes"
+                label={c('B6.Preferences.Appearance.Action').t`Select the font size for plaintext notes`}
                 items={fontSizeDropdownOptions}
                 value={fontSize}
                 onChange={handleFontSizeChange}
@@ -83,11 +84,12 @@ const EditorDefaults = ({ application }: Props) => {
           </div>
           <HorizontalSeparator classes="my-4" />
           <div>
-            <Subtitle>Line height</Subtitle>
-            <Text>Sets the line height (leading) in plaintext and Super notes</Text>
+            <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Line height`}</Subtitle>
+            <Text>{c('B6.Preferences.Appearance.Action')
+              .t`Sets the line height (leading) in plaintext and Super notes`}</Text>
             <div className="mt-2">
               <Dropdown
-                label="Select the line height for plaintext notes"
+                label={c('B6.Preferences.Appearance.Action').t`Select the line height for plaintext notes`}
                 items={lineHeightDropdownOptions}
                 value={lineHeight}
                 onChange={handleLineHeightChange}
@@ -96,8 +98,8 @@ const EditorDefaults = ({ application }: Props) => {
           </div>
           <HorizontalSeparator classes="my-4" />
           <div>
-            <Subtitle>Editor width</Subtitle>
-            <Text>Sets the max editor width for all notes</Text>
+            <Subtitle>{c('B6.Preferences.Appearance.Subtitle').t`Editor width`}</Subtitle>
+            <Text>{c('B6.Preferences.Appearance.Action').t`Sets the max editor width for all notes`}</Text>
             <div className="mt-2">
               <button
                 className="flex w-full min-w-55 items-center justify-between rounded border border-border bg-default px-3.5 py-1.5 text-left text-base text-foreground md:w-fit lg:text-sm"
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx
index 56e6c6da72c..788dcfe297f 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/DataBackups.tsx
@@ -75,7 +75,8 @@ const DataBackups = ({ application }: Props) => {
     })
 
     if (isBackupEncrypted) {
-      const filename = `Standard Notes Encrypted Backup and Import File - ${application.archiveService.formattedDateForExports()}`
+      const filename = c('B6.Preferences.Backups.Label')
+        .t`Standard Notes Encrypted Backup and Import File - ${application.archiveService.formattedDateForExports()}`
       const sanitizedFilename = sanitizeFileName(filename) + '.txt'
       void downloadOrShareBlobBasedOnPlatform({
         archiveService: application.archiveService,
@@ -88,7 +89,8 @@ const DataBackups = ({ application }: Props) => {
       })
     } else {
       const zippedDecryptedItemsBlob = await application.archiveService.getZippedDecryptedItemsBlob(data)
-      const filename = `Standard Notes Backup - ${application.archiveService.formattedDateForExports()}`
+      const filename = c('B6.Preferences.Backups.Label')
+        .t`Standard Notes Backup - ${application.archiveService.formattedDateForExports()}`
       const sanitizedFilename = sanitizeFileName(filename) + '.zip'
       void downloadOrShareBlobBasedOnPlatform({
         archiveService: application.archiveService,
@@ -188,32 +190,38 @@ const DataBackups = ({ application }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>{c('B1.Account.ImportExport.Title').t`Data backups`}</Title>
-          <Subtitle>{c('B1.Account.ImportExport.Subtitle').t`Download a backup of all your text-based data`}</Subtitle>
+          <Title>{c('B6.Preferences.Backups.Title').t`Data backups`}</Title>
+          <Subtitle>{c('B6.Preferences.Backups.Subtitle').t`Download a backup of all your text-based data`}</Subtitle>
 
           {isEncryptionEnabled && (
             <form className="sk-panel-form sk-panel-row">
               <div className="flex items-center gap-2">
                 <label className="flex items-center gap-2">
                   <input type="radio" onChange={() => setIsBackupEncrypted(true)} checked={isBackupEncrypted} />
-                  <span className="text-base font-medium md:text-sm">{c('B1.Account.ImportExport.Label').t`Encrypted`}</span>
+                  <span className="text-base font-medium md:text-sm">{c('B6.Preferences.Backups.Label')
+                    .t`Encrypted`}</span>
                 </label>
                 <label className="flex items-center gap-2">
                   <input type="radio" onChange={() => setIsBackupEncrypted(false)} checked={!isBackupEncrypted} />
-                  <span className="text-base font-medium md:text-sm">{c('B1.Account.ImportExport.Label').t`Decrypted`}</span>
+                  <span className="text-base font-medium md:text-sm">{c('B6.Preferences.Backups.Label')
+                    .t`Decrypted`}</span>
                 </label>
               </div>
             </form>
           )}
 
-          <Button onClick={downloadDataArchive} label={c('B1.Account.ImportExport.Action').t`Download backup`} className="mt-2" />
+          <Button
+            onClick={downloadDataArchive}
+            label={c('B6.Preferences.Backups.Action').t`Download backup`}
+            className="mt-2"
+          />
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
-          <Subtitle>{c('B1.Account.ImportExport.Subtitle').t`Import a previously saved backup file`}</Subtitle>
+          <Subtitle>{c('B6.Preferences.Backups.Subtitle').t`Import a previously saved backup file`}</Subtitle>
 
           <div className="mt-3 flex flex-row items-center">
-            <Button label={c('B1.Account.ImportExport.Action').t`Import backup`} onClick={handleImportFile} />
+            <Button label={c('B6.Preferences.Backups.Action').t`Import backup`} onClick={handleImportFile} />
             <input type="file" ref={fileInputRef} onChange={importFileSelected} className="hidden" />
             {isImportDataLoading && <Spinner className="ml-4" />}
           </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx
index 6804319885e..7ccadfb2ebc 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/EmailBackups.tsx
@@ -10,6 +10,7 @@ import { EmailBackupFrequency, SettingName } from '@standardnotes/snjs'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -86,22 +87,23 @@ const EmailBackups = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Email backups</Title>
+        <Title>{c('B6.Preferences.Backups.Title').t`Email backups`}</Title>
         {!isDesktopApplication() && (
           <Text className="mb-3">
-            Receive daily encrypted email backups of all your notes directly in your email inbox.
+            {c('B6.Preferences.Backups.Info')
+              .t`Receive daily encrypted email backups of all your notes directly in your email inbox.`}
           </Text>
         )}
 
         <div className={`${!hasAccount ? 'pointer-events-none cursor-default opacity-50' : ''}`}>
-          <Subtitle>Frequency</Subtitle>
-          <Text>How often to receive backups.</Text>
+          <Subtitle>{c('B6.Preferences.Backups.Subtitle').t`Frequency`}</Subtitle>
+          <Text>{c('B6.Preferences.Backups.Info').t`How often to receive backups.`}</Text>
           <div className="mt-2">
             {isLoading ? (
               <Spinner className="h-5 w-5 flex-shrink-0" />
             ) : (
               <Dropdown
-                label="Select email frequency"
+                label={c('B6.Preferences.Backups.Action').t`Select email frequency`}
                 items={emailFrequencyOptions}
                 value={emailFrequency}
                 onChange={handleEmailFrequencyChange}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx
index fc658cc0007..050c4fda274 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx
@@ -9,6 +9,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import EncryptionStatusItem from '../../Security/EncryptionStatusItem'
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -50,15 +51,18 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
     const result = await application.files.readBackupFileAndSaveDecrypted(binaryFile, decryptedFileItem, fileSystem)
 
     if (result === 'success') {
+      const decryptedFileName = decryptedFileItem.name
       void application.alerts.alert(
-        `<strong>${decryptedFileItem.name}</strong> has been successfully decrypted and saved to your chosen directory.`,
+        c('B6.Preferences.Backups.Info')
+          .t`<strong>${decryptedFileName}</strong> has been successfully decrypted and saved to your chosen directory.`,
       )
       setBinaryFile(undefined)
       setDecryptedFileItem(undefined)
       setDroppedFile(undefined)
     } else if (result === 'failed') {
       void application.alerts.alert(
-        'Unable to save file to local directory. This may be caused by failure to decrypt, or failure to save the file locally.',
+        c('B6.Preferences.Backups.Error')
+          .t`Unable to save file to local directory. This may be caused by failure to decrypt, or failure to save the file locally.`,
       )
     }
 
@@ -74,7 +78,9 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
       }
 
       if (type === 'binary') {
-        void application.alerts.alert('Please drag the metadata file instead of the encrypted data file.')
+        void application.alerts.alert(
+          c('B6.Preferences.Backups.Info').t`Please drag the metadata file instead of the encrypted data file.`,
+        )
         return
       }
 
@@ -141,8 +147,8 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
     return (
       <>
         <Text className="mb-2">
-          To decrypt a backup file, drag and drop the file's respective <i>metadata.sn.json</i> file here or select it
-          below.
+          {c('B6.Preferences.Backups.Info')
+            .t`To decrypt a backup file, drag and drop the file's respective <i>metadata.sn.json</i> file here or select it below.`}
         </Text>
         <Button
           onClick={() => {
@@ -157,7 +163,7 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
               .catch(console.error)
           }}
         >
-          Select file
+          {c('B6.Preferences.Backups.Action').t`Select file`}
         </Button>
       </>
     )
@@ -166,11 +172,13 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
   return (
     <>
       <PreferencesSegment>
-        {!decryptedFileItem && <Text>Attempting to decrypt metadata file...</Text>}
+        {!decryptedFileItem && (
+          <Text>{c('B6.Preferences.Backups.Action').t`Attempting to decrypt metadata file...`}</Text>
+        )}
 
         {decryptedFileItem && (
           <>
-            <Title>Backup Decryption</Title>
+            <Title>{c('B6.Preferences.Backups.Title').t`Backup Decryption`}</Title>
 
             <EncryptionStatusItem
               status={decryptedFileItem.name}
@@ -182,14 +190,14 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
 
             <div className="flex items-center justify-between">
               <div>
-                <Subtitle>1. Choose related data file</Subtitle>
+                <Subtitle>{c('B6.Preferences.Backups.Subtitle').t`1. Choose related data file`}</Subtitle>
                 <Text className={`em mr-3 text-xs ${binaryFile ? 'success font-bold' : ''}`}>
                   {droppedFile.file.uuid}/{FileBackupsConstantsV1.BinaryFileName}
                 </Text>
               </div>
               <div>
                 <Button
-                  label="Choose"
+                  label={c('B6.Preferences.Backups.Action').t`Choose`}
                   className={'min-w-40 px-1 text-xs'}
                   onClick={chooseRelatedBinaryFile}
                   disabled={!!binaryFile}
@@ -200,11 +208,11 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
             <HorizontalSeparator classes={'mt-3 mb-3'} />
 
             <div className="flex items-center justify-between">
-              <Subtitle>2. Decrypt and save file to your computer</Subtitle>
+              <Subtitle>{c('B6.Preferences.Backups.Subtitle').t`2. Decrypt and save file to your computer`}</Subtitle>
 
               <div>
                 <Button
-                  label={isSavingAsDecrypted ? undefined : 'Save'}
+                  label={isSavingAsDecrypted ? undefined : c('B6.Preferences.Backups.Action').t`Save`}
                   className={'min-w-40 px-1 text-xs'}
                   onClick={downloadBinaryFileAsDecrypted}
                   disabled={isSavingAsDecrypted || !binaryFile}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsCrossPlatform.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsCrossPlatform.tsx
index e8a6de1c08f..e61a8065272 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsCrossPlatform.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsCrossPlatform.tsx
@@ -6,6 +6,7 @@ import { useMemo } from 'react'
 import BackupsDropZone from './BackupsDropZone'
 import FileBackupsDesktop from './FileBackupsDesktop'
 import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -20,9 +21,11 @@ const FileBackupsCrossPlatform = ({ application }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic file backups</Title>
-          <Subtitle>Automatically save encrypted backups of your files.</Subtitle>
-          <Text className="mt-3">To enable file backups, use the Standard Notes desktop application.</Text>
+          <Title>{c('B6.Preferences.Backups.Title').t`Automatic file backups`}</Title>
+          <Subtitle>{c('B6.Preferences.Backups.Subtitle')
+            .t`Automatically save encrypted backups of your files.`}</Subtitle>
+          <Text className="mt-3">{c('B6.Preferences.Backups.Info')
+            .t`To enable file backups, use the Standard Notes desktop application.`}</Text>
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsDesktop.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsDesktop.tsx
index 67da2c5708b..6c5683606dd 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsDesktop.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsDesktop.tsx
@@ -11,6 +11,7 @@ import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/Pre
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import { BackupServiceInterface } from '@standardnotes/snjs'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   backupsService: BackupServiceInterface
@@ -45,11 +46,12 @@ const FileBackupsDesktop = ({ backupsService }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic file backups</Title>
+          <Title>{c('B6.Preferences.Backups.Title').t`Automatic file backups`}</Title>
 
           <div className="flex items-center justify-between">
             <div className="mr-10 flex flex-col">
-              <Subtitle>Automatically save encrypted backups of your uploaded files to this computer.</Subtitle>
+              <Subtitle>{c('B6.Preferences.Backups.Subtitle')
+                .t`Automatically save encrypted backups of your uploaded files to this computer.`}</Subtitle>
             </div>
             <Switch onChange={toggleBackups} checked={backupsEnabled} />
           </div>
@@ -57,7 +59,8 @@ const FileBackupsDesktop = ({ backupsService }: Props) => {
           {!backupsEnabled && (
             <>
               <HorizontalSeparator classes="mt-2.5 mb-4" />
-              <Text>File backups are not enabled. Enable to choose where your files are backed up.</Text>
+              <Text>{c('B6.Preferences.Backups.Status')
+                .t`File backups are not enabled. Enable to choose where your files are backed up.`}</Text>
             </>
           )}
         </PreferencesSegment>
@@ -69,8 +72,8 @@ const FileBackupsDesktop = ({ backupsService }: Props) => {
             <PreferencesSegment>
               <>
                 <Text className="mb-3">
-                  Files backups are enabled. When you upload a new file on any device and open this application, files
-                  will be backed up in encrypted form to:
+                  {c('B6.Preferences.Backups.Info')
+                    .t`Files backups are enabled. When you upload a new file on any device and open this application, files will be backed up in encrypted form to:`}
                 </Text>
 
                 <EncryptionStatusItem
@@ -80,8 +83,16 @@ const FileBackupsDesktop = ({ backupsService }: Props) => {
                 />
 
                 <div className="mt-2.5 flex flex-row">
-                  <Button label="Open Location" className={'mr-3 text-xs'} onClick={openBackupsLocation} />
-                  <Button label="Change Location" className={'mr-3 text-xs'} onClick={changeBackupsLocation} />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Open Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={openBackupsLocation}
+                  />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Change Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={changeBackupsLocation}
+                  />
                 </div>
               </>
             </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsCrossPlatform.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsCrossPlatform.tsx
index 271d9f53d6f..0cfd09bbfd6 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsCrossPlatform.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsCrossPlatform.tsx
@@ -5,6 +5,7 @@ import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/P
 import { useMemo } from 'react'
 import PlaintextBackupsDesktop from './PlaintextBackupsDesktop'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const PlaintextBackupsCrossPlatform = () => {
   const application = useApplication()
@@ -16,9 +17,11 @@ const PlaintextBackupsCrossPlatform = () => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic plaintext backups</Title>
-          <Subtitle>Automatically save backups of all your notes into plaintext, non-encrypted folders.</Subtitle>
-          <Text className="mt-3">To enable plaintext backups, use the Standard Notes desktop application.</Text>
+          <Title>{c('B6.Preferences.Backups.Title').t`Automatic plaintext backups`}</Title>
+          <Subtitle>{c('B6.Preferences.Backups.Subtitle')
+            .t`Automatically save backups of all your notes into plaintext, non-encrypted folders.`}</Subtitle>
+          <Text className="mt-3">{c('B6.Preferences.Backups.Info')
+            .t`To enable plaintext backups, use the Standard Notes desktop application.`}</Text>
         </PreferencesSegment>
       </PreferencesGroup>
     </>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsDesktop.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsDesktop.tsx
index 4eaf9ede627..a7e8202152b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsDesktop.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/PlaintextBackups/PlaintextBackupsDesktop.tsx
@@ -9,6 +9,7 @@ import EncryptionStatusItem from '../../Security/EncryptionStatusItem'
 import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import { BackupServiceInterface } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   backupsService: BackupServiceInterface
@@ -42,12 +43,13 @@ const PlaintextBackupsDesktop = ({ backupsService }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic plaintext backups</Title>
+          <Title>{c('B6.Preferences.Backups.Title').t`Automatic plaintext backups`}</Title>
 
           <div className="flex items-center justify-between">
             <div className="mr-10 flex flex-col">
               <Subtitle>
-                Automatically save backups of all your notes to this computer into plaintext, non-encrypted folders.
+                {c('B6.Preferences.Backups.Subtitle')
+                  .t`Automatically save backups of all your notes to this computer into plaintext, non-encrypted folders.`}
               </Subtitle>
             </div>
             <Switch onChange={toggleBackups} checked={backupsEnabled} />
@@ -56,7 +58,8 @@ const PlaintextBackupsDesktop = ({ backupsService }: Props) => {
           {!backupsEnabled && (
             <>
               <HorizontalSeparator classes="mt-2.5 mb-4" />
-              <Text>Plaintext backups are not enabled. Enable to choose where your data is backed up.</Text>
+              <Text>{c('B6.Preferences.Backups.Status')
+                .t`Plaintext backups are not enabled. Enable to choose where your data is backed up.`}</Text>
             </>
           )}
         </PreferencesSegment>
@@ -66,7 +69,8 @@ const PlaintextBackupsDesktop = ({ backupsService }: Props) => {
             <HorizontalSeparator classes="my-4" />
             <PreferencesSegment>
               <>
-                <Text className="mb-3">Plaintext backups are enabled and saved to:</Text>
+                <Text className="mb-3">{c('B6.Preferences.Backups.Status')
+                  .t`Plaintext backups are enabled and saved to:`}</Text>
                 <EncryptionStatusItem
                   status={backupsLocation || 'Not Set'}
                   icon={<Icon type="attachment-file" className="min-h-5 min-w-5" />}
@@ -74,8 +78,16 @@ const PlaintextBackupsDesktop = ({ backupsService }: Props) => {
                 />
 
                 <div className="mt-2.5 flex flex-row">
-                  <Button label="Open Location" className={'mr-3 text-xs'} onClick={openBackupsLocation} />
-                  <Button label="Change Location" className={'mr-3 text-xs'} onClick={changeBackupsLocation} />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Open Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={openBackupsLocation}
+                  />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Change Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={changeBackupsLocation}
+                  />
                 </div>
               </>
             </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsCrossPlatform.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsCrossPlatform.tsx
index 22669637afe..7035a89a2be 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsCrossPlatform.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsCrossPlatform.tsx
@@ -4,6 +4,7 @@ import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/P
 import { WebApplication } from '@/Application/WebApplication'
 import { useMemo } from 'react'
 import TextBackupsDesktop from './TextBackupsDesktop'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -18,9 +19,11 @@ const TextBackupsCrossPlatform = ({ application }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic text backups</Title>
-          <Subtitle>Automatically save encrypted and decrypted backups of your note and tag data.</Subtitle>
-          <Text className="mt-3">To enable text backups, use the Standard Notes desktop application.</Text>
+          <Title>{c('B6.Preferences.Backups.Label').t`Automatic text backups`}</Title>
+          <Subtitle>{c('B6.Preferences.Backups.Info')
+            .t`Automatically save encrypted and decrypted backups of your note and tag data.`}</Subtitle>
+          <Text className="mt-3">{c('B6.Preferences.Backups.Info')
+            .t`To enable text backups, use the Standard Notes desktop application.`}</Text>
         </PreferencesSegment>
       </PreferencesGroup>
     </>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsDesktop.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsDesktop.tsx
index 1a288386596..058ba0c6c03 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsDesktop.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Backups/TextBackups/TextBackupsDesktop.tsx
@@ -10,6 +10,7 @@ import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/Pre
 import PreferencesSegment from '@/Components/Preferences/PreferencesComponents/PreferencesSegment'
 import { BackupServiceInterface } from '@standardnotes/snjs'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   backupsService: BackupServiceInterface
@@ -48,12 +49,13 @@ const TextBackupsDesktop = ({ backupsService }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Automatic Encrypted Text Backups</Title>
+          <Title>{c('B6.Preferences.Backups.Title').t`Automatic Encrypted Text Backups`}</Title>
 
           <div className="flex items-center justify-between">
             <div className="mr-10 flex flex-col">
               <Subtitle>
-                Automatically save encrypted text backups of all your note and tag data to this computer.
+                {c('B6.Preferences.Backups.Subtitle')
+                  .t`Automatically save encrypted text backups of all your note and tag data to this computer.`}
               </Subtitle>
             </div>
             <Switch onChange={toggleBackups} checked={backupsEnabled} />
@@ -62,7 +64,8 @@ const TextBackupsDesktop = ({ backupsService }: Props) => {
           {!backupsEnabled && (
             <>
               <HorizontalSeparator classes="mt-2.5 mb-4" />
-              <Text>Text backups are not enabled. Enable to choose where your data is backed up.</Text>
+              <Text>{c('B6.Preferences.Backups.Status')
+                .t`Text backups are not enabled. Enable to choose where your data is backed up.`}</Text>
             </>
           )}
         </PreferencesSegment>
@@ -73,7 +76,8 @@ const TextBackupsDesktop = ({ backupsService }: Props) => {
 
             <PreferencesSegment>
               <>
-                <Text className="mb-3">Text backups are enabled and saved to:</Text>
+                <Text className="mb-3">{c('B6.Preferences.Backups.Status')
+                  .t`Text backups are enabled and saved to:`}</Text>
 
                 <EncryptionStatusItem
                   status={backupsLocation || 'Not Set'}
@@ -82,18 +86,31 @@ const TextBackupsDesktop = ({ backupsService }: Props) => {
                 />
 
                 <div className="mt-2.5 flex flex-row">
-                  <Button label="Open Location" className={'mr-3 text-xs'} onClick={openBackupsLocation} />
-                  <Button label="Change Location" className={'mr-3 text-xs'} onClick={changeBackupsLocation} />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Open Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={openBackupsLocation}
+                  />
+                  <Button
+                    label={c('B6.Preferences.Backups.Action').t`Change Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={changeBackupsLocation}
+                  />
                 </div>
               </>
 
               <HorizontalSeparator classes="my-4" />
 
               <Text className="mb-3">
-                Backups are saved automatically throughout the day. You can perform a one-time backup now below.
+                {c('B6.Preferences.Backups.Info')
+                  .t`Backups are saved automatically throughout the day. You can perform a one-time backup now below.`}
               </Text>
               <div className="flex flex-row">
-                <Button label="Perform Backup" className={'mr-3 text-xs'} onClick={performBackup} />
+                <Button
+                  label={c('B6.Preferences.Backups.Label').t`Perform Backup`}
+                  className={'mr-3 text-xs'}
+                  onClick={performBackup}
+                />
               </div>
             </PreferencesSegment>
           </>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Defaults.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Defaults.tsx
index 480ec69502b..7fc9ce43c7f 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Defaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Defaults.tsx
@@ -10,6 +10,7 @@ import usePreference from '@/Hooks/usePreference'
 import Dropdown from '@/Components/Dropdown/Dropdown'
 import { DropdownItem } from '@/Components/Dropdown/DropdownItem'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -34,17 +35,17 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
     (): DropdownItem[] => [
       {
         icon: 'format-align-left',
-        label: 'Left align',
+        label: c('B6.Preferences.General.Label').t`Left align`,
         value: 'left',
       },
       {
         icon: 'format-align-center',
-        label: 'Center align',
+        label: c('B6.Preferences.General.Label').t`Center align`,
         value: 'center',
       },
       {
         icon: 'format-align-right',
-        label: 'Right align',
+        label: c('B6.Preferences.General.Label').t`Right align`,
         value: 'right',
       },
     ],
@@ -64,13 +65,14 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Defaults</Title>
+        <Title>{c('B6.Preferences.General.Title').t`Defaults`}</Title>
         {application.platform === Platform.Android && (
           <>
             <div className="flex justify-between gap-2 md:items-center">
               <div className="flex flex-col">
-                <Subtitle>Always ask before closing app (Android)</Subtitle>
-                <Text>Whether a confirmation dialog should be shown before closing the app.</Text>
+                <Subtitle>{c('B6.Preferences.General.Subtitle').t`Always ask before closing app (Android)`}</Subtitle>
+                <Text>{c('B6.Preferences.General.Info')
+                  .t`Whether a confirmation dialog should be shown before closing the app.`}</Text>
               </div>
               <Switch onChange={toggleAndroidConfirmBeforeExit} checked={androidConfirmBeforeExit} />
             </div>
@@ -79,10 +81,10 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
         )}
         <div className="flex justify-between gap-2 md:items-center">
           <div className="flex flex-col">
-            <Subtitle>Spellcheck</Subtitle>
+            <Subtitle>{c('B6.Preferences.General.Subtitle').t`Spellcheck`}</Subtitle>
             <Text>
-              The default spellcheck value for new notes. Spellcheck can be configured per note from the note context
-              menu. Spellcheck may degrade overall typing performance with long notes.
+              {c('B6.Preferences.General.Info')
+                .t`The default spellcheck value for new notes. Spellcheck can be configured per note from the note context menu. Spellcheck may degrade overall typing performance with long notes.`}
             </Text>
           </div>
           <Switch onChange={toggleSpellcheck} checked={spellcheck} />
@@ -90,8 +92,12 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
         <HorizontalSeparator classes="my-4" />
         <div className="flex justify-between gap-2 md:items-center">
           <div className="flex flex-col">
-            <Subtitle>Add all parent tags when adding a nested tag to a note</Subtitle>
-            <Text>When enabled, adding a nested tag to a note will automatically add all associated parent tags.</Text>
+            <Subtitle>{c('B6.Preferences.General.Subtitle')
+              .t`Add all parent tags when adding a nested tag to a note`}</Subtitle>
+            <Text>
+              {c('B6.Preferences.General.Info')
+                .t`When enabled, adding a nested tag to a note will automatically add all associated parent tags.`}
+            </Text>
           </div>
           <Switch
             onChange={() => {
@@ -105,11 +111,10 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
           <>
             <div className="flex justify-between gap-2 md:items-center">
               <div className="flex flex-col">
-                <Subtitle>Use always-visible toolbar in Super notes</Subtitle>
+                <Subtitle>{c('B6.Preferences.General.Subtitle').t`Use always-visible toolbar in Super notes`}</Subtitle>
                 <Text>
-                  When enabled, the Super toolbar will always be shown at the top of the note. It can be temporarily
-                  toggled using Cmd/Ctrl+Shift+K. When disabled, the Super toolbar will only be shown as a floating
-                  toolbar when text is selected.
+                  {c('B6.Preferences.General.Info')
+                    .t`When enabled, the Super toolbar will always be shown at the top of the note. It can be temporarily toggled using Cmd/Ctrl+Shift+K. When disabled, the Super toolbar will only be shown as a floating toolbar when text is selected.`}
                 </Text>
               </div>
               <Switch
@@ -125,10 +130,10 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
           </>
         )}
         <div>
-          <Subtitle>Default image alignment in Super notes</Subtitle>
+          <Subtitle>{c('B6.Preferences.General.Subtitle').t`Default image alignment in Super notes`}</Subtitle>
           <div className="mt-2">
             <Dropdown
-              label="Default image alignment in super notes"
+              label={c('B6.Preferences.General.Info').t`Default image alignment in super notes`}
               items={imageAlignmentOptions}
               value={defaultSuperImageAlignment}
               onChange={(alignment) => {
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Labs/Labs.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Labs/Labs.tsx
index 02a1b0c73b5..e07e3c01adf 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Labs/Labs.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Labs/Labs.tsx
@@ -16,6 +16,7 @@ import LabsFeature from './LabsFeature'
 import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 import { featureTrunkVaultsEnabled } from '@/FeatureTrunk'
+import { c } from 'ttag'
 
 type ExperimentalFeatureItem = {
   identifier: string
@@ -85,12 +86,12 @@ const LabsPane: FunctionComponent<Props> = ({ application }) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Labs</Title>
+        <Title>{c('B6.Preferences.General.Title').t`Labs`}</Title>
         <div>
           {canShowPaneGesturesOption && (
             <LabsFeature
-              name="Pane switch gestures"
-              description="Allows using gestures to navigate"
+              name={c('B6.Preferences.General.Label').t`Pane switch gestures`}
+              description={c('B6.Preferences.General.Info').t`Allows using gestures to navigate`}
               isEnabled={isPaneGesturesEnabled}
               toggleFeature={() => {
                 void application.setPreference(PrefKey.PaneGesturesEnabled, !isPaneGesturesEnabled)
@@ -125,7 +126,7 @@ const LabsPane: FunctionComponent<Props> = ({ application }) => {
           {experimentalFeatures.length === 0 && !canShowPaneGesturesOption && (
             <div className="flex items-center justify-between">
               <div className="flex flex-col">
-                <Text>No experimental features available.</Text>
+                <Text>{c('B6.Preferences.General.Info').t`No experimental features available.`}</Text>
               </div>
             </div>
           )}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Moments.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Moments.tsx
index 4eff9ab671b..75fcd41021e 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Moments.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Moments.tsx
@@ -12,6 +12,7 @@ import { ContentType, DecryptedItem, PrefKey, SNTag } from '@standardnotes/snjs'
 import usePreference from '@/Hooks/usePreference'
 import LinkedItemBubble from '@/Components/LinkedItems/LinkedItemBubble'
 import { createLinkFromItem } from '@/Utils/Items/Search/createLinkFromItem'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -79,14 +80,14 @@ const Moments: FunctionComponent<Props> = ({ application }: Props) => {
       <PreferencesSegment>
         <div className="flex items-center justify-between">
           <div className="flex items-start">
-            <Title>Moments</Title>
-            <Pill style={'success'}>Labs</Pill>
-            <Pill style={'info'}>Professional</Pill>
+            <Title>{c('B6.Preferences.General.Title').t`Moments`}</Title>
+            <Pill style={'success'}>{c('B6.Preferences.General.Label').t`Labs`}</Pill>
+            <Pill style={'info'}>{c('B6.Preferences.General.Label').t`Professional`}</Pill>
           </div>
           <Switch onChange={toggle} checked={momentsEnabled} />
         </div>
 
-        <Subtitle>Your personal photo journal</Subtitle>
+        <Subtitle>{c('B6.Preferences.General.Subtitle').t`Your personal photo journal`}</Subtitle>
 
         {momentsEnabled && (
           <div className="mb-2 flex items-center">
@@ -103,7 +104,7 @@ const Moments: FunctionComponent<Props> = ({ application }: Props) => {
             )}
             <ItemSelectionDropdown
               onSelection={selectTag}
-              placeholder="Select tag to save Moments to..."
+              placeholder={c('B6.Preferences.General.Placeholder').t`Select tag to save Moments to...`}
               contentTypes={[ContentType.TYPES.Tag]}
             />
           </div>
@@ -113,15 +114,13 @@ const Moments: FunctionComponent<Props> = ({ application }: Props) => {
           <div className="flex flex-col"></div>
           <PreferencesSegment>
             <Text>
-              Moments lets you capture photos of yourself throughout the day, creating a visual record of your life, one
-              photo at a time. Using your webcam or mobile selfie-cam, Moments takes a photo of you every half hour. All
-              photos are end-to-end encrypted and stored in your files. Enable Moments on a per-device basis to get
-              started.
+              {c('B6.Preferences.General.Info')
+                .t`Moments lets you capture photos of yourself throughout the day, creating a visual record of your life, one photo at a time. Using your webcam or mobile selfie-cam, Moments takes a photo of you every half hour. All photos are end-to-end encrypted and stored in your files. Enable Moments on a per-device basis to get started.`}
             </Text>
 
             <div className="mt-5 flex flex-row flex-wrap gap-3">
               <Button colorStyle="info" onClick={takePhoto}>
-                Capture Present Moment
+                {c('B6.Preferences.General.Label').t`Capture Present Moment`}
               </Button>
             </div>
           </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/NewNoteDefaults.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/NewNoteDefaults.tsx
index f21a443782c..5a065fbb1fc 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/NewNoteDefaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/NewNoteDefaults.tsx
@@ -20,6 +20,7 @@ import { NoteTitleFormatOptions } from '@/Components/ContentListView/Header/Note
 import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import { ErrorBoundary } from '@/Utils/ErrorBoundary'
 import { getDayjsFormattedString } from '@/Utils/GetDayjsFormattedString'
+import { c } from 'ttag'
 
 const PrefChangeDebounceTimeInMs = 25
 const HelpPageUrl = 'https://day.js.org/docs/en/display/format#list-of-all-available-formats'
@@ -121,13 +122,13 @@ const NewNoteDefaults = () => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>New Note Defaults</Title>
+        <Title>{c('B6.Preferences.General.Title').t`New Note Defaults`}</Title>
         <div className="mt-2">
           <div>
-            <Subtitle>Note Type</Subtitle>
+            <Subtitle>{c('B6.Preferences.General.Subtitle').t`Note Type`}</Subtitle>
             <div className="mt-2">
               <Dropdown
-                label="Select the default note type"
+                label={c('B6.Preferences.General.Label').t`Select the default note type`}
                 items={editorItems}
                 value={defaultEditorIdentifier}
                 onChange={(value) => selectEditorForNewNoteDefault(value as EditorOption['value'])}
@@ -136,10 +137,10 @@ const NewNoteDefaults = () => {
           </div>
           <HorizontalSeparator classes="my-4" />
           <div>
-            <Subtitle>Title Format</Subtitle>
+            <Subtitle>{c('B6.Preferences.General.Subtitle').t`Title Format`}</Subtitle>
             <div className="mt-2">
               <Dropdown
-                label="Select the format for the note title"
+                label={c('B6.Preferences.General.Action').t`Select the format for the note title`}
                 items={NoteTitleFormatOptions}
                 value={newNoteTitleFormat}
                 onChange={setNewNoteTitleFormatChange}
@@ -153,14 +154,14 @@ const NewNoteDefaults = () => {
                       'w-full min-w-55 rounded border border-solid border-passive-3 bg-default px-2 py-1.5 text-base md:w-auto md:translucent-ui:bg-transparent lg:text-sm',
                       'focus-within:ring-2 focus-within:ring-info',
                     )}
-                    placeholder="e.g. YYYY-MM-DD"
+                    placeholder={c('B6.Preferences.General.Placeholder').t`e.g. YYYY-MM-DD`}
                     value={customNoteTitleFormat}
                     onChange={handleCustomFormatInputChange}
                     spellCheck={false}
                   />
                 </div>
                 <div className="mt-3 text-neutral">
-                  <span className="font-bold">Preview: </span>
+                  <span className="font-bold">{c('B6.Preferences.General.Label').t`Preview:`} </span>
                   <ErrorBoundary>
                     <em>{getDayjsFormattedString(undefined, customNoteTitleFormat)}</em>
                   </ErrorBoundary>
@@ -178,9 +179,9 @@ const NewNoteDefaults = () => {
                       }
                     }}
                   >
-                    Options
+                    {c('B6.Preferences.General.Action').t`Options`}
                   </a>
-                  . Use <code>[]</code> to escape formatting.
+                  {c('B6.Preferences.General.Info').t`. Use [] to escape formatting.`}
                 </div>
               </div>
             )}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineActivation.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineActivation.tsx
index 33e809dd324..f369705de49 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineActivation.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineActivation.tsx
@@ -6,6 +6,7 @@ import PreferencesGroup from '../../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../../PreferencesComponents/PreferencesSegment'
 import { Platform } from '@standardnotes/snjs'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const OfflineActivation: FunctionComponent = () => {
   const application = useApplication()
@@ -25,7 +26,7 @@ const OfflineActivation: FunctionComponent = () => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <AccordionItem title={'Offline activation'}>
+        <AccordionItem title={c('B6.Preferences.General.Label').t`Offline activation`}>
           <div className="flex flex-row items-center">
             <div className="flex max-w-full flex-grow flex-col">
               {application.platform !== Platform.Ios && <OfflineSubscription application={application} />}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineSubscription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineSubscription.tsx
index c79631311ec..741c69eb37f 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineSubscription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Offline/OfflineSubscription.tsx
@@ -6,6 +6,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import { observer } from 'mobx-react-lite'
 import { STRING_REMOVE_OFFLINE_KEY_CONFIRMATION } from '@/Constants/Strings'
 import { ButtonType, ClientDisplayableError } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -40,7 +41,9 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
 
     if (homeServerEnabled) {
       if (!homeServerIsRunning) {
-        await application.alerts.alert('Please start your home server before activating offline features.')
+        await application.alerts.alert(
+          c('B6.Preferences.HomeServer.Error').t`Please start your home server before activating offline features.`,
+        )
 
         return
       }
@@ -96,11 +99,11 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
   const handleRemoveClick = async () => {
     application.alerts
       .confirm(
-        STRING_REMOVE_OFFLINE_KEY_CONFIRMATION,
-        'Remove offline key?',
-        'Remove Offline Key',
+        STRING_REMOVE_OFFLINE_KEY_CONFIRMATION(),
+        c('B6.Preferences.General.Confirmation').t`Remove offline key?`,
+        c('B6.Preferences.General.Action').t`Remove Offline Key`,
         ButtonType.Danger,
-        'Cancel',
+        c('B6.Preferences.General.Confirmation').t`Cancel`,
       )
       .then(async (shouldRemove: boolean) => {
         if (shouldRemove) {
@@ -121,14 +124,17 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
       <div className="flex items-center justify-between">
         <div className="mt-3 flex w-full flex-col">
           <div className="flex flex-row items-center justify-between">
-            <Subtitle>{!hasUserPreviouslyStoredCode && 'Activate'} Offline Subscription</Subtitle>
+            <Subtitle>
+              {!hasUserPreviouslyStoredCode && c('B6.Preferences.General.Subtitle').t`Activate`}{' '}
+              {c('B6.Preferences.General.Label').t`Offline Subscription`}
+            </Subtitle>
             <a
               href="https://standardnotes.com/help/59/can-i-use-standard-notes-totally-offline"
               target="_blank"
               rel="noreferrer"
               className="text-info"
             >
-              Learn more
+              {c('B6.Preferences.General.Action').t`Learn more`}
             </a>
           </div>
           <form onSubmit={handleSubscriptionCodeSubmit}>
@@ -136,7 +142,7 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
               {!hasUserPreviouslyStoredCode && (
                 <DecoratedInput
                   onChange={(code) => setActivationCode(code)}
-                  placeholder={'Offline Subscription Code'}
+                  placeholder={c('B6.Preferences.General.Label').t`Offline Subscription Code`}
                   value={activationCode}
                   disabled={isSuccessfullyActivated}
                   className={{ container: 'mb-3' }}
@@ -145,14 +151,14 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
             </div>
             {(isSuccessfullyActivated || isSuccessfullyRemoved) && (
               <div className={'info mb-3 mt-3'}>
-                Your offline subscription code has been successfully {isSuccessfullyActivated ? 'activated' : 'removed'}
-                .
+                {c('B6.Preferences.General.Info').t`Your offline subscription code has been successfully`}{' '}
+                {isSuccessfullyActivated ? 'activated' : 'removed'}.
               </div>
             )}
             {hasUserPreviouslyStoredCode && (
               <Button
                 colorStyle="danger"
-                label="Remove offline key"
+                label={c('B6.Preferences.General.Action').t`Remove offline key`}
                 onClick={() => {
                   handleRemoveClick().catch(console.error)
                 }}
@@ -161,7 +167,7 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
             {!hasUserPreviouslyStoredCode && !isSuccessfullyActivated && (
               <Button
                 hidden={activationCode.length === 0}
-                label={'Submit'}
+                label={c('B6.Preferences.General.Action').t`Submit`}
                 primary
                 disabled={activationCode === ''}
                 onClick={(event) => handleSubscriptionCodeSubmit(event)}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Persistence.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Persistence.tsx
index 62ca0fe9dec..ce174ca002b 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Persistence.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Persistence.tsx
@@ -4,6 +4,7 @@ import { useState } from 'react'
 import { Title } from '../../PreferencesComponents/Content'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -30,7 +31,7 @@ const Persistence = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title className="mb-2">When opening the app, show...</Title>
+        <Title className="mb-2">{c('B6.Preferences.General.Title').t`When opening the app, show...`}</Title>
         <label className="mb-2 flex items-center gap-2 text-base font-medium md:text-sm">
           <StyledRadioInput
             name="state-persistence"
@@ -39,7 +40,7 @@ const Persistence = ({ application }: Props) => {
               toggleStatePersistence(!event.target.checked)
             }}
           />
-          The first note in the list
+          {c('B6.Preferences.General.Info').t`The first note in the list`}
         </label>
         <label className="flex items-center gap-2 text-base font-medium md:text-sm">
           <StyledRadioInput
@@ -49,7 +50,7 @@ const Persistence = ({ application }: Props) => {
               toggleStatePersistence(event.target.checked)
             }}
           />
-          The last viewed note
+          {c('B6.Preferences.General.Label').t`The last viewed note`}
         </label>
       </PreferencesSegment>
     </PreferencesGroup>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModal.tsx
index 5004ace2530..26f1c4a03a2 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModal.tsx
@@ -7,6 +7,7 @@ import { Platform, SmartViewDefaultIconName, VectorIconNameOrEmoji } from '@stan
 import { observer } from 'mobx-react-lite'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { EditSmartViewModalController } from './EditSmartViewModalController'
+import { c } from 'ttag'
 
 type Props = {
   controller: EditSmartViewModalController
@@ -62,13 +63,13 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Delete',
+        label: c('B6.Preferences.General.Action').t`Delete`,
         onClick: deleteView,
         disabled: isSaving,
         type: 'destructive',
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.General.Action').t`Cancel`,
         onClick: closeDialog,
         disabled: isSaving,
         type: 'cancel',
@@ -89,12 +90,18 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
     return null
   }
 
+  const viewTitle = view.title
+
   return (
-    <Modal title={`Edit Smart View "${view.title}"`} close={closeDialog} actions={modalActions}>
+    <Modal
+      title={c('B6.Preferences.General.Title').t`Edit Smart View "${viewTitle}"`}
+      close={closeDialog}
+      actions={modalActions}
+    >
       <div className="px-4 py-4">
         <div className="flex h-full flex-col gap-4">
           <div className="flex items-center gap-2.5">
-            <div className="text-sm font-semibold">Title:</div>
+            <div className="text-sm font-semibold">{c('B6.Preferences.General.Label').t`Title:`}</div>
             <input
               className="rounded border border-border bg-default px-2 py-1 md:translucent-ui:bg-transparent"
               value={title}
@@ -105,17 +112,17 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
             />
           </div>
           <div className="flex items-center gap-2.5">
-            <div className="text-sm font-semibold">Icon:</div>
+            <div className="text-sm font-semibold">{c('B6.Preferences.General.Label').t`Icon:`}</div>
             <button
               className="rounded border border-border p-2"
-              aria-label="Change icon"
+              aria-label={c('B6.Preferences.General.Action').t`Change icon`}
               onClick={toggleIconPicker}
               ref={iconPickerButtonRef}
             >
               <Icon type={icon || SmartViewDefaultIconName} />
             </button>
             <Popover
-              title="Choose icon"
+              title={c('B6.Preferences.General.Title').t`Choose icon`}
               open={shouldShowIconPicker}
               anchorElement={iconPickerButtonRef}
               togglePopover={toggleIconPicker}
@@ -136,7 +143,7 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
             </Popover>
           </div>
           <div className="flex flex-grow flex-col gap-2.5">
-            <div className="text-sm font-semibold">Predicate:</div>
+            <div className="text-sm font-semibold">{c('B6.Preferences.General.Label').t`Predicate:`}</div>
             <div className="flex flex-grow flex-col overflow-hidden rounded-md border border-border">
               <textarea
                 className="h-full min-h-[10rem] w-full flex-grow resize-none bg-default px-2.5 py-1.5 font-mono text-sm md:translucent-ui:bg-transparent"
@@ -150,7 +157,7 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
               />
               {!isPredicateJsonValid && (
                 <div className="border-t border-border px-2.5 py-1.5 text-sm text-danger">
-                  Invalid JSON. Double check your entry and try again.
+                  {c('B6.Preferences.General.Info').t`Invalid JSON. Double check your entry and try again.`}
                 </div>
               )}
             </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModalController.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModalController.tsx
index 82f097d0c71..e39a9cbbdce 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModalController.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModalController.tsx
@@ -107,7 +107,7 @@ export class EditSmartViewModalController {
     this.closeDialog()
 
     const shouldDelete = await confirmDialog({
-      text: STRING_DELETE_TAG,
+      text: STRING_DELETE_TAG(),
       confirmButtonStyle: 'danger',
     })
     if (shouldDelete) {
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViewItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViewItem.tsx
index 0c66163188e..9480bf9b234 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViewItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViewItem.tsx
@@ -2,6 +2,7 @@ import Button from '@/Components/Button/Button'
 import Icon from '@/Components/Icon/Icon'
 import { SmartView } from '@standardnotes/snjs'
 import { useCallback } from 'react'
+import { c } from 'ttag'
 
 type Props = {
   view: SmartView
@@ -17,10 +18,10 @@ const SmartViewItem = ({ view, onEdit, onDelete }: Props) => {
       <Icon type={view.iconString} size="custom" className="h-5.5 w-5.5 flex-shrink-0" />
       <span className="mr-auto overflow-hidden text-ellipsis text-sm">{view.title}</span>
       <Button small onClick={onEdit}>
-        Edit
+        {c('B6.Preferences.General.Action').t`Edit`}
       </Button>
       <Button small onClick={onClickDelete}>
-        Delete
+        {c('B6.Preferences.General.Action').t`Delete`}
       </Button>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViews.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViews.tsx
index cf3acdcc6c1..1caaa77c202 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViews.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/SmartViews.tsx
@@ -16,6 +16,7 @@ import { EditSmartViewModalController } from './EditSmartViewModalController'
 import { STRING_DELETE_TAG } from '@/Constants/Strings'
 import { confirmDialog } from '@standardnotes/ui-services'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
+import { c } from 'ttag'
 
 type NewType = {
   application: WebApplication
@@ -43,7 +44,7 @@ const SmartViews = ({ application, featuresController }: Props) => {
   const deleteItem = useCallback(
     async (view: SmartView) => {
       const shouldDelete = await confirmDialog({
-        text: STRING_DELETE_TAG,
+        text: STRING_DELETE_TAG(),
         confirmButtonStyle: 'danger',
       })
       if (shouldDelete) {
@@ -60,13 +61,14 @@ const SmartViews = ({ application, featuresController }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Smart Views</Title>
+          <Title>{c('B6.Preferences.General.Title').t`Smart Views`}</Title>
           {!featuresController.hasSmartViews && (
             <NoSubscriptionBanner
               className="mt-2"
               application={application}
-              title="Upgrade for smart views"
-              message="Create smart views to organize your notes according to conditions you define."
+              title={c('B6.Preferences.General.Title').t`Upgrade for smart views`}
+              message={c('B6.Preferences.General.Action')
+                .t`Create smart views to organize your notes according to conditions you define.`}
             />
           )}
           {featuresController.hasSmartViews && (
@@ -86,7 +88,7 @@ const SmartViews = ({ application, featuresController }: Props) => {
                   addSmartViewModalController.setIsAddingSmartView(true)
                 }}
               >
-                Create Smart View
+                {c('B6.Preferences.General.Action').t`Create Smart View`}
               </Button>
             </>
           )}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/General/Tools.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/General/Tools.tsx
index 8d52c492fd0..a33bd91ca7c 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/General/Tools.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/General/Tools.tsx
@@ -4,6 +4,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import { PrefKey, PrefDefaults } from '@standardnotes/snjs'
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useState } from 'react'
+import { c } from 'ttag'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 
@@ -24,14 +25,14 @@ const Tools: FunctionComponent<Props> = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Tools</Title>
+        <Title>{c('B6.Preferences.General.Title').t`Tools`}</Title>
         <div>
           <div className="flex justify-between gap-2 md:items-center">
             <div className="flex flex-col">
-              <Subtitle>Show note saving status while editing</Subtitle>
+              <Subtitle>{c('B6.Preferences.General.Subtitle').t`Show note saving status while editing`}</Subtitle>
               <Text>
-                Control whether the animated saving status is shown while editing. Error statuses are always shown
-                regardless of preference.
+                {c('B6.Preferences.General.Info')
+                  .t`Control whether the animated saving status is shown while editing. Error statuses are always shown regardless of preference.`}
               </Text>
             </div>
             <Switch onChange={toggleSavingIndicatorUpdates} checked={updateSavingIndicator} />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HelpFeedback.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HelpFeedback.tsx
index 7bb724d0712..e5b2df84f52 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HelpFeedback.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HelpFeedback.tsx
@@ -5,6 +5,7 @@ import PreferencesGroup from '../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../PreferencesComponents/PreferencesSegment'
 import { WebApplication } from '@/Application/WebApplication'
 import { MouseEventHandler } from 'react'
+import { c } from 'ttag'
 
 const HelpAndFeedback = ({ application }: { application: WebApplication }) => {
   const openLinkOnMobile = (link: string) => {
@@ -24,34 +25,32 @@ const HelpAndFeedback = ({ application }: { application: WebApplication }) => {
     <PreferencesPane>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Frequently asked questions</Title>
+          <Title>{c('B7.FilesSubscriptionHelp.Help.Info').t`Frequently asked questions`}</Title>
           <div className="h-2 w-full" />
-          <Subtitle>Who can read my private notes?</Subtitle>
+          <Subtitle>{c('B7.FilesSubscriptionHelp.Help.Confirmation').t`Who can read my private notes?`}</Subtitle>
           <Text>
-            Quite simply: no one but you. Not us, not your ISP, not a hacker, and not a government agency. As long as
-            you keep your password safe, and your password is reasonably strong, then you are the only person in the
-            world with the ability to decrypt your notes. For more on how we handle your privacy and security, check out
-            our easy to read{' '}
+            {c('B7.FilesSubscriptionHelp.Help.Info')
+              .t`Quite simply: no one but you. Not us, not your ISP, not a hacker, and not a government agency. As long as you keep your password safe, and your password is reasonably strong, then you are the only person in the world with the ability to decrypt your notes. For more on how we handle your privacy and security, check out our easy to read`}{' '}
             <a
               target="_blank"
               className="underline hover:no-underline"
               href="https://standardnotes.com/privacy"
               onClick={handleClick}
             >
-              Privacy Manifesto.
+              {c('B7.FilesSubscriptionHelp.Help.Info').t`Privacy Manifesto.`}
             </a>
           </Text>
           {application.isNativeIOS() && (
             <>
               <LinkButton
                 className="mt-3"
-                label="Privacy Policy"
+                label={c('B7.FilesSubscriptionHelp.Help.Label').t`Privacy Policy`}
                 link="https://standardnotes.com/privacy"
                 onClick={handleClick}
               />
               <LinkButton
                 className="mt-3"
-                label="Terms of Use"
+                label={c('B7.FilesSubscriptionHelp.Help.Label').t`Terms of Use`}
                 link="https://www.apple.com/legal/internet-services/itunes/dev/stdeula/"
                 onClick={handleClick}
               />
@@ -60,45 +59,51 @@ const HelpAndFeedback = ({ application }: { application: WebApplication }) => {
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
-          <Subtitle>Can I collaborate with others on a note?</Subtitle>
+          <Subtitle>{c('B7.FilesSubscriptionHelp.Help.Confirmation')
+            .t`Can I collaborate with others on a note?`}</Subtitle>
           <Text>
-            Because of our encrypted architecture, Standard Notes does not currently provide a real-time collaboration
-            solution. Multiple users can share the same account however, but editing at the same time may result in sync
-            conflicts, which may result in the duplication of notes.
+            {c('B7.FilesSubscriptionHelp.Help.Info')
+              .t`Because of our encrypted architecture, Standard Notes does not currently provide a real-time collaboration solution. Multiple users can share the same account however, but editing at the same time may result in sync conflicts, which may result in the duplication of notes.`}
           </Text>
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
-          <Subtitle>Can I use Standard Notes totally offline?</Subtitle>
+          <Subtitle>{c('B7.FilesSubscriptionHelp.Help.Confirmation')
+            .t`Can I use Standard Notes totally offline?`}</Subtitle>
           <Text>
-            Standard Notes can be used totally offline without an account, and without an internet connection. You can
-            find{' '}
+            {c('B7.FilesSubscriptionHelp.Help.Info')
+              .t`Standard Notes can be used totally offline without an account, and without an internet connection. You can find`}{' '}
             <a
               target="_blank"
               className="underline hover:no-underline"
               href="https://standardnotes.com/help/59/can-i-use-standard-notes-totally-offline"
               onClick={handleClick}
             >
-              more details here.
+              {c('B7.FilesSubscriptionHelp.Help.Info').t`more details here.`}
             </a>
           </Text>
         </PreferencesSegment>
         <HorizontalSeparator classes="my-4" />
         <PreferencesSegment>
-          <Subtitle>Can’t find your question here?</Subtitle>
-          <LinkButton className="mt-3" label="Open FAQ" link="https://standardnotes.com/help" onClick={handleClick} />
+          <Subtitle>{c('B7.FilesSubscriptionHelp.Help.Confirmation').t`Can’t find your question here?`}</Subtitle>
+          <LinkButton
+            className="mt-3"
+            label={c('B7.FilesSubscriptionHelp.Help.Label').t`Open FAQ`}
+            link="https://standardnotes.com/help"
+            onClick={handleClick}
+          />
         </PreferencesSegment>
       </PreferencesGroup>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Community forum</Title>
+          <Title>{c('B7.FilesSubscriptionHelp.Help.Info').t`Community forum`}</Title>
           <Text>
-            If you have an issue, found a bug or want to suggest a feature, you can browse or post to the forum. It’s
-            recommended for non-account related issues.
+            {c('B7.FilesSubscriptionHelp.Help.Info')
+              .t`If you have an issue, found a bug or want to suggest a feature, you can browse or post to the forum. It’s recommended for non-account related issues.`}
           </Text>
           <LinkButton
             className="mt-3"
-            label="Go to the forum"
+            label={c('B7.FilesSubscriptionHelp.Help.Label').t`Go to the forum`}
             link="https://standardnotes.com/forum"
             onClick={handleClick}
           />
@@ -106,24 +111,31 @@ const HelpAndFeedback = ({ application }: { application: WebApplication }) => {
       </PreferencesGroup>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Discord server</Title>
+          <Title>{c('B7.FilesSubscriptionHelp.Help.Info').t`Discord server`}</Title>
           <Text>
-            Want to meet other passionate note-takers and privacy enthusiasts? Want to share your feedback with us? Join
-            the Standard Notes Discord for discussions on security, themes, editors and more.
+            {c('B7.FilesSubscriptionHelp.Help.Info')
+              .t`Want to meet other passionate note-takers and privacy enthusiasts? Want to share your feedback with us? Join the Standard Notes Discord for discussions on security, themes, editors and more.`}
           </Text>
           <LinkButton
             className="mt-3"
             link="https://standardnotes.com/discord"
-            label="Join our Discord"
+            label={c('B7.FilesSubscriptionHelp.Help.Label').t`Join our Discord`}
             onClick={handleClick}
           />
         </PreferencesSegment>
       </PreferencesGroup>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Account related issue?</Title>
-          <Text>Send an email to help@standardnotes.com and we’ll sort it out.</Text>
-          <LinkButton className="mt-3" link="mailto: help@standardnotes.com" label="Email us" onClick={handleClick} />
+          <Title>{c('B7.FilesSubscriptionHelp.Help.Confirmation').t`Account related issue?`}</Title>
+          <Text>
+            {c('B7.FilesSubscriptionHelp.Help.Info').t`Send an email to help@standardnotes.com and we’ll sort it out.`}
+          </Text>
+          <LinkButton
+            className="mt-3"
+            link="mailto: help@standardnotes.com"
+            label={c('B7.FilesSubscriptionHelp.Help.Label').t`Email us`}
+            onClick={handleClick}
+          />
         </PreferencesSegment>
       </PreferencesGroup>
     </PreferencesPane>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServer.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServer.tsx
index 4b166e1f47a..f7c2aad0661 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServer.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServer.tsx
@@ -4,6 +4,7 @@ import PreferencesPane from '../../PreferencesComponents/PreferencesPane'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import HomeServerSettings from './HomeServerSettings'
+import { c } from 'ttag'
 
 const HomeServer = () => {
   return (
@@ -15,45 +16,48 @@ const HomeServer = () => {
       </PreferencesGroup>
 
       <PreferencesGroup>
-        <Title>Remote access</Title>
-        <Subtitle>Accessing your home server while on the go is easy and secure with Tailscale.</Subtitle>
+        <Title>{c('B6.Preferences.HomeServer.Title').t`Remote access`}</Title>
+        <Subtitle>{c('B6.Preferences.HomeServer.Subtitle')
+          .t`Accessing your home server while on the go is easy and secure with Tailscale.`}</Subtitle>
         <ol className="ml-3 mt-3 list-outside list-decimal">
           <li>
-            Register on{' '}
+            {c('B6.Preferences.HomeServer.Label').t`Register on`}{' '}
             <a className="text-info" href="https://tailscale.com/">
               Tailscale.com
             </a>{' '}
-            for free.
+            {c('B6.Preferences.HomeServer.Label').t`for free.`}
           </li>
           <li className="mt-2">
-            Download Tailscale on this computer and complete the Tailscale setup wizard until you are presented with the
-            IP address of your computer. It should start with something like 100.xxx...
+            {c('B6.Preferences.HomeServer.Status')
+              .t`Download Tailscale on this computer and complete the Tailscale setup wizard until you are presented with the IP address of your computer. It should start with something like 100.xxx...`}
           </li>
-          <li className="mt-2">Download Tailscale on your mobile device and sign into your Tailscale account.</li>
-          <li className="mt-2">Activate the Tailscale VPN on your mobile device.</li>
+          <li className="mt-2">{c('B6.Preferences.HomeServer.Info')
+            .t`Download Tailscale on your mobile device and sign into your Tailscale account.`}</li>
+          <li className="mt-2">{c('B6.Preferences.HomeServer.Info')
+            .t`Activate the Tailscale VPN on your mobile device.`}</li>
           <li className="mt-2">
-            Open Standard Notes on your mobile device and sign into your home server by specifying the sync server URL
-            during sign in. The URL will be the Tailscale-based IP address of this computer, followed by the port number
-            of your home server. For example, if your computer Tailscale IP address is 100.112.45.106 and your home
-            server is running on port 3127, your sync server URL will be http://100.112.45.106:3127.
+            {c('B6.Preferences.HomeServer.Info')
+              .t`Open Standard Notes on your mobile device and sign into your home server by specifying the sync server URL during sign in. The URL will be the Tailscale-based IP address of this computer, followed by the port number of your home server. For example, if your computer Tailscale IP address is 100.112.45.106 and your home server is running on port 3127, your sync server URL will be http://100.112.45.106:3127.`}
           </li>
         </ol>
       </PreferencesGroup>
 
       <PreferencesGroup>
-        <Title>Backing up your data</Title>
+        <Title>{c('B6.Preferences.HomeServer.Title').t`Backing up your data`}</Title>
         <Subtitle>
-          For automatic backups, you can place your server's data inside of a synced cloud folder, like Dropbox,
-          Tresorit, or iCloud Drive.
+          {c('B6.Preferences.HomeServer.Info')
+            .t`For automatic backups, you can place your server's data inside of a synced cloud folder, like Dropbox, Tresorit, or iCloud Drive.`}
         </Subtitle>
         <ol className="ml-3 mt-3 list-outside list-decimal">
-          <li>Change your server's data location by selecting "Change Location" in the Home Server section above.</li>
-          <li className="mt-2">Select a cloud drive to store your server's data in.</li>
-          <li className="mt-2">Restart your home server.</li>
+          <li>{c('B6.Preferences.HomeServer.Info')
+            .t`Change your server's data location by selecting "Change Location" in the Home Server section above.`}</li>
+          <li className="mt-2">{c('B6.Preferences.HomeServer.Info')
+            .t`Select a cloud drive to store your server's data in.`}</li>
+          <li className="mt-2">{c('B6.Preferences.HomeServer.Info').t`Restart your home server.`}</li>
         </ol>
         <Text className="mt-3">
-          Your Standard Notes data is always end-to-end encrypted on disk, so your cloud provider will not be able to
-          read your notes or files.
+          {c('B6.Preferences.HomeServer.Info')
+            .t`Your Standard Notes data is always end-to-end encrypted on disk, so your cloud provider will not be able to read your notes or files.`}
         </Text>
       </PreferencesGroup>
     </PreferencesPane>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServerSettings.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServerSettings.tsx
index 54af45e0406..74cfb1a7ef8 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServerSettings.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServerSettings.tsx
@@ -16,6 +16,7 @@ import Switch from '@/Components/Switch/Switch'
 import AccordionItem from '@/Components/Shared/AccordionItem'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
+import { c } from 'ttag'
 
 const HomeServerSettings = () => {
   const SERVER_SYNTHEIC_CHANGE_DELAY = 1500
@@ -46,17 +47,22 @@ const HomeServerSettings = () => {
     const result = await homeServerService.getHomeServerStatus()
     setStatus({
       state: result.status === 'on' ? 'online' : result.errorMessage ? 'error' : 'offline',
-      message: result.status === 'on' ? 'Online' : result.errorMessage ? 'Offline' : 'Starting...',
+      message:
+        result.status === 'on'
+          ? c('B6.Preferences.HomeServer.Status').t`Online`
+          : result.errorMessage
+          ? c('B6.Preferences.HomeServer.Status').t`Offline`
+          : c('B6.Preferences.HomeServer.Status').t`Starting...`,
       description:
         result.status === 'on' ? (
           <>
-            Accessible on local network at{' '}
+            {c('B6.Preferences.HomeServer.Info').t`Accessible on local network at`}{' '}
             <a href={result.url} className="font-bold text-info" target="_blank">
               {result.url}
             </a>
           </>
         ) : (
-          result.errorMessage ?? 'Your home server is offline.'
+          result.errorMessage ?? c('B6.Preferences.HomeServer.Info').t`Your home server is offline.`
         ),
     })
   }, [homeServerService, setStatus])
@@ -76,7 +82,7 @@ const HomeServerSettings = () => {
     }
 
     if (homeServerEnabled) {
-      setStatus({ state: 'restarting', message: 'Shutting down...' })
+      setStatus({ state: 'restarting', message: c('B6.Preferences.HomeServer.Status').t`Shutting down...` })
 
       const result = await homeServerService.disableHomeServer()
 
@@ -92,7 +98,7 @@ const HomeServerSettings = () => {
 
       await refreshStatus()
     } else {
-      setStatus({ state: 'restarting', message: 'Starting...' })
+      setStatus({ state: 'restarting', message: c('B6.Preferences.HomeServer.Status').t`Starting...` })
 
       await homeServerService.enableHomeServer()
 
@@ -158,7 +164,10 @@ const HomeServerSettings = () => {
   const handleHomeServerConfigurationChange = useCallback(
     async (changedServerConfiguration: HomeServerEnvironmentConfiguration) => {
       try {
-        setStatus({ state: 'restarting', message: 'Applying changes and restarting...' })
+        setStatus({
+          state: 'restarting',
+          message: c('B6.Preferences.HomeServer.Status').t`Applying changes and restarting...`,
+        })
 
         setHomeServerConfiguration(changedServerConfiguration)
 
@@ -192,9 +201,11 @@ const HomeServerSettings = () => {
           const oldLocation = await homeServerService.getHomeServerDataLocation()
           const newLocationOrError = await homeServerService.changeHomeServerDataLocation()
           if (newLocationOrError.isFailed()) {
+            const locationError = newLocationOrError.getError()
             setStatus({
               state: 'error',
-              message: `${newLocationOrError.getError()}. Restoring to initial location in a moment...`,
+              message: c('B6.Preferences.HomeServer.Error')
+                .t`${locationError}. Restoring to initial location in a moment...`,
             })
 
             await sleep(2 * SERVER_SYNTHEIC_CHANGE_DELAY)
@@ -206,7 +217,10 @@ const HomeServerSettings = () => {
           location = newLocationOrError.getValue()
         }
 
-        setStatus({ state: 'restarting', message: 'Applying changes and restarting...' })
+        setStatus({
+          state: 'restarting',
+          message: c('B6.Preferences.HomeServer.Status').t`Applying changes and restarting...`,
+        })
 
         await sleep(SERVER_SYNTHEIC_CHANGE_DELAY)
 
@@ -295,13 +309,14 @@ const HomeServerSettings = () => {
     <>
       <div className="flex items-center justify-between">
         <div className="flex items-start">
-          <Title>Home Server</Title>
-          <Pill style={'success'}>Labs</Pill>
+          <Title>{c('B6.Preferences.HomeServer.Title').t`Home Server`}</Title>
+          <Pill style={'success'}>{c('B6.Preferences.HomeServer.Label').t`Labs`}</Pill>
         </div>
       </div>
       <div className="flex items-center justify-between">
         <div className="mr-10 flex flex-col">
-          <Subtitle>Sync your data on a private cloud running on your home computer.</Subtitle>
+          <Subtitle>{c('B6.Preferences.HomeServer.Subtitle')
+            .t`Sync your data on a private cloud running on your home computer.`}</Subtitle>
         </div>
         <Switch disabled={status?.state === 'restarting'} onChange={toggleHomeServer} checked={homeServerEnabled} />
       </div>
@@ -313,18 +328,23 @@ const HomeServerSettings = () => {
             <>
               <HorizontalSeparator classes="my-4" />
               <>
-                <Text className="mb-3">Home server is enabled. All data is stored at:</Text>
+                <Text className="mb-3">{c('B6.Preferences.HomeServer.Info')
+                  .t`Home server is enabled. All data is stored at:`}</Text>
 
                 <EncryptionStatusItem
-                  status={homeServerDataLocation || 'Not Set'}
+                  status={homeServerDataLocation || c('B6.Preferences.HomeServer.Status').t`Not Set`}
                   icon={<Icon type="attachment-file" className="min-h-5 min-w-5" />}
                   checkmark={false}
                 />
 
                 <div className="mt-2.5 flex flex-row">
-                  <Button label="Open Location" className={'mr-3 text-xs'} onClick={openHomeServerDataLocation} />
                   <Button
-                    label="Change Location"
+                    label={c('B6.Preferences.HomeServer.Action').t`Open Location`}
+                    className={'mr-3 text-xs'}
+                    onClick={openHomeServerDataLocation}
+                  />
+                  <Button
+                    label={c('B6.Preferences.HomeServer.Action').t`Change Location`}
                     className={'mr-3 text-xs'}
                     onClick={() => changeHomeServerDataLocation()}
                   />
@@ -333,7 +353,7 @@ const HomeServerSettings = () => {
               <HorizontalSeparator classes="my-4" />
               <PreferencesGroup>
                 <PreferencesSegment>
-                  <AccordionItem title={'Logs'} onClick={handleShowLogs}>
+                  <AccordionItem title={c('B6.Preferences.HomeServer.Title').t`Logs`} onClick={handleShowLogs}>
                     <div className="flex flex-row items-center">
                       <div className="flex max-w-full flex-grow flex-col">
                         <textarea
@@ -371,11 +391,12 @@ const HomeServerSettings = () => {
                         className={classNames('-ml-1 mr-1 h-5 w-5', PremiumFeatureIconClass)}
                         type={PremiumFeatureIconName}
                       />
-                      <h1 className="sk-h3 m-0 text-sm font-semibold">Activate Premium Features</h1>
+                      <h1 className="sk-h3 m-0 text-sm font-semibold">{c('B6.Preferences.HomeServer.Title')
+                        .t`Activate Premium Features`}</h1>
                     </div>
                     <p className="col-start-1 col-end-3 m-0 mt-1 text-sm">
-                      Enter your purchased offline subscription code to activate all the features offered by your home
-                      server, likes files support and Super notes.
+                      {c('B6.Preferences.HomeServer.Info')
+                        .t`Enter your purchased offline subscription code to activate all the features offered by your home server, likes files support and Super notes.`}
                     </p>
                     <Button
                       primary
@@ -385,7 +406,9 @@ const HomeServerSettings = () => {
                         setShowOfflineSubscriptionActivation(!showOfflineSubscriptionActivation)
                       }}
                     >
-                      {showOfflineSubscriptionActivation ? 'Close' : 'Activate Premium Features'}
+                      {showOfflineSubscriptionActivation
+                        ? c('B6.Preferences.HomeServer.Action').t`Close`
+                        : c('B6.Preferences.HomeServer.Action').t`Activate Premium Features`}
                     </Button>
 
                     {showOfflineSubscriptionActivation && (
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/DatabaseConfiguration.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/DatabaseConfiguration.tsx
index 8798dcad137..e58a8edaa62 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/DatabaseConfiguration.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/DatabaseConfiguration.tsx
@@ -9,6 +9,7 @@ import { Subtitle } from '../../../PreferencesComponents/Content'
 import DecoratedInput from '@/Components/Input/DecoratedInput'
 import RadioButtonGroup from '@/Components/RadioButtonGroup/RadioButtonGroup'
 import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
+import { c } from 'ttag'
 
 type Props = {
   homeServerConfiguration: HomeServerEnvironmentConfiguration
@@ -87,13 +88,13 @@ const DatabaseConfiguration = ({ setHomeServerConfigurationChangedCallback, home
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <AccordionItem title={'Database'}>
+        <AccordionItem title={c('B6.Preferences.HomeServer.Title').t`Database`}>
           <div className="flex flex-row items-center">
             <div className="flex max-w-full flex-grow flex-col">
               <RadioButtonGroup
                 items={[
-                  { label: 'SQLite', value: 'sqlite' },
-                  { label: 'MySQL', value: 'mysql' },
+                  { label: c('B6.Preferences.HomeServer.Label').t`SQLite`, value: 'sqlite' },
+                  { label: c('B6.Preferences.HomeServer.Label').t`MySQL`, value: 'mysql' },
                 ]}
                 value={selectedDatabaseEngine}
                 onChange={setSelectedDatabaseEngine}
@@ -101,28 +102,30 @@ const DatabaseConfiguration = ({ setHomeServerConfigurationChangedCallback, home
               {isMySQLSelected && (
                 <>
                   <div className={'mt-2'}>
-                    In order to connect to a MySQL database, ensure that your system has MySQL installed. For detailed
-                    instructions, visit the{' '}
+                    {c('B6.Preferences.HomeServer.Info')
+                      .t`In order to connect to a MySQL database, ensure that your system has MySQL installed. For detailed instructions, visit the`}{' '}
                     <a className="text-info" href="https://dev.mysql.com/doc/mysql-installation-excerpt/8.0/en/">
-                      MySQL website.
+                      {c('B6.Preferences.HomeServer.Action').t`MySQL website.`}
                     </a>
                   </div>
                   <HorizontalSeparator classes="my-4" />
                   <PreferencesSegment>
-                    <Subtitle className={'mt-2'}>Database Username</Subtitle>
+                    <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle')
+                      .t`Database Username`}</Subtitle>
                     <div className={'mt-2'}>
                       <DecoratedInput
-                        placeholder={'username'}
+                        placeholder={c('B6.Preferences.HomeServer.Placeholder').t`username`}
                         defaultValue={homeServerConfiguration?.mysqlConfiguration?.username}
                         onChange={setMysqlUsername}
                       />
                     </div>
                   </PreferencesSegment>
                   <PreferencesSegment>
-                    <Subtitle className={'mt-2'}>Database Password</Subtitle>
+                    <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle')
+                      .t`Database Password`}</Subtitle>
                     <div className={'mt-2'}>
                       <DecoratedInput
-                        placeholder={'password'}
+                        placeholder={c('B6.Preferences.HomeServer.Placeholder').t`password`}
                         defaultValue={homeServerConfiguration?.mysqlConfiguration?.password}
                         onChange={setMysqlPassword}
                         type="password"
@@ -130,20 +133,20 @@ const DatabaseConfiguration = ({ setHomeServerConfigurationChangedCallback, home
                     </div>
                   </PreferencesSegment>
                   <PreferencesSegment>
-                    <Subtitle className={'mt-2'}>Database Host</Subtitle>
+                    <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Database Host`}</Subtitle>
                     <div className={'mt-2'}>
                       <DecoratedInput
-                        placeholder={'host'}
+                        placeholder={c('B6.Preferences.HomeServer.Placeholder').t`host`}
                         defaultValue={homeServerConfiguration?.mysqlConfiguration?.host}
                         onChange={setMysqlHost}
                       />
                     </div>
                   </PreferencesSegment>
                   <PreferencesSegment>
-                    <Subtitle className={'mt-2'}>Database Port</Subtitle>
+                    <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Database Port`}</Subtitle>
                     <div className={'mt-2'}>
                       <DecoratedInput
-                        placeholder={'port'}
+                        placeholder={c('B6.Preferences.HomeServer.Placeholder').t`port`}
                         defaultValue={
                           homeServerConfiguration?.mysqlConfiguration?.port
                             ? homeServerConfiguration?.mysqlConfiguration?.port.toString()
@@ -154,10 +157,10 @@ const DatabaseConfiguration = ({ setHomeServerConfigurationChangedCallback, home
                     </div>
                   </PreferencesSegment>
                   <PreferencesSegment>
-                    <Subtitle className={'mt-2'}>Database Name</Subtitle>
+                    <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Database Name`}</Subtitle>
                     <div className={'mt-2'}>
                       <DecoratedInput
-                        placeholder={'name'}
+                        placeholder={c('B6.Preferences.HomeServer.Placeholder').t`name`}
                         defaultValue={homeServerConfiguration?.mysqlConfiguration?.database}
                         onChange={setMysqlDatabase}
                       />
@@ -168,7 +171,12 @@ const DatabaseConfiguration = ({ setHomeServerConfigurationChangedCallback, home
             </div>
           </div>
           {valuesChanged && (
-            <Button className="mt-3 min-w-20" primary label="Apply & Restart" onClick={handleConfigurationChange} />
+            <Button
+              className="mt-3 min-w-20"
+              primary
+              label={c('B6.Preferences.HomeServer.Action').t`Apply & Restart`}
+              onClick={handleConfigurationChange}
+            />
           )}
         </AccordionItem>
       </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/EnvironmentConfiguration.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/EnvironmentConfiguration.tsx
index 5b4d13041bf..db8732fc721 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/EnvironmentConfiguration.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Settings/EnvironmentConfiguration.tsx
@@ -8,6 +8,7 @@ import DecoratedInput from '@/Components/Input/DecoratedInput'
 import Button from '@/Components/Button/Button'
 import { HomeServerEnvironmentConfiguration } from '@standardnotes/snjs'
 import Dropdown from '@/Components/Dropdown/Dropdown'
+import { c } from 'ttag'
 
 type Props = {
   homeServerConfiguration: HomeServerEnvironmentConfiguration
@@ -70,80 +71,82 @@ const EnvironmentConfiguration = ({ setHomeServerConfigurationChangedCallback, h
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <AccordionItem title={'Advanced settings'}>
+        <AccordionItem title={c('B6.Preferences.HomeServer.Title').t`Advanced settings`}>
           <div className="flex flex-row items-center">
             <div className="flex max-w-full flex-grow flex-col">
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Auth JWT Secret</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Auth JWT Secret`}</Subtitle>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'Auth JWT Secret'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`Auth JWT Secret`}
                     defaultValue={homeServerConfiguration?.authJwtSecret}
                     onChange={setAuthJWT}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>JWT Secret</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`JWT Secret`}</Subtitle>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'JWT Secret'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`JWT Secret`}
                     defaultValue={homeServerConfiguration?.jwtSecret}
                     onChange={setJWT}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Encryption Server Key</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle')
+                  .t`Encryption Server Key`}</Subtitle>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'Encryption Server Key'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`Encryption Server Key`}
                     defaultValue={homeServerConfiguration?.encryptionServerKey}
                     disabled={true}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Pseudo Params Key</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Pseudo Params Key`}</Subtitle>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'Pseudo Params Key'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`Pseudo Params Key`}
                     defaultValue={homeServerConfiguration?.pseudoKeyParamsKey}
                     onChange={setPseudoParamsKey}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Valet Token Secret</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Valet Token Secret`}</Subtitle>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'Valet Token Secret'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`Valet Token Secret`}
                     defaultValue={homeServerConfiguration?.valetTokenSecret}
                     onChange={setValetTokenSecret}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Port</Subtitle>
-                <div className="text-xs">Changing the port will require you to sign out of all existing sessions.</div>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Port`}</Subtitle>
+                <div className="text-xs">{c('B6.Preferences.HomeServer.Info')
+                  .t`Changing the port will require you to sign out of all existing sessions.`}</div>
                 <div className={'mt-2'}>
                   <DecoratedInput
-                    placeholder={'Port'}
+                    placeholder={c('B6.Preferences.HomeServer.Placeholder').t`Port`}
                     defaultValue={homeServerConfiguration?.port.toString()}
                     onChange={(port: string) => setPort(Number(port))}
                   />
                 </div>
               </PreferencesSegment>
               <PreferencesSegment>
-                <Subtitle className={'mt-2'}>Log Level</Subtitle>
+                <Subtitle className={'mt-2'}>{c('B6.Preferences.HomeServer.Subtitle').t`Log Level`}</Subtitle>
                 <div className={'mt-2'}>
                   <Dropdown
-                    label="Log level"
+                    label={c('B6.Preferences.HomeServer.Label').t`Log level`}
                     items={[
-                      { label: 'Error', value: 'error' },
-                      { label: 'Warning', value: 'warn' },
-                      { label: 'Info', value: 'info' },
-                      { label: 'Debug', value: 'debug' },
+                      { label: c('B6.Preferences.HomeServer.Label').t`Error`, value: 'error' },
+                      { label: c('B6.Preferences.HomeServer.Label').t`Warning`, value: 'warn' },
+                      { label: c('B6.Preferences.HomeServer.Label').t`Info`, value: 'info' },
+                      { label: c('B6.Preferences.HomeServer.Label').t`Debug`, value: 'debug' },
                     ]}
                     value={selectedLogLevel}
                     onChange={setSelectedLogLevel}
@@ -153,7 +156,12 @@ const EnvironmentConfiguration = ({ setHomeServerConfigurationChangedCallback, h
             </div>
           </div>
           {valuesChanged && (
-            <Button className="mt-3 min-w-20" primary label="Apply & Restart" onClick={handleConfigurationChange} />
+            <Button
+              className="mt-3 min-w-20"
+              primary
+              label={c('B6.Preferences.HomeServer.Action').t`Apply & Restart`}
+              onClick={handleConfigurationChange}
+            />
           )}
         </AccordionItem>
       </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Status/StatusIndicator.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Status/StatusIndicator.tsx
index 7e140b707fb..84e38d699c4 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Status/StatusIndicator.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/Status/StatusIndicator.tsx
@@ -6,6 +6,9 @@ import { ElementIds } from '@/Constants/ElementIDs'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { HomeServerServiceInterface } from '@standardnotes/snjs'
 import { useEffect, useState } from 'react'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 type Props = {
   status: Status | undefined
@@ -42,22 +45,33 @@ const StatusIndicator = ({ status, className, homeServerService }: Props) => {
       const signedInUser = application.sessions.getUser()
       if (signedInUser) {
         const isUsingHomeServer = await application.isUsingHomeServer()
+        const email = signedInUser.email
         if (isUsingHomeServer) {
-          setSignInStatusMessage(`You are currently signed into your home server under ${signedInUser.email}`)
+          setSignInStatusMessage(
+            jtString(
+              c('B6.Preferences.HomeServer.Status').jt`You are currently signed into your home server under ${email}`,
+            ),
+          )
           setSignInStatusClassName('bg-success text-success-contrast')
           setSignInStatusIcon('check')
         } else {
+          const url = await homeServerService.getHomeServerUrl()
           setSignInStatusMessage(
-            `You are not currently signed into your home server. To use your home server, sign out of ${
-              signedInUser.email
-            }, then sign in or register using ${await homeServerService.getHomeServerUrl()}.`,
+            jtString(
+              c('B6.Preferences.HomeServer.Info')
+                .jt`You are not currently signed into your home server. To use your home server, sign out of ${email}, then sign in or register using ${url}.`,
+            ),
           )
           setSignInStatusClassName('bg-warning text-warning-contrast')
           setSignInStatusIcon('warning')
         }
       } else {
+        const url = await homeServerService.getHomeServerUrl()
         setSignInStatusMessage(
-          `You are not currently signed into your home server. To use your home server, sign in or register using ${await homeServerService.getHomeServerUrl()}`,
+          jtString(
+            c('B6.Preferences.HomeServer.Info')
+              .jt`You are not currently signed into your home server. To use your home server, sign in or register using ${url}`,
+          ),
         )
         setSignInStatusClassName('bg-warning text-warning-contrast')
         setSignInStatusIcon('warning')
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Listed/Listed.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Listed/Listed.tsx
index 31774bd2088..bd396628126 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Listed/Listed.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Listed/Listed.tsx
@@ -9,6 +9,7 @@ import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import PreferencesPane from '../../PreferencesComponents/PreferencesPane'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -35,13 +36,12 @@ const Listed = ({ application }: Props) => {
       const account = await application.listed.requestNewListedAccount()
       if (account) {
         const openSettings = await application.alerts.confirm(
-          'Your new Listed blog has been successfully created!' +
-            ' You can publish a new post to your blog from Standard Notes via the' +
-            ' <i>Actions</i> menu in the editor pane. Open your blog settings to begin setting it up.',
+          c('B6.Preferences.Listed.Info')
+            .t`Your new Listed blog has been successfully created! You can publish a new post to your blog from Standard Notes via the <i>Actions</i> menu in the editor pane. Open your blog settings to begin setting it up.`,
           undefined,
-          'Open Settings',
+          c('B6.Preferences.Listed.Action').t`Open Settings`,
           ButtonType.Info,
-          'Later',
+          c('B6.Preferences.Listed.Action').t`Later`,
         )
         reloadAccounts().catch(console.error)
         if (openSettings) {
@@ -62,7 +62,11 @@ const Listed = ({ application }: Props) => {
       {accounts.length > 0 && (
         <PreferencesGroup>
           <PreferencesSegment>
-            <Title>Your {accounts.length === 1 ? 'blog' : 'blogs'} on Listed</Title>
+            <Title>
+              {accounts.length === 1
+                ? c('B6.Preferences.Listed.Title').t`Your blog on Listed`
+                : c('B6.Preferences.Listed.Title').t`Your blogs on Listed`}
+            </Title>
             <div className="h-2 w-full" />
             {accounts.map((item, index, array) => {
               return (
@@ -79,28 +83,33 @@ const Listed = ({ application }: Props) => {
       )}
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>About Listed</Title>
+          <Title>{c('B6.Preferences.Other.Title').t`About Listed`}</Title>
           <div className="h-2 w-full" />
-          <Subtitle>What is Listed?</Subtitle>
+          <Subtitle>{c('B6.Preferences.Other.Subtitle').t`What is Listed?`}</Subtitle>
           <Text>
-            Listed is a free blogging platform that allows you to create a public journal published directly from your
-            notes.{' '}
-            {!application.sessions.getUser() && 'To get started, sign in or register for a Standard Notes account.'}
+            {c('B6.Preferences.Listed.Info')
+              .t`Listed is a free blogging platform that allows you to create a public journal published directly from your notes.`}{' '}
+            {!application.sessions.getUser() &&
+              c('B6.Preferences.Listed.Info').t`To get started, sign in or register for a Standard Notes account.`}
           </Text>
           <a className="mt-2 text-info" target="_blank" href="https://listed.to" rel="noreferrer noopener">
-            Learn more
+            {c('B6.Preferences.Listed.Action').t`Learn more`}
           </a>
         </PreferencesSegment>
         {application.sessions.getUser() && (
           <>
             <HorizontalSeparator classes="my-4" />
             <PreferencesSegment>
-              <Subtitle>Get Started</Subtitle>
-              <Text>Create a free Listed author account to get started.</Text>
+              <Subtitle>{c('B6.Preferences.Other.Subtitle').t`Get Started`}</Subtitle>
+              <Text>{c('B6.Preferences.Other.Action').t`Create a free Listed author account to get started.`}</Text>
               <Button
                 className="mt-3"
                 disabled={requestingAccount}
-                label={requestingAccount ? 'Creating account...' : 'Create new author'}
+                label={
+                  requestingAccount
+                    ? c('B6.Preferences.Listed.Status').t`Creating account...`
+                    : c('B6.Preferences.Listed.Action').t`Create new author`
+                }
                 onClick={registerNewAccount}
               />
             </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Listed/ListedAccountItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Listed/ListedAccountItem.tsx
index b7e73360f22..8214a648c97 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Listed/ListedAccountItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Listed/ListedAccountItem.tsx
@@ -4,6 +4,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import { ListedAccount, ListedAccountInfo } from '@standardnotes/snjs'
 import { FunctionComponent, useEffect, useState } from 'react'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 type Props = {
   account: ListedAccount
@@ -33,8 +34,16 @@ const ListedAccountItem: FunctionComponent<Props> = ({ account, showSeparator, a
         {isLoading ? <Spinner className="h-4 w-4" /> : null}
         {accountInfo && (
           <>
-            <LinkButton className="mr-2" label="Open Blog" link={accountInfo.author_url} />
-            <LinkButton className="mr-2" label="Settings" link={accountInfo.settings_url} />
+            <LinkButton
+              className="mr-2"
+              label={c('B6.Preferences.Other.Action').t`Open Blog`}
+              link={accountInfo.author_url}
+            />
+            <LinkButton
+              className="mr-2"
+              label={c('B6.Preferences.Other.Action').t`Settings`}
+              link={accountInfo.settings_url}
+            />
           </>
         )}
       </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/BrowsePlugins.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/BrowsePlugins.tsx
index ca2df9aafc3..b47f77b5f91 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/BrowsePlugins.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/BrowsePlugins.tsx
@@ -8,6 +8,7 @@ import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import { ContentType } from '@standardnotes/snjs'
 import { Text, Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import { PreferencesPremiumOverlay } from '@/Components/Preferences/PremiumOverlay'
+import { c } from 'ttag'
 
 const BrowsePlugins: FunctionComponent = () => {
   const application = useApplication()
@@ -31,16 +32,17 @@ const BrowsePlugins: FunctionComponent = () => {
   return (
     <div className="relative">
       <PreferencesSegment>
-        <Title>Browse Plugins</Title>
+        <Title>{c('B6.Preferences.Other.Title').t`Browse Plugins`}</Title>
         <Text className="text-neutral">
-          Plugins run in a secure sandbox and can only access data you allow it. Note types allow specialized editing
-          experiences, but in most cases, the <strong>built-in Super note type</strong> can encapsulate any
-          functionality found in plugins.
+          {c('B6.Preferences.Plugins.Info')
+            .t`Plugins run in a secure sandbox and can only access data you allow it. Note types allow specialized editing experiences, but in most cases, the`}{' '}
+          <strong>{c('B6.Preferences.Other.Label').t`built-in Super note type`}</strong>{' '}
+          {c('B6.Preferences.Plugins.Info').t`can encapsulate any functionality found in plugins.`}
         </Text>
 
         {!plugins && (
           <div className="mb-3 mt-5 flex h-full w-full items-center">
-            <span className="w-full font-bold">Loading...</span>
+            <span className="w-full font-bold">{c('B6.Preferences.Other.Info').t`Loading...`}</span>
           </div>
         )}
 
@@ -57,8 +59,8 @@ const BrowsePlugins: FunctionComponent = () => {
       </PreferencesSegment>
       <HorizontalSeparator />
       <Text className="mt-4 text-danger">
-        Plugins may not be actively maintained. Standard Notes cannot attest to the quality or user experience of these
-        plugins, and is not responsible for any data loss that may arise from their use.
+        {c('B6.Preferences.Other.Error')
+          .t`Plugins may not be actively maintained. Standard Notes cannot attest to the quality or user experience of these plugins, and is not responsible for any data loss that may arise from their use.`}
       </Text>
 
       {!hasSubscription && <PreferencesPremiumOverlay />}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/PluginRowView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/PluginRowView.tsx
index ea5864035f4..b23c9c91a67 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/PluginRowView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/BrowsePlugins/PluginRowView.tsx
@@ -4,6 +4,7 @@ import { SmallText, Subtitle } from '@/Components/Preferences/PreferencesCompone
 import { ContentType } from '@standardnotes/snjs'
 import { PluginListing } from '@standardnotes/ui-services'
 import { FunctionComponent, useCallback } from 'react'
+import { c } from 'ttag'
 
 type Props = {
   plugin: PluginListing
@@ -15,9 +16,12 @@ const PluginRowView: FunctionComponent<Props> = ({ plugin }) => {
   const install = useCallback(async () => {
     const result = await application.pluginsService.installPlugin(plugin)
     if (!result) {
-      void application.alerts.alertV2({ text: 'Failed to install plugin' })
+      void application.alerts.alertV2({ text: c('B6.Preferences.Other.Error').t`Failed to install plugin` })
     } else {
-      void application.alerts.alertV2({ text: `${result.name} has been successfully installed.` })
+      const pluginName = result.name
+      void application.alerts.alertV2({
+        text: c('B6.Preferences.Plugins.Info').t`${pluginName} has been successfully installed.`,
+      })
     }
   }, [application, plugin])
 
@@ -30,13 +34,13 @@ const PluginRowView: FunctionComponent<Props> = ({ plugin }) => {
       <div className="mr-5">
         <Subtitle className="mb-0 text-info">{plugin.name}</Subtitle>
         <SmallText className="mb-1">
-          A <strong>{pluginType}</strong> by {plugin.publisher}
+          A <strong>{pluginType}</strong> {c('B6.Preferences.Plugins.Label').t`by`} {plugin.publisher}
         </SmallText>
         {plugin.description && <SmallText className="text-neutral">{plugin.description}</SmallText>}
       </div>
 
       <Button disabled={!hasSubscription} small className="cursor-pointer" onClick={install}>
-        Install
+        {c('B6.Preferences.Other.Action').t`Install`}
       </Button>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/ConfirmCustomPlugin.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/ConfirmCustomPlugin.tsx
index 8c25100923d..cb48efd47c1 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/ConfirmCustomPlugin.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/ConfirmCustomPlugin.tsx
@@ -3,6 +3,7 @@ import Button from '@/Components/Button/Button'
 import { Fragment, FunctionComponent } from 'react'
 import { Title, Text, Subtitle } from '@/Components/Preferences/PreferencesComponents/Content'
 import PreferencesSegment from '../../../PreferencesComponents/PreferencesSegment'
+import { c } from 'ttag'
 
 const ConfirmCustomPlugin: FunctionComponent<{
   plugin: ThirdPartyFeatureDescription
@@ -16,34 +17,34 @@ const ConfirmCustomPlugin: FunctionComponent<{
 
   const fields = [
     {
-      label: 'Name',
+      label: c('B6.Preferences.Other.Label').t`Name`,
       value: plugin.name,
     },
     {
-      label: 'Description',
+      label: c('B6.Preferences.Other.Label').t`Description`,
       value: plugin.description,
     },
     {
-      label: 'Version',
+      label: c('B6.Preferences.Other.Label').t`Version`,
       value: plugin.version,
     },
     {
-      label: 'Hosted URL',
+      label: c('B6.Preferences.Other.Label').t`Hosted URL`,
       value: plugin.url,
     },
     {
-      label: 'Download URL',
+      label: c('B6.Preferences.Other.Action').t`Download URL`,
       value: plugin.download_url,
     },
     {
-      label: 'Extension Type',
+      label: c('B6.Preferences.Other.Label').t`Extension Type`,
       value: contentTypeDisplayName,
     },
   ]
 
   return (
     <PreferencesSegment>
-      <Title>Confirm Extension</Title>
+      <Title>{c('B6.Preferences.Other.Title').t`Confirm Extension`}</Title>
 
       {fields.map((field) => {
         if (!field.value) {
@@ -58,11 +59,19 @@ const ConfirmCustomPlugin: FunctionComponent<{
       })}
 
       <div className="mt-3 flex flex-row">
-        <Button className="min-w-20" label="Cancel" onClick={() => callback(false)} />
+        <Button
+          className="min-w-20"
+          label={c('B6.Preferences.Other.Action').t`Cancel`}
+          onClick={() => callback(false)}
+        />
 
         <div className="min-w-3" />
 
-        <Button className="min-w-20" label="Install" onClick={() => callback(true)} />
+        <Button
+          className="min-w-20"
+          label={c('B6.Preferences.Other.Action').t`Install`}
+          onClick={() => callback(true)}
+        />
       </div>
     </PreferencesSegment>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/InstallCustomPlugin.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/InstallCustomPlugin.tsx
index 7df79f760fa..38a9751c435 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/InstallCustomPlugin.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/InstallCustom/InstallCustomPlugin.tsx
@@ -6,6 +6,7 @@ import ConfirmCustomPlugin from './ConfirmCustomPlugin'
 import PreferencesSegment from '../../../PreferencesComponents/PreferencesSegment'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { ThirdPartyFeatureDescription } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   className?: string
@@ -47,7 +48,7 @@ const InstallCustomPlugin: FunctionComponent<Props> = ({ className = '' }) => {
           <PreferencesSegment>
             <div>
               <DecoratedInput
-                placeholder={'Enter Plugin URL'}
+                placeholder={c('B6.Preferences.Other.Label').t`Enter Plugin URL`}
                 value={customUrl}
                 onChange={(value) => {
                   setCustomUrl(value)
@@ -59,7 +60,7 @@ const InstallCustomPlugin: FunctionComponent<Props> = ({ className = '' }) => {
               disabled={customUrl.length === 0}
               className="mt-4 min-w-20"
               primary
-              label="Install"
+              label={c('B6.Preferences.Other.Action').t`Install`}
               onClick={() => submitPluginUrl(customUrl)}
             />
           </PreferencesSegment>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/ManagePlugins.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/ManagePlugins.tsx
index e1ef9bc98e6..7607283f77d 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/ManagePlugins.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/ManagePlugins.tsx
@@ -6,6 +6,7 @@ import { PackageProvider } from '../PackageProvider'
 import PackageEntry from './PackageEntry'
 import { AnyPackageType } from '../AnyPackageType'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const loadPlugins = (application: WebApplication) =>
   application.items.getItems([
@@ -52,7 +53,9 @@ const ManagePlugins: FunctionComponent<Props> = ({ pluginsLatestVersions, classN
 
   return (
     <div className={className}>
-      {visiblePlugins.length === 0 && <div className="text-neutral">No plugins installed.</div>}
+      {visiblePlugins.length === 0 && (
+        <div className="text-neutral">{c('B6.Preferences.Other.Info').t`No plugins installed.`}</div>
+      )}
       {visiblePlugins.length > 0 && (
         <div className="divide-y divide-border">
           {visiblePlugins
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/PackageEntrySubInfo.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/PackageEntrySubInfo.tsx
index 83695e6885e..a633c0004bc 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/PackageEntrySubInfo.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/ManagePlugins/PackageEntrySubInfo.tsx
@@ -3,6 +3,7 @@ import Button from '@/Components/Button/Button'
 import { FunctionComponent, useState, useRef, useEffect } from 'react'
 import { AnyPackageType } from '../AnyPackageType'
 import { ButtonType, ComponentInterface, ComponentMutator } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   plugin: AnyPackageType
@@ -62,11 +63,11 @@ const PluginEntrySubInfo: FunctionComponent<Props> = ({ plugin }) => {
   const uninstall = async () => {
     application.alerts
       .confirm(
-        'Are you sure you want to uninstall this plugin?',
-        'Uninstall Plugin?',
-        'Uninstall',
+        c('B6.Preferences.Plugins.Confirmation').t`Are you sure you want to uninstall this plugin?`,
+        c('B6.Preferences.Plugins.Confirmation').t`Uninstall Plugin?`,
+        c('B6.Preferences.Other.Action').t`Uninstall`,
         ButtonType.Danger,
-        'Cancel',
+        c('B6.Preferences.Other.Action').t`Cancel`,
       )
       .then(async (shouldRemove: boolean) => {
         if (shouldRemove) {
@@ -94,10 +95,10 @@ const PluginEntrySubInfo: FunctionComponent<Props> = ({ plugin }) => {
       {isRenaming && (
         <div className="flex gap-1">
           <Button small className="cursor-pointer" onClick={confirmRename}>
-            Confirm
+            {c('B6.Preferences.Other.Action').t`Confirm`}
           </Button>
           <Button small className="cursor-pointer" onClick={cancelRename}>
-            Cancel
+            {c('B6.Preferences.Other.Action').t`Cancel`}
           </Button>
         </div>
       )}
@@ -106,10 +107,15 @@ const PluginEntrySubInfo: FunctionComponent<Props> = ({ plugin }) => {
         <div className="flex flex-row flex-wrap justify-end gap-2">
           {renameable && !isRenaming && (
             <Button small className="cursor-pointer" onClick={startRenaming}>
-              Rename
+              {c('B6.Preferences.Other.Label').t`Rename`}
             </Button>
           )}
-          <Button small className="min-w-20" label={'Uninstall'} onClick={uninstall} />
+          <Button
+            small
+            className="min-w-20"
+            label={c('B6.Preferences.Plugins.Label').t`Uninstall`}
+            onClick={uninstall}
+          />
         </div>
       )}
     </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/PluginsPane.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/PluginsPane.tsx
index 7582f907c5c..ee686cbc196 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/PluginsPane.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Plugins/PluginsPane.tsx
@@ -8,6 +8,7 @@ import BrowsePlugins from './BrowsePlugins/BrowsePlugins'
 import PreferencesPane from '../../PreferencesComponents/PreferencesPane'
 import { Title } from '../../PreferencesComponents/Content'
 import ManagePlugins from './ManagePlugins/ManagePlugins'
+import { c } from 'ttag'
 
 type Props = {
   pluginsLatestVersions: PackageProvider
@@ -24,14 +25,14 @@ const PluginsPane: FunctionComponent<Props> = ({ pluginsLatestVersions }) => {
 
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Manage Plugins</Title>
+          <Title>{c('B6.Preferences.Other.Title').t`Manage Plugins`}</Title>
           <ManagePlugins className={'mt-3'} pluginsLatestVersions={pluginsLatestVersions} />
         </PreferencesSegment>
       </PreferencesGroup>
 
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Install Custom Plugin</Title>
+          <Title>{c('B6.Preferences.Other.Title').t`Install Custom Plugin`}</Title>
           <InstallCustomPlugin className={'mt-3'} />
         </PreferencesSegment>
       </PreferencesGroup>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/BiometricsLock.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/BiometricsLock.tsx
index 7eb7a55e107..7c1e79fa5a3 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/BiometricsLock.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/BiometricsLock.tsx
@@ -8,6 +8,7 @@ import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/PreferencesGroup'
 import Button from '@/Components/Button/Button'
 import { classNames } from '@standardnotes/utils'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -54,7 +55,9 @@ const BiometricsLock = ({ application }: Props) => {
     }
   }
 
-  const biometricTitle = hasBiometrics ? 'Disable Biometrics Lock' : 'Enable Biometrics Lock'
+  const biometricTitle = hasBiometrics
+    ? c('B6.Preferences.Security.Action').t`Disable Biometrics Lock`
+    : c('B6.Preferences.Security.Action').t`Enable Biometrics Lock`
 
   if (!supportsBiometrics) {
     return null
@@ -64,11 +67,11 @@ const BiometricsLock = ({ application }: Props) => {
     <div>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Biometrics Lock</Title>
+          <Title>{c('B6.Preferences.Security.Title').t`Biometrics Lock`}</Title>
           <Button className={'mt-1'} label={biometricTitle} onClick={onBiometricsPress} primary />
           {hasBiometrics && (
             <div className="mt-2 flex flex-row items-center">
-              <div className={'mr-3'}>Require Biometrics</div>
+              <div className={'mr-3'}>{c('B6.Preferences.Security.Label').t`Require Biometrics`}</div>
               {biometricsTimingOptions.map((option) => {
                 return (
                   <a
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Encryption.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Encryption.tsx
index 65ebd833422..60af6b4ae99 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Encryption.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Encryption.tsx
@@ -6,6 +6,7 @@ import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import EncryptionEnabled from './EncryptionEnabled'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const Encryption: FunctionComponent = () => {
   const app = useApplication()
@@ -23,7 +24,7 @@ const Encryption: FunctionComponent = () => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Encryption</Title>
+        <Title>{c('B6.Preferences.Security.Title').t`Encryption`}</Title>
         <Text>{encryptionStatusString}</Text>
 
         {isEncryptionEnabled && <EncryptionEnabled />}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx
index 37c59311cae..f19461485c9 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx
@@ -8,6 +8,9 @@ import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import { ErrorCircle } from '@/Components/UIElements/ErrorCircle'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 const ErroredItems: FunctionComponent = () => {
   const application = useApplication()
@@ -28,7 +31,7 @@ const ErroredItems: FunctionComponent = () => {
     if (display) {
       return `${display[0].toUpperCase()}${display.slice(1)}`
     } else {
-      return `Item of type ${item.content_type}`
+      return jtString(c('B6.Preferences.Security.Info').jt`Item of type ${item.content_type}`)
     }
   }
 
@@ -37,10 +40,13 @@ const ErroredItems: FunctionComponent = () => {
   }
 
   const deleteItems = async (items: EncryptedItemInterface[]): Promise<void> => {
+    const count = items.length
     const confirmed = await application.alerts.confirm(
-      `Are you sure you want to permanently delete ${items.length} item(s)?`,
+      jtString(
+        c('B6.Preferences.Security.Confirmation').jt`Are you sure you want to permanently delete ${count} item(s)?`,
+      ),
       undefined,
-      'Delete',
+      c('B6.Preferences.Security.Confirmation').t`Delete`,
       ButtonType.Danger,
     )
     if (!confirmed) {
@@ -75,13 +81,17 @@ const ErroredItems: FunctionComponent = () => {
       <PreferencesSegment>
         <Title className="flex flex-row items-center gap-2">
           <ErrorCircle />
-          Error decrypting items
+          {c('B6.Preferences.Security.Title').t`Error decrypting items`}
         </Title>
-        <Text>{`${erroredItems.length} items are errored and could not be decrypted.`}</Text>
+        <Text>
+          {jtString(
+            c('B6.Preferences.Security.Error').jt`${erroredItems.length} items are errored and could not be decrypted.`,
+          )}
+        </Text>
         <div className="flex">
           <Button
             className="mr-2 mt-3 min-w-20"
-            label="Export all"
+            label={c('B6.Preferences.Security.Action').t`Export all`}
             onClick={() => {
               void application.archiveService.downloadEncryptedItems(erroredItems)
             }}
@@ -89,7 +99,7 @@ const ErroredItems: FunctionComponent = () => {
           <Button
             className="mr-2 mt-3 min-w-20"
             colorStyle="danger"
-            label="Delete all"
+            label={c('B6.Preferences.Security.Action').t`Delete all`}
             onClick={() => {
               void deleteItems(erroredItems)
             }}
@@ -98,24 +108,33 @@ const ErroredItems: FunctionComponent = () => {
         <HorizontalSeparator classes="mt-2.5 mb-3" />
 
         {erroredItems.map((item, index) => {
+          const contentTypeDisplay = getContentTypeDisplay(item)
+          const createdAtString = item.createdAtString
+          const itemUuid = item.uuid
+          const updatedAtString = item.updatedAtString
+
           return (
             <Fragment key={item.uuid}>
               <div className="flex items-center justify-between">
                 <div className="flex flex-col">
-                  <Subtitle>{`${getContentTypeDisplay(item)} created on ${item.createdAtString}`}</Subtitle>
-                  <Text>Item ID: {item.uuid}</Text>
-                  <Text>Last Modified: {item.updatedAtString}</Text>
+                  <Subtitle>
+                    {jtString(
+                      c('B6.Preferences.Security.Info').jt`${contentTypeDisplay} created on ${createdAtString}`,
+                    )}
+                  </Subtitle>
+                  <Text>{jtString(c('B6.Preferences.Security.Info').jt`Item ID: ${itemUuid}`)}</Text>
+                  <Text>{jtString(c('B6.Preferences.Security.Info').jt`Last Modified: ${updatedAtString}`)}</Text>
                   <div className="flex">
                     <Button
                       className="mr-2 mt-3 min-w-20"
-                      label="Attempt decryption"
+                      label={c('B6.Preferences.Security.Action').t`Attempt decryption`}
                       onClick={() => {
                         attemptDecryption(item)
                       }}
                     />
                     <Button
                       className="mr-2 mt-3 min-w-20"
-                      label="Export"
+                      label={c('B6.Preferences.Security.Action').t`Export`}
                       onClick={() => {
                         void application.archiveService.downloadEncryptedItem(item)
                       }}
@@ -123,7 +142,7 @@ const ErroredItems: FunctionComponent = () => {
                     <Button
                       className="mr-2 mt-3 min-w-20"
                       colorStyle="danger"
-                      label="Delete"
+                      label={c('B6.Preferences.Security.Action').t`Delete`}
                       onClick={() => {
                         void deleteItem(item)
                       }}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/MultitaskingPrivacy.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/MultitaskingPrivacy.tsx
index 62735f6e5c5..f43a1586875 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/MultitaskingPrivacy.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/MultitaskingPrivacy.tsx
@@ -7,6 +7,7 @@ import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import Button from '@/Components/Button/Button'
 import PreferencesGroup from '@/Components/Preferences/PreferencesComponents/PreferencesGroup'
 import { isIOS } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -28,10 +29,17 @@ const MultitaskingPrivacy = ({ application }: Props) => {
     ;(application.device as MobileDeviceInterface).setAndroidScreenshotPrivacy(enable)
   }
 
-  const screenshotPrivacyFeatureText = isIOS() ? 'Multitasking Privacy' : 'Multitasking/Screenshot Privacy'
+  const screenshotPrivacyFeatureText = isIOS()
+    ? c('B6.Preferences.Security.Title').t`Multitasking Privacy`
+    : c('B6.Preferences.Security.Title').t`Multitasking/Screenshot Privacy`
+
   const screenshotPrivacyTitle = hasScreenshotPrivacy
-    ? `Disable ${screenshotPrivacyFeatureText}`
-    : `Enable ${screenshotPrivacyFeatureText}`
+    ? isIOS()
+      ? c('B6.Preferences.Security.Action').t`Disable Multitasking Privacy`
+      : c('B6.Preferences.Security.Action').t`Disable Multitasking/Screenshot Privacy`
+    : isIOS()
+    ? c('B6.Preferences.Security.Action').t`Enable Multitasking Privacy`
+    : c('B6.Preferences.Security.Action').t`Enable Multitasking/Screenshot Privacy`
 
   return (
     <div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx
index c2b6c1555cc..56f93e96e40 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx
@@ -20,6 +20,7 @@ import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput'
 import { classNames } from '@standardnotes/utils'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -93,7 +94,7 @@ const PasscodeLock = ({ application }: Props) => {
   }
 
   const removePasscodePressed = async () => {
-    await preventRefreshing(STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_REMOVAL, async () => {
+    await preventRefreshing(STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_REMOVAL(), async () => {
       if (await application.removePasscode()) {
         if (!isNativeMobileWeb) {
           await application.autolockService?.deleteAutolockPreference()
@@ -117,19 +118,21 @@ const PasscodeLock = ({ application }: Props) => {
 
     if (!passcode || passcode.length === 0) {
       await alertDialog({
-        text: Strings.enterPasscode,
+        text: Strings.enterPasscode(),
       })
+      setIsPasscodeFocused(true)
+      return
     }
 
     if (passcode !== passcodeConfirmation) {
       await alertDialog({
-        text: STRING_NON_MATCHING_PASSCODES,
+        text: STRING_NON_MATCHING_PASSCODES(),
       })
       setIsPasscodeFocused(true)
       return
     }
 
-    await preventRefreshing(STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_CHANGE, async () => {
+    await preventRefreshing(STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_CHANGE(), async () => {
       const successful = application.hasPasscode()
         ? await application.changePasscode(passcode as string)
         : await application.addPasscode(passcode as string)
@@ -187,22 +190,31 @@ const PasscodeLock = ({ application }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Passcode lock</Title>
+          <Title>{c('B6.Preferences.Security.Title').t`Passcode lock`}</Title>
 
           {!hasPasscode && canAddPasscode && (
             <>
-              <Text className="mb-3">Add a passcode to lock the application and encrypt on-device key storage.</Text>
+              <Text className="mb-3">
+                {c('B6.Preferences.Security.Info')
+                  .t`Add a passcode to lock the application and encrypt on-device key storage.`}
+              </Text>
 
               {keyStorageInfo && <Text className="mb-3">{keyStorageInfo}</Text>}
 
-              {!showPasscodeForm && <Button label="Add passcode" onClick={handleAddPassCode} primary />}
+              {!showPasscodeForm && (
+                <Button
+                  label={c('B6.Preferences.Security.Action').t`Add passcode`}
+                  onClick={handleAddPassCode}
+                  primary
+                />
+              )}
             </>
           )}
 
           {!hasPasscode && !canAddPasscode && (
             <Text>
-              Adding a passcode is not supported in temporary sessions. Please sign out, then sign back in with the
-              "Stay signed in" option checked.
+              {c('B6.Preferences.Security.Warning')
+                .t`Adding a passcode is not supported in temporary sessions. Please sign out, then sign back in with the "Stay signed in" option checked.`}
             </Text>
           )}
 
@@ -213,26 +225,39 @@ const PasscodeLock = ({ application }: Props) => {
                 ref={passcodeInputRef}
                 value={passcode ? passcode : ''}
                 onChange={handlePasscodeChange}
-                placeholder="Passcode"
+                placeholder={c('B6.Preferences.Security.Placeholder').t`Passcode`}
               />
               <DecoratedPasswordInput
                 className={{ container: 'mt-2' }}
                 type="password"
                 value={passcodeConfirmation ? passcodeConfirmation : ''}
                 onChange={handleConfirmPasscodeChange}
-                placeholder="Confirm Passcode"
+                placeholder={c('B6.Preferences.Security.Placeholder').t`Confirm Passcode`}
+              />
+              <Button
+                primary
+                onClick={submitPasscodeForm}
+                label={c('B6.Preferences.Security.Action').t`Set Passcode`}
+                className="mr-3 mt-3"
               />
-              <Button primary onClick={submitPasscodeForm} label="Set Passcode" className="mr-3 mt-3" />
-              <Button onClick={cancelPasscodeForm} label="Cancel" />
+              <Button onClick={cancelPasscodeForm} label={c('B6.Preferences.Security.Action').t`Cancel`} />
             </form>
           )}
 
           {hasPasscode && !showPasscodeForm && (
             <>
-              <Text>Passcode lock is enabled.</Text>
+              <Text>{c('B6.Preferences.Security.Info').t`Passcode lock is enabled.`}</Text>
               <div className="mt-3 flex flex-row">
-                <Button label="Change Passcode" onClick={changePasscodePressed} className="mr-3" />
-                <Button colorStyle="danger" label="Remove Passcode" onClick={removePasscodePressed} />
+                <Button
+                  label={c('B6.Preferences.Security.Action').t`Change Passcode`}
+                  onClick={changePasscodePressed}
+                  className="mr-3"
+                />
+                <Button
+                  colorStyle="danger"
+                  label={c('B6.Preferences.Security.Action').t`Remove Passcode`}
+                  onClick={removePasscodePressed}
+                />
               </div>
             </>
           )}
@@ -244,8 +269,10 @@ const PasscodeLock = ({ application }: Props) => {
           <div className="min-h-3" />
           <PreferencesGroup>
             <PreferencesSegment>
-              <Title>Autolock</Title>
-              <Text className="mb-3">The autolock timer begins when the window or tab loses focus.</Text>
+              <Title>{c('B6.Preferences.Security.Title').t`Autolock`}</Title>
+              <Text className="mb-3">
+                {c('B6.Preferences.Security.Info').t`The autolock timer begins when the window or tab loses focus.`}
+              </Text>
               <div className="flex flex-row items-center">
                 {autolockService.getAutoLockIntervalOptions().map((option) => {
                   return (
@@ -274,10 +301,10 @@ const PasscodeLock = ({ application }: Props) => {
           <div className="min-h-3" />
           <PreferencesGroup>
             <PreferencesSegment>
-              <Title>Passcode Autolock</Title>
+              <Title>{c('B6.Preferences.Security.Title').t`Passcode Autolock`}</Title>
               <div className="flex flex-row items-center">
                 <div className="mt-2 flex flex-row items-center">
-                  <div className={'mr-3'}>Require Passcode</div>
+                  <div className={'mr-3'}>{c('B6.Preferences.Security.Label').t`Require Passcode`}</div>
                   {mobilePasscodeTimingOptions.map((option) => {
                     return (
                       <a
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Privacy.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Privacy.tsx
index fb4bb633b2b..411ccc5226a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Privacy.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Privacy.tsx
@@ -8,6 +8,7 @@ import { STRING_FAILED_TO_UPDATE_USER_SETTING } from '@/Constants/Strings'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -75,15 +76,14 @@ const Privacy: FunctionComponent<Props> = ({ application }: Props) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Privacy</Title>
+        <Title>{c('B6.Preferences.Security.Title').t`Privacy`}</Title>
         <div>
           <div className="flex justify-between gap-2 md:items-center">
             <div className="flex flex-col">
-              <Subtitle>Session user agent logging</Subtitle>
+              <Subtitle>{c('B6.Preferences.Security.Subtitle').t`Session user agent logging`}</Subtitle>
               <Text>
-                User agent logging allows you to identify the devices or browsers signed into your account. For
-                increased privacy, you can disable this feature, which will remove all saved user agent values from our
-                server, and disable future logging of this value.
+                {c('B6.Preferences.Security.Info')
+                  .t`User agent logging allows you to identify the devices or browsers signed into your account. For increased privacy, you can disable this feature, which will remove all saved user agent values from our server, and disable future logging of this value.`}
               </Text>
             </div>
             {isLoading ? (
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Protections.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Protections.tsx
index 098d6a93eaf..d156d4d03b9 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/Protections.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/Protections.tsx
@@ -6,6 +6,7 @@ import Button from '@/Components/Button/Button'
 import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
 import { Title, Text } from '../../PreferencesComponents/Content'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -72,18 +73,25 @@ const Protections: FunctionComponent<Props> = ({ application }) => {
   return (
     <PreferencesGroup>
       <PreferencesSegment>
-        <Title>Protections</Title>
+        <Title>{c('B6.Preferences.Security.Title').t`Protections`}</Title>
         {protectionsDisabledUntil ? (
-          <Text className="text-info">Unprotected access expires at {protectionsDisabledUntil}.</Text>
+          <Text className="text-info">
+            {c('B6.Preferences.Security.Status').jt`Unprotected access expires at ${protectionsDisabledUntil}.`}
+          </Text>
         ) : (
-          <Text className="text-info">Protections are enabled.</Text>
+          <Text className="text-info">{c('B6.Preferences.Security.Status').t`Protections are enabled.`}</Text>
         )}
         <Text className="mt-2">
-          Actions like viewing or searching protected notes, exporting decrypted backups, or revoking an active session
-          require additional authentication such as entering your account password or application passcode.
+          {c('B6.Preferences.Security.Info')
+            .t`Actions like viewing or searching protected notes, exporting decrypted backups, or revoking an active session require additional authentication such as entering your account password or application passcode.`}
         </Text>
         {protectionsDisabledUntil && (
-          <Button className="mt-3" primary label="End Unprotected Access" onClick={enableProtections} />
+          <Button
+            className="mt-3"
+            primary
+            label={c('B6.Preferences.Security.Action').t`End Unprotected Access`}
+            onClick={enableProtections}
+          />
         )}
       </PreferencesSegment>
     </PreferencesGroup>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/AuthAppInfoPopup.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/AuthAppInfoPopup.tsx
index f5b78dd446e..c30aa6239ed 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/AuthAppInfoPopup.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/AuthAppInfoPopup.tsx
@@ -1,5 +1,6 @@
 import Icon from '@/Components/Icon/Icon'
 import { Hovercard, HovercardAnchor, useHovercardStore } from '@ariakit/react'
+import { c } from 'ttag'
 
 const AuthAppInfoTooltip = () => {
   const infoHovercard = useHovercardStore({
@@ -12,8 +13,8 @@ const AuthAppInfoTooltip = () => {
         <Icon type="info" />
       </HovercardAnchor>
       <Hovercard store={infoHovercard} className=" max-w-76 rounded border border-border bg-default px-3 py-2 text-sm">
-        Some apps, like Google Authenticator, do not back up and restore your secret keys if you lose your device or get
-        a new one.
+        {c('B6.Preferences.Security.Info')
+          .t`Some apps, like Google Authenticator, do not back up and restore your secret keys if you lose your device or get a new one.`}
       </Hovercard>
     </>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/CopyButton.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/CopyButton.tsx
index 64cae4360ec..70654d7417d 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/CopyButton.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/CopyButton.tsx
@@ -1,5 +1,6 @@
 import { FunctionComponent, useState } from 'react'
 import IconButton from '@/Components/Button/IconButton'
+import { c } from 'ttag'
 
 type Props = {
   copyValue: string
@@ -10,7 +11,7 @@ const CopyButton: FunctionComponent<Props> = ({ copyValue: secretKey }) => {
   return (
     <IconButton
       focusable={false}
-      title="Copy to clipboard"
+      title={c('B6.Preferences.Security.Title').t`Copy to clipboard`}
       icon={isCopied ? 'check' : 'copy'}
       className={`${isCopied ? 'success' : undefined} p-0`}
       onClick={() => {
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/SaveSecretKey.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/SaveSecretKey.tsx
index f6311bf205b..e798a4b6012 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/SaveSecretKey.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/SaveSecretKey.tsx
@@ -7,6 +7,7 @@ import Bullet from './Bullet'
 import { downloadSecretKey } from './download-secret-key'
 import { TwoFactorActivation } from './TwoFactorActivation'
 import Icon from '@/Components/Icon/Icon'
+import { c } from 'ttag'
 
 type Props = {
   activation: TwoFactorActivation
@@ -19,12 +20,12 @@ const SaveSecretKey: FunctionComponent<Props> = ({ activation: act }) => {
         <div className="flex flex-row flex-wrap items-center gap-1">
           <Bullet />
           <div className="text-sm">
-            <b>Save your secret key</b>{' '}
+            <b>{c('B6.Preferences.Security.Action').t`Save your secret key`}</b>{' '}
             <a
               target="_blank"
               href="https://standardnotes.com/help/21/where-should-i-store-my-two-factor-authentication-secret-key"
             >
-              somewhere safe
+              {c('B6.Preferences.Security.Label').t`somewhere safe`}
             </a>
             :
           </div>
@@ -34,7 +35,7 @@ const SaveSecretKey: FunctionComponent<Props> = ({ activation: act }) => {
               <CopyButton copyValue={act.secretKey} />,
               <IconButton
                 focusable={false}
-                title="Download"
+                title={c('B6.Preferences.Security.Title').t`Download`}
                 icon="download"
                 className="p-0"
                 onClick={() => {
@@ -51,7 +52,8 @@ const SaveSecretKey: FunctionComponent<Props> = ({ activation: act }) => {
           <Bullet />
           <div className="min-w-1" />
           <div className="text-sm">
-            You can use this key to generate codes if you lose access to your authenticator app.
+            {c('B6.Preferences.Security.Info')
+              .t`You can use this key to generate codes if you lose access to your authenticator app.`}
             <br />
             <a
               target="_blank"
@@ -59,7 +61,7 @@ const SaveSecretKey: FunctionComponent<Props> = ({ activation: act }) => {
               className="underline hover:no-underline"
               href="https://standardnotes.com/help/22/what-happens-if-i-lose-my-2fa-device-and-my-secret-key"
             >
-              Learn more
+              {c('B6.Preferences.Security.Action').t`Learn more`}
               <Icon className="ml-1 inline" type="open-in" size="small" />
             </a>
           </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
index 807907b9bfd..83efb2b7d4d 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
@@ -7,6 +7,7 @@ import AuthAppInfoTooltip from './AuthAppInfoPopup'
 import CopyButton from './CopyButton'
 import Bullet from './Bullet'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 
 type Props = {
   activation: TwoFactorActivation
@@ -29,7 +30,8 @@ const ScanQRCode: FunctionComponent<Props> = ({ activation: act }) => {
           <Bullet />
           <div className="min-w-1" />
           <div className="text-sm">
-            Open your <b>authenticator app</b>.
+            {c('B6.Preferences.Security.Label').t`Open your`}{' '}
+            <b>{c('B6.Preferences.Security.Label').t`authenticator app`}</b>.
           </div>
           <div className="min-w-2" />
           <AuthAppInfoTooltip />
@@ -38,7 +40,8 @@ const ScanQRCode: FunctionComponent<Props> = ({ activation: act }) => {
           <Bullet className="mt-2 self-start" />
           <div className="min-w-1" />
           <div className="flex-grow text-sm">
-            <b>Scan this QR code</b> or <b>add this secret key</b>:
+            <b>{c('B6.Preferences.Security.Label').t`Scan this QR code`}</b> {c('B6.Preferences.Security.Label').t`or`}{' '}
+            <b>{c('B6.Preferences.Security.Action').t`add this secret key`}</b>:
           </div>
         </div>
         <DecoratedInput
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorAuthView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorAuthView.tsx
index af63accb284..76a83c267b5 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorAuthView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorAuthView.tsx
@@ -12,6 +12,7 @@ import { WebApplication } from '@/Application/WebApplication'
 import RecoveryCodeBanner from '@/Components/RecoveryCodeBanner/RecoveryCodeBanner'
 import Modal, { ModalAction } from '@/Components/Modal/Modal'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
+import { c } from 'ttag'
 
 type Props = {
   auth: TwoFactorAuth
@@ -24,13 +25,13 @@ const TwoFactorAuthView: FunctionComponent<Props> = ({ auth, application, canDis
 
   const activationModalTitle = shouldShowActivationModal
     ? auth.status.activationStep === 'scan-qr-code'
-      ? 'Step 1 of 3 - Scan QR code'
+      ? c('B6.Preferences.Security.Title').t`Step 1 of 3 - Scan QR code`
       : auth.status.activationStep === 'save-secret-key'
-      ? 'Step 2 of 3 - Save secret key'
+      ? c('B6.Preferences.Security.Title').t`Step 2 of 3 - Save secret key`
       : auth.status.activationStep === 'verification'
-      ? 'Step 3 of 3 - Verification'
+      ? c('B6.Preferences.Security.Title').t`Step 3 of 3 - Verification`
       : auth.status.activationStep === 'success'
-      ? 'Successfully Enabled'
+      ? c('B6.Preferences.Security.Title').t`Successfully Enabled`
       : ''
     : ''
 
@@ -50,14 +51,14 @@ const TwoFactorAuthView: FunctionComponent<Props> = ({ auth, application, canDis
   const activationModalActions: ModalAction[] = shouldShowActivationModal
     ? [
         {
-          label: 'Cancel',
+          label: c('B6.Preferences.Security.Action').t`Cancel`,
           onClick: auth.status.cancelActivation,
           type: 'cancel',
           mobileSlot: 'left',
           hidden: auth.status.activationStep !== 'scan-qr-code',
         },
         {
-          label: 'Back',
+          label: c('B6.Preferences.Security.Action').t`Back`,
           onClick:
             auth.status.activationStep === 'save-secret-key'
               ? auth.status.openScanQRCode
@@ -67,7 +68,7 @@ const TwoFactorAuthView: FunctionComponent<Props> = ({ auth, application, canDis
           hidden: auth.status.activationStep !== 'save-secret-key' && auth.status.activationStep !== 'verification',
         },
         {
-          label: 'Next',
+          label: c('B6.Preferences.Security.Action').t`Next`,
           onClick:
             auth.status.activationStep === 'scan-qr-code'
               ? auth.status.openSaveSecretKey
@@ -79,7 +80,7 @@ const TwoFactorAuthView: FunctionComponent<Props> = ({ auth, application, canDis
           hidden: auth.status.activationStep === 'success',
         },
         {
-          label: 'Finish',
+          label: c('B6.Preferences.Security.Action').t`Finish`,
           onClick: auth.status.finishActivation,
           type: 'primary',
           mobileSlot: 'right',
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorDescription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorDescription.tsx
index 4a72b4f00a3..988a5baf25a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorDescription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorDescription.tsx
@@ -2,6 +2,7 @@ import { FunctionComponent } from 'react'
 import { Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import { observer } from 'mobx-react-lite'
 import { TwoFactorAuth } from '../TwoFactorAuth'
+import { c } from 'ttag'
 
 type Props = {
   auth: TwoFactorAuth
@@ -9,10 +10,10 @@ type Props = {
 
 const TwoFactorDescription: FunctionComponent<Props> = ({ auth }) => {
   if (!auth.isLoggedIn()) {
-    return <Text>Sign in or register for an account to configure 2FA.</Text>
+    return <Text>{c('B6.Preferences.Security.Info').t`Sign in or register for an account to configure 2FA.`}</Text>
   }
 
-  return <Text>An extra layer of security when logging in to your account.</Text>
+  return <Text>{c('B6.Preferences.Security.Info').t`An extra layer of security when logging in to your account.`}</Text>
 }
 
 export default observer(TwoFactorDescription)
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorTitle.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorTitle.tsx
index 464a22f455d..aa16555b078 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorTitle.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorTitle.tsx
@@ -2,6 +2,7 @@ import { FunctionComponent } from 'react'
 import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import { observer } from 'mobx-react-lite'
 import { TwoFactorAuth } from '../TwoFactorAuth'
+import { c } from 'ttag'
 
 type Props = {
   auth: TwoFactorAuth
@@ -9,10 +10,10 @@ type Props = {
 
 const TwoFactorTitle: FunctionComponent<Props> = ({ auth }) => {
   if (!auth.isLoggedIn()) {
-    return <Title>Two-factor authentication not available</Title>
+    return <Title>{c('B6.Preferences.Security.Title').t`Two-factor authentication not available`}</Title>
   }
 
-  return <Title>Two-factor authentication</Title>
+  return <Title>{c('B6.Preferences.Security.Title').t`Two-factor authentication`}</Title>
 }
 
 export default observer(TwoFactorTitle)
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorSuccess.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorSuccess.tsx
index 30484dfcb26..4e7fa01e68a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorSuccess.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorSuccess.tsx
@@ -2,6 +2,7 @@ import { Subtitle } from '@/Components/Preferences/PreferencesComponents/Content
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent } from 'react'
 import { TwoFactorActivation } from './TwoFactorActivation'
+import { c } from 'ttag'
 
 type Props = {
   activation: TwoFactorActivation
@@ -10,7 +11,8 @@ type Props = {
 const TwoFactorSuccess: FunctionComponent<Props> = () => (
   <div className="flex flex-row items-center px-4 py-4">
     <div className="flex flex-row items-center justify-center pt-2">
-      <Subtitle>Two-factor authentication has been successfully enabled for your account.</Subtitle>
+      <Subtitle>{c('B6.Preferences.Security.Info')
+        .t`Two-factor authentication has been successfully enabled for your account.`}</Subtitle>
     </div>
   </div>
 )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/Verification.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/Verification.tsx
index 69a1beb1d30..74359f15439 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/Verification.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/Verification.tsx
@@ -3,6 +3,7 @@ import { observer } from 'mobx-react-lite'
 import { FunctionComponent } from 'react'
 import Bullet from './Bullet'
 import { TwoFactorActivation } from './TwoFactorActivation'
+import { c } from 'ttag'
 
 type Props = {
   activation: TwoFactorActivation
@@ -18,7 +19,8 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
           <div className="text-sm">
             <Bullet className="align-middle" />
             <span className="align-middle">
-              Enter your <b>secret key</b>:
+              {c('B6.Preferences.Security.Label').t`Enter your`}{' '}
+              <b>{c('B6.Preferences.Security.Label').t`secret key`}</b>:
             </span>
           </div>
           <DecoratedInput
@@ -30,7 +32,9 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
           <div className="text-sm">
             <Bullet className="align-middle" />
             <span className="align-middle">
-              Verify the <b>authentication code</b> generated by your authenticator app:
+              {c('B6.Preferences.Security.Label').t`Verify the`}{' '}
+              <b>{c('B6.Preferences.Security.Label').t`authentication code`}</b>{' '}
+              {c('B6.Preferences.Security.Label').t`generated by your authenticator app:`}
             </span>
           </div>
           <DecoratedInput
@@ -39,10 +43,12 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
           />
         </div>
         {act.verificationStatus === 'invalid-auth-code' && (
-          <div className="flex-grow text-sm text-danger">Incorrect authentication code, please try again.</div>
+          <div className="flex-grow text-sm text-danger">{c('B6.Preferences.Security.Info')
+            .t`Incorrect authentication code, please try again.`}</div>
         )}
         {act.verificationStatus === 'invalid-secret' && (
-          <div className="flex-grow text-sm text-danger">Incorrect secret key, please try again.</div>
+          <div className="flex-grow text-sm text-danger">{c('B6.Preferences.Security.Info')
+            .t`Incorrect secret key, please try again.`}</div>
         )}
       </div>
     </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FAddDeviceView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FAddDeviceView.tsx
index b5d959d2fae..b32d968a491 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FAddDeviceView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FAddDeviceView.tsx
@@ -6,6 +6,7 @@ import DecoratedInput from '@/Components/Input/DecoratedInput'
 import Modal from '@/Components/Modal/Modal'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   addAuthenticator: AddAuthenticator
@@ -25,13 +26,13 @@ const U2FAddDeviceView: FunctionComponent<Props> = ({ addAuthenticator, onDevice
 
   const handleAddDeviceClick = useCallback(async () => {
     if (!deviceName) {
-      setErrorMessage('Device name is required')
+      setErrorMessage(c('B6.Preferences.Security.Error').t`Device name is required`)
       return
     }
 
     const user = application.sessions.getUser()
     if (user === undefined) {
-      setErrorMessage('User not found')
+      setErrorMessage(c('B6.Preferences.Security.Error').t`User not found`)
       return
     }
 
@@ -56,11 +57,11 @@ const U2FAddDeviceView: FunctionComponent<Props> = ({ addAuthenticator, onDevice
 
   return (
     <Modal
-      title="Add Security Key"
+      title={c('B6.Preferences.Security.Title').t`Add Security Key`}
       close={closeModal}
       actions={[
         {
-          label: 'Cancel',
+          label: c('B6.Preferences.Security.Action').t`Cancel`,
           type: 'cancel',
           onClick: closeModal,
           mobileSlot: 'left',
@@ -69,7 +70,8 @@ const U2FAddDeviceView: FunctionComponent<Props> = ({ addAuthenticator, onDevice
         {
           label: (
             <>
-              Add <span className="hidden md:inline">Device</span>
+              {c('B6.Preferences.Security.Action').t`Add`}{' '}
+              <span className="hidden md:inline">{c('B6.Preferences.Security.Label').t`Device`}</span>
             </>
           ),
           type: 'primary',
@@ -81,7 +83,7 @@ const U2FAddDeviceView: FunctionComponent<Props> = ({ addAuthenticator, onDevice
       <div className="flex px-4 py-4">
         <div className="ml-4 flex flex-grow flex-col gap-1">
           <label htmlFor="u2f-device-name" className="mb-2 text-sm font-semibold">
-            Device Name
+            {c('B6.Preferences.Security.Label').t`Device Name`}
           </label>
           <DecoratedInput
             autofocus
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx
index 04ce3de06b0..0ef2ec5648c 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx
@@ -3,6 +3,7 @@ import { observer } from 'mobx-react-lite'
 
 import { Text } from '@/Components/Preferences/PreferencesComponents/Content'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   is2FAEnabled: boolean
@@ -12,17 +13,22 @@ const U2FDescription: FunctionComponent<Props> = ({ is2FAEnabled }) => {
   const application = useApplication()
 
   if (application.sessions.getUser() === undefined) {
-    return <Text>Sign in or register for an account to configure hardware security keys.</Text>
+    return (
+      <Text>{c('B6.Preferences.Security.Info')
+        .t`Sign in or register for an account to configure hardware security keys.`}</Text>
+    )
   }
 
   return (
     <div>
-      <Text>Authenticate with a hardware security key such as YubiKey.</Text>
+      <Text>{c('B6.Preferences.Security.Info').t`Authenticate with a hardware security key such as YubiKey.`}</Text>
       {!application.isFullU2FClient && (
-        <Text className="italic">Please visit the web app in order to add a hardware security key.</Text>
+        <Text className="italic">{c('B6.Preferences.Security.Info')
+          .t`Please visit the web app in order to add a hardware security key.`}</Text>
       )}
       {!is2FAEnabled && (
-        <Text className="italic">You must enable two-factor authentication before adding a hardware security key.</Text>
+        <Text className="italic">{c('B6.Preferences.Security.Info')
+          .t`You must enable two-factor authentication before adding a hardware security key.`}</Text>
       )}
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDevicesList.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDevicesList.tsx
index ee11e44c68f..33f5a8c0505 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDevicesList.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDevicesList.tsx
@@ -5,6 +5,7 @@ import { Subtitle } from '@/Components/Preferences/PreferencesComponents/Content
 import { WebApplication } from '@/Application/WebApplication'
 import Button from '@/Components/Button/Button'
 import Icon from '@/Components/Icon/Icon'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -35,7 +36,7 @@ const U2FDevicesList: FunctionComponent<Props> = ({ application, devices, onErro
     <div>
       {devices.length > 0 && (
         <>
-          <Subtitle>Devices</Subtitle>
+          <Subtitle>{c('B6.Preferences.Security.Subtitle').t`Devices`}</Subtitle>
           <div className="flex flex-grow flex-col divide-y divide-border">
             {devices.map((device) => (
               <div className="flex items-center py-2" key={`device-${device.id}`}>
@@ -44,7 +45,7 @@ const U2FDevicesList: FunctionComponent<Props> = ({ application, devices, onErro
                 <Button
                   small
                   key={device.id}
-                  label="Delete"
+                  label={c('B6.Preferences.Security.Action').t`Delete`}
                   onClick={async () => handleDeleteButtonOnClick(device.id)}
                 ></Button>
               </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx
index b7adfdd5255..ff52a8b896a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx
@@ -3,15 +3,16 @@ import { observer } from 'mobx-react-lite'
 
 import { Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import { useApplication } from '@/Components/ApplicationProvider'
+import { c } from 'ttag'
 
 const U2FTitle: FunctionComponent = () => {
   const application = useApplication()
 
   if (application.sessions.getUser() === undefined) {
-    return <Title>Hardware security key authentication not available</Title>
+    return <Title>{c('B6.Preferences.Security.Title').t`Hardware security key authentication not available`}</Title>
   }
 
-  return <Title>Hardware security key authentication</Title>
+  return <Title>{c('B6.Preferences.Security.Title').t`Hardware security key authentication`}</Title>
 }
 
 export default observer(U2FTitle)
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FView.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FView.tsx
index e997e669849..02a4f8e6be1 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FView.tsx
@@ -12,6 +12,7 @@ import U2FAddDeviceView from '../U2FAddDeviceView'
 import U2FDevicesList from './U2FDevicesList'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
 import RecoveryCodeBanner from '@/Components/RecoveryCodeBanner/RecoveryCodeBanner'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -65,7 +66,7 @@ const U2FView: FunctionComponent<Props> = ({ application, is2FAEnabled, loadAuth
           <Button
             className="mt-1"
             disabled={!application.isFullU2FClient || !is2FAEnabled}
-            label="Add Device"
+            label={c('B6.Preferences.Security.Action').t`Add Device`}
             primary
             onClick={handleAddDeviceClick}
           />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/ContactItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/ContactItem.tsx
index 7437cde2b3a..78f814b11d9 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/ContactItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/ContactItem.tsx
@@ -7,6 +7,7 @@ import { useCallback, useState } from 'react'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { VisuallyHidden } from '@ariakit/react'
 import StyledTooltip from '@/Components/StyledTooltip/StyledTooltip'
+import { c } from 'ttag'
 
 type Props = {
   contact: TrustedContactInterface
@@ -21,7 +22,11 @@ const ContactItem = ({ contact }: Props) => {
   const collaborationID = application.contacts.getCollaborationIDForTrustedContact(contact)
 
   const deleteContact = useCallback(async () => {
-    if (await application.alerts.confirm('Are you sure you want to delete this contact?')) {
+    if (
+      await application.alerts.confirm(
+        c('B6.Preferences.Vaults.Confirmation').t`Are you sure you want to delete this contact?`,
+      )
+    ) {
       const result = await application.contacts.deleteContact(contact)
       if (result.isFailed()) {
         application.alerts
@@ -55,16 +60,16 @@ const ContactItem = ({ contact }: Props) => {
           </span>
         </div>
         <div className="flex gap-3">
-          <StyledTooltip label="Edit contact">
+          <StyledTooltip label={c('B6.Preferences.Vaults.Action').t`Edit contact`}>
             <Button className="!px-2 py-2" onClick={() => setIsContactModalOpen(true)}>
-              <VisuallyHidden>Edit</VisuallyHidden>
+              <VisuallyHidden>{c('B6.Preferences.Vaults.Action').t`Edit`}</VisuallyHidden>
               <Icon type="pencil-filled" size="medium" />
             </Button>
           </StyledTooltip>
           {!contact.isMe && (
-            <StyledTooltip label="Delete contact">
+            <StyledTooltip label={c('B6.Preferences.Vaults.Action').t`Delete contact`}>
               <Button className="!px-2 py-2" onClick={deleteContact}>
-                <VisuallyHidden>Delete</VisuallyHidden>
+                <VisuallyHidden>{c('B6.Preferences.Vaults.Action').t`Delete`}</VisuallyHidden>
                 <Icon type="trash-filled" className="text-danger" size="medium" />
               </Button>
             </StyledTooltip>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
index c2563b9cdc9..58bdcd96d13 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
@@ -3,6 +3,7 @@ import Modal, { ModalAction } from '@/Components/Modal/Modal'
 import DecoratedInput from '@/Components/Input/DecoratedInput'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { ClientDisplayableError, InviteRecord, TrustedContactInterface } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   fromInvite?: InviteRecord
@@ -52,7 +53,7 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
           onAddContact?.(contact)
           handleDialogClose()
         } else {
-          void application.alerts.alert('Unable to create contact. Please try again.')
+          void application.alerts.alert(c('B6.Preferences.Vaults.Error').t`Unable to create contact. Please try again.`)
         }
       } catch (error) {
         if (error instanceof ClientDisplayableError) {
@@ -66,13 +67,15 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: editContactUuid ? 'Save Contact' : 'Add Contact',
+        label: editContactUuid
+          ? c('B6.Preferences.Vaults.Action').t`Save Contact`
+          : c('B6.Preferences.Vaults.Action').t`Add Contact`,
         onClick: handleSubmit,
         type: 'primary',
         mobileSlot: 'right',
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.Vaults.Action').t`Cancel`,
         onClick: handleDialogClose,
         type: 'cancel',
         mobileSlot: 'left',
@@ -91,13 +94,17 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
 
   return (
     <Modal
-      title={editContactUuid ? 'Edit Contact' : 'Add New Contact'}
+      title={
+        editContactUuid
+          ? c('B6.Preferences.Vaults.Title').t`Edit Contact`
+          : c('B6.Preferences.Vaults.Title').t`Add New Contact`
+      }
       close={handleDialogClose}
       actions={modalActions}
     >
       <div className="mb-3 flex w-full flex-col gap-4 px-4.5 pb-1.5 pt-4">
         <label>
-          <div className="mb-1">Contact Name</div>
+          <div className="mb-1">{c('B6.Preferences.Vaults.Label').t`Contact Name`}</div>
           <DecoratedInput
             id="invite-name-input"
             value={name}
@@ -111,7 +118,7 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
 
         {!editingContact?.isMe && (
           <label>
-            <div className="mb-1">CollaborationID</div>
+            <div className="mb-1">{c('B6.Preferences.Vaults.Label').t`CollaborationID`}</div>
             <DecoratedInput
               id="invite-email-input"
               value={collaborationID}
@@ -125,8 +132,8 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
 
         {!editContactUuid && (
           <p>
-            Ask your contact for their Standard Notes CollaborationID via secure email or chat. Then, enter it here to
-            add them as a contact.
+            {c('B6.Preferences.Vaults.Info')
+              .t`Ask your contact for their Standard Notes CollaborationID via secure email or chat. Then, enter it here to add them as a contact.`}
           </p>
         )}
       </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/ContactInviteModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/ContactInviteModal.tsx
index 121290ffaf6..1f8b0b99c7f 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/ContactInviteModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/ContactInviteModal.tsx
@@ -9,6 +9,7 @@ import {
 } from '@standardnotes/snjs'
 import Spinner from '@/Components/Spinner/Spinner'
 import Dropdown from '@/Components/Dropdown/Dropdown'
+import { c } from 'ttag'
 
 type Props = {
   vault: SharedVaultListingInterface
@@ -79,7 +80,11 @@ const ContactInviteModal: FunctionComponent<Props> = ({ vault, onCloseDialog })
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: isInvitingContacts ? <Spinner className="h-5 w-5 border-info-contrast" /> : 'Invite Selected Contacts',
+        label: isInvitingContacts ? (
+          <Spinner className="h-5 w-5 border-info-contrast" />
+        ) : (
+          c('B6.Preferences.Vaults.Action').t`Invite Selected Contacts`
+        ),
         onClick: inviteSelectedContacts,
         type: 'primary',
         mobileSlot: 'right',
@@ -87,7 +92,7 @@ const ContactInviteModal: FunctionComponent<Props> = ({ vault, onCloseDialog })
         hidden: contacts.length === 0,
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.Vaults.Action').t`Cancel`,
         onClick: handleDialogClose,
         type: 'cancel',
         mobileSlot: 'left',
@@ -97,7 +102,7 @@ const ContactInviteModal: FunctionComponent<Props> = ({ vault, onCloseDialog })
   )
 
   return (
-    <Modal title="Add New Contact" close={handleDialogClose} actions={modalActions}>
+    <Modal title={c('B6.Preferences.Vaults.Title').t`Add New Contact`} close={handleDialogClose} actions={modalActions}>
       <div className={classNames('flex w-full flex-col gap-3 px-4.5 py-4', isLoadingContacts && 'items-center')}>
         {isLoadingContacts ? (
           <Spinner className="h-5 w-5" />
@@ -125,7 +130,7 @@ const ContactInviteModal: FunctionComponent<Props> = ({ vault, onCloseDialog })
                 {isSelected && (
                   <Dropdown
                     showLabel
-                    label={'Permission:'}
+                    label={c('B6.Preferences.Vaults.Label').t`Permission:`}
                     classNameOverride={{
                       wrapper: 'col-start-2',
                     }}
@@ -154,7 +159,7 @@ const ContactInviteModal: FunctionComponent<Props> = ({ vault, onCloseDialog })
             )
           })
         ) : (
-          <div className="text-sm">No contacts available to invite.</div>
+          <div className="text-sm">{c('B6.Preferences.Vaults.Info').t`No contacts available to invite.`}</div>
         )}
       </div>
     </Modal>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/InviteItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/InviteItem.tsx
index 29819cf17a9..27d02466598 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/InviteItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/InviteItem.tsx
@@ -6,6 +6,7 @@ import { InviteRecord } from '@standardnotes/snjs'
 import { useCallback, useState } from 'react'
 import EditContactModal from '../Contacts/EditContactModal'
 import { CheckmarkCircle } from '../../../../UIElements/CheckmarkCircle'
+import { c } from 'ttag'
 
 type Props = {
   inviteRecord: InviteRecord
@@ -46,33 +47,48 @@ const InviteItem = ({ inviteRecord }: Props) => {
       <div className="flex gap-3.5 rounded-lg border border-border px-3.5 py-2.5 shadow">
         <Icon type="archive" size="custom" className="mt-1.5 h-5.5 w-5.5 flex-shrink-0" />
         <div className="flex flex-col gap-2 overflow-hidden py-1.5">
-          <div className="overflow-hidden text-ellipsis text-sm">Vault Name: {inviteData.metadata.name}</div>
+          <div className="overflow-hidden text-ellipsis text-sm">
+            {c('B6.Preferences.Vaults.Label').t`Vault Name:`} {inviteData.metadata.name}
+          </div>
           {inviteData.metadata.description && (
             <div className="overflow-hidden text-ellipsis text-sm">
-              Vault Description: {inviteData.metadata.description}
+              {c('B6.Preferences.Vaults.Label').t`Vault Description:`} {inviteData.metadata.description}
             </div>
           )}
           {trustedContact ? (
             <div className="flex items-center gap-1">
-              <span className="overflow-hidden text-ellipsis text-sm">Trusted Sender: {trustedContact.name}</span>
+              <span className="overflow-hidden text-ellipsis text-sm">
+                {c('B6.Preferences.Vaults.Label').t`Trusted Sender:`} {trustedContact.name}
+              </span>
               <CheckmarkCircle className="!h-4 !w-4" />
             </div>
           ) : (
             <div className="w-full overflow-hidden whitespace-pre-wrap break-words text-sm">
-              Sender CollaborationID: <span className="font-mono text-xs">{collaborationId}</span>
+              {c('B6.Preferences.Vaults.Label').t`Sender CollaborationID:`}{' '}
+              <span className="font-mono text-xs">{collaborationId}</span>
             </div>
           )}
-          <div className="overflow-hidden text-ellipsis text-sm">Permission: {permission}</div>
+          <div className="overflow-hidden text-ellipsis text-sm">
+            {c('B6.Preferences.Vaults.Label').t`Permission:`} {permission}
+          </div>
           <div className="">
             {isTrusted ? (
-              <Button label="Accept Invite" className="text-xs" onClick={acceptInvite} />
+              <Button
+                label={c('B6.Preferences.Vaults.Action').t`Accept Invite`}
+                className="text-xs"
+                onClick={acceptInvite}
+              />
             ) : (
               <div>
                 <div>
-                  The sender of this invite is not trusted. To accept this invite, first add the sender as a trusted
-                  contact.
+                  {c('B6.Preferences.Vaults.Info')
+                    .t`The sender of this invite is not trusted. To accept this invite, first add the sender as a trusted contact.`}
                 </div>
-                <Button label="Add Trusted Contact" className="mr-3 mt-2 text-xs" onClick={addAsTrustedContact} />
+                <Button
+                  label={c('B6.Preferences.Vaults.Action').t`Add Trusted Contact`}
+                  className="mr-3 mt-2 text-xs"
+                  onClick={addAsTrustedContact}
+                />
               </div>
             )}
           </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
index a6fd7798ca3..b089e962332 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
@@ -26,6 +26,7 @@ import EditVaultModal from './Vaults/VaultModal/EditVaultModal'
 import PreferencesPane from '../../PreferencesComponents/PreferencesPane'
 import { ToastType, addToast } from '@standardnotes/toast'
 import NoProSubscription from '../Account/NoProSubscription'
+import { c } from 'ttag'
 
 const Vaults = observer(() => {
   const application = useApplication()
@@ -155,7 +156,7 @@ const Vaults = observer(() => {
       {invites.length > 0 && (
         <PreferencesGroup>
           <PreferencesSegment>
-            <Title>Incoming Invites</Title>
+            <Title>{c('B6.Preferences.Vaults.Title').t`Incoming Invites`}</Title>
             <div className="my-2 flex flex-col gap-3.5">
               {invites.map((invite) => {
                 return <InviteItem inviteRecord={invite} key={invite.invite.uuid} />
@@ -167,7 +168,7 @@ const Vaults = observer(() => {
       {hasAccount && isSharedVaultsEnabled && (
         <PreferencesGroup>
           <PreferencesSegment>
-            <Title>Contacts</Title>
+            <Title>{c('B6.Preferences.Vaults.Title').t`Contacts`}</Title>
             {contacts.length > 0 && (
               <div className="my-2 flex flex-col gap-3.5">
                 {contacts.map((contact) => {
@@ -176,7 +177,11 @@ const Vaults = observer(() => {
               </div>
             )}
             <div className="mt-2.5 flex flex-row">
-              <Button label="Add New Contact" className="mr-3" onClick={createNewContact} />
+              <Button
+                label={c('B6.Preferences.Vaults.Action').t`Add New Contact`}
+                className="mr-3"
+                onClick={createNewContact}
+              />
             </div>
           </PreferencesSegment>
         </PreferencesGroup>
@@ -184,27 +189,28 @@ const Vaults = observer(() => {
       {hasAccount && isSharedVaultsEnabled && (
         <PreferencesGroup>
           <PreferencesSegment>
-            <Title>CollaborationID</Title>
-            <Subtitle>Share your CollaborationID with collaborators to join their vaults.</Subtitle>
+            <Title>{c('B6.Preferences.Vaults.Title').t`CollaborationID`}</Title>
+            <Subtitle>{c('B6.Preferences.Vaults.Subtitle')
+              .t`Share your CollaborationID with collaborators to join their vaults.`}</Subtitle>
             {contactService.isCollaborationEnabled() ? (
               <>
                 <code className="mt-2.5 overflow-hidden whitespace-pre-wrap break-words rounded border border-border bg-contrast p-3">
                   {contactService.getCollaborationID()}
                 </code>
                 <Button
-                  label="Copy ID"
+                  label={c('B6.Preferences.Vaults.Action').t`Copy ID`}
                   className="mt-2"
                   onClick={async () => {
                     try {
                       await navigator.clipboard.writeText(contactService.getCollaborationID())
                       addToast({
                         type: ToastType.Success,
-                        message: 'Copied to clipboard',
+                        message: c('B6.Preferences.Vaults.Status').t`Copied to clipboard`,
                       })
                     } catch (error) {
                       addToast({
                         type: ToastType.Error,
-                        message: 'Failed to copy to clipboard',
+                        message: c('B6.Preferences.Vaults.Error').t`Failed to copy to clipboard`,
                       })
                       console.error(error)
                     }
@@ -214,7 +220,7 @@ const Vaults = observer(() => {
             ) : (
               <div className="mt-2.5 flex flex-row">
                 <Button
-                  label="Enable Vault Sharing"
+                  label={c('B6.Preferences.Vaults.Action').t`Enable Vault Sharing`}
                   className="mr-3 text-xs"
                   onClick={() => contactService.enableCollaboration()}
                 />
@@ -225,7 +231,7 @@ const Vaults = observer(() => {
       )}
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Vaults</Title>
+          <Title>{c('B6.Preferences.Vaults.Title').t`Vaults`}</Title>
           {vaults.length > 0 && (
             <div className="my-2 flex flex-col gap-3.5">
               {vaults.map((vault) => {
@@ -235,16 +241,22 @@ const Vaults = observer(() => {
           )}
           {canCreateMoreVaults ? (
             <div className="mt-2.5 flex gap-3">
-              <Button label="Create Vault" onClick={createNewVault} />
+              <Button label={c('B6.Preferences.Vaults.Action').t`Create Vault`} onClick={createNewVault} />
               {hasAccount && isSharedVaultsEnabled && (
-                <Button label="Create Shared Vault" onClick={createNewSharedVault} />
+                <Button
+                  label={c('B6.Preferences.Vaults.Action').t`Create Shared Vault`}
+                  onClick={createNewSharedVault}
+                />
               )}
             </div>
           ) : (
             <div className="mt-3.5">
               <NoProSubscription
                 application={application}
-                text={<span>Please upgrade in order to increase your vault limit.</span>}
+                text={
+                  <span>{c('B6.Preferences.Vaults.Info')
+                    .t`Please upgrade in order to increase your vault limit.`}</span>
+                }
               />
             </div>
           )}
@@ -265,12 +277,13 @@ const VaultsWrapper = () => {
     return (
       <PreferencesPane>
         <PreferencesGroup>
-          <Title>Account update required</Title>
+          <Title>{c('B6.Preferences.Vaults.Title').t`Account update required`}</Title>
           <Subtitle>
-            In order to use Vaults, you must update your account to use the latest data encryption version.
+            {c('B6.Preferences.Vaults.Subtitle')
+              .t`In order to use Vaults, you must update your account to use the latest data encryption version.`}
           </Subtitle>
           <Button primary className="mt-3" onClick={() => application.upgradeProtocolVersion().catch(console.error)}>
-            Update Account
+            {c('B6.Preferences.Vaults.Action').t`Update Account`}
           </Button>
         </PreferencesGroup>
       </PreferencesPane>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
index 505ad941b63..f3dbb3c3d3a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
@@ -9,6 +9,7 @@ import ModalOverlay from '@/Components/Modal/ModalOverlay'
 import ContactInviteModal from '../Invites/ContactInviteModal'
 import EditVaultModal from './VaultModal/EditVaultModal'
 import { useVault } from '@/Hooks/useVault'
+import { c } from 'ttag'
 
 type Props = {
   vault: VaultListingInterface
@@ -30,8 +31,8 @@ const VaultItem = ({ vault }: Props) => {
 
   const deleteVault = useCallback(async () => {
     const confirm = await application.alerts.confirm(
-      'Deleting a vault will permanently delete all its items and files.',
-      'Are you sure you want to delete this vault?',
+      c('B6.Preferences.Vaults.Confirmation').t`Deleting a vault will permanently delete all its items and files.`,
+      c('B6.Preferences.Vaults.Confirmation').t`Are you sure you want to delete this vault?`,
       undefined,
       ButtonType.Danger,
     )
@@ -54,7 +55,7 @@ const VaultItem = ({ vault }: Props) => {
     } else {
       const success = await application.vaults.deleteVault(vault)
       if (!success) {
-        void application.alerts.alert('Unable to delete vault. Please try again.')
+        void application.alerts.alert(c('B6.Preferences.Vaults.Error').t`Unable to delete vault. Please try again.`)
       }
     }
   }, [application.alerts, application.sharedVaults, application.vaults, vault])
@@ -65,8 +66,8 @@ const VaultItem = ({ vault }: Props) => {
     }
 
     const confirm = await application.alerts.confirm(
-      'All items and files in this vault will be removed from your account.',
-      'Are you sure you want to leave this vault?',
+      c('B6.Preferences.Vaults.Confirmation').t`All items and files in this vault will be removed from your account.`,
+      c('B6.Preferences.Vaults.Confirmation').t`Are you sure you want to leave this vault?`,
       undefined,
       ButtonType.Danger,
     )
@@ -76,7 +77,7 @@ const VaultItem = ({ vault }: Props) => {
 
     const response = await application.vaultUsers.leaveSharedVault(vault)
     if (isClientDisplayableError(response)) {
-      void application.alerts.alert('Unable to leave vault. Please try again.')
+      void application.alerts.alert(c('B6.Preferences.Vaults.Error').t`Unable to leave vault. Please try again.`)
       console.error(response)
     }
   }, [application, vault])
@@ -116,22 +117,37 @@ const VaultItem = ({ vault }: Props) => {
         <div className="flex flex-col gap-1.5 py-1.5">
           <span className="overflow-hidden text-ellipsis text-base font-bold">{vault.name}</span>
           {vault.description && <span className="overflow-hidden text-ellipsis text-sm">{vault.description}</span>}
-          <span className="overflow-hidden text-ellipsis text-sm">Vault ID: {vault.systemIdentifier}</span>
+          <span className="overflow-hidden text-ellipsis text-sm">
+            {c('B6.Preferences.Vaults.Label').t`Vault ID:`} {vault.systemIdentifier}
+          </span>
           {!!vault.sharing?.fileBytesUsed && (
             <span className="overflow-hidden text-ellipsis text-sm">
-              File storage used: {formatSizeToReadableString(vault.sharing?.fileBytesUsed ?? 0)}
+              {c('B6.Preferences.Vaults.Label').t`File storage used:`}{' '}
+              {formatSizeToReadableString(vault.sharing?.fileBytesUsed ?? 0)}
             </span>
           )}
           <div className="mt-2 flex w-full flex-wrap gap-3">
-            <Button label="Edit" onClick={openEditModal} />
+            <Button label={c('B6.Preferences.Vaults.Action').t`Edit`} onClick={openEditModal} />
             {canShowLockOption && <Button label={isLocked ? 'Unlock' : 'Lock'} onClick={toggleLock} />}
-            {isCurrentUserOwner && <Button colorStyle="danger" label="Delete" onClick={deleteVault} />}
-            {!isCurrentUserOwner && vault.isSharedVaultListing() && <Button label="Leave Vault" onClick={leaveVault} />}
+            {isCurrentUserOwner && (
+              <Button colorStyle="danger" label={c('B6.Preferences.Vaults.Action').t`Delete`} onClick={deleteVault} />
+            )}
+            {!isCurrentUserOwner && vault.isSharedVaultListing() && (
+              <Button label={c('B6.Preferences.Vaults.Label').t`Leave Vault`} onClick={leaveVault} />
+            )}
             {isCurrentUserAdmin ? (
               vault.isSharedVaultListing() ? (
-                <Button colorStyle="info" label="Invite Contacts" onClick={openInviteModal} />
+                <Button
+                  colorStyle="info"
+                  label={c('B6.Preferences.Vaults.Label').t`Invite Contacts`}
+                  onClick={openInviteModal}
+                />
               ) : canEnableCollaboration ? (
-                <Button colorStyle="info" label="Enable Collaboration" onClick={convertToSharedVault} />
+                <Button
+                  colorStyle="info"
+                  label={c('B6.Preferences.Vaults.Action').t`Enable Collaboration`}
+                  onClick={convertToSharedVault}
+                />
               ) : null
             ) : null}
           </div>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/DesignateSurvivorModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/DesignateSurvivorModal.tsx
index 525e19e6843..7d32e886edc 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/DesignateSurvivorModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/DesignateSurvivorModal.tsx
@@ -3,6 +3,7 @@ import Modal, { ModalAction } from '@/Components/Modal/Modal'
 import Spinner from '@/Components/Spinner/Spinner'
 import { SharedVaultUserServerHash, VaultListingInterface } from '@standardnotes/snjs'
 import { useCallback, useMemo, useState } from 'react'
+import { c } from 'ttag'
 
 const DesignateSurvivorModal = ({
   vault,
@@ -44,7 +45,11 @@ const DesignateSurvivorModal = ({
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: isDesignating ? <Spinner className="h-5 w-5 border-info-contrast" /> : 'Designate survivor',
+        label: isDesignating ? (
+          <Spinner className="h-5 w-5 border-info-contrast" />
+        ) : (
+          c('B6.Preferences.Vaults.Action').t`Designate survivor`
+        ),
         onClick: designateSelectedSurvivor,
         type: 'primary',
         mobileSlot: 'right',
@@ -52,7 +57,7 @@ const DesignateSurvivorModal = ({
         hidden: members.length === 0,
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.Vaults.Action').t`Cancel`,
         onClick: closeModal,
         type: 'cancel',
         mobileSlot: 'left',
@@ -62,7 +67,12 @@ const DesignateSurvivorModal = ({
   )
 
   return (
-    <Modal title="Designate survivor" close={closeModal} actions={modalActions} className="px-4.5 py-4">
+    <Modal
+      title={c('B6.Preferences.Vaults.Title').t`Designate survivor`}
+      close={closeModal}
+      actions={modalActions}
+      className="px-4.5 py-4"
+    >
       <div className="flex flex-col gap-3">
         {members.map((member) => {
           const isSelected = selectedSurvivor?.uuid === member.uuid
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/EditVaultModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/EditVaultModal.tsx
index a4b14ef3e98..081c19f15cb 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/EditVaultModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/EditVaultModal.tsx
@@ -25,6 +25,7 @@ import IconPicker from '@/Components/Icon/IconPicker'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
 import { Disclosure, DisclosureContent, useDisclosureStore } from '@ariakit/react'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 const EditVaultModalContent: FunctionComponent<{
   existingVaultUuid?: string
@@ -224,14 +225,18 @@ const EditVaultModalContent: FunctionComponent<{
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: existingVault ? 'Save Vault' : creatingSharedVault ? 'Create Shared Vault' : 'Create Vault',
+        label: existingVault
+          ? c('B6.Preferences.Vaults.Action').t`Save Vault`
+          : creatingSharedVault
+          ? c('B6.Preferences.Vaults.Action').t`Create Shared Vault`
+          : c('B6.Preferences.Vaults.Action').t`Create Vault`,
         onClick: handleSubmit,
         type: 'primary',
         mobileSlot: 'right',
         disabled: isSubmitting,
       },
       {
-        label: 'Cancel',
+        label: c('B6.Preferences.Vaults.Action').t`Cancel`,
         onClick: handleDialogClose,
         type: 'cancel',
         mobileSlot: 'left',
@@ -250,24 +255,33 @@ const EditVaultModalContent: FunctionComponent<{
   const isShowingAdvancedOptions = advancedOptionsDisclosure.useState('open')
 
   if (existingVault && application.vaultLocks.isVaultLocked(existingVault)) {
-    return <div>Vault is locked.</div>
+    return <div>{c('B6.Preferences.Vaults.Info').t`Vault is locked.`}</div>
   }
 
   return (
-    <Modal title={existingVault ? 'Edit Vault' : 'Create New Vault'} close={handleDialogClose} actions={modalActions}>
+    <Modal
+      title={
+        existingVault
+          ? c('B6.Preferences.Vaults.Title').t`Edit Vault`
+          : c('B6.Preferences.Vaults.Title').t`Create New Vault`
+      }
+      close={handleDialogClose}
+      actions={modalActions}
+    >
       <div className="flex w-full flex-col space-y-3.5 px-4.5 py-4">
         <div>
-          <div className="text-lg">Vault Info</div>
-          <div className="mt-1">The vault name and description are end-to-end encrypted.</div>
+          <div className="text-lg">{c('B6.Preferences.Vaults.Label').t`Vault Info`}</div>
+          <div className="mt-1">{c('B6.Preferences.Vaults.Info')
+            .t`The vault name and description are end-to-end encrypted.`}</div>
 
           <div className="mt-3.5 flex items-center gap-3">
-            <StyledTooltip className="!z-modal" label="Choose icon">
+            <StyledTooltip className="!z-modal" label={c('B6.Preferences.Vaults.Action').t`Choose icon`}>
               <Button className="!px-1.5" ref={iconPickerButtonRef} onClick={toggleIconPicker}>
                 <Icon type={iconString} />
               </Button>
             </StyledTooltip>
             <Popover
-              title="Choose icon"
+              title={c('B6.Preferences.Vaults.Title').t`Choose icon`}
               open={shouldShowIconPicker}
               anchorElement={iconPickerButtonRef}
               togglePopover={toggleIconPicker}
@@ -293,7 +307,7 @@ const EditVaultModalContent: FunctionComponent<{
               }}
               ref={nameInputRef}
               value={name}
-              placeholder="Vault Name"
+              placeholder={c('B6.Preferences.Vaults.Placeholder').t`Vault Name`}
               onChange={(value) => {
                 setName(value)
               }}
@@ -303,7 +317,7 @@ const EditVaultModalContent: FunctionComponent<{
           <DecoratedInput
             className={{ container: 'mt-3' }}
             value={description}
-            placeholder="Vault description"
+            placeholder={c('B6.Preferences.Vaults.Placeholder').t`Vault description`}
             onChange={(value) => {
               setDescription(value)
             }}
@@ -313,7 +327,7 @@ const EditVaultModalContent: FunctionComponent<{
           isLoadingCollaborationInfo ? (
             <div className="flex items-center gap-3 py-2 text-base">
               <Spinner className="h-5 w-5" />
-              Loading collaboration info...
+              {c('B6.Preferences.Vaults.Status').t`Loading collaboration info...`}
             </div>
           ) : (
             <>
@@ -335,7 +349,7 @@ const EditVaultModalContent: FunctionComponent<{
           store={advancedOptionsDisclosure}
           className="flex items-center justify-between focus:shadow-none focus:outline-none"
         >
-          <div className="text-lg">Advanced options</div>
+          <div className="text-lg">{c('B6.Preferences.Vaults.Label').t`Advanced options`}</div>
           <Icon type={isShowingAdvancedOptions ? 'chevron-up' : 'chevron-down'} />
         </Disclosure>
         <DisclosureContent className="space-y-3.5 pb-3" store={advancedOptionsDisclosure}>
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/KeyStoragePreference.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/KeyStoragePreference.tsx
index 81c7c3cdc6e..3d0094b9329 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/KeyStoragePreference.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/KeyStoragePreference.tsx
@@ -1,5 +1,6 @@
 import { KeySystemRootKeyStorageMode, classNames } from '@standardnotes/snjs'
 import StyledRadioInput from '@/Components/Radio/StyledRadioInput'
+import { c } from 'ttag'
 
 type KeyStorageOption = {
   value: KeySystemRootKeyStorageMode
@@ -7,24 +8,24 @@ type KeyStorageOption = {
   description: string
 }
 
-const options: KeyStorageOption[] = [
+const getOptions = (): KeyStorageOption[] => [
   {
     value: KeySystemRootKeyStorageMode.Synced,
-    label: 'Synced (Recommended)',
-    description:
-      'Your vault key will be encrypted and synced to your account and automatically available on your other devices.',
+    label: c('B6.Preferences.Vaults.Label').t`Synced (Recommended)`,
+    description: c('B6.Preferences.Vaults.Info')
+      .t`Your vault key will be encrypted and synced to your account and automatically available on your other devices.`,
   },
   {
     value: KeySystemRootKeyStorageMode.Local,
-    label: 'Local',
-    description:
-      'Your vault key will be encrypted and saved locally on this device. You will need to manually enter your vault key on your other devices.',
+    label: c('B6.Preferences.Vaults.Label').t`Local`,
+    description: c('B6.Preferences.Vaults.Info')
+      .t`Your vault key will be encrypted and saved locally on this device. You will need to manually enter your vault key on your other devices.`,
   },
   {
     value: KeySystemRootKeyStorageMode.Ephemeral,
-    label: 'Ephemeral',
-    description:
-      'Your vault key will only be stored in memory and will be forgotten when you close the app. You will need to manually enter your vault key on your other devices.',
+    label: c('B6.Preferences.Vaults.Label').t`Ephemeral`,
+    description: c('B6.Preferences.Vaults.Info')
+      .t`Your vault key will only be stored in memory and will be forgotten when you close the app. You will need to manually enter your vault key on your other devices.`,
   },
 ]
 
@@ -35,9 +36,11 @@ export const KeyStoragePreference = ({
   value: KeySystemRootKeyStorageMode
   onChange: (value: KeySystemRootKeyStorageMode) => void
 }) => {
+  const options = getOptions()
+
   return (
     <div>
-      <div className="mb-3 text-lg">Vault Key Storage Mode</div>
+      <div className="mb-3 text-lg">{c('B6.Preferences.Vaults.Title').t`Vault Key Storage Mode`}</div>
       <div className="space-y-3">
         {options.map((option) => {
           const isSelected = value === option.value
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/PasswordTypePreference.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/PasswordTypePreference.tsx
index 6b222ff181d..95b6698a915 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/PasswordTypePreference.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/PasswordTypePreference.tsx
@@ -2,6 +2,7 @@ import { KeySystemPasswordType, classNames } from '@standardnotes/snjs'
 import StyledRadioInput from '@/Components/Radio/StyledRadioInput'
 import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput'
 import { useState } from 'react'
+import { c } from 'ttag'
 
 type PasswordTypePreference = {
   value: KeySystemPasswordType
@@ -9,17 +10,18 @@ type PasswordTypePreference = {
   description: string
 }
 
-const options: PasswordTypePreference[] = [
+const getOptions = (): PasswordTypePreference[] => [
   {
     value: KeySystemPasswordType.Randomized,
-    label: 'Randomized (Recommended)',
-    description: 'Your vault key will be randomly generated and synced to your account.',
+    label: c('B6.Preferences.Vaults.Label').t`Randomized (Recommended)`,
+    description: c('B6.Preferences.Vaults.Info')
+      .t`Your vault key will be randomly generated and synced to your account.`,
   },
   {
     value: KeySystemPasswordType.UserInputted,
-    label: 'Custom (Advanced)',
-    description:
-      'Choose your own key for your vault. This is an advanced option and is not recommended for most users.',
+    label: c('B6.Preferences.Vaults.Label').t`Custom (Advanced)`,
+    description: c('B6.Preferences.Vaults.Info')
+      .t`Choose your own key for your vault. This is an advanced option and is not recommended for most users.`,
   },
 ]
 
@@ -33,6 +35,7 @@ export const PasswordTypePreference = ({
   onCustomKeyChange: (value: string) => void
 }) => {
   const [customKey, setCustomKey] = useState('')
+  const options = getOptions()
 
   const onKeyInputChange = (value: string) => {
     setCustomKey(value)
@@ -41,7 +44,7 @@ export const PasswordTypePreference = ({
 
   return (
     <div>
-      <div className="mb-3 text-lg">Vault Key Type</div>
+      <div className="mb-3 text-lg">{c('B6.Preferences.Vaults.Title').t`Vault Key Type`}</div>
       <div className="mb-1 space-y-3">
         {options.map((option) => {
           const isSelected = value === option.value
@@ -67,7 +70,7 @@ export const PasswordTypePreference = ({
       {value === KeySystemPasswordType.UserInputted && (
         <div className="mt-2">
           <DecoratedPasswordInput
-            placeholder="Choose a password"
+            placeholder={c('B6.Preferences.Vaults.Placeholder').t`Choose a password`}
             id="key-input"
             value={customKey}
             onChange={onKeyInputChange}
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalInvites.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalInvites.tsx
index 422e1872fe0..39c7733c350 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalInvites.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalInvites.tsx
@@ -3,6 +3,7 @@ import { useApplication } from '@/Components/ApplicationProvider'
 import { SharedVaultInviteServerHash } from '@standardnotes/snjs'
 import Icon from '@/Components/Icon/Icon'
 import Button from '@/Components/Button/Button'
+import { c } from 'ttag'
 
 export const VaultModalInvites = ({
   invites,
@@ -25,7 +26,7 @@ export const VaultModalInvites = ({
 
   return (
     <div>
-      <div className="mb-3 text-lg">Pending Invites</div>
+      <div className="mb-3 text-lg">{c('B6.Preferences.Vaults.Label').t`Pending Invites`}</div>
       <div className="space-y-3.5">
         {invites.map((invite) => {
           const contact = application.contacts.findContactForInvite(invite)
@@ -42,19 +43,19 @@ export const VaultModalInvites = ({
                 {contact ? (
                   <div className="flex items-center gap-1 rounded bg-success px-1 py-0.5 text-xs text-success-contrast">
                     <Icon type="check-circle" size="small" />
-                    Trusted
+                    {c('B6.Preferences.Vaults.Label').t`Trusted`}
                   </div>
                 ) : (
                   <div className="flex items-center gap-1 rounded bg-danger px-1 py-0.5 pr-1.5 text-xs text-danger-contrast">
                     <Icon type="clear-circle-filled" size="small" />
-                    Untrusted
+                    {c('B6.Preferences.Vaults.Label').t`Untrusted`}
                   </div>
                 )}
               </div>
               <div className="col-start-2 row-start-2">{permission}</div>
               {isAdmin && (
                 <Button
-                  label="Cancel Invite"
+                  label={c('B6.Preferences.Vaults.Action').t`Cancel Invite`}
                   className="col-start-2 row-start-3 mt-1"
                   onClick={() => deleteInvite(invite)}
                   small
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalMembers.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalMembers.tsx
index c9004e3639c..5488e4aa8d2 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalMembers.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalMembers.tsx
@@ -5,6 +5,7 @@ import Icon from '@/Components/Icon/Icon'
 import Button from '@/Components/Button/Button'
 import ModalOverlay from '@/Components/Modal/ModalOverlay'
 import DesignateSurvivorModal from './DesignateSurvivorModal'
+import { c } from 'ttag'
 
 export const VaultModalMembers = ({
   members,
@@ -36,17 +37,17 @@ export const VaultModalMembers = ({
 
   return (
     <div>
-      <div className="mb-3 text-lg">Vault Members</div>
+      <div className="mb-3 text-lg">{c('B6.Preferences.Vaults.Label').t`Vault Members`}</div>
       {vaultHasNoDesignatedSurvivor && members.length > 1 && isCurrentUserAdmin && (
         <div className="bg-danger-faded mb-3 grid grid-cols-[auto,1fr] gap-x-[0.65rem] gap-y-0.5 overflow-hidden rounded p-2.5 text-danger">
           <Icon type="warning" className="place-self-center" />
-          <div className="text-base font-semibold">No designated survivor</div>
+          <div className="text-base font-semibold">{c('B6.Preferences.Vaults.Label').t`No designated survivor`}</div>
           <div className="col-start-2">
-            Vaults that have no designated survivor will be deleted when the owner account is deleted. In order to
-            ensure that no data is lost, please designate a survivor who will be transferred ownership of the vault.
+            {c('B6.Preferences.Vaults.Info')
+              .t`Vaults that have no designated survivor will be deleted when the owner account is deleted. In order to ensure that no data is lost, please designate a survivor who will be transferred ownership of the vault.`}
           </div>
           <Button small className="col-start-2 mt-1.5" onClick={openDesignateSurvivorModal}>
-            Designate survivor
+            {c('B6.Preferences.Vaults.Action').t`Designate survivor`}
           </Button>
           <ModalOverlay isOpen={isDesignateSurvivorModalOpen} close={closeDesignateSurvivorModal}>
             <DesignateSurvivorModal vault={vault} members={members} closeModal={closeDesignateSurvivorModal} />
@@ -70,18 +71,18 @@ export const VaultModalMembers = ({
                 {contact ? (
                   <div className="flex items-center gap-1 rounded bg-success px-1 py-0.5 text-xs text-success-contrast">
                     <Icon type="check-circle" size="small" />
-                    Trusted
+                    {c('B6.Preferences.Vaults.Label').t`Trusted`}
                   </div>
                 ) : (
                   <div className="flex items-center gap-1 rounded bg-danger px-1 py-0.5 pr-1.5 text-xs text-danger-contrast">
                     <Icon type="clear-circle-filled" size="small" />
-                    Untrusted
+                    {c('B6.Preferences.Vaults.Label').t`Untrusted`}
                   </div>
                 )}
                 {member.is_designated_survivor && (
                   <div className="flex items-center gap-1 rounded bg-info px-1 py-0.5 text-xs text-success-contrast">
                     <Icon type="security" size="small" />
-                    Designated survivor
+                    {c('B6.Preferences.Vaults.Label').t`Designated survivor`}
                   </div>
                 )}
               </div>
@@ -89,7 +90,7 @@ export const VaultModalMembers = ({
               {isCurrentUserAdmin && !isMemberVaultOwner && (
                 <Button
                   className="col-start-2 row-start-3 mt-1"
-                  label="Remove From Vault"
+                  label={c('B6.Preferences.Vaults.Action').t`Remove From Vault`}
                   onClick={() => removeMemberFromVault(member)}
                   small
                 />
diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
index 0b3f9d4d6cb..2e62aebc59c 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
@@ -8,6 +8,7 @@ import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
 import { getSectionItems } from './getSectionItems'
 import { isDesktopApplication } from '@/Utils'
 import { compareSemVersions } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 const WhatsNewSection = ({ items, sectionName }: { items: string[] | undefined; sectionName: string }) => {
   if (!items) {
@@ -44,7 +45,7 @@ const WhatsNew = ({ application }: { application: WebApplication }) => {
   if (!changelog) {
     return (
       <div className="flex h-full w-full items-center text-center">
-        <span className="w-full font-bold">Loading...</span>
+        <span className="w-full font-bold">{c('B6.Preferences.Other.Info').t`Loading...`}</span>
       </div>
     )
   }
@@ -81,31 +82,31 @@ const WhatsNew = ({ application }: { application: WebApplication }) => {
                   <Title className="mb-3 flex">{version.version}</Title>
                   {version.version === appVersion && (
                     <div className="ml-2 select-none rounded bg-info px-2 py-1 text-[0.625rem] font-bold text-info-contrast">
-                      Your Version
+                      {c('B6.Preferences.Other.Label').t`Your Version`}
                     </div>
                   )}
                   {isLatest && (
                     <div className="ml-2 select-none rounded bg-success px-2 py-1 text-[0.625rem] font-bold text-success-contrast">
-                      Latest Version
+                      {c('B6.Preferences.Other.Label').t`Latest Version`}
                     </div>
                   )}
                   {isUnreadVersion && (
                     <div className="ml-2 select-none rounded bg-success px-2 py-1 text-[0.625rem] font-bold text-success-contrast">
-                      New
+                      {c('B6.Preferences.Other.Label').t`New`}
                     </div>
                   )}
                 </div>
                 {showDownloadLink && (
                   <LinkButton
-                    label={'Open Downloads'}
+                    label={c('B6.Preferences.Other.Action').t`Open Downloads`}
                     link={application.changelogService.getDesktopDownloadsUrl(version.version)}
                     className="mb-3"
                   />
                 )}
               </div>
-              <WhatsNewSection sectionName="Features" items={features} />
+              <WhatsNewSection sectionName={c('B6.Preferences.Other.Subtitle').t`Features`} items={features} />
               {features && bugFixes && <HorizontalSeparator classes="my-4" />}
-              <WhatsNewSection sectionName="Bug Fixes" items={bugFixes} />
+              <WhatsNewSection sectionName={c('B6.Preferences.Other.Subtitle').t`Bug Fixes`} items={bugFixes} />
             </div>
           </PreferencesGroup>
         )
diff --git a/packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx b/packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx
index 74674b8bddc..771b2e5f482 100644
--- a/packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx
@@ -5,6 +5,7 @@ import { DropdownItem } from '../Dropdown/DropdownItem'
 import PreferencesMenuItem from './PreferencesComponents/MenuItem'
 import { PreferencesSessionController } from './Controller/PreferencesSessionController'
 import { PreferencePaneId } from '@standardnotes/services'
+import { c } from 'ttag'
 
 type Props = {
   menu: PreferencesSessionController
@@ -43,7 +44,7 @@ const PreferencesMenuView: FunctionComponent<Props> = ({ menu }) => {
       <div className="md:hidden">
         <Dropdown
           items={dropdownMenuItems}
-          label="Preferences Menu"
+          label={c('B6.Preferences.Other.Label').t`Preferences Menu`}
           value={selectedPaneId}
           onChange={(paneId) => {
             selectPane(paneId as PreferencePaneId)
diff --git a/packages/web/src/javascripts/Components/Preferences/PreferencesView.tsx b/packages/web/src/javascripts/Components/Preferences/PreferencesView.tsx
index 9380526845a..02943bb39ad 100644
--- a/packages/web/src/javascripts/Components/Preferences/PreferencesView.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/PreferencesView.tsx
@@ -10,6 +10,7 @@ import { classNames } from '@standardnotes/snjs'
 import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 import Icon from '../Icon/Icon'
+import { c } from 'ttag'
 
 const PreferencesView: FunctionComponent<PreferencesProps> = ({ application, closePreferences }) => {
   const menu = useMemo(
@@ -45,7 +46,7 @@ const PreferencesView: FunctionComponent<PreferencesProps> = ({ application, clo
         label: (
           <span className="flex items-center">
             <Icon type="chevron-left" size="large" />
-            Back
+            {c('B6.Preferences.Other.Action').t`Back`}
           </span>
         ),
         type: 'primary',
@@ -59,7 +60,7 @@ const PreferencesView: FunctionComponent<PreferencesProps> = ({ application, clo
   return (
     <Modal
       close={closePreferences}
-      title="Preferences"
+      title={c('B6.Preferences.Other.Title').t`Preferences`}
       className="flex flex-col"
       customHeader={
         <div
@@ -70,13 +71,14 @@ const PreferencesView: FunctionComponent<PreferencesProps> = ({ application, clo
           data-preferences-header
         >
           <div className="hidden h-8 w-8 md:block" />
-          <h1 className="text-base font-bold md:text-lg">Your preferences for Standard Notes</h1>
+          <h1 className="text-base font-bold md:text-lg">{c('B6.Preferences.Other.Info')
+            .t`Your preferences for Standard Notes`}</h1>
           <RoundIconButton
             onClick={() => {
               closePreferences()
             }}
             icon="close"
-            label="Close preferences"
+            label={c('B6.Preferences.Other.Action').t`Close preferences`}
           />
         </div>
       }
diff --git a/packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx b/packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx
index 1e74a3d14ae..51f9f4aae20 100644
--- a/packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/PreferencesViewWrapper.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent, useEffect } from 'react'
+import { c } from 'ttag'
 import { observer } from 'mobx-react-lite'
 import PreferencesView from './PreferencesView'
 import { PreferencesViewWrapperProps } from './PreferencesViewWrapperProps'
@@ -13,7 +14,7 @@ const PreferencesViewWrapper: FunctionComponent<PreferencesViewWrapperProps> = (
     return application.commands.addWithShortcut(
       OPEN_PREFERENCES_COMMAND,
       'General',
-      'Open preferences',
+      c('B6.Preferences.Other.Action').t`Open preferences`,
       () => application.preferencesController.openPreferences(),
       'tune',
     )
diff --git a/packages/web/src/javascripts/Components/Preferences/PremiumOverlay.tsx b/packages/web/src/javascripts/Components/Preferences/PremiumOverlay.tsx
index 1bb2d790eb8..90bb7ed8804 100644
--- a/packages/web/src/javascripts/Components/Preferences/PremiumOverlay.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/PremiumOverlay.tsx
@@ -2,6 +2,7 @@ import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useRef } from 'react'
 import { UpgradePrompt } from '../PremiumFeaturesModal/Subviews/UpgradePrompt'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 export const PreferencesPremiumOverlay: FunctionComponent = () => {
   const ctaButtonRef = useRef<HTMLButtonElement>(null)
@@ -19,7 +20,7 @@ export const PreferencesPremiumOverlay: FunctionComponent = () => {
       <div className="absolute h-full w-full bg-default opacity-[86%]"></div>
       <div className="border-1 z-10 rounded border border-border bg-default p-5">
         <UpgradePrompt
-          featureName={'Plugin Gallery'}
+          featureName={c('B7.FilesSubscriptionHelp.Subscription.Info').t`Plugin Gallery`}
           ctaRef={ctaButtonRef}
           application={application}
           hasSubscription={hasSubscription}
diff --git a/packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx b/packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx
index 68ba5ec9710..101aa8b49a6 100644
--- a/packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx
+++ b/packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx
@@ -7,6 +7,7 @@ import { UpgradePrompt } from './Subviews/UpgradePrompt'
 import Modal from '../Modal/Modal'
 import SuperDemo from './Subviews/SuperDemo'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -32,14 +33,18 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
   return (
     <Modal
       close={onClose}
-      title={isShowingSuperDemo ? 'Try out Super' : 'Upgrade'}
+      title={
+        isShowingSuperDemo
+          ? c('B7.FilesSubscriptionHelp.Subscription.Title').t`Try out Super`
+          : c('B7.FilesSubscriptionHelp.Subscription.Title').t`Upgrade`
+      }
       className={isShowingSuperDemo ? '' : 'px-6 py-5'}
       customHeader={isShowingSuperDemo ? undefined : <></>}
       actions={
         isShowingSuperDemo
           ? [
               {
-                label: 'Done',
+                label: c('B7.FilesSubscriptionHelp.Subscription.Action').t`Done`,
                 type: 'primary',
                 onClick: onClose,
                 hidden: !isMobileScreen,
diff --git a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuccessPrompt.tsx b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuccessPrompt.tsx
index cddd34c541f..412c33881a3 100644
--- a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuccessPrompt.tsx
+++ b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuccessPrompt.tsx
@@ -1,4 +1,5 @@
 import Icon from '@/Components/Icon/Icon'
+import { c } from 'ttag'
 
 export const SuccessPrompt = ({
   ctaRef,
@@ -14,7 +15,7 @@ export const SuccessPrompt = ({
           <button
             className="flex cursor-pointer border-0 bg-transparent p-0"
             onClick={onClose}
-            aria-label="Close modal"
+            aria-label={c('B2.NavSharedUI.AriaLabel').t`Close modal`}
           >
             <Icon className="text-neutral" type="close" />
           </button>
@@ -25,10 +26,13 @@ export const SuccessPrompt = ({
         >
           <Icon className={'h-24 w-24 px-7 py-2 text-[3.125rem]'} size={'custom'} type={'🎉'} />
         </div>
-        <div className="mb-1 text-center text-lg font-bold">Your purchase was successful!</div>
+        <div className="mb-1 text-center text-lg font-bold">{c('B7.FilesSubscriptionHelp.Subscription.Info')
+          .t`Your purchase was successful!`}</div>
       </div>
 
-      <div className="mb-2 px-4.5 text-center text-sm text-passive-1">Enjoy your new powered up experience.</div>
+      <div className="mb-2 px-4.5 text-center text-sm text-passive-1">
+        {c('B7.FilesSubscriptionHelp.Subscription.Info').t`Enjoy your new powered up experience.`}
+      </div>
 
       <div className="p-4">
         <button
@@ -36,7 +40,7 @@ export const SuccessPrompt = ({
           className="no-border w-full cursor-pointer rounded bg-info py-2 font-bold text-info-contrast hover:brightness-125 focus:brightness-125"
           ref={ctaRef}
         >
-          Continue
+          {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Continue`}
         </button>
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuperDemo.tsx b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuperDemo.tsx
index 0b65c438803..d56aad3a054 100644
--- a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuperDemo.tsx
+++ b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/SuperDemo.tsx
@@ -9,6 +9,7 @@ import { SuperDemoInitialValue } from './SuperDemoInitialValue'
 import { UpgradePrompt } from './UpgradePrompt'
 import { useApplication } from '@/Components/ApplicationProvider'
 import { useAutoElementRect } from '@/Hooks/useElementRect'
+import { FeatureName, getFeatureNameLabel } from '@/Controllers/FeatureName'
 
 const SuperDemo = ({ hasSubscription, onClose }: { hasSubscription: boolean; onClose: () => void }) => {
   const application = useApplication()
@@ -33,7 +34,7 @@ const SuperDemo = ({ hasSubscription, onClose }: { hasSubscription: boolean; onC
         )}
       >
         <UpgradePrompt
-          featureName="Super notes"
+          featureName={getFeatureNameLabel(FeatureName.Super)}
           ctaRef={ctaRef}
           application={application}
           hasSubscription={hasSubscription}
diff --git a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/UpgradePrompt.tsx b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/UpgradePrompt.tsx
index 108ddf159e4..e9c2906a727 100644
--- a/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/UpgradePrompt.tsx
+++ b/packages/web/src/javascripts/Components/PremiumFeaturesModal/Subviews/UpgradePrompt.tsx
@@ -4,6 +4,9 @@ import Icon from '@/Components/Icon/Icon'
 import { PremiumFeatureIconClass, PremiumFeatureIconName } from '@/Components/Icon/PremiumFeatureIcon'
 import { classNames } from '@standardnotes/snjs'
 import { requestCloseAllOpenModalsAndPopovers } from '@/Utils/CloseOpenModalsAndPopovers'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 type Props = {
   featureName?: string
@@ -49,6 +52,8 @@ export const UpgradePrompt = ({
     }
   }, [application, hasSubscription, onClose, onClick])
 
+  const featureNameBold = featureName ? <span className="font-semibold">{featureName}</span> : undefined
+
   return (
     <div className={preferHorizontalLayout ? 'flex flex-wrap items-center gap-4 md:flex-nowrap' : ''}>
       {!inline && (
@@ -56,7 +61,7 @@ export const UpgradePrompt = ({
           <button
             className="flex cursor-pointer border-0 bg-transparent p-0"
             onClick={onClose}
-            aria-label="Close modal"
+            aria-label={c('B2.NavSharedUI.AriaLabel').t`Close modal`}
           >
             <Icon className="text-neutral" type="close" />
           </button>
@@ -77,34 +82,42 @@ export const UpgradePrompt = ({
       </div>
       <div className={preferHorizontalLayout ? '' : 'mb-2'}>
         <div className={classNames('mb-1 text-lg font-bold', preferHorizontalLayout ? 'text-left' : 'text-center')}>
-          Enable Advanced Features
+          {c('B7.FilesSubscriptionHelp.Subscription.Title').t`Enable Advanced Features`}
         </div>
         <div
           className={classNames('text-sm text-passive-1', preferHorizontalLayout ? 'text-left' : 'px-4.5 text-center')}
         >
-          {featureName && (
+          {featureNameBold && (
             <span>
-              To take advantage of <span className="font-semibold">{featureName}</span> and other advanced features,
-              upgrade your current plan.
+              {jtString(
+                c('B7.FilesSubscriptionHelp.Subscription.Info')
+                  .jt`To take advantage of ${featureNameBold} and other advanced features, upgrade your current plan.`,
+              )}
             </span>
           )}
-          {!featureName && (
+          {!featureNameBold && (
             <span>
-              To take advantage of all the advanced features Standard Notes has to offer, upgrade your current plan.
+              {c('B7.FilesSubscriptionHelp.Subscription.Info')
+                .t`To take advantage of all the advanced features Standard Notes has to offer, upgrade your current plan.`}
             </span>
           )}
           {application.isNativeIOS() && (
             <div className="mt-2">
-              <div className="mb-2 font-bold">The Professional Plan costs $119.99/year and includes benefits like</div>
+              <div className="mb-2 font-bold">
+                {c('B7.FilesSubscriptionHelp.Subscription.Info')
+                  .t`The Professional Plan costs $119.99/year and includes benefits like`}
+              </div>
               <ul className="list-inside list-[circle]">
-                <li>100GB encrypted file storage</li>
+                <li>{c('B7.FilesSubscriptionHelp.Subscription.Info').t`100GB encrypted file storage`}</li>
                 <li>
-                  Access to all note types, including Super, markdown, rich text, authenticator, tasks, and spreadsheets
+                  {c('B7.FilesSubscriptionHelp.Subscription.Info')
+                    .t`Access to all note types, including Super, markdown, rich text, authenticator, tasks, and spreadsheets`}
                 </li>
-                <li>Access to Daily Notebooks and Moments journals</li>
-                <li>Note history going back indefinitely</li>
-                <li>Nested folders for your tags</li>
-                <li>Premium support</li>
+                <li>{c('B7.FilesSubscriptionHelp.Subscription.Info')
+                  .t`Access to Daily Notebooks and Moments journals`}</li>
+                <li>{c('B7.FilesSubscriptionHelp.Subscription.Info').t`Note history going back indefinitely`}</li>
+                <li>{c('B7.FilesSubscriptionHelp.Subscription.Info').t`Nested folders for your tags`}</li>
+                <li>{c('B7.FilesSubscriptionHelp.Subscription.Info').t`Premium support`}</li>
               </ul>
             </div>
           )}
@@ -119,7 +132,7 @@ export const UpgradePrompt = ({
           )}
           ref={ctaRef}
         >
-          Upgrade
+          {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Upgrade`}
         </button>
       )}
     </div>
diff --git a/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedItemOverlay.tsx b/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedItemOverlay.tsx
index 7b30833644b..c6ad4f577bf 100644
--- a/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedItemOverlay.tsx
+++ b/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedItemOverlay.tsx
@@ -1,6 +1,9 @@
+import { c } from 'ttag'
 import Button from '@/Components/Button/Button'
 import MobileItemsListButton from '../NoteGroupView/MobileItemsListButton'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 type Props = {
   showAccountMenu: () => void
   onViewItem: () => void
@@ -10,17 +13,22 @@ type Props = {
 
 const ProtectedItemOverlay = ({ showAccountMenu, onViewItem, hasProtectionSources, itemType }: Props) => {
   const instructionText = hasProtectionSources
-    ? `Authenticate to view this ${itemType}.`
-    : `Add a passcode or create an account to require authentication to view this ${itemType}.`
+    ? jtString(c('B2.NavSharedUI.Info').jt`Authenticate to view this ${itemType}.`)
+    : jtString(
+        c('B2.NavSharedUI.Info')
+          .jt`Add a passcode or create an account to require authentication to view this ${itemType}.`,
+      )
 
   return (
-    <div aria-label="Protected overlay" className="section editor sn-component p-5">
+    <div aria-label={c('B2.NavSharedUI.Label').t`Protected overlay`} className="section editor sn-component p-5">
       <div className="flex h-full flex-grow flex-col justify-center md:flex-row md:items-center">
         <div className="mb-auto p-4 md:hidden">
           <MobileItemsListButton />
         </div>
         <div className="mb-auto flex max-w-md flex-col items-center justify-center text-center md:mb-0">
-          <h1 className="m-0 w-full text-2xl font-bold">This {itemType} is protected</h1>
+          <h1 className="m-0 w-full text-2xl font-bold">
+            {jtString(c('B2.NavSharedUI.Title').jt`This ${itemType} is protected`)}
+          </h1>
           <p className="mt-2 w-full text-lg">{instructionText}</p>
           <div className="mt-4 flex gap-3">
             {!hasProtectionSources && (
@@ -31,11 +39,13 @@ const ProtectedItemOverlay = ({ showAccountMenu, onViewItem, hasProtectionSource
                   showAccountMenu()
                 }}
               >
-                Open account menu
+                {c('B2.NavSharedUI.Action').t`Open account menu`}
               </Button>
             )}
             <Button small onClick={onViewItem}>
-              {hasProtectionSources ? 'Authenticate' : `View ${itemType}`}
+              {hasProtectionSources
+                ? c('B2.NavSharedUI.Action').t`Authenticate`
+                : jtString(c('B2.NavSharedUI.Action').jt`View ${itemType}`)}
             </Button>
           </div>
         </div>
diff --git a/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedUnauthorizedLabel.tsx b/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedUnauthorizedLabel.tsx
index 784e35a041c..7595c6c4703 100644
--- a/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedUnauthorizedLabel.tsx
+++ b/packages/web/src/javascripts/Components/ProtectedItemOverlay/ProtectedUnauthorizedLabel.tsx
@@ -1,5 +1,9 @@
+import { c } from 'ttag'
+
 const ProtectedUnauthorizedLabel = () => {
-  return <div className="text-center">This item is protected. Please authorize first.</div>
+  return (
+    <div className="text-center">{c('B2.NavSharedUI.Info').t`This item is protected. Please authorize first.`}</div>
+  )
 }
 
 export default ProtectedUnauthorizedLabel
diff --git a/packages/web/src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx b/packages/web/src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx
index 59a9737251a..443a462dd9e 100644
--- a/packages/web/src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx
+++ b/packages/web/src/javascripts/Components/PurchaseFlow/Panes/CreateAccount.tsx
@@ -158,7 +158,9 @@ const CreateAccount: FunctionComponent<Props> = ({ application }) => {
           disabled={isCreatingAccount}
           isInvalid={isEmailInvalid}
         />
-        {isEmailInvalid ? <div className="mb-4 text-danger">{c('B1.Account.SignIn.Error').t`Please provide a valid email.`}</div> : null}
+        {isEmailInvalid ? (
+          <div className="mb-4 text-danger">{c('B1.Account.SignIn.Error').t`Please provide a valid email.`}</div>
+        ) : null}
         <FloatingLabelInput
           className="min-w-auto mb-4 md:min-w-90"
           id="purchase-create-account-password"
@@ -181,7 +183,8 @@ const CreateAccount: FunctionComponent<Props> = ({ application }) => {
           isInvalid={isPasswordNotMatching}
         />
         {isPasswordNotMatching ? (
-          <div className="mb-4 text-danger">{c('B1.Account.SignIn.Error').t`Passwords don't match. Please try again.`}</div>
+          <div className="mb-4 text-danger">{c('B1.Account.SignIn.Error')
+            .t`Passwords don't match. Please try again.`}</div>
         ) : null}
       </div>
     </form>
@@ -204,7 +207,8 @@ const CreateAccount: FunctionComponent<Props> = ({ application }) => {
         }
         {
           // translator: Full sentence: "Create your free account to continue to Standard Notes."
-          <div className="mb-4 text-sm font-medium">{c('B1.Account.SignIn.Info').t`to continue to Standard Notes.`}</div>
+          <div className="mb-4 text-sm font-medium">{c('B1.Account.SignIn.Info')
+            .t`to continue to Standard Notes.`}</div>
         }
         {captchaURL ? captchaIframe : CreateAccountForm}
         <div className="flex flex-col-reverse items-start justify-between md:flex-row md:items-center">
@@ -232,7 +236,11 @@ const CreateAccount: FunctionComponent<Props> = ({ application }) => {
           <Button
             className="mb-4 py-2.5 md:mb-0"
             primary
-            label={isCreatingAccount ? c('B1.Account.SignIn.Action').t`Creating account...` : c('B1.Account.SignIn.Action').t`Create account`}
+            label={
+              isCreatingAccount
+                ? c('B1.Account.SignIn.Action').t`Creating account...`
+                : c('B1.Account.SignIn.Action').t`Create account`
+            }
             onClick={handleCreateAccount}
             disabled={isCreatingAccount}
           />
diff --git a/packages/web/src/javascripts/Components/PurchaseFlow/PurchaseFlowView.tsx b/packages/web/src/javascripts/Components/PurchaseFlow/PurchaseFlowView.tsx
index 2365c44ae10..e7fa0377b4a 100644
--- a/packages/web/src/javascripts/Components/PurchaseFlow/PurchaseFlowView.tsx
+++ b/packages/web/src/javascripts/Components/PurchaseFlow/PurchaseFlowView.tsx
@@ -6,6 +6,7 @@ import CreateAccount from './Panes/CreateAccount'
 import SignIn from './Panes/SignIn'
 import { SNLogoFull } from '@standardnotes/icons'
 import Icon from '../Icon/Icon'
+import { c } from 'ttag'
 
 type PaneSelectorProps = {
   currentPane: PurchaseFlowPane
@@ -49,7 +50,7 @@ const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> = ({ applicatio
             target="_blank"
             rel="noopener noreferrer"
           >
-            Privacy
+            {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Privacy`}
           </a>
           <a
             className="font-medium text-passive-1"
@@ -57,7 +58,7 @@ const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> = ({ applicatio
             target="_blank"
             rel="noopener noreferrer"
           >
-            Help
+            {c('B7.FilesSubscriptionHelp.Subscription.Action').t`Help`}
           </a>
         </div>
       </div>
diff --git a/packages/web/src/javascripts/Components/QuickSettingsMenu/FocusModeSwitch.tsx b/packages/web/src/javascripts/Components/QuickSettingsMenu/FocusModeSwitch.tsx
index dbb7b3a9de8..5a7d2619828 100644
--- a/packages/web/src/javascripts/Components/QuickSettingsMenu/FocusModeSwitch.tsx
+++ b/packages/web/src/javascripts/Components/QuickSettingsMenu/FocusModeSwitch.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import { FunctionComponent, useCallback, useMemo } from 'react'
 import { isMobileScreen } from '@/Utils'
 import { TOGGLE_FOCUS_MODE_COMMAND } from '@standardnotes/ui-services'
@@ -30,7 +31,7 @@ const FocusModeSwitch: FunctionComponent<Props> = ({ application, onToggle, onCl
 
   return (
     <MenuSwitchButtonItem onChange={toggle} shortcut={shortcut} checked={isEnabled}>
-      Focus Mode
+      {c('B2.NavSharedUI.Label').t`Focus Mode`}
     </MenuSwitchButtonItem>
   )
 }
diff --git a/packages/web/src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx b/packages/web/src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx
index edafed53018..755d48a39bd 100644
--- a/packages/web/src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx
+++ b/packages/web/src/javascripts/Components/QuickSettingsMenu/PanelSettingsSection.tsx
@@ -1,4 +1,5 @@
 import { TOGGLE_LIST_PANE_KEYBOARD_COMMAND, TOGGLE_NAVIGATION_PANE_KEYBOARD_COMMAND } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 import { useMemo } from 'react'
 import { observer } from 'mobx-react-lite'
 import { useResponsiveAppPane } from '../Panes/ResponsivePaneProvider'
@@ -29,7 +30,7 @@ const PanelSettingsSection = () => {
         onChange={toggleNavigationPane}
         shortcut={navigationShortcut}
       >
-        Show Tags Panel
+        {c('B2.NavSharedUI.Label').t`Show Tags Panel`}
       </MenuSwitchButtonItem>
       <MenuSwitchButtonItem
         className="items-center"
@@ -37,7 +38,7 @@ const PanelSettingsSection = () => {
         onChange={toggleListPane}
         shortcut={listShortcut}
       >
-        Show Notes Panel
+        {c('B2.NavSharedUI.Label').t`Show Notes Panel`}
       </MenuSwitchButtonItem>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx b/packages/web/src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx
index 645a907fe25..e76205ef019 100644
--- a/packages/web/src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx
+++ b/packages/web/src/javascripts/Components/QuickSettingsMenu/QuickSettingsMenu.tsx
@@ -1,3 +1,4 @@
+import { c } from 'ttag'
 import {
   ComponentArea,
   ComponentInterface,
@@ -115,9 +116,9 @@ const QuickSettingsMenu: FunctionComponent<MenuProps> = ({ closeMenu }) => {
   }, [deactivateAnyNonLayerableTheme])
 
   return (
-    <Menu a11yLabel="Quick settings menu">
+    <Menu a11yLabel={c('B2.NavSharedUI.AriaLabel').t`Quick settings menu`}>
       {editorStackComponents.length > 0 && (
-        <MenuSection title="Tools">
+        <MenuSection title={c('B2.NavSharedUI.Label').t`Tools`}>
           {editorStackComponents.map((component) => (
             <MenuSwitchButtonItem
               onChange={() => {
@@ -132,9 +133,9 @@ const QuickSettingsMenu: FunctionComponent<MenuProps> = ({ closeMenu }) => {
           ))}
         </MenuSection>
       )}
-      <MenuSection title="Appearance">
+      <MenuSection title={c('B2.NavSharedUI.Label').t`Appearance`}>
         <MenuRadioButtonItem checked={defaultThemeOn} onClick={toggleDefaultTheme} ref={defaultThemeButtonRef}>
-          Default
+          {c('B2.NavSharedUI.Label').t`Default`}
         </MenuRadioButtonItem>
         {themes.map((theme) => (
           <ThemesMenuButton uiFeature={theme} key={theme.uniqueIdentifier.value} />
diff --git a/packages/web/src/javascripts/Components/RecoveryCodeBanner/RecoveryCodeBanner.tsx b/packages/web/src/javascripts/Components/RecoveryCodeBanner/RecoveryCodeBanner.tsx
index 64588b82fd8..f139c6fd6d1 100644
--- a/packages/web/src/javascripts/Components/RecoveryCodeBanner/RecoveryCodeBanner.tsx
+++ b/packages/web/src/javascripts/Components/RecoveryCodeBanner/RecoveryCodeBanner.tsx
@@ -4,6 +4,7 @@ import { useState } from 'react'
 import Button from '../Button/Button'
 import Icon from '../Icon/Icon'
 import StyledTooltip from '../StyledTooltip/StyledTooltip'
+import { c } from 'ttag'
 
 const RecoveryCodeBanner = ({ application }: { application: WebApplication }) => {
   const [recoveryCode, setRecoveryCode] = useState<string>()
@@ -29,21 +30,21 @@ const RecoveryCodeBanner = ({ application }: { application: WebApplication }) =>
     <div className="grid grid-cols-1 rounded-md border border-border p-4">
       <div className="flex items-center">
         <Icon className="-ml-1 mr-1 h-5 w-5 text-info group-disabled:text-passive-2" type="asterisk" />
-        <h1 className="sk-h3 m-0 text-sm font-semibold">Save your recovery code</h1>
+        <h1 className="sk-h3 m-0 text-sm font-semibold">{c('B1.Account.Session.Title').t`Save your recovery code`}</h1>
       </div>
       <p className="col-start-1 col-end-3 m-0 mt-1 text-sm">
-        Your recovery code allows you access to your account in the event you lose your 2FA authenticating device or
-        app. Save your recovery code in a safe place outside your account.
+        {c('B1.Account.Session.Info')
+          .t`Your recovery code allows you access to your account in the event you lose your 2FA authenticating device or app. Save your recovery code in a safe place outside your account.`}
       </p>
       {errorMessage && <div>{errorMessage}</div>}
       {!recoveryCode && (
         <Button primary small className="col-start-1 col-end-3 mt-3 justify-self-start uppercase" onClick={onClickShow}>
-          Show Recovery Code
+          {c('B1.Account.Session.Action').t`Show Recovery Code`}
         </Button>
       )}
       {recoveryCode && (
         <div className="group relative mt-2 rounded border border-border px-3 py-2 text-sm font-semibold">
-          <StyledTooltip label="Copy to clipboard" className="!z-modal">
+          <StyledTooltip label={c('B1.Account.Session.Label').t`Copy to clipboard`} className="!z-modal">
             <button
               className="absolute right-2 top-2 flex rounded border border-border bg-default p-1 opacity-0 hover:bg-contrast focus:opacity-100 group-hover:opacity-100"
               onClick={() => {
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryListContainer.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryListContainer.tsx
index 9d49739ede3..ca642d45267 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryListContainer.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryListContainer.tsx
@@ -7,6 +7,7 @@ import RemoteHistoryList from './RemoteHistoryList'
 import { RevisionType } from './RevisionType'
 import SessionHistoryList from './SessionHistoryList'
 import { HistoryModalMobileTab } from './utils'
+import { c } from 'ttag'
 
 type Props = {
   features: FeaturesClientInterface
@@ -17,6 +18,17 @@ type Props = {
 const HistoryListContainer: FunctionComponent<Props> = ({ features, noteHistoryController, selectMobileModalTab }) => {
   const { legacyHistory, currentTab, selectTab } = noteHistoryController
 
+  const revisionTypeLabel = (type: RevisionType) => {
+    switch (type) {
+      case RevisionType.Remote:
+        return c('B4.Notes.History.Label').t`Remote`
+      case RevisionType.Session:
+        return c('B4.Notes.History.Label').t`Session`
+      case RevisionType.Legacy:
+        return c('B4.Notes.History.Label').t`Legacy`
+    }
+  }
+
   const TabButton: FunctionComponent<{
     type: RevisionType
   }> = ({ type }) => {
@@ -31,7 +43,7 @@ const HistoryListContainer: FunctionComponent<Props> = ({ features, noteHistoryC
           selectTab(type)
         }}
       >
-        {type}
+        {revisionTypeLabel(type)}
       </button>
     )
   }
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalContentPane.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalContentPane.tsx
index 0ac2f895f23..052a9b96a48 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalContentPane.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalContentPane.tsx
@@ -5,6 +5,7 @@ import { RevisionContentState } from '@/Controllers/NoteHistory/Types'
 import Spinner from '@/Components/Spinner/Spinner'
 import { ReadonlyNoteContent } from '../NoteView/ReadonlyNoteContent'
 import { SNNote } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   noteHistoryController: NoteHistoryController
@@ -18,7 +19,7 @@ const HistoryModalContentPane = ({ noteHistoryController, note }: Props) => {
     case RevisionContentState.Idle:
       return (
         <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 select-none text-sm text-passive-0">
-          No revision selected
+          {c('B4.Notes.History.Label').t`No revision selected`}
         </div>
       )
     case RevisionContentState.Loading:
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
index 51587411e51..6b4a7bd6248 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
@@ -4,6 +4,7 @@ import { Dialog, useDialogStore } from '@ariakit/react'
 import { ForwardedRef, forwardRef, ReactNode, useCallback } from 'react'
 import { mergeRefs } from '@/Hooks/mergeRefs'
 import { DialogWithClose } from '@/Utils/CloseOpenModalsAndPopovers'
+import { c } from 'ttag'
 
 type Props = {
   children: ReactNode
@@ -27,7 +28,7 @@ const HistoryModalDialog = forwardRef(({ children, onDismiss }: Props, ref: Forw
   return (
     <Dialog
       store={dialog}
-      aria-label="Note revision history"
+      aria-label={c('B4.Notes.History.Label').t`Note revision history`}
       ref={mergeRefs([addCloseMethod, ref])}
       className="fixed left-0 top-0 z-modal h-full w-full"
     >
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialogContent.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialogContent.tsx
index 444830a693f..f1ca5a601a1 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialogContent.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialogContent.tsx
@@ -13,6 +13,7 @@ import Popover from '../Popover/Popover'
 import MobileModalHeader from '../Modal/MobileModalHeader'
 import { useApplication } from '../ApplicationProvider'
 import { useItemVaultInfo } from '@/Hooks/useItemVaultInfo'
+import { c } from 'ttag'
 
 const HistoryModalDialogContent = ({ dismissModal, note }: RevisionHistoryModalContentProps) => {
   const application = useApplication()
@@ -53,7 +54,7 @@ const HistoryModalDialogContent = ({ dismissModal, note }: RevisionHistoryModalC
           </div>
         </MobileModalAction>
         <Popover
-          title="Advanced"
+          title={c('B4.Notes.History.Label').t`Advanced`}
           open={showTabMenu}
           anchorElement={tabOptionRef}
           disableMobileFullscreenTakeover={true}
@@ -69,7 +70,7 @@ const HistoryModalDialogContent = ({ dismissModal, note }: RevisionHistoryModalC
             }}
             className="p-1.5 text-base font-semibold hover:bg-contrast focus:bg-info-backdrop focus:shadow-none focus:outline-none"
           >
-            List
+            {c('B4.Notes.History.Label').t`List`}
           </button>
           <button
             onClick={() => {
@@ -78,12 +79,12 @@ const HistoryModalDialogContent = ({ dismissModal, note }: RevisionHistoryModalC
             }}
             className="p-1.5 text-base font-semibold hover:bg-contrast focus:bg-info-backdrop focus:shadow-none focus:outline-none"
           >
-            Content
+            {c('B4.Notes.History.Label').t`Content`}
           </button>
         </Popover>
-        <div className="text-center text-base font-semibold">History</div>
+        <div className="text-center text-base font-semibold">{c('B4.Notes.History.Action').t`History`}</div>
         <MobileModalAction type="primary" slot="right" action={dismissModal}>
-          Done
+          {c('B4.Notes.History.Action').t`Done`}
         </MobileModalAction>
       </MobileModalHeader>
       <div className="flex min-h-0 flex-grow">
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalFooter.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalFooter.tsx
index db674e9f91e..70fb8afa36a 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalFooter.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalFooter.tsx
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite'
 import { useCallback, useState } from 'react'
 import Button from '@/Components/Button/Button'
 import Spinner from '@/Components/Spinner/Spinner'
+import { c } from 'ttag'
 
 type Props = {
   dismissModal: () => void
@@ -43,20 +44,29 @@ const HistoryModalFooter = ({ dismissModal, noteHistoryController, readonly = fa
 
   return (
     <div className="flex min-h-6 flex-shrink-0 flex-wrap items-center gap-2.5 border-t border-solid border-border px-2.5 py-2 md:justify-between">
-      <Button className="py-1.35" label="Close" onClick={dismissModal} />
+      <Button className="py-1.35" label={c('B4.Notes.History.Action').t`Close`} onClick={dismissModal} />
       {selectedRevision && selectedEntry && !readonly && (
         <>
           {(selectedEntry as RevisionMetadata).uuid && (
             <Button className="md:ml-auto" onClick={deleteSelectedRevision}>
-              {isDeletingRevision ? <Spinner className="my-1 h-3 w-3" /> : 'Delete this revision'}
+              {isDeletingRevision ? (
+                <Spinner className="my-1 h-3 w-3" />
+              ) : (
+                c('B4.Notes.History.Action').t`Delete this revision`
+              )}
             </Button>
           )}
           <Button
             className={!(selectedEntry as RevisionMetadata).uuid ? 'md:ml-auto' : ''}
-            label="Restore as a copy"
+            label={c('B4.Notes.History.Action').t`Restore as a copy`}
             onClick={restoreAsCopy}
           />
-          <Button className="" label="Restore version" onClick={restoreSelectedRevision} primary />
+          <Button
+            className=""
+            label={c('B4.Notes.History.Action').t`Restore version`}
+            onClick={restoreSelectedRevision}
+            primary
+          />
         </>
       )}
     </div>
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/LegacyHistoryList.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/LegacyHistoryList.tsx
index 7ba07948a75..304e0665691 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/LegacyHistoryList.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/LegacyHistoryList.tsx
@@ -3,6 +3,7 @@ import { FunctionComponent, useState } from 'react'
 import { useListKeyboardNavigation } from '@/Hooks/useListKeyboardNavigation'
 import HistoryListItem from './HistoryListItem'
 import { NoteHistoryController } from '@/Controllers/NoteHistory/NoteHistoryController'
+import { c } from 'ttag'
 
 type Props = {
   legacyHistory: Action[] | undefined
@@ -41,7 +42,10 @@ const LegacyHistoryList: FunctionComponent<Props> = ({ legacyHistory, noteHistor
           </HistoryListItem>
         )
       })}
-      {!legacyHistory?.length && <div className="select-none text-sm text-passive-0">No legacy history found</div>}
+      {!legacyHistory?.length && (
+        <div className="select-none text-sm text-passive-0">{c('B4.Notes.History.Label')
+          .t`No legacy history found`}</div>
+      )}
     </div>
   )
 }
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/RemoteHistoryList.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/RemoteHistoryList.tsx
index f3a419bee3d..ba4e1b3b72e 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/RemoteHistoryList.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/RemoteHistoryList.tsx
@@ -3,11 +3,12 @@ import { Fragment, FunctionComponent, useMemo, useState } from 'react'
 import Icon from '@/Components/Icon/Icon'
 import { useListKeyboardNavigation } from '@/Hooks/useListKeyboardNavigation'
 import HistoryListItem from './HistoryListItem'
-import { previewHistoryEntryTitle } from './utils'
+import { previewHistoryEntryTitle, formatRevisionGroupTitle } from './utils'
 import { FeaturesClientInterface, RevisionMetadata } from '@standardnotes/snjs'
 import { NoteHistoryController } from '@/Controllers/NoteHistory/NoteHistoryController'
 import Spinner from '@/Components/Spinner/Spinner'
 import { PremiumFeatureIconClass, PremiumFeatureIconName } from '../Icon/PremiumFeatureIcon'
+import { c } from 'ttag'
 
 type RemoteHistoryListProps = {
   features: FeaturesClientInterface
@@ -41,7 +42,7 @@ const RemoteHistoryList: FunctionComponent<RemoteHistoryListProps> = ({
           return (
             <Fragment key={group.title}>
               <div className="mb-1 mt-2.5 select-none px-3 text-sm font-semibold uppercase text-passive-0">
-                {group.title}
+                {formatRevisionGroupTitle(group.title)}
               </div>
               {group.entries.map((entry) => (
                 <HistoryListItem
@@ -67,7 +68,8 @@ const RemoteHistoryList: FunctionComponent<RemoteHistoryListProps> = ({
         }
       })}
       {!remoteHistoryLength && !isFetchingRemoteHistory && (
-        <div className="select-none text-sm text-passive-0">No remote history found</div>
+        <div className="select-none text-sm text-passive-0">{c('B4.Notes.History.Label')
+          .t`No remote history found`}</div>
       )}
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/RevisionContentLocked.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/RevisionContentLocked.tsx
index 200ccb4e003..cfa5559e8a9 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/RevisionContentLocked.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/RevisionContentLocked.tsx
@@ -3,20 +3,23 @@ import { FunctionComponent } from 'react'
 import { HistoryLockedIllustration } from '@standardnotes/icons'
 import Button from '@/Components/Button/Button'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 const getPlanHistoryDuration = (planName: string | undefined) => {
   switch (planName) {
     case 'Core':
-      return '30 days'
+      return c('B4.Notes.History.Label').t`30 days`
     case 'Plus':
-      return '365 days'
+      return c('B4.Notes.History.Label').t`365 days`
     default:
-      return "the current session's changes"
+      return c('B4.Notes.History.Label').t`the current session's changes`
   }
 }
 
 const getPremiumContentCopy = (planName: string | undefined) => {
-  return `Version history is limited to ${getPlanHistoryDuration(planName)} in the ${planName} plan`
+  const duration = getPlanHistoryDuration(planName)
+  const plan = planName ?? c('B4.Notes.History.Label').t`free`
+  return c('B4.Notes.History.Label').jt`Version history is limited to ${duration} in the ${plan} plan`
 }
 
 const RevisionContentLocked: FunctionComponent = () => {
@@ -33,14 +36,15 @@ const RevisionContentLocked: FunctionComponent = () => {
     <div className="flex h-full w-full items-center justify-center">
       <div className="max-w-40% flex flex-col items-center px-8 text-center">
         <HistoryLockedIllustration />
-        <div className="mb-1 mt-2 text-lg font-bold">Can't access this version</div>
+        <div className="mb-1 mt-2 text-lg font-bold">{c('B4.Notes.History.Label').t`Can't access this version`}</div>
         <div className="leading-140% mb-4 text-passive-0">
-          {getPremiumContentCopy(planName)}. Learn more about our other plans to upgrade your history capacity.
+          {getPremiumContentCopy(planName)}.{' '}
+          {c('B4.Notes.History.Label').t`Learn more about our other plans to upgrade your history capacity.`}
         </div>
         {application.canShowPurchaseFlow() && (
           <Button
             primary
-            label="Discover plans"
+            label={c('B4.Notes.History.Action').t`Discover plans`}
             onClick={() => {
               if (window.plansUrl) {
                 window.location.assign(window.plansUrl)
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/SessionHistoryList.tsx b/packages/web/src/javascripts/Components/RevisionHistoryModal/SessionHistoryList.tsx
index 3dcebb16808..d5e312dac91 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/SessionHistoryList.tsx
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/SessionHistoryList.tsx
@@ -1,8 +1,10 @@
 import { Fragment, FunctionComponent, useMemo, useState } from 'react'
 import { useListKeyboardNavigation } from '@/Hooks/useListKeyboardNavigation'
 import HistoryListItem from './HistoryListItem'
+import { formatRevisionGroupTitle } from './utils'
 import { observer } from 'mobx-react-lite'
 import { NoteHistoryController } from '@/Controllers/NoteHistory/NoteHistoryController'
+import { c } from 'ttag'
 
 type Props = {
   noteHistoryController: NoteHistoryController
@@ -33,7 +35,7 @@ const SessionHistoryList: FunctionComponent<Props> = ({ noteHistoryController, o
           return (
             <Fragment key={group.title}>
               <div className="mb-1 mt-2.5 select-none px-3 text-sm font-semibold uppercase text-passive-0">
-                {group.title}
+                {formatRevisionGroupTitle(group.title)}
               </div>
               {group.entries.map((entry, index) => (
                 <HistoryListItem
@@ -53,7 +55,10 @@ const SessionHistoryList: FunctionComponent<Props> = ({ noteHistoryController, o
           return null
         }
       })}
-      {!sessionHistoryLength && <div className="select-none text-sm text-passive-0">No session history found</div>}
+      {!sessionHistoryLength && (
+        <div className="select-none text-sm text-passive-0">{c('B4.Notes.History.Label')
+          .t`No session history found`}</div>
+      )}
     </div>
   )
 }
diff --git a/packages/web/src/javascripts/Components/RevisionHistoryModal/utils.ts b/packages/web/src/javascripts/Components/RevisionHistoryModal/utils.ts
index 864d9ad2f08..4eae0f69145 100644
--- a/packages/web/src/javascripts/Components/RevisionHistoryModal/utils.ts
+++ b/packages/web/src/javascripts/Components/RevisionHistoryModal/utils.ts
@@ -1,6 +1,7 @@
 import { DAYS_IN_A_WEEK, DAYS_IN_A_YEAR } from '@/Constants/Constants'
 import { HistoryEntry, NoteHistoryEntry, RevisionMetadata } from '@standardnotes/snjs'
 import { calculateDifferenceBetweenDatesInDays } from '../../Utils/CalculateDifferenceBetweenDatesInDays'
+import { c } from 'ttag'
 
 export type HistoryModalMobileTab = 'Content' | 'List'
 
@@ -68,6 +69,19 @@ const GROUP_TITLE_TODAY = 'Today'
 const GROUP_TITLE_WEEK = 'This Week'
 const GROUP_TITLE_YEAR = 'More Than A Year Ago'
 
+export const formatRevisionGroupTitle = (title: string): string => {
+  switch (title) {
+    case GROUP_TITLE_TODAY:
+      return c('B4.Notes.History.Label').t`Today`
+    case GROUP_TITLE_WEEK:
+      return c('B4.Notes.History.Label').t`This Week`
+    case GROUP_TITLE_YEAR:
+      return c('B4.Notes.History.Label').t`More Than A Year Ago`
+    default:
+      return title
+  }
+}
+
 export const sortRevisionListIntoGroups = <EntryType extends RevisionEntry>(revisionList: EntryType[] | undefined) => {
   const sortedGroups: ListGroup<EntryType>[] = [
     {
diff --git a/packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx b/packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx
index 5eaf25df4ec..beee64f9aed 100644
--- a/packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx
+++ b/packages/web/src/javascripts/Components/SearchBar/SearchBar.tsx
@@ -1,4 +1,5 @@
 import { ItemListController } from '@/Controllers/ItemList/ItemListController'
+import { c } from 'ttag'
 import { KeyboardKey } from '@standardnotes/ui-services'
 import { useCallback, KeyboardEventHandler, useRef } from 'react'
 import SearchOptions from '@/Components/SearchOptions/SearchOptions'
@@ -52,7 +53,7 @@ const SearchBar = ({ itemListController, searchOptionsController, hideOptions =
           container: 'px-1',
           input: 'text-base placeholder:text-passive-0 lg:text-sm',
         }}
-        placeholder={'Search...'}
+        placeholder={c('B2.NavSharedUI.Placeholder').t`Search...`}
         value={noteFilterText}
         ref={searchInputRef}
         onChange={onNoteFilterTextChange}
diff --git a/packages/web/src/javascripts/Components/SearchOptions/SearchOptions.tsx b/packages/web/src/javascripts/Components/SearchOptions/SearchOptions.tsx
index 89829a3eac0..349a160afc3 100644
--- a/packages/web/src/javascripts/Components/SearchOptions/SearchOptions.tsx
+++ b/packages/web/src/javascripts/Components/SearchOptions/SearchOptions.tsx
@@ -1,4 +1,5 @@
 import { observer } from 'mobx-react-lite'
+import { c } from 'ttag'
 import Bubble from '@/Components/Bubble/Bubble'
 import { useCallback } from 'react'
 import { SearchOptionsController } from '@/Controllers/SearchOptionsController'
@@ -17,14 +18,22 @@ const SearchOptions = ({ searchOptions }: Props) => {
   return (
     <div className="mt-3 flex flex-wrap gap-2" onMouseDown={(e) => e.preventDefault()}>
       <Bubble
-        label="Protected Contents"
+        label={c('B2.NavSharedUI.Label').t`Protected Contents`}
         selected={includeProtectedContents}
         onSelect={toggleIncludeProtectedContents}
       />
 
-      <Bubble label="Archived" selected={includeArchived} onSelect={searchOptions.toggleIncludeArchived} />
+      <Bubble
+        label={c('B2.NavSharedUI.Label').t`Archived`}
+        selected={includeArchived}
+        onSelect={searchOptions.toggleIncludeArchived}
+      />
 
-      <Bubble label="Trashed" selected={includeTrashed} onSelect={searchOptions.toggleIncludeTrashed} />
+      <Bubble
+        label={c('B2.NavSharedUI.Label').t`Trashed`}
+        selected={includeTrashed}
+        onSelect={searchOptions.toggleIncludeTrashed}
+      />
     </div>
   )
 }
diff --git a/packages/web/src/javascripts/Components/SessionsModal/SessionsModal.tsx b/packages/web/src/javascripts/Components/SessionsModal/SessionsModal.tsx
index 3af4a2f8615..4cbd4f5bcae 100644
--- a/packages/web/src/javascripts/Components/SessionsModal/SessionsModal.tsx
+++ b/packages/web/src/javascripts/Components/SessionsModal/SessionsModal.tsx
@@ -156,25 +156,26 @@ const SessionsModalContent: FunctionComponent<{
                     )
 
                     return (
-                    <li key={session.uuid}>
-                      <h2 className="text-base font-bold">{session.device_info}</h2>
-                      {session.current ? (
-                        <span className="font-bold text-info">{c('B1.Account.Session.Label').t`Current session`}</span>
-                      ) : (
-                        <>
-                          <p>{c('B1.Account.Session.Info').jt`Signed in on ${signedInDate}`}</p>
-                          <Button
-                            primary
-                            small
-                            colorStyle="danger"
-                            disabled={session.revoking}
-                            onClick={() => setRevokingSessionUuid(session.uuid)}
-                          >
-                            <span>{c('B1.Account.Session.Action').t`Revoke`}</span>
-                          </Button>
-                        </>
-                      )}
-                    </li>
+                      <li key={session.uuid}>
+                        <h2 className="text-base font-bold">{session.device_info}</h2>
+                        {session.current ? (
+                          <span className="font-bold text-info">{c('B1.Account.Session.Label')
+                            .t`Current session`}</span>
+                        ) : (
+                          <>
+                            <p>{c('B1.Account.Session.Info').jt`Signed in on ${signedInDate}`}</p>
+                            <Button
+                              primary
+                              small
+                              colorStyle="danger"
+                              disabled={session.revoking}
+                              onClick={() => setRevokingSessionUuid(session.uuid)}
+                            >
+                              <span>{c('B1.Account.Session.Action').t`Revoke`}</span>
+                            </Button>
+                          </>
+                        )}
+                      </li>
                     )
                   })}
                 </ul>
diff --git a/packages/web/src/javascripts/Components/Shared/CopyableCodeBlock.tsx b/packages/web/src/javascripts/Components/Shared/CopyableCodeBlock.tsx
index c66b7836376..84b2ef73df8 100644
--- a/packages/web/src/javascripts/Components/Shared/CopyableCodeBlock.tsx
+++ b/packages/web/src/javascripts/Components/Shared/CopyableCodeBlock.tsx
@@ -1,4 +1,5 @@
 import { classNames } from '@standardnotes/utils'
+import { c } from 'ttag'
 import { addToast, ToastType } from '@standardnotes/toast'
 import { useRef, useState } from 'react'
 import Icon from '../Icon/Icon'
@@ -38,7 +39,7 @@ const CopyableCodeBlock = ({ code }: Props) => {
               () => {
                 addToast({
                   type: ToastType.Error,
-                  message: 'Failed to copy to clipboard',
+                  message: c('B2.NavSharedUI.Error').t`Failed to copy to clipboard`,
                 })
                 setDidCopy(false)
               },
@@ -53,7 +54,7 @@ const CopyableCodeBlock = ({ code }: Props) => {
             'absolute right-0 top-full min-w-max translate-x-2 translate-y-1 select-none rounded border border-border bg-default px-3 py-1.5 text-left md:peer-hover:block',
           )}
         >
-          {didCopy ? 'Copied!' : 'Copy example to clipboard'}
+          {didCopy ? c('B2.NavSharedUI.Status').t`Copied!` : c('B2.NavSharedUI.Action').t`Copy example to clipboard`}
         </div>
       </div>
     </div>
diff --git a/packages/web/src/javascripts/Components/SmartViewBuilder/AddSmartViewModal.tsx b/packages/web/src/javascripts/Components/SmartViewBuilder/AddSmartViewModal.tsx
index b91735910b4..e3924acdeda 100644
--- a/packages/web/src/javascripts/Components/SmartViewBuilder/AddSmartViewModal.tsx
+++ b/packages/web/src/javascripts/Components/SmartViewBuilder/AddSmartViewModal.tsx
@@ -14,6 +14,7 @@ import CopyableCodeBlock from '../Shared/CopyableCodeBlock'
 import { classNames } from '@standardnotes/utils'
 import Modal, { ModalAction } from '../Modal/Modal'
 import { Disclosure, DisclosureContent, useDisclosureStore } from '@ariakit/react'
+import { c } from 'ttag'
 
 type Props = {
   controller: AddSmartViewModalController
@@ -123,14 +124,20 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B2.NavSharedUI.Modal.Action').t`Cancel`,
         onClick: closeModal,
         disabled: isSaving,
         type: 'cancel',
         mobileSlot: 'left',
       },
       {
-        label: isSaving ? <Spinner className="h-4.5 w-4.5" /> : canSave ? 'Save' : 'Validate',
+        label: isSaving ? (
+          <Spinner className="h-4.5 w-4.5" />
+        ) : canSave ? (
+          c('B4.Notes.TagsLinkedItems.Action').t`Save`
+        ) : (
+          c('B4.Notes.TagsLinkedItems.Action').t`Validate`
+        ),
         onClick: save,
         disabled: isSaving,
         mobileSlot: 'right',
@@ -141,11 +148,11 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
   )
 
   return (
-    <Modal title="Add Smart View" close={closeModal} actions={modalActions}>
+    <Modal title={c('B4.Notes.TagsLinkedItems.Action').t`Add Smart View`} close={closeModal} actions={modalActions}>
       <div className="px-4 py-4">
         <div className="flex h-full flex-col gap-4">
           <div className="flex items-center gap-2.5">
-            <div className="text-sm font-semibold">Title:</div>
+            <div className="text-sm font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Title:`}</div>
             <input
               className="rounded border border-border bg-default px-2 py-1 md:translucent-ui:bg-transparent"
               value={title}
@@ -156,17 +163,17 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
             />
           </div>
           <div className="flex items-center gap-2.5">
-            <div className="text-sm font-semibold">Icon:</div>
+            <div className="text-sm font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Icon:`}</div>
             <button
               className="rounded border border-border p-2"
-              aria-label="Change icon"
+              aria-label={c('B4.Notes.TagsLinkedItems.Action').t`Change icon`}
               onClick={toggleIconPicker}
               ref={iconPickerButtonRef}
             >
               <Icon type={icon || SmartViewDefaultIconName} />
             </button>
             <Popover
-              title="Choose icon"
+              title={c('B4.Notes.TagsLinkedItems.Label').t`Choose icon`}
               open={shouldShowIconPicker}
               anchorElement={iconPickerButtonRef}
               togglePopover={toggleIconPicker}
@@ -187,17 +194,17 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
             </Popover>
           </div>
           <div className="flex flex-grow flex-col gap-2.5">
-            <div className="text-sm font-semibold">Predicate:</div>
+            <div className="text-sm font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Predicate:`}</div>
             <TabsContainer
               className="flex flex-grow flex-col"
               tabs={[
                 {
                   id: 'builder',
-                  title: 'Builder',
+                  title: c('B4.Notes.TagsLinkedItems.Label').t`Builder`,
                 },
                 {
                   id: 'custom',
-                  title: 'Custom (JSON)',
+                  title: c('B4.Notes.TagsLinkedItems.Label').t`Custom (JSON)`,
                 },
               ]}
               state={tabState}
@@ -218,7 +225,7 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
                 />
                 {customPredicateJson && isCustomJsonValidPredicate === false && (
                   <div className="border-t border-border px-2.5 py-1.5 text-sm text-danger">
-                    Invalid JSON. Double check your entry and try again.
+                    {c('B4.Notes.TagsLinkedItems.Error').t`Invalid JSON. Double check your entry and try again.`}
                   </div>
                 )}
               </TabPanel>
@@ -229,17 +236,20 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
                   store={jsonExamplesDisclosure}
                   className="flex items-center justify-between focus:shadow-none focus:outline-none"
                 >
-                  <div className="text-sm font-semibold">Examples</div>
+                  <div className="text-sm font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Examples`}</div>
                   <Icon type={showingJsonExamples ? 'chevron-up' : 'chevron-down'} />
                 </Disclosure>
                 <DisclosureContent
                   store={jsonExamplesDisclosure}
                   className={classNames(showingJsonExamples && 'flex', 'flex-col gap-2.5')}
                 >
-                  <div className="text-sm font-medium">1. List notes that are conflicted copies of another note:</div>
+                  <div className="text-sm font-medium">
+                    {c('B4.Notes.TagsLinkedItems.Info').t`1. List notes that are conflicted copies of another note:`}
+                  </div>
                   <CopyableCodeBlock code={ConflictedNotesExampleCode} />
                   <div className="text-sm font-medium">
-                    2. List notes that have the tag `todo` but not the tag `completed`:
+                    {c('B4.Notes.TagsLinkedItems.Label')
+                      .t`2. List notes that have the tag \`todo\` but not the tag \`completed\`:`}
                   </div>
                   <CopyableCodeBlock code={ComplexCompoundExampleCode} />
                 </DisclosureContent>
diff --git a/packages/web/src/javascripts/Components/SmartViewBuilder/CompoundPredicateBuilder.tsx b/packages/web/src/javascripts/Components/SmartViewBuilder/CompoundPredicateBuilder.tsx
index 549e36d2c2a..c10265c6003 100644
--- a/packages/web/src/javascripts/Components/SmartViewBuilder/CompoundPredicateBuilder.tsx
+++ b/packages/web/src/javascripts/Components/SmartViewBuilder/CompoundPredicateBuilder.tsx
@@ -5,6 +5,7 @@ import Icon from '../Icon/Icon'
 import { CompoundPredicateBuilderController } from './CompoundPredicateBuilderController'
 import { PredicateKeypath, PredicateKeypathLabels, PredicateKeypathTypes } from './PredicateKeypaths'
 import PredicateValue from './PredicateValue'
+import { c } from 'ttag'
 
 type Props = {
   controller: CompoundPredicateBuilderController
@@ -27,7 +28,7 @@ const CompoundPredicateBuilder = ({ controller }: Props) => {
               setOperator(event.target.value as PredicateCompoundOperator)
             }}
           />
-          Should match ALL conditions
+          {c('B4.Notes.TagsLinkedItems.Label').t`Should match ALL conditions`}
         </label>
         <label className="flex items-center gap-2">
           <input
@@ -39,13 +40,19 @@ const CompoundPredicateBuilder = ({ controller }: Props) => {
               setOperator(event.target.value as PredicateCompoundOperator)
             }}
           />
-          Should match ANY conditions
+          {c('B4.Notes.TagsLinkedItems.Label').t`Should match ANY conditions`}
         </label>
       </div>
       {predicates.map((predicate, index) => (
         <div className="flex flex-col gap-2.5" key={index}>
           <div className="flex w-full flex-col gap-2 md:flex-row md:items-center">
-            {index !== 0 && <div className="mr-2 text-sm font-semibold">{operator === 'and' ? 'AND' : 'OR'}</div>}
+            {index !== 0 && (
+              <div className="mr-2 text-sm font-semibold">
+                {operator === 'and'
+                  ? c('B4.Notes.TagsLinkedItems.Label').t`AND`
+                  : c('B4.Notes.TagsLinkedItems.Label').t`OR`}
+              </div>
+            )}
             <select
               className="flex-grow rounded border border-border bg-default px-2 py-1.5 focus:outline focus:outline-1 focus:outline-info"
               value={predicate.keypath}
@@ -84,7 +91,7 @@ const CompoundPredicateBuilder = ({ controller }: Props) => {
             {index !== 0 && (
               <button
                 className="rounded border border-border p-1 text-danger"
-                aria-label="Remove condition"
+                aria-label={c('B4.Notes.TagsLinkedItems.Action').t`Remove condition`}
                 onClick={() => {
                   removePredicate(index)
                 }}
@@ -100,21 +107,23 @@ const CompoundPredicateBuilder = ({ controller }: Props) => {
                 addPredicate()
               }}
             >
-              Add another condition
+              {c('B4.Notes.TagsLinkedItems.Action').t`Add another condition`}
             </Button>
           )}
         </div>
       ))}
       {predicates.some((predicate) => PredicateKeypathTypes[predicate.keypath as PredicateKeypath] === 'date') && (
         <div className="flex flex-col gap-2 rounded-md border-2 border-info-backdrop bg-info-backdrop px-4 py-3 [&_code]:rounded [&_code]:bg-default [&_code]:px-1.5 [&_code]:py-1">
-          <div className="text-sm font-semibold">Date Examples:</div>
+          <div className="text-sm font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Date Examples:`}</div>
           <ul className="space-y-2 pl-4">
             <li>
-              To get all the items modified within the last 7 days, you can use <code>User Modified Date</code>{' '}
-              <code>&gt;</code> <code>7.days.ago</code>
+              {c('B4.Notes.TagsLinkedItems.Info').t`To get all the items modified within the last 7 days, you can use`}{' '}
+              <code>{c('B4.Notes.TagsLinkedItems.Label').t`User Modified Date`}</code> <code>&gt;</code>{' '}
+              <code>7.days.ago</code>
             </li>
             <li>
-              To get all the items created before June 2022, you can use <code>Created At</code> <code>&lt;</code>{' '}
+              {c('B4.Notes.TagsLinkedItems.Info').t`To get all the items created before June 2022, you can use`}{' '}
+              <code>{c('B4.Notes.TagsLinkedItems.Action').t`Created At`}</code> <code>&lt;</code>{' '}
               <code>06/01/2022</code>
             </li>
           </ul>
diff --git a/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateKeypaths.ts b/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateKeypaths.ts
index 1c22bfb3da5..7eccbd3b243 100644
--- a/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateKeypaths.ts
+++ b/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateKeypaths.ts
@@ -1,3 +1,5 @@
+import { c } from 'ttag'
+
 export type PredicateKeypath =
   | 'title'
   | 'title.length'
@@ -20,25 +22,25 @@ export type PredicateKeypath =
   | 'spellcheck'
 
 export const PredicateKeypathLabels: { [k in PredicateKeypath]: string } = {
-  title: 'Title',
-  'title.length': 'Title Length',
-  text: 'Text',
-  'text.length': 'Text Length',
-  noteType: 'Note Type',
-  authorizedForListed: 'Authorized For Listed',
-  editorIdentifier: 'Editor Identifier',
-  userModifiedDate: 'User Modified Date',
-  serverUpdatedAt: 'Server Updated At',
-  created_at: 'Created At',
-  conflict_of: 'Conflict Of',
-  protected: 'Protected',
-  trashed: 'Trashed',
-  pinned: 'Pinned',
-  archived: 'Archived',
-  locked: 'Locked',
-  starred: 'Starred',
-  hidePreview: 'Hide Preview',
-  spellcheck: 'Spellcheck',
+  title: c('B4.Notes.TagsLinkedItems.Label').t`Title`,
+  'title.length': c('B4.Notes.TagsLinkedItems.Label').t`Title Length`,
+  text: c('B4.Notes.TagsLinkedItems.Label').t`Text`,
+  'text.length': c('B4.Notes.TagsLinkedItems.Label').t`Text Length`,
+  noteType: c('B4.Notes.TagsLinkedItems.Action').t`Note Type`,
+  authorizedForListed: c('B4.Notes.TagsLinkedItems.Label').t`Authorized For Listed`,
+  editorIdentifier: c('B4.Notes.TagsLinkedItems.Label').t`Editor Identifier`,
+  userModifiedDate: c('B4.Notes.TagsLinkedItems.Action').t`User Modified Date`,
+  serverUpdatedAt: c('B4.Notes.TagsLinkedItems.Label').t`Server Updated At`,
+  created_at: c('B4.Notes.TagsLinkedItems.Label').t`Created At`,
+  conflict_of: c('B4.Notes.TagsLinkedItems.Action').t`Conflict Of`,
+  protected: c('B4.Notes.TagsLinkedItems.Action').t`Protected`,
+  trashed: c('B4.Notes.TagsLinkedItems.Action').t`Trashed`,
+  pinned: c('B4.Notes.TagsLinkedItems.Label').t`Pinned`,
+  archived: c('B4.Notes.TagsLinkedItems.Action').t`Archived`,
+  locked: c('B4.Notes.TagsLinkedItems.Label').t`Locked`,
+  starred: c('B4.Notes.TagsLinkedItems.Label').t`Starred`,
+  hidePreview: c('B4.Notes.TagsLinkedItems.Label').t`Hide Preview`,
+  spellcheck: c('B4.Notes.TagsLinkedItems.Label').t`Spellcheck`,
 } as const
 
 export const PredicateKeypathTypes: {
diff --git a/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateValue.tsx b/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateValue.tsx
index 63f652a4af5..181b3f7be6b 100644
--- a/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateValue.tsx
+++ b/packages/web/src/javascripts/Components/SmartViewBuilder/PredicateValue.tsx
@@ -2,6 +2,7 @@ import { getDropdownItemsForAllEditors } from '@/Utils/DropdownItemsForEditors'
 import { NoteType } from '@standardnotes/snjs'
 import { useApplication } from '../ApplicationProvider'
 import { PredicateKeypath, PredicateKeypathTypes } from './PredicateKeypaths'
+import { c } from 'ttag'
 
 type Props = {
   keypath: PredicateKeypath
@@ -58,8 +59,8 @@ const PredicateValue = ({ keypath, value, setValue }: Props) => {
         setValue(event.target.value)
       }}
     >
-      <option value="true">True</option>
-      <option value="false">False</option>
+      <option value="true">{c('B4.Notes.TagsLinkedItems.Label').t`True`}</option>
+      <option value="false">{c('B4.Notes.TagsLinkedItems.Label').t`False`}</option>
     </select>
   ) : type === 'number' ? (
     <input
diff --git a/packages/web/src/javascripts/Components/SuperEditor/BlocksEditor.tsx b/packages/web/src/javascripts/Components/SuperEditor/BlocksEditor.tsx
index 7b5b01f0eb1..b0924598d32 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/BlocksEditor.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/BlocksEditor.tsx
@@ -1,4 +1,4 @@
-import { FocusEvent, FunctionComponent, useCallback, useState } from 'react'
+import { FocusEvent, FunctionComponent, useCallback, useMemo, useState } from 'react'
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
 import { ContentEditable } from '@lexical/react/LexicalContentEditable'
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
@@ -32,6 +32,7 @@ import DatetimePlugin from './Plugins/DateTimePlugin/DateTimePlugin'
 import PasswordPlugin from './Plugins/PasswordPlugin/PasswordPlugin'
 import { CheckListPlugin } from './Plugins/CheckListPlugin'
 import GoogleDocsPastePlugin from './Plugins/GoogleDocsPastePlugin/GoogleDocsPastePlugin'
+import { c } from 'ttag'
 
 type BlocksEditorProps = {
   onChange?: (value: string, preview: string) => void
@@ -81,6 +82,16 @@ export const BlocksEditor: FunctionComponent<BlocksEditorProps> = ({
 
   const isMobile = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
 
+  const editorPlaceholder = useMemo(() => {
+    const slashKey = <span className="rounded bg-passive-4-opacity-variant p-0.5">/</span>
+
+    return (
+      <div className="pointer-events-none absolute left-4 top-4 text-[length:--font-size] text-passive-1">
+        {c('B4.Notes.EditingUI.Label').jt`Type ${slashKey} for commands...`}
+      </div>
+    )
+  }, [])
+
   return (
     <>
       {!isMobile && <ToolbarPlugin />}
@@ -103,11 +114,7 @@ export const BlocksEditor: FunctionComponent<BlocksEditorProps> = ({
               </div>
             </div>
           }
-          placeholder={
-            <div className="pointer-events-none absolute left-4 top-4 text-[length:--font-size] text-passive-1">
-              Type <span className="rounded bg-passive-4-opacity-variant p-0.5">/</span> for commands...
-            </div>
-          }
+          placeholder={editorPlaceholder}
           ErrorBoundary={LexicalErrorBoundary}
         />
       </div>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Nodes/YouTubeNode.tsx b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Nodes/YouTubeNode.tsx
index 386002564ba..00b4720ab1d 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Nodes/YouTubeNode.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Nodes/YouTubeNode.tsx
@@ -20,6 +20,7 @@ import type {
 
 import { BlockWithAlignableContents } from '@lexical/react/LexicalBlockWithAlignableContents'
 import { DecoratorBlockNode, SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode'
+import { c } from 'ttag'
 
 type YouTubeComponentProps = Readonly<{
   className: Readonly<{
@@ -41,7 +42,7 @@ function YouTubeComponent({ className, format, nodeKey, videoID }: YouTubeCompon
         frameBorder="0"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
         allowFullScreen={true}
-        title="YouTube video"
+        title={c('B4.Notes.EditingUI.Label').t`YouTube video`}
       />
     </BlockWithAlignableContents>
   )
@@ -102,7 +103,7 @@ export class YouTubeNode extends DecoratorBlockNode {
       'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',
     )
     element.setAttribute('allowfullscreen', 'true')
-    element.setAttribute('title', 'YouTube video')
+    element.setAttribute('title', c('B4.Notes.EditingUI.Label').t`YouTube video`)
     return { element }
   }
 
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerPlugin.tsx
index bec3599d9e1..221298f4cc5 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerPlugin.tsx
@@ -29,6 +29,7 @@ import { GetQuoteBlockOption } from '../Blocks/Quote'
 import { GetDividerBlockOption } from '../Blocks/Divider'
 import { GetCollapsibleBlockOption } from '../Blocks/Collapsible'
 import { GetUploadFileOption } from '../Blocks/File'
+import { c } from 'ttag'
 
 export default function BlockPickerMenuPlugin({ popoverZIndex }: { popoverZIndex?: string }): JSX.Element {
   const [editor] = useLexicalComposerContext()
@@ -52,11 +53,15 @@ export default function BlockPickerMenuPlugin({ popoverZIndex }: { popoverZIndex
       GetH3BlockOption(editor),
       ...indentOutdentOptions,
       GetTableBlockOption(() =>
-        showModal('Insert Table', (onClose) => <InsertTableDialog activeEditor={editor} onClose={onClose} />),
+        showModal(c('B3.Notes.EditorToolbar.Label').t`Insert Table`, (onClose) => (
+          <InsertTableDialog activeEditor={editor} onClose={onClose} />
+        )),
+      ),
+      GetRemoteImageBlockOption(() =>
+        showModal(c('B3.Notes.EditorToolbar.Label').t`Insert image from URL`, (onClose) => (
+          <InsertRemoteImageDialog onClose={onClose} />
+        )),
       ),
-      GetRemoteImageBlockOption(() => {
-        showModal('Insert image from URL', (onClose) => <InsertRemoteImageDialog onClose={onClose} />)
-      }),
       GetUploadFileOption(editor),
       GetNumberedListBlockOption(editor),
       GetBulletedListBlockOption(editor),
@@ -123,7 +128,7 @@ export default function BlockPickerMenuPlugin({ popoverZIndex }: { popoverZIndex
 
           return (
             <Popover
-              title="Block picker"
+              title={c('B3.Notes.EditorToolbar.Label').t`Block picker`}
               align="start"
               anchorElement={anchorElementRef.current}
               open={true}
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Alignment.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Alignment.tsx
index c9e4e960d54..dc14213e052 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Alignment.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Alignment.tsx
@@ -1,30 +1,31 @@
 import { FORMAT_ELEMENT_COMMAND, LexicalEditor } from 'lexical'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
+import { c } from 'ttag'
 
 export const LeftAlignBlock = {
-  name: 'Align left',
+  name: c('B3.Notes.EditorToolbar.Action').t`Align left`,
   iconName: 'align-left',
   keywords: ['align', 'justify', 'left'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'left'),
 }
 
 export const CenterAlignBlock = {
-  name: 'Align center',
+  name: c('B3.Notes.EditorToolbar.Action').t`Align center`,
   iconName: 'align-center',
   keywords: ['align', 'justify', 'center'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'center'),
 }
 
 export const RightAlignBlock = {
-  name: 'Align right',
+  name: c('B3.Notes.EditorToolbar.Action').t`Align right`,
   iconName: 'align-right',
   keywords: ['align', 'justify', 'right'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'right'),
 }
 
 export const JustifyAlignBlock = {
-  name: 'Align justify',
+  name: c('B3.Notes.EditorToolbar.Action').t`Align justify`,
   iconName: 'align-justify',
   keywords: ['align', 'justify', 'justify'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify'),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Code.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Code.tsx
index ba081931e75..5cc7b3d338d 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Code.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Code.tsx
@@ -3,9 +3,10 @@ import { $getSelection, $isRangeSelection, LexicalEditor } from 'lexical'
 import { $createCodeNode } from '@lexical/code'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
+import { c } from 'ttag'
 
 export const CodeBlock = {
-  name: 'Code Block',
+  name: c('B3.Notes.EditorToolbar.Label').t`Code Block`,
   iconName: 'code' as LexicalIconName,
   keywords: ['javascript', 'python', 'js', 'codeblock'],
   onSelect: (editor: LexicalEditor) =>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Collapsible.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Collapsible.tsx
index a652164c4a9..0eecd114fc8 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Collapsible.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Collapsible.tsx
@@ -2,9 +2,10 @@ import { LexicalEditor } from 'lexical'
 import { INSERT_COLLAPSIBLE_COMMAND } from '../../Plugins/CollapsiblePlugin'
 import { IconType } from '@standardnotes/snjs'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
+import { c } from 'ttag'
 
 export const CollapsibleBlock = {
-  name: 'Collapsible',
+  name: c('B3.Notes.EditorToolbar.Action').t`Collapsible`,
   iconName: 'details-block' as IconType,
   keywords: ['collapse', 'collapsible', 'toggle'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_COLLAPSIBLE_COMMAND, undefined),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/DateTime.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/DateTime.tsx
index cc3ba30afda..63678a3541c 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/DateTime.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/DateTime.tsx
@@ -2,23 +2,24 @@ import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalEditor } from 'lexical'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { INSERT_DATETIME_COMMAND } from '../Commands'
+import { c } from 'ttag'
 
 export function GetDatetimeBlocks(editor: LexicalEditor) {
   return [
     {
-      name: 'Current date and time',
+      name: c('B3.Notes.EditorToolbar.Action').t`Current date and time`,
       iconName: 'authenticator',
       keywords: ['date', 'current'],
       onSelect: () => editor.dispatchCommand(INSERT_DATETIME_COMMAND, 'datetime'),
     },
     {
-      name: 'Current time',
+      name: c('B3.Notes.EditorToolbar.Action').t`Current time`,
       iconName: 'authenticator',
       keywords: ['time', 'current'],
       onSelect: () => editor.dispatchCommand(INSERT_DATETIME_COMMAND, 'time'),
     },
     {
-      name: 'Current date',
+      name: c('B3.Notes.EditorToolbar.Action').t`Current date`,
       iconName: 'authenticator',
       keywords: ['date', 'current'],
       onSelect: () => editor.dispatchCommand(INSERT_DATETIME_COMMAND, 'date'),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Divider.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Divider.tsx
index d2f70d288e9..fa5b2c7e981 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Divider.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Divider.tsx
@@ -2,9 +2,10 @@ import { LexicalEditor } from 'lexical'
 import { INSERT_HORIZONTAL_RULE_COMMAND } from '@lexical/react/LexicalHorizontalRuleNode'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export const DividerBlock = {
-  name: 'Divider',
+  name: c('B3.Notes.EditorToolbar.Action').t`Divider`,
   iconName: 'horizontal-rule',
   keywords: ['horizontal rule', 'divider', 'hr'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/File.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/File.tsx
index 86cb61389f3..e833c37b6d0 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/File.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/File.tsx
@@ -2,9 +2,10 @@ import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalEditor } from 'lexical'
 import { OPEN_FILE_UPLOAD_MODAL_COMMAND } from '../EncryptedFilePlugin/FilePlugin'
+import { c } from 'ttag'
 
 export function GetUploadFileOption(editor: LexicalEditor) {
-  return new BlockPickerOption('Upload file', {
+  return new BlockPickerOption(c('B3.Notes.EditorToolbar.Action').t`Upload file`, {
     iconName: 'file' as LexicalIconName,
     keywords: ['image', 'upload', 'file'],
     onSelect: () => editor.dispatchCommand(OPEN_FILE_UPLOAD_MODAL_COMMAND, undefined),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Headings.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Headings.tsx
index 8b132f59956..dcaff02ba9f 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Headings.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Headings.tsx
@@ -3,9 +3,10 @@ import { $getSelection, $isRangeSelection, LexicalEditor } from 'lexical'
 import { $createHeadingNode } from '@lexical/rich-text'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
+import { c } from 'ttag'
 
 export const H1Block = {
-  name: 'Heading 1',
+  name: c('B3.Notes.EditorToolbar.Label').t`Heading 1`,
   iconName: 'h1',
   keywords: ['heading', 'header', 'h1'],
   onSelect: (editor: LexicalEditor) =>
@@ -26,7 +27,7 @@ export function GetH1BlockOption(editor: LexicalEditor) {
 }
 
 export const H2Block = {
-  name: 'Heading 2',
+  name: c('B3.Notes.EditorToolbar.Label').t`Heading 2`,
   iconName: 'h2',
   keywords: ['heading', 'header', 'h2'],
   onSelect: (editor: LexicalEditor) =>
@@ -47,7 +48,7 @@ export function GetH2BlockOption(editor: LexicalEditor) {
 }
 
 export const H3Block = {
-  name: 'Heading 3',
+  name: c('B3.Notes.EditorToolbar.Label').t`Heading 3`,
   iconName: 'h3',
   keywords: ['heading', 'header', 'h3'],
   onSelect: (editor: LexicalEditor) =>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/IndentOutdent.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/IndentOutdent.tsx
index a77b5f0acce..e4dd699c620 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/IndentOutdent.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/IndentOutdent.tsx
@@ -1,16 +1,17 @@
 import { INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND, LexicalEditor } from 'lexical'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export const IndentBlock = {
-  name: 'Indent',
+  name: c('B3.Notes.EditorToolbar.Action').t`Indent`,
   iconName: 'indent',
   keywords: ['indent'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INDENT_CONTENT_COMMAND, undefined),
 }
 
 export const OutdentBlock = {
-  name: 'Outdent',
+  name: c('B3.Notes.EditorToolbar.Action').t`Outdent`,
   iconName: 'outdent',
   keywords: ['outdent'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(OUTDENT_CONTENT_COMMAND, undefined),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/List.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/List.tsx
index 391d08c1ab5..05b867c0b91 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/List.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/List.tsx
@@ -2,23 +2,24 @@ import { LexicalEditor } from 'lexical'
 import { INSERT_UNORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND } from '@lexical/list'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export const BulletedListBlock = {
-  name: 'Bulleted List',
+  name: c('B3.Notes.EditorToolbar.Label').t`Bulleted List`,
   iconName: 'list-bulleted' as LexicalIconName,
   keywords: ['bulleted list', 'unordered list', 'ul'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined),
 }
 
 export const ChecklistBlock = {
-  name: 'Check List',
+  name: c('B3.Notes.EditorToolbar.Label').t`Check List`,
   iconName: 'list-check' as LexicalIconName,
   keywords: ['check list', 'todo list'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined),
 }
 
 export const NumberedListBlock = {
-  name: 'Numbered List',
+  name: c('B3.Notes.EditorToolbar.Label').t`Numbered List`,
   iconName: 'list-numbered' as LexicalIconName,
   keywords: ['numbered list', 'ordered list', 'ol'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined),
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Paragraph.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Paragraph.tsx
index 864794d71ca..149d5b33ed9 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Paragraph.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Paragraph.tsx
@@ -2,9 +2,10 @@ import { $setBlocksType } from '@lexical/selection'
 import { $createParagraphNode, $getSelection, $isRangeSelection, LexicalEditor } from 'lexical'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export const ParagraphBlock = {
-  name: 'Paragraph',
+  name: c('B3.Notes.EditorToolbar.Label').t`Paragraph`,
   iconName: 'paragraph',
   keywords: ['normal', 'paragraph', 'p', 'text'],
   onSelect: (editor: LexicalEditor) =>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Password.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Password.tsx
index e4146aa6bb7..4c8d6f017e7 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Password.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Password.tsx
@@ -2,12 +2,13 @@ import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalEditor } from 'lexical'
 import { INSERT_PASSWORD_COMMAND } from '../Commands'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 const MIN_PASSWORD_LENGTH = 8
 const DEFAULT_PASSWORD_LENGTH = 16
 
 export const PasswordBlock = {
-  name: 'Generate cryptographically secure password',
+  name: c('B3.Notes.EditorToolbar.Action').t`Generate cryptographically secure password`,
   iconName: 'password',
   keywords: ['password', 'secure'],
   onSelect: (editor: LexicalEditor) => editor.dispatchCommand(INSERT_PASSWORD_COMMAND, String(DEFAULT_PASSWORD_LENGTH)),
@@ -39,10 +40,14 @@ export function GetDynamicPasswordBlocks(editor: LexicalEditor, queryString: str
   }
 
   return [
-    new BlockPickerOption(`Generate ${length}-character cryptographically secure password`, {
-      iconName: 'password',
-      keywords: ['password', 'secure'],
-      onSelect: () => editor.dispatchCommand(INSERT_PASSWORD_COMMAND, length.toString()),
-    }),
+    new BlockPickerOption(
+      c('B3.Notes.EditorToolbar.Action')
+        .jt`Generate ${length}-character cryptographically secure password` as unknown as string,
+      {
+        iconName: 'password',
+        keywords: ['password', 'secure'],
+        onSelect: () => editor.dispatchCommand(INSERT_PASSWORD_COMMAND, length.toString()),
+      },
+    ),
   ]
 }
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Quote.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Quote.tsx
index e3dc1a3ceaf..e64f72e6ec8 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Quote.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Quote.tsx
@@ -3,9 +3,10 @@ import { $getSelection, $isRangeSelection, LexicalEditor } from 'lexical'
 import { $createQuoteNode } from '@lexical/rich-text'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export const QuoteBlock = {
-  name: 'Quote',
+  name: c('B3.Notes.EditorToolbar.Label').t`Quote`,
   iconName: 'quote' as LexicalIconName,
   keywords: ['block quote'],
   onSelect: (editor: LexicalEditor) =>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
index e9965a96a4f..86056995db8 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
@@ -1,8 +1,9 @@
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
 import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
+import { c } from 'ttag'
 
 export function GetRemoteImageBlockOption(onSelect: () => void) {
-  return new BlockPickerOption('Image from URL', {
+  return new BlockPickerOption(c('B3.Notes.EditorToolbar.Action').t`Image from URL`, {
     iconName: 'image' as LexicalIconName,
     keywords: ['image', 'url'],
     onSelect: onSelect,
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Table.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Table.tsx
index 24e219d1043..82c06c7af28 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Table.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/Table.tsx
@@ -2,9 +2,10 @@ import { BlockPickerOption } from '../BlockPickerPlugin/BlockPickerOption'
 import { LexicalEditor } from 'lexical'
 import { INSERT_TABLE_COMMAND } from '@lexical/table'
 import { LexicalIconName } from '@/Components/Icon/LexicalIcons'
+import { c } from 'ttag'
 
 export function GetTableBlockOption(onSelect: () => void) {
-  return new BlockPickerOption('Table', {
+  return new BlockPickerOption(c('B3.Notes.EditorToolbar.Action').t`Table`, {
     iconName: 'table' as LexicalIconName,
     keywords: ['table', 'grid', 'spreadsheet', 'rows', 'columns'],
     onSelect: onSelect,
@@ -28,7 +29,7 @@ export function GetDynamicTableBlocks(editor: LexicalEditor, queryString: string
     const [rows, columns] = fullTableMatch[0].split('x').map((n: string) => parseInt(n, 10))
 
     options.push(
-      new BlockPickerOption(`${rows}x${columns} Table`, {
+      new BlockPickerOption(c('B3.Notes.EditorToolbar.Label').jt`${rows}x${columns} Table` as unknown as string, {
         iconName: 'table',
         keywords: ['table'],
         onSelect: () => editor.dispatchCommand(INSERT_TABLE_COMMAND, { columns: String(columns), rows: String(rows) }),
@@ -40,7 +41,7 @@ export function GetDynamicTableBlocks(editor: LexicalEditor, queryString: string
     options.push(
       ...Array.from({ length: 5 }, (_, i) => i + 1).map(
         (columns) =>
-          new BlockPickerOption(`${rows}x${columns} Table`, {
+          new BlockPickerOption(c('B3.Notes.EditorToolbar.Label').jt`${rows}x${columns} Table` as unknown as string, {
             iconName: 'table',
             keywords: ['table'],
             onSelect: () =>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CheckListPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CheckListPlugin.tsx
index f40bf168458..cb5309619da 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CheckListPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CheckListPlugin.tsx
@@ -1,4 +1,5 @@
 import { $insertList, $isListItemNode, INSERT_CHECK_LIST_COMMAND, ListNode } from '@lexical/list'
+import { c } from 'ttag'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { calculateZoomLevel, isHTMLElement, mergeRegister } from '@lexical/utils'
 import {
@@ -160,7 +161,7 @@ export function CheckListPlugin(): null {
         modifiers: [primaryModifier],
         key: 'Enter',
         category: 'Super notes',
-        description: 'Toggle checklist item',
+        description: c('B3.Notes.EditorToolbar.Action').t`Toggle checklist item`,
       }),
     )
   }, [application.keyboardService, application.platform, editor])
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CodeOptionsPlugin/CodeOptions.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CodeOptionsPlugin/CodeOptions.tsx
index d36b19bab0c..1fce363903e 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CodeOptionsPlugin/CodeOptions.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CodeOptionsPlugin/CodeOptions.tsx
@@ -4,12 +4,37 @@ import { $getNodeByKey, $getSelection, $isRangeSelection, $isRootOrShadowRoot, N
 import { useCallback, useEffect, useState } from 'react'
 import { $isCodeNode, CODE_LANGUAGE_MAP, CODE_LANGUAGE_FRIENDLY_NAME_MAP, normalizeCodeLang } from '@lexical/code'
 import Dropdown from '@/Components/Dropdown/Dropdown'
+import { c } from 'ttag'
+
+const CODE_LANGUAGE_LABEL_GETTERS: Partial<Record<string, () => string>> = {
+  c: () => c('B3.Notes.EditorToolbar.Label').t`C`,
+  clike: () => c('B3.Notes.EditorToolbar.Label').t`C-like`,
+  cpp: () => c('B3.Notes.EditorToolbar.Label').t`C++`,
+  css: () => c('B3.Notes.EditorToolbar.Label').t`CSS`,
+  html: () => c('B4.Notes.EditorOptions.Label').t`HTML`,
+  java: () => c('B3.Notes.EditorToolbar.Label').t`Java`,
+  js: () => c('B3.Notes.EditorToolbar.Label').t`JavaScript`,
+  markdown: () => c('B3.Notes.EditorToolbar.Label').t`Markdown`,
+  objc: () => c('B3.Notes.EditorToolbar.Label').t`Objective-C`,
+  plain: () => c('B3.Notes.EditorToolbar.Label').t`Plain Text`,
+  powershell: () => c('B3.Notes.EditorToolbar.Label').t`PowerShell`,
+  py: () => c('B3.Notes.EditorToolbar.Label').t`Python`,
+  rust: () => c('B3.Notes.EditorToolbar.Label').t`Rust`,
+  sql: () => c('B3.Notes.EditorToolbar.Label').t`SQL`,
+  swift: () => c('B3.Notes.EditorToolbar.Label').t`Swift`,
+  typescript: () => c('B3.Notes.EditorToolbar.Label').t`TypeScript`,
+  xml: () => c('B3.Notes.EditorToolbar.Label').t`XML`,
+}
+
+function getCodeLanguageLabel(lang: string, fallback: string): string {
+  return CODE_LANGUAGE_LABEL_GETTERS[lang]?.() ?? fallback
+}
 
 function getCodeLanguageOptions(): [string, string][] {
   const options: [string, string][] = []
 
   for (const [lang, friendlyName] of Object.entries(CODE_LANGUAGE_FRIENDLY_NAME_MAP)) {
-    options.push([lang, friendlyName])
+    options.push([lang, getCodeLanguageLabel(lang, friendlyName)])
   }
 
   return options
@@ -95,7 +120,7 @@ const CodeOptionsPlugin = () => {
     <>
       <div className="absolute right-6 top-13 rounded border border-border bg-default p-2">
         <Dropdown
-          label="Change code block language"
+          label={c('B3.Notes.EditorToolbar.Label').t`Change code block language`}
           items={CODE_LANGUAGE_OPTIONS.map(([value, label]) => ({
             label,
             value,
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/FilePlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/FilePlugin.tsx
index 8c55db05676..9a65a7d5867 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/FilePlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/FilePlugin.tsx
@@ -2,6 +2,7 @@ import { INSERT_FILE_COMMAND, UPLOAD_AND_INSERT_FILE_COMMAND } from '../Commands
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 
 import { useEffect, useState } from 'react'
+import { c } from 'ttag'
 import { FileNode } from './Nodes/FileNode'
 import {
   $createParagraphNode,
@@ -52,7 +53,7 @@ function UploadFileDialog({ onClose }: { onClose: () => void }) {
       />
       <div className="mt-1.5 flex justify-end">
         <Button onClick={onClick} disabled={!file} small={isMobileScreen()}>
-          Upload
+          {c('B4.Notes.EditingUI.Action').t`Upload`}
         </Button>
       </div>
     </>
@@ -179,7 +180,7 @@ export default function FilePlugin({ currentNote }: { currentNote: SNNote }): JS
 
   if (showFileUploadModal) {
     return (
-      <Modal onClose={() => setShowFileUploadModal(false)} title="Upload File">
+      <Modal onClose={() => setShowFileUploadModal(false)} title={c('B4.Notes.EditingUI.Title').t`Upload File`}>
         <UploadFileDialog onClose={() => setShowFileUploadModal(false)} />
       </Modal>
     )
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/Nodes/FileComponent.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/Nodes/FileComponent.tsx
index 4836db795eb..247110048f7 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/Nodes/FileComponent.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/EncryptedFilePlugin/Nodes/FileComponent.tsx
@@ -16,6 +16,7 @@ import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
 import { observer } from 'mobx-react-lite'
 import Spinner from '@/Components/Spinner/Spinner'
 import { FilesControllerEvent } from '@/Controllers/FilesController'
+import { c } from 'ttag'
 
 export type FileComponentProps = Readonly<{
   className: Readonly<{
@@ -141,7 +142,8 @@ function FileComponent({
         <div className="flex flex-col items-center justify-center gap-2 p-4 text-center" ref={blockWrapperRef}>
           <div className="flex items-center gap-2">
             <Spinner className="h-4 w-4" />
-            Uploading file "{uploadProgress.file.name}"... ({progress}%)
+            {c('B4.Notes.EditingUI.Status').t`Uploading file "`}
+            {uploadProgress.file.name}"... ({progress}%)
           </div>
           <div className="w-full max-w-[50%] overflow-hidden rounded bg-contrast">
             <div
@@ -161,7 +163,9 @@ function FileComponent({
   if (!file) {
     return (
       <BlockWithAlignableContents className={className} format={format} nodeKey={nodeKey}>
-        <div>Unable to find file {fileUuid}</div>
+        <div>
+          {c('B4.Notes.EditingUI.Label').t`Unable to find file`} {fileUuid}
+        </div>
       </BlockWithAlignableContents>
     )
   }
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/InlineFilePlugin/InlineFileComponent.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/InlineFilePlugin/InlineFileComponent.tsx
index e8cfe1b4bde..ff691187c76 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/InlineFilePlugin/InlineFileComponent.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/InlineFilePlugin/InlineFileComponent.tsx
@@ -12,6 +12,7 @@ import Spinner from '@/Components/Spinner/Spinner'
 import usePreference from '@/Hooks/usePreference'
 import { getCSSValueFromAlignment, ImageAlignmentOptions } from '@/Components/FilePreview/ImageAlignmentOptions'
 import { getOverflows } from '@/Components/Popover/Utils/Collisions'
+import { c } from 'ttag'
 
 type Props = {
   fileName: string | undefined
@@ -138,12 +139,12 @@ const InlineFileComponent = ({ className, src, mimeType, fileName, format, setFo
         {isSaving ? (
           <>
             <Spinner className="h-4 w-4" />
-            Saving...
+            {c('B4.Notes.EditingUI.Status').t`Saving...`}
           </>
         ) : (
           <>
             <Icon type="download" />
-            Save to Files
+            {c('B4.Notes.EditingUI.Action').t`Save to Files`}
           </>
         )}
       </button>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemBubblePlugin/Nodes/BubbleComponent.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemBubblePlugin/Nodes/BubbleComponent.tsx
index 099f2711c12..43d6ab3fa05 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemBubblePlugin/Nodes/BubbleComponent.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemBubblePlugin/Nodes/BubbleComponent.tsx
@@ -7,6 +7,7 @@ import { LinkableItem } from '@/Utils/Items/Search/LinkableItem'
 import { useResponsiveAppPane } from '@/Components/Panes/ResponsivePaneProvider'
 import { LexicalNode } from 'lexical'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { c } from 'ttag'
 
 export type BubbleComponentProps = Readonly<{
   itemUuid: string
@@ -37,7 +38,7 @@ export function BubbleComponent({ itemUuid, node }: BubbleComponentProps) {
   }, [linkingController, node, editor])
 
   if (!item) {
-    return <div>Unable to find item {itemUuid}</div>
+    return <div>{c('B4.Notes.EditingUI.Info').jt`Unable to find item ${itemUuid}`}</div>
   }
 
   const link = createLinkFromItem(item, 'linked')
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemSelectionPlugin/ItemSelectionPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemSelectionPlugin/ItemSelectionPlugin.tsx
index 6b8a9d0152f..6941b6f0fcb 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemSelectionPlugin/ItemSelectionPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ItemSelectionPlugin/ItemSelectionPlugin.tsx
@@ -12,6 +12,7 @@ import { INSERT_BUBBLE_COMMAND, INSERT_FILE_COMMAND } from '../Commands'
 import { useLinkingController } from '../../../../Controllers/LinkingControllerProvider'
 import { isMobileScreen } from '@/Utils'
 import { useTypeaheadAllowingSpacesAndPunctuation } from './useTypeaheadAllowingSpacesAndPunctuation'
+import { c } from 'ttag'
 
 type Props = {
   currentNote: SNNote
@@ -95,7 +96,7 @@ export const ItemSelectionPlugin: FunctionComponent<Props> = ({ currentNote }) =
 
         return (
           <Popover
-            title="Select item"
+            title={c('B4.Notes.EditingUI.Label').t`Select item`}
             align="start"
             anchorElement={anchorElementRef}
             open={true}
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImageComponent.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImageComponent.tsx
index 7e7ca77a380..8d3c01dd878 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImageComponent.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImageComponent.tsx
@@ -14,6 +14,7 @@ import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
 import usePreference from '@/Hooks/usePreference'
 import { getCSSValueFromAlignment, ImageAlignmentOptions } from '@/Components/FilePreview/ImageAlignmentOptions'
 import { getOverflows } from '@/Components/Popover/Utils/Collisions'
+import { c } from 'ttag'
 
 type Props = {
   src: string
@@ -163,12 +164,12 @@ const RemoteImageComponent = ({ className, src, alt, node, format, nodeKey, setF
             {isSaving ? (
               <>
                 <Spinner className="h-4 w-4" />
-                Saving...
+                {c('B4.Notes.EditingUI.Status').t`Saving...`}
               </>
             ) : (
               <>
                 <Icon type="download" />
-                Save image to Files
+                {c('B4.Notes.EditingUI.Action').t`Save image to Files`}
               </>
             )}
           </button>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImagePlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImagePlugin.tsx
index ee9266b1ac0..2c74240ed6f 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImagePlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/RemoteImagePlugin/RemoteImagePlugin.tsx
@@ -7,6 +7,7 @@ import { mergeRegister, $wrapNodeInElement } from '@lexical/utils'
 import DecoratedInput from '@/Components/Input/DecoratedInput'
 import Button from '@/Components/Button/Button'
 import { isMobileScreen } from '../../../../Utils'
+import { c } from 'ttag'
 
 export function InsertRemoteImageDialog({ onClose }: { onClose: () => void }) {
   const [url, setURL] = useState('')
@@ -30,12 +31,12 @@ export function InsertRemoteImageDialog({ onClose }: { onClose: () => void }) {
   return (
     <>
       <label className="flex flex-col gap-1.5">
-        URL:
+        {c('B4.Notes.EditingUI.Label').t`URL:`}
         <DecoratedInput value={url} onChange={setURL} ref={focusOnMount} />
       </label>
       <div className="mt-2.5 flex justify-end">
         <Button onClick={onClick} disabled={!url} small={isMobileScreen()}>
-          Confirm
+          {c('B4.Notes.EditingUI.Action').t`Confirm`}
         </Button>
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx
index 04cb512163e..479ff096209 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/SearchPlugin/SearchPlugin.tsx
@@ -1,4 +1,5 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import { c } from 'ttag'
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useApplication } from '../../../ApplicationProvider'
@@ -122,7 +123,7 @@ export function SearchPlugin() {
       {
         command: SUPER_TOGGLE_SEARCH,
         category: 'Super notes',
-        description: 'Search in current note',
+        description: c('B3.Notes.EditorToolbar.Action').t`Search in current note`,
         onKeyDown: (event) => {
           event.preventDefault()
           event.stopPropagation()
@@ -132,7 +133,7 @@ export function SearchPlugin() {
       {
         command: SUPER_SEARCH_TOGGLE_REPLACE_MODE,
         category: 'Super notes',
-        description: 'Search and replace in current note',
+        description: c('B3.Notes.EditorToolbar.Action').t`Search and replace in current note`,
         onKeyDown: (event) => {
           if (!isEditable) {
             return
@@ -151,7 +152,7 @@ export function SearchPlugin() {
       {
         command: SUPER_SEARCH_NEXT_RESULT,
         category: 'Super notes',
-        description: 'Go to next search result',
+        description: c('B3.Notes.EditorToolbar.Action').t`Go to next search result`,
         onKeyDown(event) {
           event.preventDefault()
           event.stopPropagation()
@@ -161,7 +162,7 @@ export function SearchPlugin() {
       {
         command: SUPER_SEARCH_PREVIOUS_RESULT,
         category: 'Super notes',
-        description: 'Go to previous search result',
+        description: c('B3.Notes.EditorToolbar.Action').t`Go to previous search result`,
         onKeyDown(event) {
           event.preventDefault()
           event.stopPropagation()
@@ -325,7 +326,9 @@ export function SearchPlugin() {
           <button
             className="focus:ring-none border-r border-border px-1 hover:bg-contrast focus:shadow-inner focus:shadow-info"
             onClick={toggleReplaceMode}
-            title={`Toggle Replace Mode (${toggleReplaceShortcut})`}
+            title={
+              c('B3.Notes.EditorToolbar.Label').jt`Toggle Replace Mode (${toggleReplaceShortcut})` as unknown as string
+            }
           >
             {isReplaceMode ? (
               <ArrowDownIcon className="h-4 w-4 fill-text" />
@@ -344,7 +347,7 @@ export function SearchPlugin() {
         >
           <div className="flex items-center gap-2">
             <DecoratedInput
-              placeholder="Search"
+              placeholder={c('B3.Notes.EditorToolbar.Label').t`Search`}
               className={{
                 container: classNames('flex-grow !text-[length:inherit]', !query.length && '!py-1'),
                 right: '!py-1',
@@ -377,7 +380,9 @@ export function SearchPlugin() {
                 'relative flex items-center rounded border px-1.5 py-1 focus-within:ring-2 focus-within:ring-info focus-within:ring-offset-2 focus-within:ring-offset-default',
                 isCaseSensitive ? 'border-info bg-info text-info-contrast' : 'border-border hover:bg-contrast',
               )}
-              title={`Case sensitive (${caseSensitivityShortcut})`}
+              title={
+                c('B3.Notes.EditorToolbar.Label').jt`Case sensitive (${caseSensitivityShortcut})` as unknown as string
+              }
             >
               <input
                 type="checkbox"
@@ -386,13 +391,13 @@ export function SearchPlugin() {
                 onChange={toggleCaseSensitivity}
               />
               <span aria-hidden>Aa</span>
-              <span className="sr-only">Case sensitive</span>
+              <span className="sr-only">{c('B3.Notes.EditorToolbar.Label').t`Case sensitive`}</span>
             </label>
             <button
               className="flex items-center rounded border border-border p-1.5 hover:bg-contrast disabled:cursor-not-allowed"
               onClick={goToPrevResult}
               disabled={results.length < 1}
-              title="Previous result (Shift + Enter)"
+              title={c('B3.Notes.EditorToolbar.Label').t`Previous result (Shift + Enter)`}
             >
               <ArrowUpIcon className="h-4 w-4 fill-current text-text" />
             </button>
@@ -400,7 +405,7 @@ export function SearchPlugin() {
               className="flex items-center rounded border border-border p-1.5 hover:bg-contrast disabled:cursor-not-allowed"
               onClick={goToNextResult}
               disabled={results.length < 1}
-              title="Next result (Enter)"
+              title={c('B3.Notes.EditorToolbar.Label').t`Next result (Enter)`}
             >
               <ArrowDownIcon className="h-4 w-4 fill-current text-text" />
             </button>
@@ -409,7 +414,7 @@ export function SearchPlugin() {
               onClick={() => {
                 closeDialog()
               }}
-              title={`Close (${searchToggleShortcut})`}
+              title={c('B3.Notes.EditorToolbar.Label').jt`Close (${searchToggleShortcut})` as unknown as string}
             >
               <CloseIcon className="h-4 w-4 fill-current text-text" />
             </button>
@@ -418,7 +423,7 @@ export function SearchPlugin() {
             <div className="flex flex-wrap items-center gap-2 md:flex-nowrap">
               <input
                 type="text"
-                placeholder="Replace"
+                placeholder={c('B3.Notes.EditorToolbar.Label').t`Replace`}
                 onChange={(e) => {
                   setReplaceQuery(e.target.value)
                 }}
@@ -440,17 +445,17 @@ export function SearchPlugin() {
                 small
                 onClick={replaceCurrentResult}
                 disabled={results.length < 1 || replaceQuery.length < 1}
-                title="Replace (Ctrl + Enter)"
+                title={c('B3.Notes.EditorToolbar.Label').t`Replace (Ctrl + Enter)`}
               >
-                Replace
+                {c('B3.Notes.EditorToolbar.Action').t`Replace`}
               </Button>
               <Button
                 small
                 onClick={replaceAllResults}
                 disabled={results.length < 1 || replaceQuery.length < 1}
-                title="Replace all (Ctrl + Alt + Enter)"
+                title={c('B3.Notes.EditorToolbar.Label').t`Replace all (Ctrl + Alt + Enter)`}
               >
-                Replace all
+                {c('B3.Notes.EditorToolbar.Action').t`Replace all`}
               </Button>
             </div>
           )}
@@ -462,11 +467,12 @@ export function SearchPlugin() {
                 checked={shouldHighlightAll}
                 onChange={(e) => setShouldHighlightAll(e.target.checked)}
               />
-              <div>Highlight all results</div>
+              <div>{c('B3.Notes.EditorToolbar.Label').t`Highlight all results`}</div>
             </label>
             {!canUseCSSHiglights && (
               <StyledTooltip
-                label="May lead to performance degradation, especially on large documents."
+                label={c('B3.Notes.EditorToolbar.Info')
+                  .t`May lead to performance degradation, especially on large documents.`}
                 className="!z-modal"
                 showOnMobile
               >
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TableCellActionMenuPlugin/index.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TableCellActionMenuPlugin/index.tsx
index 900c7476189..b8af6ae38a9 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TableCellActionMenuPlugin/index.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TableCellActionMenuPlugin/index.tsx
@@ -47,6 +47,7 @@ import RoundIconButton from '@/Components/Button/RoundIconButton'
 import Menu from '@/Components/Menu/Menu'
 import MenuItem from '@/Components/Menu/MenuItem'
 import MenuItemSeparator from '@/Components/Menu/MenuItemSeparator'
+import { c } from 'ttag'
 
 function computeSelectionCount(selection: TableSelection): {
   columns: number
@@ -377,9 +378,14 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, cellMerge }:
   let mergeCellButton: null | JSX.Element = null
   if (cellMerge) {
     if (canMergeCells) {
-      mergeCellButton = <MenuItem onClick={mergeTableCellsAtSelection}>Merge cells</MenuItem>
+      mergeCellButton = (
+        <MenuItem onClick={mergeTableCellsAtSelection}>{c('B3.Notes.EditorToolbar.Action').t`Merge cells`}</MenuItem>
+      )
     } else if (canUnmergeCell) {
-      mergeCellButton = <MenuItem onClick={unmergeTableCellsAtSelection}>Unmerge cells</MenuItem>
+      mergeCellButton = (
+        <MenuItem onClick={unmergeTableCellsAtSelection}>{c('B3.Notes.EditorToolbar.Action')
+          .t`Unmerge cells`}</MenuItem>
+      )
     }
   }
 
@@ -387,34 +393,49 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, cellMerge }:
   const isCurrentCellColumnHeader =
     (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN
 
+  const insertRowsAboveLabel =
+    selectionCounts.rows === 1
+      ? c('B3.Notes.EditorToolbar.Action').t`Insert row above`
+      : c('B3.Notes.EditorToolbar.Label').jt`Insert ${selectionCounts.rows} rows above`
+  const insertRowsBelowLabel =
+    selectionCounts.rows === 1
+      ? c('B3.Notes.EditorToolbar.Action').t`Insert row below`
+      : c('B3.Notes.EditorToolbar.Label').jt`Insert ${selectionCounts.rows} rows below`
+  const insertColumnsLeftLabel =
+    selectionCounts.columns === 1
+      ? c('B3.Notes.EditorToolbar.Label').t`Insert column left`
+      : c('B3.Notes.EditorToolbar.Action').jt`Insert ${selectionCounts.columns} columns left`
+  const insertColumnsRightLabel =
+    selectionCounts.columns === 1
+      ? c('B3.Notes.EditorToolbar.Action').t`Insert column right`
+      : c('B3.Notes.EditorToolbar.Action').jt`Insert ${selectionCounts.columns} columns right`
+
   return (
-    <Menu className="dropdown !px-0" ref={dropDownRef} a11yLabel="Table actions menu">
+    <Menu
+      className="dropdown !px-0"
+      ref={dropDownRef}
+      a11yLabel={c('B3.Notes.EditorToolbar.Label').t`Table actions menu`}
+    >
       {mergeCellButton}
       {!!mergeCellButton && <MenuItemSeparator />}
-      <MenuItem onClick={() => insertTableRowAtSelection(false)}>
-        Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above
-      </MenuItem>
-      <MenuItem onClick={() => insertTableRowAtSelection(true)}>
-        Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below
-      </MenuItem>
+      <MenuItem onClick={() => insertTableRowAtSelection(false)}>{insertRowsAboveLabel}</MenuItem>
+      <MenuItem onClick={() => insertTableRowAtSelection(true)}>{insertRowsBelowLabel}</MenuItem>
       <MenuItemSeparator />
-      <MenuItem onClick={() => insertTableColumnAtSelection(false)}>
-        Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`} left
-      </MenuItem>
-      <MenuItem onClick={() => insertTableColumnAtSelection(true)}>
-        Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`} right
-      </MenuItem>
+      <MenuItem onClick={() => insertTableColumnAtSelection(false)}>{insertColumnsLeftLabel}</MenuItem>
+      <MenuItem onClick={() => insertTableColumnAtSelection(true)}>{insertColumnsRightLabel}</MenuItem>
       <MenuItemSeparator />
-      <MenuItem onClick={deleteTableColumnAtSelection}>Delete column</MenuItem>
-      <MenuItem onClick={deleteTableRowAtSelection}>Delete row</MenuItem>
-      <MenuItem onClick={deleteTableAtSelection}>Delete table</MenuItem>
+      <MenuItem onClick={deleteTableColumnAtSelection}>{c('B3.Notes.EditorToolbar.Action').t`Delete column`}</MenuItem>
+      <MenuItem onClick={deleteTableRowAtSelection}>{c('B3.Notes.EditorToolbar.Action').t`Delete row`}</MenuItem>
+      <MenuItem onClick={deleteTableAtSelection}>{c('B3.Notes.EditorToolbar.Action').t`Delete table`}</MenuItem>
       <MenuItemSeparator />
       <MenuItem
         onClick={() => {
           toggleTableRowIsHeader(isCurrentCellRowHeader ? TableCellHeaderStates.NO_STATUS : TableCellHeaderStates.ROW)
         }}
       >
-        {isCurrentCellRowHeader ? 'Remove' : 'Add'} row header
+        {isCurrentCellRowHeader
+          ? c('B3.Notes.EditorToolbar.Action').t`Remove row header`
+          : c('B3.Notes.EditorToolbar.Action').t`Add row header`}
       </MenuItem>
       <MenuItem
         onClick={() => {
@@ -423,7 +444,9 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, cellMerge }:
           )
         }}
       >
-        {isCurrentCellColumnHeader ? 'Remove' : 'Add'} column header
+        {isCurrentCellColumnHeader
+          ? c('B3.Notes.EditorToolbar.Action').t`Remove column header`
+          : c('B3.Notes.EditorToolbar.Action').t`Add column header`}
       </MenuItem>
     </Menu>
   )
@@ -556,7 +579,7 @@ function TableCellActionMenuContainer({
       {tableCellNode != null && (
         <>
           <RoundIconButton
-            label="Open table actions menu"
+            label={c('B3.Notes.EditorToolbar.Label').t`Open table actions menu`}
             icon="chevron-down"
             iconProps={{
               size: 'small',
@@ -570,7 +593,7 @@ function TableCellActionMenuContainer({
           />
           <Popover
             open={isMenuOpen}
-            title="Table actions"
+            title={c('B3.Notes.EditorToolbar.Label').t`Table actions`}
             className="py-1"
             anchorElement={menuRootRef}
             disableMobileFullscreenTakeover
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx
index e502af64258..019068a4d93 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/TablePlugin.tsx
@@ -14,6 +14,7 @@ import { mergeRegister } from '@lexical/utils'
 import DecoratedInput from '@/Components/Input/DecoratedInput'
 import Button from '@/Components/Button/Button'
 import { isMobileScreen } from '../../../Utils'
+import { c } from 'ttag'
 
 export function InsertTableDialog({
   activeEditor,
@@ -39,16 +40,16 @@ export function InsertTableDialog({
   return (
     <>
       <label className="mb-2.5 flex items-center justify-between gap-3">
-        Rows:
+        {c('B3.Notes.EditorToolbar.Label').t`Rows:`}
         <DecoratedInput type="number" value={rows} onChange={setRows} ref={focusOnMount} />
       </label>
       <label className="mb-2.5 flex items-center justify-between gap-3">
-        Columns:
+        {c('B3.Notes.EditorToolbar.Label').t`Columns:`}
         <DecoratedInput type="number" value={columns} onChange={setColumns} />
       </label>
       <div className="flex justify-end">
         <Button onClick={onClick} small={isMobileScreen()}>
-          Confirm
+          {c('B3.Notes.EditorToolbar.Action').t`Confirm`}
         </Button>
       </div>
     </>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkEditor.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkEditor.tsx
index d062249d3d7..287286c47a7 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkEditor.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkEditor.tsx
@@ -22,6 +22,7 @@ import { useElementResize } from '@/Hooks/useElementRect'
 import { createPortal } from 'react-dom'
 import { ElementIds } from '@/Constants/ElementIDs'
 import { getAdjustedStylesForNonPortalPopover } from '@/Components/Popover/Utils/getAdjustedStylesForNonPortal'
+import { c } from 'ttag'
 
 export const $isLinkTextNode = (
   node: ReturnType<typeof getSelectedNode>,
@@ -235,7 +236,7 @@ const LinkEditor = ({
           />
         </div>
         <div className="flex items-center justify-end gap-1.5">
-          <StyledTooltip showOnMobile showOnHover label="Cancel editing">
+          <StyledTooltip showOnMobile showOnHover label={c('B3.Notes.EditorToolbar.Action').t`Cancel editing`}>
             <Button
               onClick={() => {
                 setIsEditingLink(false)
@@ -243,12 +244,12 @@ const LinkEditor = ({
               }}
               onMouseDown={(event) => event.preventDefault()}
             >
-              Cancel
+              {c('B3.Notes.EditorToolbar.Action').t`Cancel`}
             </Button>
           </StyledTooltip>
-          <StyledTooltip showOnMobile showOnHover label="Save link">
+          <StyledTooltip showOnMobile showOnHover label={c('B3.Notes.EditorToolbar.Action').t`Save link`}>
             <Button primary onClick={handleSubmission} onMouseDown={(event) => event.preventDefault()}>
-              Apply
+              {c('B3.Notes.EditorToolbar.Action').t`Apply`}
             </Button>
           </StyledTooltip>
         </div>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkViewer.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkViewer.tsx
index d0628e5d18a..e61936e5fef 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkViewer.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/LinkViewer.tsx
@@ -11,6 +11,7 @@ import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { getDOMRangeRect } from '../../Lexical/Utils/getDOMRangeRect'
 import { ElementIds } from '@/Constants/ElementIDs'
 import { createPortal } from 'react-dom'
+import { c } from 'ttag'
 
 type Props = {
   linkNode: LinkNode
@@ -135,7 +136,7 @@ const LinkViewer = ({ isMobile, editor, linkNode, setIsEditingLink }: Props) =>
           <Icon type="open-in" className="ml-1 flex-shrink-0" />
           <div className="max-w-[35ch] overflow-hidden text-ellipsis">{linkUrl}</div>
         </a>
-        <StyledTooltip showOnMobile showOnHover label="Copy link">
+        <StyledTooltip showOnMobile showOnHover label={c('B3.Notes.EditorToolbar.Action').t`Copy link`}>
           <button
             className="flex select-none items-center justify-center rounded p-2 enabled:hover:bg-default disabled:opacity-50 md:border md:border-transparent enabled:hover:md:translucent-ui:border-[--popover-border-color]"
             onClick={() => {
@@ -148,7 +149,7 @@ const LinkViewer = ({ isMobile, editor, linkNode, setIsEditingLink }: Props) =>
         </StyledTooltip>
         {!isAutoLink && (
           <>
-            <StyledTooltip showOnMobile showOnHover label="Edit link">
+            <StyledTooltip showOnMobile showOnHover label={c('B3.Notes.EditorToolbar.Action').t`Edit link`}>
               <button
                 className="flex select-none items-center justify-center rounded p-2 enabled:hover:bg-default disabled:opacity-50 md:border md:border-transparent enabled:hover:md:translucent-ui:border-[--popover-border-color]"
                 onClick={() => {
@@ -159,7 +160,7 @@ const LinkViewer = ({ isMobile, editor, linkNode, setIsEditingLink }: Props) =>
                 <Icon type="pencil-filled" size="medium" />
               </button>
             </StyledTooltip>
-            <StyledTooltip showOnMobile showOnHover label="Remove link">
+            <StyledTooltip showOnMobile showOnHover label={c('B3.Notes.EditorToolbar.Action').t`Remove link`}>
               <button
                 className="flex select-none items-center justify-center rounded p-2 enabled:hover:bg-default disabled:opacity-50 md:border md:border-transparent enabled:hover:md:translucent-ui:border-[--popover-border-color]"
                 onClick={() => {
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
index feaeef85927..172cfa8ebc5 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx
@@ -1,4 +1,5 @@
 import Icon from '@/Components/Icon/Icon'
+import { c } from 'ttag'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import useModal from '../../Lexical/Hooks/useModal'
 import { InsertTableDialog } from '../TablePlugin'
@@ -82,18 +83,18 @@ import { CREATE_NOTE_FROM_SELECTION_COMMAND } from '../NoteFromSelectionPlugin'
 const TOGGLE_LINK_AND_EDIT_COMMAND = createCommand<string | null>('TOGGLE_LINK_AND_EDIT_COMMAND')
 
 const blockTypeToBlockName = {
-  bullet: 'Bulleted List',
-  check: 'Check List',
-  code: 'Code Block',
-  h1: 'Heading 1',
-  h2: 'Heading 2',
-  h3: 'Heading 3',
-  h4: 'Heading 4',
-  h5: 'Heading 5',
-  h6: 'Heading 6',
-  number: 'Numbered List',
-  paragraph: 'Normal',
-  quote: 'Quote',
+  bullet: c('B3.Notes.EditorToolbar.Label').t`Bulleted List`,
+  check: c('B3.Notes.EditorToolbar.Label').t`Check List`,
+  code: c('B3.Notes.EditorToolbar.Label').t`Code Block`,
+  h1: c('B3.Notes.EditorToolbar.Label').t`Heading 1`,
+  h2: c('B3.Notes.EditorToolbar.Label').t`Heading 2`,
+  h3: c('B3.Notes.EditorToolbar.Label').t`Heading 3`,
+  h4: c('B3.Notes.EditorToolbar.Label').t`Heading 4`,
+  h5: c('B3.Notes.EditorToolbar.Label').t`Heading 5`,
+  h6: c('B3.Notes.EditorToolbar.Label').t`Heading 6`,
+  number: c('B3.Notes.EditorToolbar.Label').t`Numbered List`,
+  paragraph: c('B3.Notes.EditorToolbar.Label').t`Normal`,
+  quote: c('B3.Notes.EditorToolbar.Label').t`Quote`,
 }
 
 const blockTypeToIconName = {
@@ -607,7 +608,7 @@ const ToolbarPlugin = () => {
     return application.keyboardService.addCommandHandler({
       command: SUPER_TOGGLE_TOOLBAR,
       category: 'Super notes',
-      description: 'Toggle Super note toolbar',
+      description: c('B3.Notes.EditorToolbar.Action').t`Toggle Super note toolbar`,
       onKeyDown(event) {
         if (isMobile) {
           return
@@ -687,25 +688,25 @@ const ToolbarPlugin = () => {
             {canShowAllItems && (
               <>
                 <ToolbarButton
-                  name="Table of Contents"
+                  name={c('B3.Notes.EditorToolbar.Label').t`Table of Contents`}
                   iconName="toc"
                   active={isTOCOpen}
                   onSelect={() => setIsTOCOpen(!isTOCOpen)}
                   ref={tocAnchorRef}
                 />
                 <ToolbarButton
-                  name="Search"
+                  name={c('B3.Notes.EditorToolbar.Action').t`Search`}
                   iconName="search"
                   onSelect={() => application.keyboardService.triggerCommand(SUPER_TOGGLE_SEARCH)}
                 />
                 <ToolbarButton
-                  name="Undo"
+                  name={c('B3.Notes.EditorToolbar.Action').t`Undo`}
                   iconName="undo"
                   disabled={!canUndo}
                   onSelect={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}
                 />
                 <ToolbarButton
-                  name="Redo"
+                  name={c('B3.Notes.EditorToolbar.Action').t`Redo`}
                   iconName="redo"
                   disabled={!canRedo}
                   onSelect={() => editor.dispatchCommand(REDO_COMMAND, undefined)}
@@ -713,7 +714,7 @@ const ToolbarPlugin = () => {
               </>
             )}
             <ToolbarButton
-              name="Formatting options"
+              name={c('B3.Notes.EditorToolbar.Label').t`Formatting options`}
               onSelect={() => {
                 setIsTextStyleMenuOpen(!isTextStyleMenuOpen)
               }}
@@ -724,25 +725,25 @@ const ToolbarPlugin = () => {
               <Icon type="chevron-down" size="custom" className="ml-2 h-4 w-4 md:h-3.5 md:w-3.5" />
             </ToolbarButton>
             <ToolbarButton
-              name="Bold"
+              name={c('B3.Notes.EditorToolbar.Action').t`Bold`}
               iconName="bold"
               active={isBold}
               onSelect={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')}
             />
             <ToolbarButton
-              name="Italic"
+              name={c('B3.Notes.EditorToolbar.Action').t`Italic`}
               iconName="italic"
               active={isItalic}
               onSelect={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')}
             />
             <ToolbarButton
-              name="Underline"
+              name={c('B3.Notes.EditorToolbar.Action').t`Underline`}
               iconName="underline"
               active={isUnderline}
               onSelect={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')}
             />
             <ToolbarButton
-              name="Link"
+              name={c('B3.Notes.EditorToolbar.Action').t`Link`}
               iconName="link"
               active={!!linkNode}
               onSelect={() => {
@@ -750,13 +751,13 @@ const ToolbarPlugin = () => {
               }}
             />
             <ToolbarButton
-              name="Inline Code"
+              name={c('B3.Notes.EditorToolbar.Action').t`Inline Code`}
               iconName="code-tags"
               active={isCode}
               onSelect={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')}
             />
             <ToolbarButton
-              name="Text style"
+              name={c('B3.Notes.EditorToolbar.Label').t`Text style`}
               onSelect={() => {
                 setIsTextFormatMenuOpen(!isTextFormatMenuOpen)
               }}
@@ -767,7 +768,7 @@ const ToolbarPlugin = () => {
               <Icon type="chevron-down" size="custom" className="ml-1 h-4 w-4 md:h-3.5 md:w-3.5" />
             </ToolbarButton>
             <ToolbarButton
-              name="Alignment"
+              name={c('B3.Notes.EditorToolbar.Label').t`Alignment`}
               onSelect={() => {
                 setIsAlignmentMenuOpen(!isAlignmentMenuOpen)
               }}
@@ -789,7 +790,7 @@ const ToolbarPlugin = () => {
             />
             {canShowAllItems && (
               <ToolbarButton
-                name="Insert"
+                name={c('B3.Notes.EditorToolbar.Label').t`Insert`}
                 onSelect={() => {
                   setIsInsertMenuOpen(!isInsertMenuOpen)
                 }}
@@ -803,10 +804,12 @@ const ToolbarPlugin = () => {
             <ToolbarButton
               name={
                 <>
-                  <div className="mb-1 font-semibold">Create new note from selection</div>
+                  <div className="mb-1 font-semibold">
+                    {c('B3.Notes.EditorToolbar.Info').t`Create new note from selection`}
+                  </div>
                   <div className="max-w-[35ch] text-xs">
-                    Creates a new note containing the current selection and replaces the selection with a link to the
-                    new note.
+                    {c('B3.Notes.EditorToolbar.Info')
+                      .t`Creates a new note containing the current selection and replaces the selection with a link to the new note.`}
                   </div>
                 </>
               }
@@ -820,7 +823,7 @@ const ToolbarPlugin = () => {
           {isMobile && (
             <button
               className="flex flex-shrink-0 items-center justify-center rounded border-l border-border px-3 py-3"
-              aria-label="Dismiss keyboard"
+              aria-label={c('B3.Notes.EditorToolbar.Action').t`Dismiss keyboard`}
               ref={dismissButtonRef}
             >
               <Icon type="keyboard-close" size="medium" />
@@ -829,7 +832,7 @@ const ToolbarPlugin = () => {
         </div>
       </div>
       <Popover
-        title="Table of contents"
+        title={c('B3.Notes.EditorToolbar.Label').t`Table of contents`}
         anchorElement={tocAnchorRef}
         open={isTOCOpen}
         togglePopover={() => setIsTOCOpen(!isTOCOpen)}
@@ -842,15 +845,17 @@ const ToolbarPlugin = () => {
         portal={false}
         documentElement={popoverDocumentElement}
       >
-        <div className="mb-1.5 mt-1 px-3 text-sm font-semibold uppercase text-text">Table of Contents</div>
+        <div className="mb-1.5 mt-1 px-3 text-sm font-semibold uppercase text-text">
+          {c('B3.Notes.EditorToolbar.Label').t`Table of Contents`}
+        </div>
         <TableOfContentsPlugin>
           {(tableOfContents) => {
             if (!tableOfContents.length) {
-              return <div className="py-2 text-center">No headings found</div>
+              return <div className="py-2 text-center">{c('B3.Notes.EditorToolbar.Label').t`No headings found`}</div>
             }
 
             return (
-              <Menu a11yLabel="Table of contents" className="!px-0">
+              <Menu a11yLabel={c('B3.Notes.EditorToolbar.Label').t`Table of contents`} className="!px-0">
                 {tableOfContents.map(([key, text, tag]) => {
                   const level = parseInt(tag.slice(1)) || 1
                   if (level > 3) {
@@ -894,7 +899,7 @@ const ToolbarPlugin = () => {
         </TableOfContentsPlugin>
       </Popover>
       <Popover
-        title="Text formatting options"
+        title={c('B3.Notes.EditorToolbar.Label').t`Text formatting options`}
         anchorElement={textFormatAnchorRef}
         open={isTextFormatMenuOpen}
         togglePopover={() => setIsTextFormatMenuOpen(!isTextFormatMenuOpen)}
@@ -907,36 +912,44 @@ const ToolbarPlugin = () => {
         portal={false}
         documentElement={popoverDocumentElement}
       >
-        <Menu a11yLabel="Text formatting options" className="!px-0" onClick={() => setIsTextFormatMenuOpen(false)}>
+        <Menu
+          a11yLabel={c('B3.Notes.EditorToolbar.Action').t`Text formatting options`}
+          className="!px-0"
+          onClick={() => setIsTextFormatMenuOpen(false)}
+        >
           <ToolbarMenuItem
-            name="Highlight"
+            name={c('B3.Notes.EditorToolbar.Action').t`Highlight`}
             iconName="draw"
             active={isHighlight}
             onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'highlight')}
           />
           <ToolbarMenuItem
-            name="Strikethrough"
+            name={c('B3.Notes.EditorToolbar.Action').t`Strikethrough`}
             iconName="strikethrough"
             active={isStrikethrough}
             onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')}
           />
           <ToolbarMenuItem
-            name="Subscript"
+            name={c('B3.Notes.EditorToolbar.Action').t`Subscript`}
             iconName="subscript"
             active={isSubscript}
             onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'subscript')}
           />
           <ToolbarMenuItem
-            name="Superscript"
+            name={c('B3.Notes.EditorToolbar.Action').t`Superscript`}
             iconName="superscript"
             active={isSuperscript}
             onClick={() => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'superscript')}
           />
-          <ToolbarMenuItem name="Clear formatting" iconName="trash" onClick={clearFormatting} />
+          <ToolbarMenuItem
+            name={c('B3.Notes.EditorToolbar.Label').t`Clear formatting`}
+            iconName="trash"
+            onClick={clearFormatting}
+          />
         </Menu>
       </Popover>
       <Popover
-        title="Block style"
+        title={c('B3.Notes.EditorToolbar.Label').t`Block style`}
         anchorElement={textStyleAnchorRef}
         open={isTextStyleMenuOpen}
         togglePopover={() => setIsTextStyleMenuOpen(!isTextStyleMenuOpen)}
@@ -949,59 +962,63 @@ const ToolbarPlugin = () => {
         portal={false}
         documentElement={popoverDocumentElement}
       >
-        <Menu a11yLabel="Block style" className="!px-0" onClick={() => setIsTextStyleMenuOpen(false)}>
+        <Menu
+          a11yLabel={c('B3.Notes.EditorToolbar.Label').t`Block style`}
+          className="!px-0"
+          onClick={() => setIsTextStyleMenuOpen(false)}
+        >
           <ToolbarMenuItem
-            name="Normal"
+            name={c('B3.Notes.EditorToolbar.Label').t`Normal`}
             iconName="paragraph"
             active={blockType === 'paragraph'}
             onClick={() => ParagraphBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Heading 1"
+            name={c('B3.Notes.EditorToolbar.Label').t`Heading 1`}
             iconName="h1"
             active={blockType === 'h1'}
             onClick={() => H1Block.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Heading 2"
+            name={c('B3.Notes.EditorToolbar.Label').t`Heading 2`}
             iconName="h2"
             active={blockType === 'h2'}
             onClick={() => H2Block.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Heading 3"
+            name={c('B3.Notes.EditorToolbar.Label').t`Heading 3`}
             iconName="h3"
             active={blockType === 'h3'}
             onClick={() => H3Block.onSelect(editor)}
           />
           <MenuItemSeparator />
           <ToolbarMenuItem
-            name="Bulleted List"
+            name={c('B3.Notes.EditorToolbar.Label').t`Bulleted List`}
             iconName="list-bulleted"
             active={blockType === 'bullet'}
             onClick={() => BulletedListBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Numbered List"
+            name={c('B3.Notes.EditorToolbar.Label').t`Numbered List`}
             iconName="list-numbered"
             active={blockType === 'number'}
             onClick={() => NumberedListBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Check List"
+            name={c('B3.Notes.EditorToolbar.Label').t`Check List`}
             iconName="list-check"
             active={blockType === 'check'}
             onClick={() => ChecklistBlock.onSelect(editor)}
           />
           <MenuItemSeparator />
           <ToolbarMenuItem
-            name="Quote"
+            name={c('B3.Notes.EditorToolbar.Label').t`Quote`}
             iconName="quote"
             active={blockType === 'quote'}
             onClick={() => QuoteBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Code Block"
+            name={c('B3.Notes.EditorToolbar.Label').t`Code Block`}
             iconName="code"
             active={blockType === 'code'}
             onClick={() => CodeBlock.onSelect(editor)}
@@ -1009,7 +1026,7 @@ const ToolbarPlugin = () => {
         </Menu>
       </Popover>
       <Popover
-        title="Alignment"
+        title={c('B3.Notes.EditorToolbar.Label').t`Alignment`}
         anchorElement={alignmentAnchorRef}
         open={isAlignmentMenuOpen}
         togglePopover={() => setIsAlignmentMenuOpen(!isAlignmentMenuOpen)}
@@ -1022,27 +1039,31 @@ const ToolbarPlugin = () => {
         portal={false}
         documentElement={popoverDocumentElement}
       >
-        <Menu a11yLabel="Alignment" className="!px-0" onClick={() => setIsAlignmentMenuOpen(false)}>
+        <Menu
+          a11yLabel={c('B3.Notes.EditorToolbar.Label').t`Alignment`}
+          className="!px-0"
+          onClick={() => setIsAlignmentMenuOpen(false)}
+        >
           <ToolbarMenuItem
-            name="Left align"
+            name={c('B3.Notes.EditorToolbar.Action').t`Left align`}
             iconName="align-left"
             active={elementFormat === 'left'}
             onClick={() => LeftAlignBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Center align"
+            name={c('B3.Notes.EditorToolbar.Action').t`Center align`}
             iconName="align-center"
             active={elementFormat === 'center'}
             onClick={() => CenterAlignBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Right align"
+            name={c('B3.Notes.EditorToolbar.Action').t`Right align`}
             iconName="align-right"
             active={elementFormat === 'right'}
             onClick={() => RightAlignBlock.onSelect(editor)}
           />
           <ToolbarMenuItem
-            name="Justify"
+            name={c('B3.Notes.EditorToolbar.Action').t`Justify`}
             iconName="align-justify"
             active={elementFormat === 'justify'}
             onClick={() => JustifyAlignBlock.onSelect(editor)}
@@ -1050,7 +1071,7 @@ const ToolbarPlugin = () => {
         </Menu>
       </Popover>
       <Popover
-        title="Insert"
+        title={c('B3.Notes.EditorToolbar.Label').t`Insert`}
         anchorElement={insertAnchorRef}
         open={isInsertMenuOpen}
         togglePopover={() => setIsInsertMenuOpen(!isInsertMenuOpen)}
@@ -1063,24 +1084,32 @@ const ToolbarPlugin = () => {
         portal={false}
         documentElement={popoverDocumentElement}
       >
-        <Menu a11yLabel="Insert" className="!px-0" onClick={() => setIsInsertMenuOpen(false)}>
+        <Menu
+          a11yLabel={c('B3.Notes.EditorToolbar.Label').t`Insert`}
+          className="!px-0"
+          onClick={() => setIsInsertMenuOpen(false)}
+        >
           <ToolbarMenuItem
-            name="Table"
+            name={c('B3.Notes.EditorToolbar.Action').t`Table`}
             iconName="table"
             onClick={() =>
-              showModal('Insert Table', (onClose) => <InsertTableDialog activeEditor={editor} onClose={onClose} />)
+              showModal(c('B3.Notes.EditorToolbar.Action').t`Insert Table`, (onClose) => (
+                <InsertTableDialog activeEditor={editor} onClose={onClose} />
+              ))
             }
           />
           <ToolbarMenuItem
-            name="Upload file"
+            name={c('B3.Notes.EditorToolbar.Action').t`Upload file`}
             iconName="file"
             onClick={() => activeEditor.dispatchCommand(OPEN_FILE_UPLOAD_MODAL_COMMAND, undefined)}
           />
           <ToolbarMenuItem
-            name="Image from URL"
+            name={c('B3.Notes.EditorToolbar.Action').t`Image from URL`}
             iconName="image"
             onClick={() =>
-              showModal('Insert image from URL', (onClose) => <InsertRemoteImageDialog onClose={onClose} />)
+              showModal(c('B3.Notes.EditorToolbar.Label').t`Insert image from URL`, (onClose) => (
+                <InsertRemoteImageDialog onClose={onClose} />
+              ))
             }
           />
           <ToolbarMenuItem
diff --git a/packages/web/src/javascripts/Components/SuperEditor/SuperEditor.tsx b/packages/web/src/javascripts/Components/SuperEditor/SuperEditor.tsx
index a06181b3c5b..2d9ed6294ba 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/SuperEditor.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/SuperEditor.tsx
@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/WebApplication'
+import { c } from 'ttag'
 import {
   ApplicationEvent,
   isPayloadSourceRetrieved,
@@ -106,7 +107,7 @@ export const SuperEditor: FunctionComponent<Props> = ({
     return application.commands.addWithShortcut(
       SUPER_SHOW_MARKDOWN_PREVIEW,
       'Super notes',
-      'Show markdown preview for current note',
+      c('B3.Notes.EditorToolbar.Action').t`Show markdown preview for current note`,
       () => setShowMarkdownPreview((s) => !s),
       'markdown',
     )
@@ -120,28 +121,28 @@ export const SuperEditor: FunctionComponent<Props> = ({
       {
         key: 'b',
         modifiers: [primaryModifier],
-        description: 'Bold',
+        description: c('B3.Notes.EditorToolbar.Action').t`Bold`,
         category: 'Formatting',
         platform: platform,
       },
       {
         key: 'i',
         modifiers: [primaryModifier],
-        description: 'Italic',
+        description: c('B3.Notes.EditorToolbar.Action').t`Italic`,
         category: 'Formatting',
         platform: platform,
       },
       {
         key: 'u',
         modifiers: [primaryModifier],
-        description: 'Underline',
+        description: c('B3.Notes.EditorToolbar.Action').t`Underline`,
         category: 'Formatting',
         platform: platform,
       },
       {
         key: 'k',
         modifiers: [primaryModifier],
-        description: 'Link',
+        description: c('B3.Notes.EditorToolbar.Action').t`Link`,
         category: 'Formatting',
         platform: platform,
       },
diff --git a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteConverter.tsx b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteConverter.tsx
index dd78c316944..09e6c63d0dd 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteConverter.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteConverter.tsx
@@ -14,6 +14,7 @@ import Modal, { ModalAction } from '../Modal/Modal'
 import { EditorMenuItem } from '../NotesOptions/EditorMenuItem'
 import { NoteViewController } from '../NoteView/Controller/NoteViewController'
 import { HeadlessSuperConverter } from './Tools/HeadlessSuperConverter'
+import { c } from 'ttag'
 
 const SuperNoteConverter = ({
   note,
@@ -136,10 +137,12 @@ const SuperNoteConverter = ({
   const convertAsIs = useCallback(async () => {
     const confirmed = await application.alerts.confirm(
       spaceSeparatedStrings(
-        "This option is useful if you want to edit the note's content which is in Super's JSON format directly.",
-        'This format is not human-readable. If you want to convert the note to a human-readable format, please use the "Convert" option instead.',
+        c('B4.Notes.EditingUI.Info')
+          .t`This option is useful if you want to edit the note's content which is in Super's JSON format directly.`,
+        c('B4.Notes.EditingUI.Info')
+          .t`This format is not human-readable. If you want to convert the note to a human-readable format, please use the "Convert" option instead.`,
       ),
-      'Are you sure?',
+      c('B4.Notes.EditingUI.Confirmation').t`Are you sure?`,
     )
     if (!confirmed) {
       return
@@ -155,19 +158,19 @@ const SuperNoteConverter = ({
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B4.Notes.EditingUI.Action').t`Cancel`,
         onClick: closeDialog,
         type: 'cancel',
         mobileSlot: 'left',
       },
       {
-        label: 'Convert',
+        label: c('B4.Notes.EditingUI.Action').t`Convert`,
         onClick: confirmConvert,
         mobileSlot: 'right',
         type: 'primary',
       },
       {
-        label: 'Convert As-Is',
+        label: c('B4.Notes.EditingUI.Action').t`Convert As-Is`,
         onClick: convertAsIs,
         type: 'secondary',
       },
@@ -177,7 +180,7 @@ const SuperNoteConverter = ({
 
   return (
     <Modal
-      title={`Convert to ${uiFeature.displayName}`}
+      title={c('B4.Notes.EditingUI.Label').jt`Convert to ${uiFeature.displayName}` as unknown as string}
       close={closeDialog}
       actions={modalActions}
       className="flex flex-col !overflow-hidden"
@@ -185,8 +188,8 @@ const SuperNoteConverter = ({
       {format === 'txt' || format === 'md' ? (
         <div className="flex items-start border-b border-border p-4 text-sm">
           <Icon type="warning" className="mr-2 flex-shrink-0" />
-          Conversion from Super's format to Markdown/Plaintext can be lossy. Please review the converted note before
-          saving.
+          {c('B4.Notes.EditingUI.Status')
+            .t`Conversion from Super's format to Markdown/Plaintext can be lossy. Please review the converted note before saving.`}
         </div>
       ) : null}
       {componentViewer ? (
diff --git a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteImporter.tsx b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteImporter.tsx
index 7c17700f305..facda952a71 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteImporter.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteImporter.tsx
@@ -10,6 +10,7 @@ import { BlocksEditor } from './BlocksEditor'
 import { BlocksEditorComposer } from './BlocksEditorComposer'
 import { useLocalPreference } from '@/Hooks/usePreference'
 import { useResponsiveEditorFontSize } from '@/Utils/getPlaintextFontSize'
+import { c } from 'ttag'
 
 const NotePreviewCharLimit = 160
 
@@ -84,11 +85,13 @@ export const SuperNoteImporter: FunctionComponent<Props> = ({ note, application,
   const convertAsIs = useCallback(async () => {
     const confirmed = await application.alerts.confirm(
       spaceSeparatedStrings(
-        "This option is useful if you switched this note's type from Super to another plaintext-based format, and want to return to Super.",
-        'To use this option, the preview in the convert window should display a language format known as JSON.',
-        'If this is not the case, cancel this prompt.',
+        c('B4.Notes.EditingUI.Info')
+          .t`This option is useful if you switched this note's type from Super to another plaintext-based format, and want to return to Super.`,
+        c('B4.Notes.EditingUI.Info')
+          .t`To use this option, the preview in the convert window should display a language format known as JSON.`,
+        c('B4.Notes.EditingUI.Info').t`If this is not the case, cancel this prompt.`,
       ),
-      'Are you sure?',
+      c('B4.Notes.EditingUI.Confirmation').t`Are you sure?`,
     )
     if (!confirmed) {
       return
@@ -104,19 +107,19 @@ export const SuperNoteImporter: FunctionComponent<Props> = ({ note, application,
   const modalActions = useMemo(
     (): ModalAction[] => [
       {
-        label: 'Cancel',
+        label: c('B4.Notes.EditingUI.Action').t`Cancel`,
         onClick: closeDialog,
         type: 'cancel',
         mobileSlot: 'left',
       },
       {
-        label: 'Convert',
+        label: c('B4.Notes.EditingUI.Action').t`Convert`,
         onClick: confirmConvert,
         mobileSlot: 'right',
         type: 'primary',
       },
       {
-        label: 'Convert As-Is',
+        label: c('B4.Notes.EditingUI.Action').t`Convert As-Is`,
         onClick: convertAsIs,
         type: 'secondary',
         hidden: !canBeConvertedAsIs,
@@ -134,10 +137,10 @@ export const SuperNoteImporter: FunctionComponent<Props> = ({ note, application,
   }
 
   return (
-    <Modal title="Convert to Super note" close={closeDialog} actions={modalActions}>
+    <Modal title={c('B4.Notes.EditingUI.Label').t`Convert to Super note`} close={closeDialog} actions={modalActions}>
       <div className="border-b border-border px-4 py-4 text-sm font-normal text-neutral md:py-3">
-        The following is a preview of how your note will look when converted to Super. Super notes use a custom format
-        under the hood. Converting your note will transition it from plaintext to the custom Super format.
+        {c('B4.Notes.EditingUI.Info')
+          .t`The following is a preview of how your note will look when converted to Super. Super notes use a custom format under the hood. Converting your note will transition it from plaintext to the custom Super format.`}
       </div>
       <div
         className="relative w-full px-4 py-4"
diff --git a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteMarkdownPreview.tsx b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteMarkdownPreview.tsx
index 6e70781f2d9..c9610101304 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/SuperNoteMarkdownPreview.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/SuperNoteMarkdownPreview.tsx
@@ -7,6 +7,7 @@ import Modal, { ModalAction } from '@/Components/Modal/Modal'
 import { BlocksEditor } from './BlocksEditor'
 import { BlocksEditorComposer } from './BlocksEditorComposer'
 import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
+import { c } from 'ttag'
 
 type Props = {
   note: SNNote
@@ -34,13 +35,13 @@ export const SuperNoteMarkdownPreview: FunctionComponent<Props> = ({ note, close
   const modalActions: ModalAction[] = useMemo(
     () => [
       {
-        label: didCopy ? 'Copied' : 'Copy',
+        label: didCopy ? c('B4.Notes.EditingUI.Action').t`Copied` : c('B4.Notes.EditingUI.Action').t`Copy`,
         type: 'primary',
         onClick: copy,
         mobileSlot: 'left',
       },
       {
-        label: 'Done',
+        label: c('B4.Notes.EditingUI.Action').t`Done`,
         type: 'cancel',
         onClick: closeDialog,
         mobileSlot: 'right',
@@ -51,7 +52,7 @@ export const SuperNoteMarkdownPreview: FunctionComponent<Props> = ({ note, close
   )
 
   return (
-    <Modal title="Markdown Preview" close={closeDialog} actions={modalActions}>
+    <Modal title={c('B4.Notes.EditingUI.Label').t`Markdown Preview`} close={closeDialog} actions={modalActions}>
       <div className="relative w-full px-4 py-4">
         <ErrorBoundary>
           <BlocksEditorComposer readonly initialValue={note.text}>
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Tools/HeadlessSuperConverter.tsx b/packages/web/src/javascripts/Components/SuperEditor/Tools/HeadlessSuperConverter.tsx
index 6b342adbc5b..9de643e0c44 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Tools/HeadlessSuperConverter.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Tools/HeadlessSuperConverter.tsx
@@ -13,6 +13,7 @@ import { BlockEditorNodes, SuperExportNodes } from '../Lexical/Nodes/AllNodes'
 import { MarkdownTransformers } from '../MarkdownTransformers'
 import { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'
 import { $createFileExportNode } from '../Lexical/Nodes/FileExportNode'
+import { c } from 'ttag'
 import { $createInlineFileNode } from '../Plugins/InlineFilePlugin/InlineFileNode'
 import { $convertFromMarkdownString } from '@lexical/markdown'
 import { $convertToMarkdownString } from '../Lexical/Utils/MarkdownExport'
@@ -188,7 +189,7 @@ export class HeadlessSuperConverter implements SuperConverterServiceInterface {
     })
 
     if (didThrow || typeof content !== 'string') {
-      throw new Error('Could not export note')
+      throw new Error(c('B4.Notes.EditorOptions.Error').t`Could not export note`)
     }
 
     return content
@@ -280,7 +281,7 @@ export class HeadlessSuperConverter implements SuperConverterServiceInterface {
     }
 
     if (didThrow) {
-      throw new Error('Could not import note. Check error console for details.')
+      throw new Error(c('B4.Notes.EditorOptions.Error').t`Could not import note. Check error console for details.`)
     }
 
     return JSON.stringify(this.importEditor.getEditorState())
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Utils.ts b/packages/web/src/javascripts/Components/SuperEditor/Utils.ts
index ed3257c239d..40a7735f12e 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Utils.ts
+++ b/packages/web/src/javascripts/Components/SuperEditor/Utils.ts
@@ -1,4 +1,5 @@
 import { $getRoot, EditorState } from 'lexical'
+import { c } from 'ttag'
 
 export function truncateString(string: string, limit: number) {
   if (string.length <= limit) {
@@ -31,10 +32,10 @@ export function handleEditorChange(
     onChange?.(stringifiedEditorState, previewText)
   } catch (error) {
     console.error(error)
+    const errorDetails = JSON.stringify(error)
     window.alert(
-      `An invalid change was made inside the Super editor. Your change was not saved. Please report this error to the team: ${JSON.stringify(
-        error,
-      )}`,
+      c('B4.Notes.EditingUI.Info')
+        .jt`An invalid change was made inside the Super editor. Your change was not saved. Please report this error to the team: ${errorDetails}`,
     )
   }
 }
diff --git a/packages/web/src/javascripts/Components/SyncResolutionMenu/SyncResolutionMenu.tsx b/packages/web/src/javascripts/Components/SyncResolutionMenu/SyncResolutionMenu.tsx
index 25f48f7cfd8..9c1389d3f32 100644
--- a/packages/web/src/javascripts/Components/SyncResolutionMenu/SyncResolutionMenu.tsx
+++ b/packages/web/src/javascripts/Components/SyncResolutionMenu/SyncResolutionMenu.tsx
@@ -1,5 +1,6 @@
 import { WebApplication } from '@/Application/WebApplication'
 import { AbstractComponent } from '@/Components/Abstract/PureComponent'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -23,29 +24,34 @@ class SyncResolutionMenu extends AbstractComponent<Props> {
           className="absolute bottom-[40px] left-[inherit] right-0 z-footer-bar-item-panel mt-4 flex max-h-[85vh] min-w-[300px] flex-col border border-solid border-border bg-default shadow-main"
         >
           <div className="flex flex-shrink-0 items-center justify-between border-b border-solid border-border bg-contrast px-6 py-3 text-text">
-            <div className="text-base font-medium">Out of Sync</div>
+            <div className="text-base font-medium">{c('B5.SecuritySync.Sync.Title').t`Out of Sync`}</div>
             <a onClick={this.close} className="text-sm font-bold text-info">
-              Close
+              {c('B5.SecuritySync.Sync.Action').t`Close`}
             </a>
           </div>
           <div className="h-full flex-grow overflow-scroll overflow-x-auto overflow-y-auto p-6 text-sm leading-tight">
             <div className="flex flex-col">
               <div className="mb-3.5">
-                We've detected that the data in the current application session may not match the data on the server. An
-                attempt was made to auto-resolve the issue, but it was unable to reconcile the differences.
+                {c('B5.SecuritySync.Sync.Info')
+                  .t`We've detected that the data in the current application session may not match the data on the server. An attempt was made to auto-resolve the issue, but it was unable to reconcile the differences.`}
               </div>
               <div className="sk-p sk-panel-row mb-3.5">
                 <div className="sk-panel-column">
-                  <div className="mb-2 font-bold">Option 1 — Restart Application:</div>
-                  <div>Quit the application and re-open it. Sometimes, this may resolve the issue.</div>
+                  <div className="mb-2 font-bold">{c('B5.SecuritySync.Sync.Subtitle')
+                    .t`Option 1 — Restart Application:`}</div>
+                  <div>
+                    {c('B5.SecuritySync.Sync.Info')
+                      .t`Quit the application and re-open it. Sometimes, this may resolve the issue.`}
+                  </div>
                 </div>
               </div>
               <div className="sk-p sk-panel-row">
                 <div className="sk-panel-column">
-                  <div className="mb-2 font-bold">Option 2 — Sign Out and Back In:</div>
+                  <div className="mb-2 font-bold">{c('B5.SecuritySync.Sync.Subtitle')
+                    .t`Option 2 — Sign Out and Back In:`}</div>
                   <div>
-                    Sign out of your account, then sign back in. This will ensure your data is consistent with the
-                    server. Be sure to download a backup of your data before doing so.
+                    {c('B5.SecuritySync.Sync.Info')
+                      .t`Sign out of your account, then sign back in. This will ensure your data is consistent with the server. Be sure to download a backup of your data before doing so.`}
                   </div>
                 </div>
               </div>
diff --git a/packages/web/src/javascripts/Components/Table/Table.tsx b/packages/web/src/javascripts/Components/Table/Table.tsx
index 08e3fda889d..0dc9593265e 100644
--- a/packages/web/src/javascripts/Components/Table/Table.tsx
+++ b/packages/web/src/javascripts/Components/Table/Table.tsx
@@ -1,4 +1,5 @@
 import { classNames } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { KeyboardKey } from '@standardnotes/ui-services'
 import { useCallback, useState, useRef } from 'react'
 import { useApplication } from '../ApplicationProvider'
@@ -362,7 +363,9 @@ function Table<Data>({ table }: { table: TableType<Data> }) {
     <div className="block min-h-0 overflow-auto" onScroll={onScroll}>
       {showSelectionActions && selectedRows.length >= 2 && (
         <div className="sticky top-0 z-[2] flex items-center justify-between border-b border-border bg-default px-3 py-2">
-          <span className="text-info-0 text-sm font-medium">{selectedRows.length} selected</span>
+          <span className="text-info-0 text-sm font-medium">
+            {c('B2.NavSharedUI.Status').t`${selectedRows.length} selected`}
+          </span>
           {selectedRows.length > 0 && selectionActions}
         </div>
       )}
diff --git a/packages/web/src/javascripts/Components/Tags/Navigation.tsx b/packages/web/src/javascripts/Components/Tags/Navigation.tsx
index 1d3ec048887..a3934ce86bf 100644
--- a/packages/web/src/javascripts/Components/Tags/Navigation.tsx
+++ b/packages/web/src/javascripts/Components/Tags/Navigation.tsx
@@ -1,4 +1,5 @@
 import SmartViewsSection from '@/Components/Tags/SmartViewsSection'
+import { c } from 'ttag'
 import TagsSection from '@/Components/Tags/TagsSection'
 import { WebApplication } from '@/Application/WebApplication'
 import { ApplicationEvent, PrefKey, WebAppEvent } from '@standardnotes/snjs'
@@ -93,7 +94,7 @@ const Navigation = forwardRef<HTMLDivElement, Props>(({ application, className,
           onClick={() => {
             setPaneLayout(PaneLayout.ItemSelection)
           }}
-          label="Go to items list"
+          label={c('B4.Notes.TagsLinkedItems.AriaLabel').t`Go to items list`}
           icon="chevron-left"
         />
         <UpgradeNow
@@ -106,14 +107,14 @@ const Navigation = forwardRef<HTMLDivElement, Props>(({ application, className,
           onClick={() => {
             application.accountMenuController.toggleShow()
           }}
-          label="Go to account menu"
+          label={c('B4.Notes.TagsLinkedItems.Label').t`Go to account menu`}
           icon="account-circle"
         />
         {hasPasscode && (
           <RoundIconButton
             id="lock-item"
             onClick={() => application.lock()}
-            label="Locks application and wipes unencrypted data from memory."
+            label={c('B4.Notes.TagsLinkedItems.AriaLabel').t`Locks application and wipes unencrypted data from memory.`}
             className="ml-2.5 bg-default"
             icon="lock-filled"
           />
diff --git a/packages/web/src/javascripts/Components/Tags/RootTagDropZone.tsx b/packages/web/src/javascripts/Components/Tags/RootTagDropZone.tsx
index 9f86b1c6500..84458397036 100644
--- a/packages/web/src/javascripts/Components/Tags/RootTagDropZone.tsx
+++ b/packages/web/src/javascripts/Components/Tags/RootTagDropZone.tsx
@@ -4,6 +4,7 @@ import { classNames } from '@standardnotes/utils'
 import { observer } from 'mobx-react-lite'
 import { DragEventHandler, FunctionComponent, useCallback, useState } from 'react'
 import { TagDragDataFormat } from './DragNDrop'
+import { c } from 'ttag'
 
 type Props = {
   tagsState: NavigationController
@@ -47,8 +48,9 @@ const RootTagDropZone: FunctionComponent<Props> = ({ tagsState }) => {
     >
       <Icon className="text-neutral" type="link-off" />
       <p className="content">
-        Move the tag here to <br />
-        remove it from its folder.
+        {c('B4.Notes.TagsLinkedItems.Action').t`Move the tag here to`}
+        <br />
+        {c('B4.Notes.TagsLinkedItems.Action').t`remove it from its folder.`}
       </p>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Tags/SmartViewsList.tsx b/packages/web/src/javascripts/Components/Tags/SmartViewsList.tsx
index 29972042e25..00d1165816c 100644
--- a/packages/web/src/javascripts/Components/Tags/SmartViewsList.tsx
+++ b/packages/web/src/javascripts/Components/Tags/SmartViewsList.tsx
@@ -5,6 +5,7 @@ import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useState } from 'react'
 import SmartViewsListItem from './SmartViewsListItem'
 import { useListKeyboardNavigation } from '@/Hooks/useListKeyboardNavigation'
+import { c } from 'ttag'
 
 type Props = {
   navigationController: NavigationController
@@ -30,7 +31,9 @@ const SmartViewsList: FunctionComponent<Props> = ({
 
   if (allViews.length === 0 && navigationController.isSearching) {
     return (
-      <div className="px-4 py-1 text-base opacity-60 lg:text-sm">No smart views found. Try a different search.</div>
+      <div className="px-4 py-1 text-base opacity-60 lg:text-sm">
+        {c('B4.Notes.TagsLinkedItems.Label').t`No smart views found. Try a different search.`}
+      </div>
     )
   }
 
diff --git a/packages/web/src/javascripts/Components/Tags/SmartViewsListItem.tsx b/packages/web/src/javascripts/Components/Tags/SmartViewsListItem.tsx
index 06a4f0a23e4..c25db4ba667 100644
--- a/packages/web/src/javascripts/Components/Tags/SmartViewsListItem.tsx
+++ b/packages/web/src/javascripts/Components/Tags/SmartViewsListItem.tsx
@@ -15,6 +15,7 @@ import {
 import { classNames } from '@standardnotes/utils'
 import { FOCUSABLE_BUT_NOT_TABBABLE } from '@/Constants/Constants'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 type Props = {
   view: SmartView
@@ -163,15 +164,19 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState, setEdit
 
       {!isSystemView(view) && (
         <div className="meta">
-          {view.conflictOf && <div className="-mt-1 text-[0.625rem] font-bold text-danger">Conflicted Copy</div>}
+          {view.conflictOf && (
+            <div className="-mt-1 text-[0.625rem] font-bold text-danger">
+              {c('B4.Notes.TagsLinkedItems.Label').t`Conflicted Copy`}
+            </div>
+          )}
 
           {isSelected && (
             <div className="menu">
               <a className="item" onClick={onClickEdit}>
-                Edit
+                {c('B4.Notes.TagsLinkedItems.Action').t`Edit`}
               </a>
               <a className="item" onClick={onClickDelete}>
-                Delete
+                {c('B4.Notes.TagsLinkedItems.Action').t`Delete`}
               </a>
             </div>
           )}
diff --git a/packages/web/src/javascripts/Components/Tags/SmartViewsSection.tsx b/packages/web/src/javascripts/Components/Tags/SmartViewsSection.tsx
index a3847f30bf1..efcb85a59dd 100644
--- a/packages/web/src/javascripts/Components/Tags/SmartViewsSection.tsx
+++ b/packages/web/src/javascripts/Components/Tags/SmartViewsSection.tsx
@@ -12,6 +12,7 @@ import ModalOverlay from '../Modal/ModalOverlay'
 import AddSmartViewModal from '../SmartViewBuilder/AddSmartViewModal'
 import { AddSmartViewModalController } from '../SmartViewBuilder/AddSmartViewModalController'
 import SmartViewsList from './SmartViewsList'
+import { c } from 'ttag'
 
 type Props = {
   application: WebApplication
@@ -34,7 +35,13 @@ const SmartViewsSection: FunctionComponent<Props> = ({ application, navigationCo
   }, [addSmartViewModalController, premiumModal, featuresController.hasSmartViews])
 
   useEffect(
-    () => application.commands.add('create-smart-view', 'Create a new smart view', createNewSmartView, 'add'),
+    () =>
+      application.commands.add(
+        'create-smart-view',
+        c('B4.Notes.TagsLinkedItems.Action').t`Create a new smart view`,
+        createNewSmartView,
+        'add',
+      ),
     [application.commands, createNewSmartView],
   )
 
@@ -43,13 +50,13 @@ const SmartViewsSection: FunctionComponent<Props> = ({ application, navigationCo
       <div className={'section-title-bar'}>
         <div className="section-title-bar-header">
           <div className="title text-base md:text-sm">
-            <span className="font-bold">Views</span>
+            <span className="font-bold">{c('B4.Notes.TagsLinkedItems.Action').t`Views`}</span>
           </div>
           {!navigationController.isSearching && (
             <IconButton
               focusable={true}
               icon="add"
-              title="Create a new smart view"
+              title={c('B4.Notes.TagsLinkedItems.Action').t`Create a new smart view`}
               className="p-0 text-neutral"
               onClick={createNewSmartView}
             />
diff --git a/packages/web/src/javascripts/Components/Tags/TagContextMenu.tsx b/packages/web/src/javascripts/Components/Tags/TagContextMenu.tsx
index f6d9d59ae8a..3df16d549ba 100644
--- a/packages/web/src/javascripts/Components/Tags/TagContextMenu.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagContextMenu.tsx
@@ -16,6 +16,7 @@ import { useApplication } from '../ApplicationProvider'
 import MenuSection from '../Menu/MenuSection'
 import DecoratedInput from '../Input/DecoratedInput'
 import { KeyboardKey } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 
 type ContextMenuProps = {
   navigationController: NavigationController
@@ -32,7 +33,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
 
   const onClickAddSubtag = useCallback(() => {
     if (!isEntitledToFolders) {
-      premiumModal.activate('Folders')
+      premiumModal.activate(c('B4.Notes.TagsLinkedItems.Label').t`Folders`)
       return
     }
 
@@ -89,14 +90,14 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
 
   return (
     <Popover
-      title="Tag options"
+      title={c('B4.Notes.TagsLinkedItems.Label').t`Tag options`}
       open={contextMenuOpen}
       anchorPoint={contextMenuClickLocation}
       togglePopover={() => navigationController.setContextMenuOpen(!contextMenuOpen)}
       className="py-2"
     >
       <div className="flex flex-col gap-1 px-4 py-0.5 text-mobile-menu-item md:px-3 md:text-tablet-menu-item lg:text-menu-item">
-        <div className="font-semibold">Name</div>
+        <div className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Name`}</div>
         <div className="flex gap-2.5">
           <DecoratedInput
             ref={titleInputRef}
@@ -114,7 +115,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
             }}
           />
           <button
-            aria-label="Save tag name"
+            aria-label={c('B4.Notes.TagsLinkedItems.Action').t`Save tag name`}
             className="rounded border border-border bg-transparent px-1.5 active:bg-default translucent-ui:border-[--popover-border-color] md:hidden"
             onClick={() => saveTitle(true)}
           >
@@ -123,7 +124,7 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
         </div>
       </div>
       <HorizontalSeparator classes="my-2" />
-      <Menu a11yLabel="Tag context menu">
+      <Menu a11yLabel={c('B4.Notes.TagsLinkedItems.Label').t`Tag context menu`}>
         <IconPicker
           key={selectedTag.uuid}
           onIconChange={handleIconChange}
@@ -141,32 +142,35 @@ const TagContextMenu = ({ navigationController, isEntitledToFolders, selectedTag
           <MenuItem className={'justify-between py-1.5'} onClick={onClickStar}>
             <div className="flex items-center">
               <Icon type="star" className="mr-2 text-neutral" />
-              {selectedTag.starred ? 'Unfavorite' : 'Favorite'}
+              {selectedTag.starred
+                ? c('B4.Notes.TagsLinkedItems.Action').t`Unfavorite`
+                : c('B4.Notes.TagsLinkedItems.Action').t`Favorite`}
             </div>
           </MenuItem>
           <MenuItem className={'justify-between py-1.5'} onClick={onClickAddSubtag}>
             <div className="flex items-center">
               <Icon type="add" className="mr-2 text-neutral" />
-              Add subtag
+              {c('B4.Notes.TagsLinkedItems.Action').t`Add subtag`}
             </div>
             {!isEntitledToFolders && <Icon type={PremiumFeatureIconName} className={PremiumFeatureIconClass} />}
           </MenuItem>
           <MenuItem className={'py-1.5'} onClick={onClickDelete}>
             <Icon type="trash" className="mr-2 text-danger" />
-            <span className="text-danger">Delete</span>
+            <span className="text-danger">{c('B4.Notes.TagsLinkedItems.Action').t`Delete`}</span>
           </MenuItem>
         </MenuSection>
       </Menu>
       <HorizontalSeparator classes="my-2" />
       <div className="px-4 pb-1.5 pt-1 text-sm font-medium text-neutral md:px-3 lg:text-xs">
         <div className="mb-1">
-          <span className="font-semibold">Last modified:</span> {tagLastModified}
+          <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Last modified:`}</span>{' '}
+          {tagLastModified}
         </div>
         <div className="mb-1">
-          <span className="font-semibold">Created:</span> {tagCreatedAt}
+          <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Created:`}</span> {tagCreatedAt}
         </div>
         <div>
-          <span className="font-semibold">Tag ID:</span> {selectedTag.uuid}
+          <span className="font-semibold">{c('B4.Notes.TagsLinkedItems.Label').t`Tag ID:`}</span> {selectedTag.uuid}
         </div>
       </div>
     </Popover>
diff --git a/packages/web/src/javascripts/Components/Tags/TagSearchBar.tsx b/packages/web/src/javascripts/Components/Tags/TagSearchBar.tsx
index 889310b5eb2..73c15d4235e 100644
--- a/packages/web/src/javascripts/Components/Tags/TagSearchBar.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagSearchBar.tsx
@@ -5,6 +5,7 @@ import { observer } from 'mobx-react-lite'
 import ClearInputButton from '../ClearInputButton/ClearInputButton'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { classNames } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 type Props = {
   navigationController: NavigationController
@@ -63,7 +64,7 @@ const TagSearchBar = ({ navigationController }: Props) => {
           container: '!bg-default px-1',
           input: 'text-base placeholder:text-passive-0 lg:text-sm',
         }}
-        placeholder={'Search tags...'}
+        placeholder={c('B4.Notes.TagsLinkedItems.Label').t`Search tags...`}
         value={searchQuery}
         onChange={setSearchQuery}
         left={[<Icon type="search" className="mr-1 h-4.5 w-4.5 flex-shrink-0 text-passive-1" />]}
diff --git a/packages/web/src/javascripts/Components/Tags/TagsList.tsx b/packages/web/src/javascripts/Components/Tags/TagsList.tsx
index cd14f58caf1..1304229dd85 100644
--- a/packages/web/src/javascripts/Components/Tags/TagsList.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagsList.tsx
@@ -7,6 +7,7 @@ import { TagsListItem } from './TagsListItem'
 import { useApplication } from '../ApplicationProvider'
 import { useListKeyboardNavigation } from '@/Hooks/useListKeyboardNavigation'
 import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import { c } from 'ttag'
 
 type Props = {
   type: TagListSectionType
@@ -56,8 +57,8 @@ const TagsList: FunctionComponent<Props> = ({ type }: Props) => {
     return (
       <div className="px-4 text-base opacity-50 lg:text-sm">
         {application.navigationController.isSearching
-          ? 'No tags found. Try a different search.'
-          : 'No tags or folders. Create one using the add button above.'}
+          ? c('B4.Notes.TagsLinkedItems.Label').t`No tags found. Try a different search.`
+          : c('B4.Notes.TagsLinkedItems.Label').t`No tags or folders. Create one using the add button above.`}
       </div>
     )
   }
diff --git a/packages/web/src/javascripts/Components/Tags/TagsListItem.tsx b/packages/web/src/javascripts/Components/Tags/TagsListItem.tsx
index 69a3cd98f2f..b981a9aa97f 100644
--- a/packages/web/src/javascripts/Components/Tags/TagsListItem.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagsListItem.tsx
@@ -28,6 +28,7 @@ import { usePremiumModal } from '@/Hooks/usePremiumModal'
 import { useApplication } from '../ApplicationProvider'
 import { mergeRefs } from '../../Hooks/mergeRefs'
 import { getTitleForLinkedTag } from '../../Utils/Items/Display/getTitleForLinkedTag'
+import { c } from 'ttag'
 
 type Props = {
   tag: SNTag
@@ -221,7 +222,8 @@ export const TagsListItem: FunctionComponent<Props> = observer(
 
       if (target) {
         addDragTarget(target, {
-          tooltipText: `Drop your files to upload and link them to tag "${tag.title}"`,
+          tooltipText: c('B4.Notes.TagsLinkedItems.Info')
+            .jt`Drop your files to upload and link them to tag "${tag.title}"` as unknown as string,
           async callback(file) {
             await linkingController.linkItems(file, tag)
           },
@@ -423,7 +425,11 @@ export const TagsListItem: FunctionComponent<Props> = observer(
             </div>
           </div>
 
-          {tag.conflictOf && <div className="-mt-1 text-[0.625rem] font-bold text-danger">Conflicted Copy</div>}
+          {tag.conflictOf && (
+            <div className="-mt-1 text-[0.625rem] font-bold text-danger">
+              {c('B4.Notes.TagsLinkedItems.Label').t`Conflicted Copy`}
+            </div>
+          )}
         </div>
         {isAddingSubtag && (
           <div
diff --git a/packages/web/src/javascripts/Components/Tags/TagsSection.tsx b/packages/web/src/javascripts/Components/Tags/TagsSection.tsx
index c3b5b55124b..6366da71093 100644
--- a/packages/web/src/javascripts/Components/Tags/TagsSection.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagsSection.tsx
@@ -4,6 +4,7 @@ import { FunctionComponent } from 'react'
 import TagsSectionAddButton from './TagsSectionAddButton'
 import TagsSectionTitle from './TagsSectionTitle'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 const TagsSection: FunctionComponent = () => {
   const application = useApplication()
@@ -15,7 +16,7 @@ const TagsSection: FunctionComponent = () => {
           <div className={'section-title-bar'}>
             <div className="section-title-bar-header">
               <div className="title text-base md:text-sm">
-                <span className="font-bold">Favorites</span>
+                <span className="font-bold">{c('B4.Notes.TagsLinkedItems.Label').t`Favorites`}</span>
               </div>
             </div>
           </div>
diff --git a/packages/web/src/javascripts/Components/Tags/TagsSectionAddButton.tsx b/packages/web/src/javascripts/Components/Tags/TagsSectionAddButton.tsx
index 7c1faf46ae4..f5c91672e18 100644
--- a/packages/web/src/javascripts/Components/Tags/TagsSectionAddButton.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagsSectionAddButton.tsx
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react-lite'
 import { useCallback, useMemo } from 'react'
 import { useKeyboardService } from '../KeyboardServiceProvider'
 import { useApplication } from '../ApplicationProvider'
+import { c } from 'ttag'
 
 function TagsSectionAddButton() {
   const application = useApplication()
@@ -19,15 +20,12 @@ function TagsSectionAddButton() {
     [keyboardService],
   )
 
-  return (
-    <IconButton
-      focusable={true}
-      icon="add"
-      title={`Create a new tag (${shortcut})`}
-      className="p-0 text-neutral"
-      onClick={addNewTag}
-    />
+  const title = useMemo(
+    () => c('B4.Notes.TagsLinkedItems.Action').jt`Create a new tag (${shortcut})` as unknown as string,
+    [shortcut],
   )
+
+  return <IconButton focusable={true} icon="add" title={title} className="p-0 text-neutral" onClick={addNewTag} />
 }
 
 export default observer(TagsSectionAddButton)
diff --git a/packages/web/src/javascripts/Components/Tags/TagsSectionTitle.tsx b/packages/web/src/javascripts/Components/Tags/TagsSectionTitle.tsx
index f6f03f74c04..5aa5d9c4f86 100644
--- a/packages/web/src/javascripts/Components/Tags/TagsSectionTitle.tsx
+++ b/packages/web/src/javascripts/Components/Tags/TagsSectionTitle.tsx
@@ -4,6 +4,7 @@ import { FeaturesController } from '@/Controllers/FeaturesController'
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent, useCallback } from 'react'
 import StyledTooltip from '../StyledTooltip/StyledTooltip'
+import { c } from 'ttag'
 
 type Props = {
   features: FeaturesController
@@ -21,7 +22,7 @@ const TagsSectionTitle: FunctionComponent<Props> = ({ features }) => {
     return (
       <>
         <div className="title text-base md:text-sm">
-          <span className="font-bold">Folders</span>
+          <span className="font-bold">{c('B4.Notes.TagsLinkedItems.Label').t`Folders`}</span>
         </div>
       </>
     )
@@ -30,10 +31,10 @@ const TagsSectionTitle: FunctionComponent<Props> = ({ features }) => {
   return (
     <>
       <div className="title text-base md:text-sm">
-        <span className="font-bold">Tags</span>
+        <span className="font-bold">{c('B4.Notes.TagsLinkedItems.Label').t`Tags`}</span>
         <StyledTooltip label={TAG_FOLDERS_FEATURE_TOOLTIP}>
           <label className="ml-1 cursor-pointer font-bold text-passive-2" onClick={showPremiumAlert}>
-            Folders
+            {c('B4.Notes.TagsLinkedItems.Label').t`Folders`}
           </label>
         </StyledTooltip>
       </div>
diff --git a/packages/web/src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx b/packages/web/src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx
index cb479665e1d..0300b141c8b 100644
--- a/packages/web/src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx
+++ b/packages/web/src/javascripts/Components/U2FAuthIframe/U2FAuthIframe.tsx
@@ -108,8 +108,7 @@ const U2FAuthIframe = () => {
   return (
     <div className="flex h-full w-full flex-col items-center justify-center gap-2">
       <div className="mb-2 text-center">
-        {c('B1.Account.SignIn.Info')
-          .t`Insert your hardware security key, then press the button below to authenticate.`}
+        {c('B1.Account.SignIn.Info').t`Insert your hardware security key, then press the button below to authenticate.`}
       </div>
       <Button onClick={beginAuthentication}>{c('B1.Account.SignIn.Action').t`Authenticate`}</Button>
       <div className="mt-2">
diff --git a/packages/web/src/javascripts/Components/VaultSelectionMenu/ManyVaultSelectionMenu.tsx b/packages/web/src/javascripts/Components/VaultSelectionMenu/ManyVaultSelectionMenu.tsx
index 075ada18902..40fca1a5169 100644
--- a/packages/web/src/javascripts/Components/VaultSelectionMenu/ManyVaultSelectionMenu.tsx
+++ b/packages/web/src/javascripts/Components/VaultSelectionMenu/ManyVaultSelectionMenu.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent, useCallback, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import Menu from '../Menu/Menu'
 import { useApplication } from '../ApplicationProvider'
 import { ContentType, VaultListingInterface } from '@standardnotes/snjs'
@@ -36,8 +37,8 @@ const ManyVaultSelectionMenu: FunctionComponent = () => {
   )
 
   return (
-    <Menu a11yLabel="Vault selection menu">
-      {!vaults.length && <div className="py-1 text-center">No vaults found</div>}
+    <Menu a11yLabel={c('B2.NavSharedUI.Label').t`Vault selection menu`}>
+      {!vaults.length && <div className="py-1 text-center">{c('B2.NavSharedUI.Info').t`No vaults found`}</div>}
       {vaults.map((vault) => (
         <VaultSelectMenuItemWithOptions vault={vault} key={vault.uuid}>
           <MenuSwitchButtonItem
diff --git a/packages/web/src/javascripts/Components/VaultSelectionMenu/MenuItemWithVaultOption.tsx b/packages/web/src/javascripts/Components/VaultSelectionMenu/MenuItemWithVaultOption.tsx
index 6ec7d856b21..3f0da9c2742 100644
--- a/packages/web/src/javascripts/Components/VaultSelectionMenu/MenuItemWithVaultOption.tsx
+++ b/packages/web/src/javascripts/Components/VaultSelectionMenu/MenuItemWithVaultOption.tsx
@@ -1,5 +1,6 @@
 import { VaultListingInterface, classNames } from '@standardnotes/snjs'
 import { useState, useRef } from 'react'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import VaultOptionsMenu from './VaultOptionsMenu'
 import Popover from '../Popover/Popover'
@@ -32,7 +33,7 @@ const VaultSelectMenuItemWithOptions = ({
         <Icon type="more" size="small" />
       </button>
       <Popover
-        title="Vault options"
+        title={c('B2.NavSharedUI.Title').t`Vault options`}
         open={isOptionsMenuOpen}
         anchorElement={optionsButtonRef}
         side="top"
diff --git a/packages/web/src/javascripts/Components/VaultSelectionMenu/SingleVaultSelectionMenu.tsx b/packages/web/src/javascripts/Components/VaultSelectionMenu/SingleVaultSelectionMenu.tsx
index 22603fc6d31..4ef5749e19b 100644
--- a/packages/web/src/javascripts/Components/VaultSelectionMenu/SingleVaultSelectionMenu.tsx
+++ b/packages/web/src/javascripts/Components/VaultSelectionMenu/SingleVaultSelectionMenu.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent, useCallback, useEffect, useState } from 'react'
+import { c } from 'ttag'
 import Menu from '../Menu/Menu'
 import { useApplication } from '../ApplicationProvider'
 import { ContentType, VaultListingInterface } from '@standardnotes/snjs'
@@ -32,8 +33,8 @@ const SingleVaultSelectionMenu: FunctionComponent = () => {
   )
 
   return (
-    <Menu a11yLabel="Vault selection menu">
-      {!vaults.length && <div className="py-1 text-center">No vaults found</div>}
+    <Menu a11yLabel={c('B2.NavSharedUI.Label').t`Vault selection menu`}>
+      {!vaults.length && <div className="py-1 text-center">{c('B2.NavSharedUI.Info').t`No vaults found`}</div>}
       {vaults.map((vault) => (
         <VaultSelectMenuItemWithOptions vault={vault} key={vault.uuid}>
           <MenuRadioButtonItem
diff --git a/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultOptionsMenu.tsx b/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultOptionsMenu.tsx
index 21087c3dccd..1e942206c6e 100644
--- a/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultOptionsMenu.tsx
+++ b/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultOptionsMenu.tsx
@@ -1,4 +1,5 @@
 import { VaultListingInterface } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import Menu from '../Menu/Menu'
 import MenuItem from '../Menu/MenuItem'
 import Icon from '../Icon/Icon'
@@ -24,15 +25,15 @@ const VaultOptionsMenu = ({ vault }: Props) => {
 
   return (
     <>
-      <Menu a11yLabel="Vault options menu">
+      <Menu a11yLabel={c('B2.NavSharedUI.Label').t`Vault options menu`}>
         <MenuItem onClick={openEditModal}>
           <Icon type="pencil-filled" className="mr-2" />
-          Edit vault
+          {c('B2.NavSharedUI.Action').t`Edit vault`}
         </MenuItem>
         {canShowLockOption && (
           <MenuItem onClick={toggleLock}>
             <Icon type="lock" className="mr-2" />
-            {isLocked ? 'Unlock' : 'Lock'} vault
+            {isLocked ? c('B2.NavSharedUI.Action').t`Unlock vault` : c('B2.NavSharedUI.Action').t`Lock vault`}
           </MenuItem>
         )}
       </Menu>
diff --git a/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultSelectionMenu.tsx b/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultSelectionMenu.tsx
index 85ad082053a..201ff4b2605 100644
--- a/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultSelectionMenu.tsx
+++ b/packages/web/src/javascripts/Components/VaultSelectionMenu/VaultSelectionMenu.tsx
@@ -1,5 +1,6 @@
 import { observer } from 'mobx-react-lite'
 import { useState } from 'react'
+import { c } from 'ttag'
 import Menu from '../Menu/Menu'
 import RadioButtonGroup from '@/Components/RadioButtonGroup/RadioButtonGroup'
 import ManyVaultSelectionMenu from './ManyVaultSelectionMenu'
@@ -28,11 +29,11 @@ const VaultSelectionMenu = () => {
   }
 
   return (
-    <Menu a11yLabel="Vault selection menu">
+    <Menu a11yLabel={c('B2.NavSharedUI.Label').t`Vault selection menu`}>
       <RadioButtonGroup
         items={[
-          { label: 'Multiple', value: 'many' },
-          { label: 'One', value: 'single' },
+          { label: c('B2.NavSharedUI.Label').t`Multiple`, value: 'many' },
+          { label: c('B2.NavSharedUI.Label').t`One`, value: 'single' },
         ]}
         value={mode}
         onChange={(value) => changeSelectionMode(value)}
@@ -47,7 +48,7 @@ const VaultSelectionMenu = () => {
           application.preferencesController.openPreferences('vaults')
         }}
       >
-        Open vault settings
+        {c('B2.NavSharedUI.Action').t`Open vault settings`}
       </MenuItem>
     </Menu>
   )
diff --git a/packages/web/src/javascripts/Components/Vaults/AddToVaultMenuOption.tsx b/packages/web/src/javascripts/Components/Vaults/AddToVaultMenuOption.tsx
index cb87e481ab5..90f6cd86dbf 100644
--- a/packages/web/src/javascripts/Components/Vaults/AddToVaultMenuOption.tsx
+++ b/packages/web/src/javascripts/Components/Vaults/AddToVaultMenuOption.tsx
@@ -1,5 +1,6 @@
 import { observer } from 'mobx-react-lite'
 import { useCallback, useRef, useState } from 'react'
+import { c } from 'ttag'
 import Icon from '@/Components/Icon/Icon'
 import { KeyboardKey } from '@standardnotes/ui-services'
 import Popover from '../Popover/Popover'
@@ -8,6 +9,8 @@ import { useApplication } from '../ApplicationProvider'
 import MenuItem from '../Menu/MenuItem'
 import Menu from '../Menu/Menu'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 const VaultMenu = observer(({ items }: { items: DecryptedItemInterface[] }) => {
   const application = useApplication()
   const vaults = application.vaults.getVaults()
@@ -57,7 +60,7 @@ const VaultMenu = observer(({ items }: { items: DecryptedItemInterface[] }) => {
   const singleItemVault = items.length === 1 ? application.vaults.getItemVault(items[0]) : undefined
 
   return (
-    <Menu a11yLabel="Vault selection menu">
+    <Menu a11yLabel={c('B2.NavSharedUI.Label').t`Vault selection menu`}>
       {doSomeItemsBelongToVault && (
         <MenuItem
           onClick={() => {
@@ -65,10 +68,15 @@ const VaultMenu = observer(({ items }: { items: DecryptedItemInterface[] }) => {
           }}
         >
           <Icon type="close" className="mr-2 text-neutral" />
-          Move out of {singleItemVault ? singleItemVault.name : 'vaults'}
+          {singleItemVault
+            ? jtString(c('B2.NavSharedUI.Action').jt`Move out of ${singleItemVault.name}`)
+            : c('B2.NavSharedUI.Action').t`Move out of vaults`}
         </MenuItem>
       )}
-      {!vaults.length && <div className="flex flex-col items-center justify-center py-1">No vaults found</div>}
+      {!vaults.length && (
+        <div className="flex flex-col items-center justify-center py-1">{c('B2.NavSharedUI.Info')
+          .t`No vaults found`}</div>
+      )}
       {vaults.map((vault) => {
         if (singleItemVault) {
           return null
@@ -139,12 +147,12 @@ const AddToVaultMenuOption = ({
       >
         <div className="flex items-center">
           <Icon type="safe-square" className={iconClassName} />
-          Move to vault
+          {c('B2.NavSharedUI.Action').t`Move to vault`}
         </div>
         <Icon type="chevron-right" className="text-neutral" />
       </MenuItem>
       <Popover
-        title="Move to vault"
+        title={c('B2.NavSharedUI.Title').t`Move to vault`}
         togglePopover={toggleSubMenu}
         anchorElement={buttonRef}
         open={isSubMenuOpen}
diff --git a/packages/web/src/javascripts/Components/Vaults/LastEditedByBadge.tsx b/packages/web/src/javascripts/Components/Vaults/LastEditedByBadge.tsx
index f4eaf8909d9..260c6535c05 100644
--- a/packages/web/src/javascripts/Components/Vaults/LastEditedByBadge.tsx
+++ b/packages/web/src/javascripts/Components/Vaults/LastEditedByBadge.tsx
@@ -1,13 +1,19 @@
 import { TrustedContactInterface } from '@standardnotes/models'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 
 const LastEditedByBadge = ({ contact }: { contact: TrustedContactInterface }) => {
   return (
     <div
-      title="Last edited by"
+      title={c('B2.NavSharedUI.Label').t`Last edited by`}
       className="flex select-none items-center rounded bg-info px-1.5 py-1 text-info-contrast"
     >
-      <Icon ariaLabel="Shared by" type="pencil" className="mr-1 text-info-contrast" size="medium" />
+      <Icon
+        ariaLabel={c('B2.NavSharedUI.Label').t`Shared by`}
+        type="pencil"
+        className="mr-1 text-info-contrast"
+        size="medium"
+      />
       <span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{contact.name}</span>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Vaults/SharedByContactBadge.tsx b/packages/web/src/javascripts/Components/Vaults/SharedByContactBadge.tsx
index c51bff6d34c..4b7ec13e7bd 100644
--- a/packages/web/src/javascripts/Components/Vaults/SharedByContactBadge.tsx
+++ b/packages/web/src/javascripts/Components/Vaults/SharedByContactBadge.tsx
@@ -1,10 +1,19 @@
 import { TrustedContactInterface } from '@standardnotes/models'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 
 const SharedByContactBadge = ({ contact }: { contact: TrustedContactInterface }) => {
   return (
-    <div title="Shared by contact" className="flex items-center rounded bg-info px-1.5 py-1 text-neutral-contrast">
-      <Icon ariaLabel="Shared by contact" type="archive" className="mr-1 text-info-contrast" size="medium" />
+    <div
+      title={c('B2.NavSharedUI.Label').t`Shared by contact`}
+      className="flex items-center rounded bg-info px-1.5 py-1 text-neutral-contrast"
+    >
+      <Icon
+        ariaLabel={c('B2.NavSharedUI.Label').t`Shared by contact`}
+        type="archive"
+        className="mr-1 text-info-contrast"
+        size="medium"
+      />
       <div className="text-center text-sm font-semibold lg:text-xs">{contact.name}</div>
     </div>
   )
diff --git a/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx b/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
index 9481939aaaa..9c36b956d73 100644
--- a/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
+++ b/packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx
@@ -1,4 +1,5 @@
 import { FunctionComponent } from 'react'
+import { c } from 'ttag'
 import Icon from '../Icon/Icon'
 import { VaultListingInterface } from '@standardnotes/snjs'
 
@@ -8,8 +9,17 @@ type Props = {
 
 const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
   return (
-    <div title="Vault name" className="flex select-none items-center rounded border border-passive-2 px-1.5 py-1">
-      <Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1" size="medium" emojiSize="small" />
+    <div
+      title={c('B2.NavSharedUI.Label').t`Vault name`}
+      className="flex select-none items-center rounded border border-passive-2 px-1.5 py-1"
+    >
+      <Icon
+        ariaLabel={c('B2.NavSharedUI.Label').t`Shared in vault`}
+        type={vault.iconString}
+        className="mr-1"
+        size="medium"
+        emojiSize="small"
+      />
       <span className="mr-auto overflow-hidden text-ellipsis text-sm font-semibold lg:text-xs">{vault.name}</span>
     </div>
   )
diff --git a/packages/web/src/javascripts/Constants/Constants.ts b/packages/web/src/javascripts/Constants/Constants.ts
index 0fcd547a021..ee99d4a1fc0 100644
--- a/packages/web/src/javascripts/Constants/Constants.ts
+++ b/packages/web/src/javascripts/Constants/Constants.ts
@@ -1,4 +1,5 @@
 import { IconType } from '@standardnotes/snjs'
+import { c } from 'ttag'
 
 export const PANEL_NAME_NOTES = 'notes'
 export const PANEL_NAME_NAVIGATION = 'navigation'
@@ -23,9 +24,10 @@ export const DAYS_IN_A_YEAR = 365
 export const BYTES_IN_ONE_KILOBYTE = 1_000
 export const BYTES_IN_ONE_MEGABYTE = 1_000_000
 
-export const TAG_FOLDERS_FEATURE_NAME = 'Tag folders'
-export const TAG_FOLDERS_FEATURE_TOOLTIP = 'A Plus or Pro plan is required to enable Tag folders.'
-export const SMART_TAGS_FEATURE_NAME = 'Smart Tags'
+export const TAG_FOLDERS_FEATURE_NAME = c('B7.FilesSubscriptionHelp.Subscription.Info').t`Tag folders`
+export const TAG_FOLDERS_FEATURE_TOOLTIP = c('B7.FilesSubscriptionHelp.Subscription.Info')
+  .t`A Plus or Pro plan is required to enable Tag folders.`
+export const SMART_TAGS_FEATURE_NAME = c('B7.FilesSubscriptionHelp.Subscription.Info').t`Smart Tags`
 
 export const SYNC_TIMEOUT_DEBOUNCE = 350
 export const SYNC_TIMEOUT_NO_DEBOUNCE = 100
diff --git a/packages/web/src/javascripts/Constants/Strings.ts b/packages/web/src/javascripts/Constants/Strings.ts
index fdd3394dbd4..479f1f0d353 100644
--- a/packages/web/src/javascripts/Constants/Strings.ts
+++ b/packages/web/src/javascripts/Constants/Strings.ts
@@ -2,51 +2,64 @@ import { escapeHtmlString, Platform, SNApplication } from '@standardnotes/snjs'
 import { getPlatform, isDesktopApplication } from '../Utils'
 import { c, msgid } from 'ttag'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 /** @generic */
 export const STRING_DEFAULT_FILE_ERROR = () =>
-  c('Error')
+  c('B7.FilesSubscriptionHelp.Files.Error')
     .t`Please use FileSafe or the Bold Editor to attach images and files. Learn more at standardnotes.com/filesafe.`
 export const STRING_GENERIC_SYNC_ERROR = () =>
   c('B1.Account.Session.Error')
     .t`There was an error syncing. Please try again. If all else fails, try signing out and signing back in.`
 export function StringSyncException(data: unknown) {
-  return `There was an error while trying to save your items. Please contact support and share this message: ${JSON.stringify(
-    data,
-  )}.`
+  const message = JSON.stringify(data)
+  return jtString(
+    c('B5.SecuritySync.Sync.Error')
+      .jt`There was an error while trying to save your items. Please contact support and share this message: ${message}.`,
+  )
 }
 
 /** @footer */
-export const STRING_NEW_UPDATE_READY =
-  "A new update is ready to install. Please use the top-level 'Updates' menu to manage installation."
+export const STRING_NEW_UPDATE_READY = () =>
+  c('B8.MobileDesktopShared.Desktop.Info')
+    .t`A new update is ready to install. Please use the top-level 'Updates' menu to manage installation.`
 
 /** @tags */
-export const STRING_DELETE_TAG =
-  'Are you sure you want to delete this tag? Deleting a tag will not delete its subtags or its notes.'
+export const STRING_DELETE_TAG = () =>
+  c('B4.Notes.TagsLinkedItems.Confirmation')
+    .t`Are you sure you want to delete this tag? Deleting a tag will not delete its subtags or its notes.`
 
-export const STRING_MISSING_SYSTEM_TAG = 'We are missing a System Tag.'
+export const STRING_MISSING_SYSTEM_TAG = () => c('B4.Notes.TagsLinkedItems.Error').t`We are missing a System Tag.`
 
 /** @editor */
-export const STRING_GENERIC_SAVE_ERROR = 'There was an error saving your note. Please try again.'
-export const STRING_DELETE_PLACEHOLDER_ATTEMPT =
-  'This note is a placeholder and cannot be deleted. To remove from your list, simply navigate to a different note.'
-export const STRING_ARCHIVE_LOCKED_ATTEMPT =
-  "This note has editing disabled. If you'd like to archive it, enable editing, and try again."
-export const STRING_UNARCHIVE_LOCKED_ATTEMPT =
-  "This note has editing disabled. If you'd like to unarchive it, enable editing, and try again."
-export const STRING_DELETE_LOCKED_ATTEMPT =
-  "This note had editing disabled. If you'd like to delete it, enable editing, and try again."
-export const STRING_EDIT_LOCKED_ATTEMPT =
-  "This note has editing disabled. If you'd like to edit its options, enable editing, and try again."
-export const STRING_RESTORE_LOCKED_ATTEMPT =
-  "This note has editing disabled. If you'd like to restore it to a previous revision, enable editing and try again."
+export const STRING_GENERIC_SAVE_ERROR = () =>
+  c('B4.Notes.EditingUI.Error').t`There was an error saving your note. Please try again.`
+export const STRING_DELETE_PLACEHOLDER_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note is a placeholder and cannot be deleted. To remove from your list, simply navigate to a different note.`
+export const STRING_ARCHIVE_LOCKED_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note has editing disabled. If you'd like to archive it, enable editing, and try again.`
+export const STRING_UNARCHIVE_LOCKED_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note has editing disabled. If you'd like to unarchive it, enable editing, and try again.`
+export const STRING_DELETE_LOCKED_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note had editing disabled. If you'd like to delete it, enable editing, and try again.`
+export const STRING_EDIT_LOCKED_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note has editing disabled. If you'd like to edit its options, enable editing, and try again.`
+export const STRING_RESTORE_LOCKED_ATTEMPT = () =>
+  c('B3.Notes.NoteActions.Info')
+    .t`This note has editing disabled. If you'd like to restore it to a previous revision, enable editing and try again.`
 export function StringDeleteNote(title: string, permanently: boolean) {
-  const escapedTitle = escapeHtmlString(title)
+  const noteTitle = title
   return permanently
-    ? `Are you sure you want to permanently delete ${escapedTitle}?`
-    : `Are you sure you want to move ${escapedTitle} to the trash?`
+    ? jtString(c('B3.Notes.NoteActions.Confirmation').jt`Are you sure you want to permanently delete ${noteTitle}?`)
+    : jtString(c('B3.Notes.NoteActions.Confirmation').jt`Are you sure you want to move ${noteTitle} to the trash?`)
 }
 export function StringEmptyTrash(count: number) {
-  return c('Confirmation').ngettext(
+  return c('B3.Notes.NoteActions.Confirmation').ngettext(
     msgid`Are you sure you want to permanently delete ${count} note?`,
     `Are you sure you want to permanently delete ${count} notes?`,
     count,
@@ -58,19 +71,18 @@ export const STRING_SIGN_OUT_CONFIRMATION = () =>
   c('B1.Account.Session.Info')
     .t`This action will remove this workspace and its related data from this device. Your synced data will not be affected.`
 export const STRING_E2E_ENABLED = () =>
-  c('B1.Account.ImportExport.Info')
+  c('B1.Account.Session.Info')
     .t`End-to-end encryption is enabled. Your data is encrypted on your device first, then synced to your private cloud.`
 export const STRING_LOCAL_ENC_ENABLED = () =>
-  c('B1.Account.ImportExport.Info')
+  c('B1.Account.Session.Info')
     .t`Encryption is enabled. Your data is encrypted using your passcode before it is saved to your device storage.`
 export const STRING_ENC_NOT_ENABLED = () =>
-  c('B1.Account.ImportExport.Info')
+  c('B1.Account.Session.Info')
     .t`Encryption is not enabled. Sign in, register, or add a passcode lock to enable encryption.`
 export const STRING_IMPORT_SUCCESS = () =>
   c('B1.Account.ImportExport.Info').t`Your data has been successfully imported.`
-export const STRING_REMOVE_PASSCODE_CONFIRMATION = 'Are you sure you want to remove your application passcode?'
-export const STRING_REMOVE_PASSCODE_OFFLINE_ADDENDUM = ' This will remove encryption from your local data.'
-export const STRING_NON_MATCHING_PASSCODES = 'The two passcodes you entered do not match. Please try again.'
+export const STRING_NON_MATCHING_PASSCODES = () =>
+  c('B5.SecuritySync.Passcode.Error').t`The two passcodes you entered do not match. Please try again.`
 export const STRING_NON_MATCHING_PASSWORDS = () =>
   c('B1.Account.SignIn.Error').t`The two passwords you entered do not match. Please try again.`
 export const STRING_INVALID_IMPORT_FILE = () =>
@@ -94,11 +106,13 @@ export const STRING_CONFIRM_APP_QUIT_DURING_UPGRADE = () =>
   c('B1.Account.Password.Info')
     .t`The encryption upgrade is in progress. You may lose data if you quit the app. Are you sure you want to quit?`
 
-export const STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_CHANGE =
-  'A passcode change is in progress. You may lose data if you quit the app. ' + 'Are you sure you want to quit?'
+export const STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_CHANGE = () =>
+  c('B5.SecuritySync.Passcode.Confirmation')
+    .t`A passcode change is in progress. You may lose data if you quit the app. Are you sure you want to quit?`
 
-export const STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_REMOVAL =
-  'A passcode removal is in progress. You may lose data if you quit the app. ' + 'Are you sure you want to quit?'
+export const STRING_CONFIRM_APP_QUIT_DURING_PASSCODE_REMOVAL = () =>
+  c('B5.SecuritySync.Passcode.Confirmation')
+    .t`A passcode removal is in progress. You may lose data if you quit the app. Are you sure you want to quit?`
 
 export const STRING_UPGRADE_ACCOUNT_CONFIRM_TITLE = () => c('B1.Account.Password.Title').t`Encryption upgrade available`
 export const STRING_UPGRADE_ACCOUNT_CONFIRM_TEXT = () =>
@@ -106,7 +120,8 @@ export const STRING_UPGRADE_ACCOUNT_CONFIRM_TEXT = () =>
     .t`Encryption version 004 is available. This version strengthens the encryption algorithms your account and local storage use. To learn more about this upgrade, visit our <a href="https://standardnotes.com/help/security" target="_blank">Security Upgrade page.</a>`
 export const STRING_UPGRADE_ACCOUNT_CONFIRM_BUTTON = () => c('B1.Account.Password.Action').t`Upgrade`
 
-export const STRING_REMOVE_OFFLINE_KEY_CONFIRMATION = 'This will delete the previously saved offline key.'
+export const STRING_REMOVE_OFFLINE_KEY_CONFIRMATION = () =>
+  c('B5.SecuritySync.KeyStorage.Confirmation').t`This will delete the previously saved offline key.`
 
 export const STRING_DELETE_ACCOUNT_CONFIRMATION = () =>
   c('B1.Account.Session.Info')
@@ -116,14 +131,26 @@ export const STRING_FAILED_TO_UPDATE_USER_SETTING = () =>
   c('B1.Account.Session.Error').t`There was an error while trying to update your settings. Please try again.`
 
 export const Strings = {
-  protectingNoteWithoutProtectionSources:
-    'Access to this note will not be restricted until you set up a passcode or account.',
-  trashItemsTitle: 'Move to Trash',
-  deleteItemsPermanentlyTitle: 'Delete Permanently',
-  trashNotesText: 'Are you sure you want to move these notes to the trash?',
-  trashFilesText: 'Are you sure you want to move these files to the trash?',
-  enterPasscode: 'Please enter a passcode.',
-  deleteMultipleFiles: 'Are you sure you want to permanently delete these files?',
+  get protectingNoteWithoutProtectionSources() {
+    return c('B5.SecuritySync.Info')
+      .t`Access to this note will not be restricted until you set up a passcode or account.`
+  },
+  get trashItemsTitle() {
+    return c('B3.Notes.NoteActions.Title').t`Move to Trash`
+  },
+  get deleteItemsPermanentlyTitle() {
+    return c('B3.Notes.NoteActions.Title').t`Delete Permanently`
+  },
+  get trashNotesText() {
+    return c('B3.Notes.NoteActions.Confirmation').t`Are you sure you want to move these notes to the trash?`
+  },
+  get trashFilesText() {
+    return c('B3.Notes.NoteActions.Confirmation').t`Are you sure you want to move these files to the trash?`
+  },
+  enterPasscode: () => c('B5.SecuritySync.Passcode.Error').t`Please enter a passcode.`,
+  get deleteMultipleFiles() {
+    return c('B3.Notes.NoteActions.Confirmation').t`Are you sure you want to permanently delete these files?`
+  },
 }
 
 export const StringUtils = {
@@ -137,45 +164,60 @@ export const StringUtils = {
     const platform = getPlatform(application.device)
     const keychainName =
       platform === Platform.WindowsDesktop
-        ? 'credential manager'
+        ? c('B5.SecuritySync.Passcode.Label').t`credential manager`
         : platform === Platform.MacDesktop
-        ? 'keychain'
-        : 'password manager'
-    return `Your keys are currently stored in your operating system's ${keychainName}. Adding a passcode prevents even your operating system from reading them.`
+        ? c('B5.SecuritySync.Passcode.Label').t`keychain`
+        : c('B5.SecuritySync.Passcode.Label').t`password manager`
+    return jtString(
+      c('B5.SecuritySync.Passcode.Info')
+        .jt`Your keys are currently stored in your operating system's ${keychainName}. Adding a passcode prevents even your operating system from reading them.`,
+    )
   },
   deleteNotes(permanently: boolean, notesCount = 1, title?: string): string {
     if (notesCount === 1) {
-      const escapedTitle = escapeHtmlString(title || '')
-      return permanently
-        ? `Are you sure you want to permanently delete ${escapedTitle}?`
-        : `Are you sure you want to move ${escapedTitle} to the trash?`
-    } else {
+      const noteTitle = title ? escapeHtmlString(title) : c('B3.Notes.NoteActions.Label').t`this note`
       return permanently
-        ? 'Are you sure you want to permanently delete these notes?'
-        : 'Are you sure you want to move these notes to the trash?'
+        ? jtString(c('B3.Notes.NoteActions.Confirmation').jt`Are you sure you want to permanently delete ${noteTitle}?`)
+        : jtString(c('B3.Notes.NoteActions.Confirmation').jt`Are you sure you want to move ${noteTitle} to the trash?`)
     }
+
+    return permanently
+      ? c('B3.Notes.NoteActions.Confirmation').t`Are you sure you want to permanently delete these notes?`
+      : c('B3.Notes.NoteActions.Confirmation').t`Are you sure you want to move these notes to the trash?`
   },
   deleteFile(title: string): string {
-    const escapedTitle = escapeHtmlString(title)
-    return `Are you sure you want to permanently delete ${escapedTitle}?`
+    const fileTitle = escapeHtmlString(title)
+    return jtString(
+      c('B3.Notes.NoteActions.Confirmation').jt`Are you sure you want to permanently delete ${fileTitle}?`,
+    )
   },
   archiveLockedNotesAttempt(archive: boolean, notesCount = 1): string {
-    const archiveString = archive ? 'archive' : 'unarchive'
+    const archiveAction = archive
+      ? c('B3.Notes.NoteActions.Label').t`archive`
+      : c('B3.Notes.NoteActions.Label').t`unarchive`
     return notesCount === 1
-      ? `This note has editing disabled. If you'd like to ${archiveString} it, enable editing, and try again.`
-      : `One or more of these notes have editing disabled. If you'd like to ${archiveString} them, make sure editing is enabled on all of them, and try again.`
+      ? jtString(
+          c('B3.Notes.NoteActions.Info')
+            .jt`This note has editing disabled. If you'd like to ${archiveAction} it, enable editing, and try again.`,
+        )
+      : jtString(
+          c('B3.Notes.NoteActions.Info')
+            .jt`One or more of these notes have editing disabled. If you'd like to ${archiveAction} them, make sure editing is enabled on all of them, and try again.`,
+        )
   },
   deleteLockedNotesAttempt(notesCount = 1): string {
     return notesCount === 1
-      ? "This note has editing disabled. If you'd like to delete it, enable editing, and try again."
-      : "One or more of these notes have editing disabled. If you'd like to delete them, make sure editing is enabled on all of them, and try again."
+      ? c('B3.Notes.NoteActions.Info')
+          .t`This note has editing disabled. If you'd like to delete it, enable editing, and try again.`
+      : c('B3.Notes.NoteActions.Info')
+          .t`One or more of these notes have editing disabled. If you'd like to delete them, make sure editing is enabled on all of them, and try again.`
   },
   deleteTag(title: string): string {
-    const escapedTitle = escapeHtmlString(title)
-    return `Delete tag "${escapedTitle}"?`
+    const tagTitle = escapeHtmlString(title)
+    return jtString(c('B4.Notes.TagsLinkedItems.Confirmation').jt`Delete tag "${tagTitle}"?`)
   },
   cannotUploadFile(name: string): string {
-    const escapedName = escapeHtmlString(name)
-    return `Cannot upload file "${escapedName}"`
+    const fileName = escapeHtmlString(name)
+    return jtString(c('B3.Notes.EditorToolbar.Error').jt`Cannot upload file "${fileName}"`)
   },
 }
diff --git a/packages/web/src/javascripts/Controllers/FeatureName.ts b/packages/web/src/javascripts/Controllers/FeatureName.ts
index 26c257285ba..708880e196f 100644
--- a/packages/web/src/javascripts/Controllers/FeatureName.ts
+++ b/packages/web/src/javascripts/Controllers/FeatureName.ts
@@ -1,4 +1,15 @@
+import { c } from 'ttag'
+
 export enum FeatureName {
-  Files = 'Encrypted File Storage',
-  Super = 'Super notes',
+  Files = 'Files',
+  Super = 'Super',
+}
+
+export function getFeatureNameLabel(feature: FeatureName): string {
+  switch (feature) {
+    case FeatureName.Files:
+      return c('B7.FilesSubscriptionHelp.Subscription.Label').t`Encrypted File Storage`
+    case FeatureName.Super:
+      return c('B7.FilesSubscriptionHelp.Subscription.Label').t`Super notes`
+  }
 }
diff --git a/packages/web/src/javascripts/Controllers/FeaturesController.ts b/packages/web/src/javascripts/Controllers/FeaturesController.ts
index 1ce26bac6f5..5878ac25481 100644
--- a/packages/web/src/javascripts/Controllers/FeaturesController.ts
+++ b/packages/web/src/javascripts/Controllers/FeaturesController.ts
@@ -1,5 +1,5 @@
 import { FeaturesClientInterface, InternalEventHandlerInterface } from '@standardnotes/services'
-import { FeatureName } from './FeatureName'
+import { FeatureName, getFeatureNameLabel } from './FeatureName'
 import { PremiumFeatureModalType } from '@/Components/PremiumFeaturesModal/PremiumFeatureModalType'
 import { destroyAllObjectProperties } from '@/Utils'
 import {
@@ -93,7 +93,11 @@ export class FeaturesController extends AbstractViewController implements Intern
   }
 
   public async showPremiumAlert(featureName?: FeatureName | string): Promise<void> {
-    this.premiumAlertFeatureName = featureName
+    if (featureName === FeatureName.Files || featureName === FeatureName.Super) {
+      this.premiumAlertFeatureName = getFeatureNameLabel(featureName)
+    } else {
+      this.premiumAlertFeatureName = featureName
+    }
     this.premiumAlertType = PremiumFeatureModalType.UpgradePrompt
 
     return when(() => this.premiumAlertType === undefined)
diff --git a/packages/web/src/javascripts/Controllers/FilesController.ts b/packages/web/src/javascripts/Controllers/FilesController.ts
index d33843df9fe..80d2b4ced75 100644
--- a/packages/web/src/javascripts/Controllers/FilesController.ts
+++ b/packages/web/src/javascripts/Controllers/FilesController.ts
@@ -37,7 +37,10 @@ import {
 } from '@standardnotes/snjs'
 import { addToast, dismissToast, ToastType, updateToast } from '@standardnotes/toast'
 import { action, makeObservable, observable, reaction } from 'mobx'
+import { c } from 'ttag'
 import { AbstractViewController } from './Abstract/AbstractViewController'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 import { NotesController } from './NotesController/NotesController'
 import { downloadOrShareBlobBasedOnPlatform } from '@/Utils/DownloadOrShareBasedOnPlatform'
 import { truncateString } from '@/Components/SuperEditor/Utils'
@@ -174,14 +177,15 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
       confirmButtonStyle: 'danger',
     })
     if (shouldDelete) {
+      const fileName = file.name
       const deletingToastId = addToast({
         type: ToastType.Loading,
-        message: `Deleting file "${file.name}"...`,
+        message: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Deleting file "${fileName}"...`),
       })
       await this.files.deleteFile(file)
       addToast({
         type: ToastType.Success,
-        message: `Deleted file "${file.name}"`,
+        message: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Deleted file "${fileName}"`),
       })
       dismissToast(deletingToastId)
     }
@@ -192,7 +196,7 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
     if (!note) {
       addToast({
         type: ToastType.Error,
-        message: 'Could not attach file because selected note was deleted',
+        message: c('B7.FilesSubscriptionHelp.Files.Error').t`Could not attach file because selected note was deleted`,
       })
       return
     }
@@ -206,7 +210,7 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
     if (!note) {
       addToast({
         type: ToastType.Error,
-        message: 'Could not attach file because selected note was deleted',
+        message: c('B7.FilesSubscriptionHelp.Files.Error').t`Could not attach file because selected note was deleted`,
       })
       return
     }
@@ -331,17 +335,19 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
       }
 
       if (this.mobileDevice && canShowProgressNotification) {
+        const fileName = file.name
         downloadingToastId = await this.mobileDevice.displayNotification({
-          title: `Downloading file "${file.name}"`,
+          title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Downloading file "${fileName}"`),
           android: {
             progress: { max: 100, current: 0, indeterminate: true },
             onlyAlertOnce: true,
           },
         })
       } else {
+        const fileName = file.name
         downloadingToastId = addToast({
           type: ToastType.Progress,
-          message: `Downloading file "${file.name}" (0%)`,
+          message: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Downloading file "${fileName}" (0%)`),
           progress: 0,
         })
       }
@@ -360,10 +366,11 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
         const progressPercent = Math.floor(progress.percentComplete)
 
         if (this.mobileDevice && canShowProgressNotification) {
+          const fileName = file.name
           this.mobileDevice
             .displayNotification({
               id: downloadingToastId,
-              title: `Downloading file "${file.name}"`,
+              title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Downloading file "${fileName}"`),
               android: {
                 progress: { max: 100, current: progressPercent, indeterminate: false },
                 onlyAlertOnce: true,
@@ -403,15 +410,17 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
       }
 
       if (this.mobileDevice && canShowProgressNotification) {
+        const fileName = file.name
         await this.mobileDevice.displayNotification({
-          title: `Successfully downloaded file "${file.name}"`,
+          title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Successfully downloaded file "${fileName}"`),
         })
       } else {
         addToast({
           type: ToastType.Success,
-          message: `Successfully downloaded file${
-            lastProgress && lastProgress.source === 'local' ? ' from local backup' : ''
-          }`,
+          message:
+            lastProgress && lastProgress.source === 'local'
+              ? c('B7.FilesSubscriptionHelp.Files.Info').t`Successfully downloaded file from local backup`
+              : c('B7.FilesSubscriptionHelp.Files.Info').t`Successfully downloaded file`,
         })
       }
     } catch (error) {
@@ -423,7 +432,7 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
 
       addToast({
         type: ToastType.Error,
-        message: 'There was an error while downloading the file',
+        message: c('B7.FilesSubscriptionHelp.Files.Error').t`There was an error while downloading the file`,
       })
     }
 
@@ -438,11 +447,11 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
 
   alertIfFileExceedsSizeLimit = (file: File): boolean => {
     if (!this.shouldUseStreamingAPI && this.maxFileSize && file.size >= this.maxFileSize) {
+      const maxFileSizeInMegabytes = this.maxFileSize / BYTES_IN_ONE_MEGABYTE
       this.alerts
         .alert(
-          `This file exceeds the limits supported in this browser. To upload files greater than ${
-            this.maxFileSize / BYTES_IN_ONE_MEGABYTE
-          }MB, please use the desktop application or the Chrome browser.`,
+          c('B7.FilesSubscriptionHelp.Files.Error')
+            .t`This file exceeds the limits supported in this browser. To upload files greater than ${maxFileSizeInMegabytes}MB, please use the desktop application or the Chrome browser.`,
           StringUtils.cannotUploadFile(file.name),
         )
         .catch(console.error)
@@ -537,9 +546,10 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
       })
 
       if (showToast) {
+        const fileName = fileToUpload.name
         if (this.mobileDevice && canShowProgressNotification) {
           toastId = await this.mobileDevice.displayNotification({
-            title: `Uploading file "${fileToUpload.name}"`,
+            title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploading file "${fileName}"`),
             android: {
               progress: { max: 100, current: initialProgress, indeterminate: true },
               onlyAlertOnce: true,
@@ -548,7 +558,9 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
         } else {
           toastId = addToast({
             type: ToastType.Progress,
-            message: `Uploading file "${fileToUpload.name}" (${initialProgress}%)`,
+            message: jtString(
+              c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploading file "${fileName}" (${initialProgress}%)`,
+            ),
             progress: initialProgress,
           })
         }
@@ -563,10 +575,11 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
           progress: percentComplete,
         })
         if (toastId) {
+          const fileName = fileToUpload.name
           if (this.mobileDevice && canShowProgressNotification) {
             await this.mobileDevice.displayNotification({
               id: toastId,
-              title: `Uploading file "${fileToUpload.name}"`,
+              title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploading file "${fileName}"`),
               android: {
                 progress: { max: 100, current: percentComplete, indeterminate: false },
                 onlyAlertOnce: true,
@@ -574,7 +587,9 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
             })
           } else {
             updateToast(toastId, {
-              message: `Uploading file "${fileToUpload.name}" (${percentComplete}%)`,
+              message: jtString(
+                c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploading file "${fileName}" (${percentComplete}%)`,
+              ),
               progress: percentComplete,
             })
           }
@@ -613,15 +628,16 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
         dismissToast(toastId)
       }
       if (showToast) {
+        const uploadedFileName = uploadedFile.name
         if (this.mobileDevice && canShowProgressNotification) {
           this.mobileDevice
             .displayNotification({
               id: uploadedFile.uuid,
-              title: `Uploaded file "${uploadedFile.name}"`,
+              title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploaded file "${uploadedFileName}"`),
               android: {
                 actions: [
                   {
-                    title: 'Open',
+                    title: c('B7.FilesSubscriptionHelp.Files.Title').t`Open`,
                     pressAction: {
                       id: 'open-file',
                     },
@@ -633,10 +649,10 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
         } else {
           addToast({
             type: ToastType.Success,
-            message: `Uploaded file "${uploadedFile.name}"`,
+            message: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Uploaded file "${uploadedFileName}"`),
             actions: [
               {
-                label: 'Open',
+                label: c('B7.FilesSubscriptionHelp.Files.Label').t`Open`,
                 handler: (toastId) => {
                   void this.handleFileAction({
                     type: FileItemActionType.PreviewFile,
@@ -664,13 +680,13 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
       if (this.mobileDevice && canShowProgressNotification) {
         this.mobileDevice
           .displayNotification({
-            title: 'There was an error while uploading the file',
+            title: c('B7.FilesSubscriptionHelp.Files.Error').t`There was an error while uploading the file`,
           })
           .catch(console.error)
       } else {
         addToast({
           type: ToastType.Error,
-          message: 'There was an error while uploading the file',
+          message: c('B7.FilesSubscriptionHelp.Files.Error').t`There was an error while uploading the file`,
         })
       }
     }
@@ -794,16 +810,17 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
     const zipFileHandle = await window.showSaveFilePicker({
       types: [
         {
-          description: 'ZIP file',
+          description: c('B7.FilesSubscriptionHelp.Files.Info').t`ZIP file`,
           accept: { 'application/zip': ['.zip'] },
         },
       ],
     })
 
+    const fileCount = files.length
     const toast = addToast({
       type: ToastType.Progress,
-      title: `Downloading ${files.length} files as archive`,
-      message: 'Preparing archive...',
+      title: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Downloading ${fileCount} files as archive`),
+      message: c('B7.FilesSubscriptionHelp.Files.Info').t`Preparing archive...`,
     })
 
     try {
@@ -835,8 +852,9 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
         await this.files
           .downloadFile(file, async (bytesChunk, progress) => {
             await writer.write(bytesChunk)
+            const truncatedFileName = truncateString(file.name, 25)
             updateToast(toast, {
-              message: `Downloading "${truncateString(file.name, 25)}"`,
+              message: jtString(c('B7.FilesSubscriptionHelp.Files.Info').jt`Downloading "${truncatedFileName}"`),
               progress: Math.floor(progress.percentComplete),
             })
           })
@@ -852,7 +870,9 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
 
     addToast({
       type: ToastType.Success,
-      message: `Successfully downloaded ${files.length} files as archive`,
+      message: jtString(
+        c('B7.FilesSubscriptionHelp.Files.Info').jt`Successfully downloaded ${fileCount} files as archive`,
+      ),
     })
   }
 }
diff --git a/packages/web/src/javascripts/Controllers/ItemList/ItemListController.ts b/packages/web/src/javascripts/Controllers/ItemList/ItemListController.ts
index e407a8262b4..f69a6f924a8 100644
--- a/packages/web/src/javascripts/Controllers/ItemList/ItemListController.ts
+++ b/packages/web/src/javascripts/Controllers/ItemList/ItemListController.ts
@@ -1,5 +1,6 @@
 import { ListableContentItem } from '@/Components/ContentListView/Types/ListableContentItem'
 import { debounce, destroyAllObjectProperties, isMobileScreen } from '@/Utils'
+import { c } from 'ttag'
 import {
   ApplicationEvent,
   CollectionSort,
@@ -67,6 +68,8 @@ const MinNoteCellHeight = 51.0
 const DefaultListNumNotes = 20
 const ElementIdScrollContainer = 'notes-scrollable'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 export class ItemListController
   extends AbstractViewController
   implements InternalEventHandlerInterface, Persistable<SelectionControllerPersistableValue>
@@ -794,7 +797,8 @@ export class ItemListController
       this.preferences.getValue(PrefKey.NewNoteTitleFormat, PrefDefaults[PrefKey.NewNoteTitleFormat])
 
     if (titleFormat === NewNoteTitleFormat.CurrentNoteCount) {
-      return `Note ${this.notes.length + 1}`
+      const noteNumber = this.notes.length + 1
+      return jtString(c('B3.Notes.NoteList.Label').jt`Note ${noteNumber}`)
     }
 
     if (titleFormat === NewNoteTitleFormat.CustomFormat) {
@@ -841,13 +845,13 @@ export class ItemListController
 
   get optionsSubtitle(): string | undefined {
     if (!this.displayOptions.includePinned && !this.displayOptions.includeProtected) {
-      return 'Excluding pinned and protected'
+      return c('B3.Notes.NoteList.Label').t`Excluding pinned and protected`
     }
     if (!this.displayOptions.includePinned) {
-      return 'Excluding pinned'
+      return c('B3.Notes.NoteList.Label').t`Excluding pinned`
     }
     if (!this.displayOptions.includeProtected) {
-      return 'Excluding protected'
+      return c('B3.Notes.NoteList.Label').t`Excluding protected`
     }
 
     return undefined
diff --git a/packages/web/src/javascripts/Controllers/Moments/MomentsService.ts b/packages/web/src/javascripts/Controllers/Moments/MomentsService.ts
index 06bf9a0f45a..74a2ae4394f 100644
--- a/packages/web/src/javascripts/Controllers/Moments/MomentsService.ts
+++ b/packages/web/src/javascripts/Controllers/Moments/MomentsService.ts
@@ -21,6 +21,7 @@ import { dateToStringStyle1 } from '@/Utils/DateUtils'
 import { PhotoRecorder } from './PhotoRecorder'
 import { LinkingController } from '../LinkingController'
 import { IsMobileDevice } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 
 const EVERY_HOUR = 1000 * 60 * 60
 const EVERY_TEN_SECONDS = 1000 * 10
@@ -149,7 +150,7 @@ export class MomentsService extends AbstractViewController implements InternalEv
     if (isAppInForeground) {
       toastId = addToast({
         type: ToastType.Regular,
-        message: 'Capturing Moment...',
+        message: c('B4.Notes.EditingUI.Status').t`Capturing Moment...`,
         pauseOnWindowBlur: false,
       })
     }
@@ -162,7 +163,8 @@ export class MomentsService extends AbstractViewController implements InternalEv
         }
         addToast({
           type: ToastType.Error,
-          message: 'Please enable Camera permissions for Standard Notes to enable Moments.',
+          message: c('B4.Notes.EditingUI.Info')
+            .t`Please enable Camera permissions for Standard Notes to enable Moments.`,
           duration: 3000,
         })
 
diff --git a/packages/web/src/javascripts/Controllers/Navigation/NavigationController.ts b/packages/web/src/javascripts/Controllers/Navigation/NavigationController.ts
index 467a34c73d0..519bec87a2c 100644
--- a/packages/web/src/javascripts/Controllers/Navigation/NavigationController.ts
+++ b/packages/web/src/javascripts/Controllers/Navigation/NavigationController.ts
@@ -1,3 +1,4 @@
+import { c } from 'ttag'
 import {
   confirmDialog,
   CREATE_NEW_TAG_COMMAND,
@@ -202,7 +203,7 @@ export class NavigationController
       this.commands.addWithShortcut(
         CREATE_NEW_TAG_COMMAND,
         'General',
-        'Create new tag',
+        c('B4.Notes.TagsLinkedItems.Action').t`Create new tag`,
         () => this.createNewTemplate(),
         'add',
       ),
@@ -619,7 +620,7 @@ export class NavigationController
     if (userTriggered) {
       shouldDelete = await confirmDialog({
         title: StringUtils.deleteTag(tag.title),
-        text: STRING_DELETE_TAG,
+        text: STRING_DELETE_TAG(),
         confirmButtonStyle: 'danger',
       })
     }
@@ -658,7 +659,7 @@ export class NavigationController
       if (isTemplateChange) {
         this.undoCreateNewTag()
       }
-      this.alerts.alert('A tag with this name already exists.').catch(console.error)
+      this.alerts.alert(c('B4.Notes.TagsLinkedItems.Info').t`A tag with this name already exists.`).catch(console.error)
       return
     }
 
diff --git a/packages/web/src/javascripts/Controllers/Navigation/Utils.ts b/packages/web/src/javascripts/Controllers/Navigation/Utils.ts
index 80bb655741e..09fff71e573 100644
--- a/packages/web/src/javascripts/Controllers/Navigation/Utils.ts
+++ b/packages/web/src/javascripts/Controllers/Navigation/Utils.ts
@@ -1,4 +1,7 @@
 import { AlertService, ItemManagerInterface, SNTag } from '@standardnotes/snjs'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 export const rootTags = (items: ItemManagerInterface): SNTag[] => {
   const hasNoParent = (tag: SNTag) => !items.getTagParent(tag)
@@ -29,7 +32,10 @@ export const isValidFutureSiblings = (alerts: AlertService, futureSiblings: SNTa
   if (siblingWithSameName) {
     alerts
       ?.alert(
-        `A tag with the name ${tag.title} already exists at this destination. Please rename this tag before moving and try again.`,
+        jtString(
+          c('B4.Notes.TagsLinkedItems.Error')
+            .jt`A tag with the name ${tag.title} already exists at this destination. Please rename this tag before moving and try again.`,
+        ),
       )
       .catch(console.error)
     return false
diff --git a/packages/web/src/javascripts/Controllers/NoteHistory/HistoryModalController.ts b/packages/web/src/javascripts/Controllers/NoteHistory/HistoryModalController.ts
index d32cf6a2af5..e521a31759d 100644
--- a/packages/web/src/javascripts/Controllers/NoteHistory/HistoryModalController.ts
+++ b/packages/web/src/javascripts/Controllers/NoteHistory/HistoryModalController.ts
@@ -1,4 +1,5 @@
 import { InternalEventBusInterface, SNNote } from '@standardnotes/snjs'
+import { c } from 'ttag'
 import { OPEN_NOTE_HISTORY_COMMAND } from '@standardnotes/ui-services'
 import { action, makeObservable, observable } from 'mobx'
 import { AbstractViewController } from '../Abstract/AbstractViewController'
@@ -26,10 +27,15 @@ export class HistoryModalController extends AbstractViewController {
     })
 
     this.disposers.push(
-      commandService.addWithShortcut(OPEN_NOTE_HISTORY_COMMAND, 'Current note', 'Open note history', () => {
-        this.openModal(notesController.firstSelectedNote)
-        return true
-      }),
+      commandService.addWithShortcut(
+        OPEN_NOTE_HISTORY_COMMAND,
+        'Current note',
+        c('B4.Notes.History.Action').t`Open note history`,
+        () => {
+          this.openModal(notesController.firstSelectedNote)
+          return true
+        },
+      ),
     )
   }
 
diff --git a/packages/web/src/javascripts/Controllers/NoteHistory/NoteHistoryController.ts b/packages/web/src/javascripts/Controllers/NoteHistory/NoteHistoryController.ts
index 48de3ca4662..7b10dd7f0e6 100644
--- a/packages/web/src/javascripts/Controllers/NoteHistory/NoteHistoryController.ts
+++ b/packages/web/src/javascripts/Controllers/NoteHistory/NoteHistoryController.ts
@@ -2,6 +2,7 @@ import { RevisionType } from '@/Components/RevisionHistoryModal/RevisionType'
 import { sortRevisionListIntoGroups } from '@/Components/RevisionHistoryModal/utils'
 import { STRING_RESTORE_LOCKED_ATTEMPT } from '@/Constants/Strings'
 import { confirmDialog } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 import {
   Action,
   ActionVerb,
@@ -163,7 +164,7 @@ export class NoteHistoryController {
 
     try {
       if (!entry.subactions?.[0]) {
-        throw new Error('Could not find revision action url')
+        throw new Error(c('B4.Notes.History.Error').t`Could not find revision action url`)
       }
 
       this.setSelectedEntry(entry)
@@ -171,7 +172,7 @@ export class NoteHistoryController {
       const response = await this.actions.runAction(entry.subactions[0], this.note)
 
       if (!response) {
-        throw new Error('Could not fetch revision')
+        throw new Error(c('B4.Notes.History.Error').t`Could not fetch revision`)
       }
 
       this.setSelectedRevision(response.item as unknown as HistoryEntry)
@@ -320,12 +321,13 @@ export class NoteHistoryController {
     const originalNote = this.items.findItem<SNNote>(revision.payload.uuid)
 
     if (originalNote?.locked) {
-      this.alerts.alert(STRING_RESTORE_LOCKED_ATTEMPT).catch(console.error)
+      this.alerts.alert(STRING_RESTORE_LOCKED_ATTEMPT()).catch(console.error)
       return
     }
 
     const didConfirm = await confirmDialog({
-      text: "Are you sure you want to replace the current note's contents with what you see in this preview?",
+      text: c('B4.Notes.History.Label')
+        .t`Are you sure you want to replace the current note's contents with what you see in this preview?`,
       confirmButtonStyle: 'danger',
     })
 
@@ -360,11 +362,11 @@ export class NoteHistoryController {
 
   deleteRemoteRevision = async (revisionEntry: RevisionMetadata) => {
     const shouldDelete = await this.alerts.confirm(
-      'Are you sure you want to delete this revision?',
-      'Delete revision?',
-      'Delete revision',
+      c('B4.Notes.History.Label').t`Are you sure you want to delete this revision?`,
+      c('B4.Notes.History.Label').t`Delete revision?`,
+      c('B4.Notes.History.Action').t`Delete revision`,
       ButtonType.Danger,
-      'Cancel',
+      c('B4.Notes.History.Action').t`Cancel`,
     )
 
     if (!shouldDelete || !this.note) {
diff --git a/packages/web/src/javascripts/Controllers/NoteSyncController.ts b/packages/web/src/javascripts/Controllers/NoteSyncController.ts
index 138e48b5119..9181c6c23e9 100644
--- a/packages/web/src/javascripts/Controllers/NoteSyncController.ts
+++ b/packages/web/src/javascripts/Controllers/NoteSyncController.ts
@@ -14,6 +14,7 @@ import { IsNativeMobileWeb } from '@standardnotes/ui-services'
 import { LargeNoteThreshold } from '@/Constants/Constants'
 import { NoteStatus } from '@/Components/NoteView/NoteStatusIndicator'
 import { action, makeObservable, observable, runInAction } from 'mobx'
+import { c } from 'ttag'
 
 const NotePreviewCharLimit = 160
 const MinimumStatusChangeDuration = 400
@@ -72,7 +73,7 @@ export class NoteSyncController {
     this.setStatus(
       {
         type: 'saving',
-        message: 'Saving…',
+        message: c('B5.SecuritySync.Sync.Status').t`Saving…`,
       },
       false,
     )
@@ -81,7 +82,9 @@ export class NoteSyncController {
   showAllChangesSavedStatus() {
     this.setStatus({
       type: 'saved',
-      message: 'All changes saved' + (this.sessions.isSignedOut() ? ' offline' : ''),
+      message: this.sessions.isSignedOut()
+        ? (c('B3.Notes.NoteActions.Status').jt`All changes saved offline` as unknown as string)
+        : c('B3.Notes.NoteActions.Status').t`All changes saved`,
     })
   }
 
@@ -89,8 +92,9 @@ export class NoteSyncController {
     this.setStatus(
       {
         type: 'waiting',
-        message: 'Note is too large',
-        description: 'It will be synced less often. Changes will be saved offline normally.',
+        message: c('B3.Notes.NoteActions.Status').t`Note is too large`,
+        description: c('B3.Notes.NoteActions.Info')
+          .t`It will be synced less often. Changes will be saved offline normally.`,
       },
       false,
     )
@@ -100,8 +104,8 @@ export class NoteSyncController {
     if (!error) {
       error = {
         type: 'error',
-        message: 'Sync Unreachable',
-        description: 'Changes saved offline',
+        message: c('B3.Notes.NoteActions.Error').t`Sync Unreachable`,
+        description: c('B3.Notes.NoteActions.Status').t`Changes saved offline`,
       }
     }
     this.setStatus(error)
diff --git a/packages/web/src/javascripts/Controllers/NotesController/NotesController.ts b/packages/web/src/javascripts/Controllers/NotesController/NotesController.ts
index e1e3fb193e1..6f06b8518b8 100644
--- a/packages/web/src/javascripts/Controllers/NotesController/NotesController.ts
+++ b/packages/web/src/javascripts/Controllers/NotesController/NotesController.ts
@@ -1,4 +1,5 @@
 import { destroyAllObjectProperties } from '@/Utils'
+import { c } from 'ttag'
 import {
   confirmDialog,
   GetItemTags,
@@ -35,6 +36,8 @@ import { createNoteExport } from '../../Utils/NoteExportUtils'
 import { WebApplication } from '../../Application/WebApplication'
 import { downloadOrShareBlobBasedOnPlatform } from '../../Utils/DownloadOrShareBasedOnPlatform'
 
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
+
 export class NotesController
   extends AbstractViewController
   implements NotesControllerInterface, InternalEventHandlerInterface
@@ -88,76 +91,75 @@ export class NotesController
         (notes_count) => {
           this.disposeCommandRegisters()
 
-          const descriptionSuffix = `${pluralize(notes_count, 'current', 'selected')} ${pluralize(
-            notes_count,
-            'note',
-            'note(s)',
-          )}`
+          const noteCommandTarget =
+            notes_count === 1
+              ? c('B3.Notes.NoteActions.Label').t`current note`
+              : c('B3.Notes.NoteActions.Label').t`selected note(s)`
 
           this.commandRegisterDisposers.push(
             application.commands.add(
               'pin-current',
-              `Pin ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Pin ${noteCommandTarget}`),
               () => this.setPinSelectedNotes(true),
               'unpin',
             ),
             application.commands.add(
               'unpin-current',
-              `Unpin ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Unpin ${noteCommandTarget}`),
               () => this.setPinSelectedNotes(false),
               'pin',
             ),
             application.commands.add(
               'star-current',
-              `Star ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Star ${noteCommandTarget}`),
               () => this.setStarSelectedNotes(true),
               'star',
             ),
             application.commands.add(
               'unstar-current',
-              `Unstar ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Unstar ${noteCommandTarget}`),
               () => this.setStarSelectedNotes(false),
               'star',
             ),
             application.commands.add(
               'archive-current',
-              `Archive ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Archive ${noteCommandTarget}`),
               () => this.setArchiveSelectedNotes(true),
               'archive',
             ),
             application.commands.add(
               'unarchive-current',
-              `Unarchive ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Unarchive ${noteCommandTarget}`),
               () => this.setArchiveSelectedNotes(false),
               'unarchive',
             ),
             application.commands.add(
               'restore-current',
-              `Restore ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Restore ${noteCommandTarget}`),
               () => this.setTrashSelectedNotes(false),
               'restore',
             ),
             application.commands.add(
               'trash-current',
-              `Trash ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Trash ${noteCommandTarget}`),
               () => this.setTrashSelectedNotes(true),
               'trash',
             ),
             application.commands.add(
               'delete-current',
-              `Delete ${descriptionSuffix} permanently`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Delete ${noteCommandTarget} permanently`),
               () => this.deleteNotesPermanently(),
               'trash',
             ),
             application.commands.add(
               'export-current',
-              `Export ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Export ${noteCommandTarget}`),
               this.exportSelectedNotes,
               'download',
             ),
             application.commands.add(
               'duplicate-current',
-              `Duplicate ${descriptionSuffix}`,
+              jtString(c('B3.Notes.NoteActions.Action').jt`Duplicate ${noteCommandTarget}`),
               this.duplicateSelectedNotes,
               'copy',
             ),
@@ -170,13 +172,13 @@ export class NotesController
       application.keyboardService.addCommandHandler({
         command: PIN_NOTE_COMMAND,
         category: 'Current note',
-        description: 'Pin/unpin selected note(s)',
+        description: c('B3.Notes.NoteActions.Action').t`Pin/unpin selected note(s)`,
         onKeyDown: this.togglePinSelectedNotes,
       }),
       application.keyboardService.addCommandHandler({
         command: STAR_NOTE_COMMAND,
         category: 'Current note',
-        description: 'Star/unstar selected note(s)',
+        description: c('B3.Notes.NoteActions.Action').t`Star/unstar selected note(s)`,
         onKeyDown: this.toggleStarSelectedNotes,
       }),
     )
@@ -302,7 +304,7 @@ export class NotesController
     let noteTitle = undefined
     if (this.selectedNotesCount === 1) {
       const selectedNote = this.getSelectedNotesList()[0]
-      noteTitle = selectedNote.title.length ? `'${selectedNote.title}'` : 'this note'
+      noteTitle = selectedNote.title.length ? `'${selectedNote.title}'` : c('B3.Notes.NoteActions.Label').t`this note`
     }
     const text = StringUtils.deleteNotes(permanently, this.selectedNotesCount, noteTitle)
 
@@ -603,9 +605,14 @@ export class NotesController
     if (notes.length === 0) {
       return
     }
+    const noteWord = pluralize(
+      notes.length,
+      c('B3.Notes.NoteActions.Label').t`note`,
+      c('B3.Notes.NoteActions.Label').t`notes`,
+    )
     const toast = addToast({
       type: ToastType.Progress,
-      message: `Exporting ${notes.length} ${pluralize(notes.length, 'note', 'notes')}...`,
+      message: jtString(c('B3.Notes.NoteActions.Info').jt`Exporting ${notes.length} ${noteWord}...`),
     })
     try {
       const result = await createNoteExport(this.application, notes)
@@ -626,7 +633,7 @@ export class NotesController
       console.error(error)
       addToast({
         type: ToastType.Error,
-        message: 'Could not export notes',
+        message: c('B3.Notes.NoteActions.Error').t`Could not export notes`,
       })
       dismissToast(toast)
     }
@@ -653,10 +660,10 @@ export class NotesController
           .then((duplicated) =>
             addToast({
               type: ToastType.Regular,
-              message: `Duplicated note "${duplicated.title}"`,
+              message: jtString(c('B3.Notes.NoteActions.Info').jt`Duplicated note "${duplicated.title}"`),
               actions: [
                 {
-                  label: 'Open',
+                  label: c('B3.Notes.NoteActions.Action').t`Open`,
                   handler: (toastId) => {
                     this.application.itemListController.selectUuids([duplicated.uuid], true).catch(console.error)
                     dismissToast(toastId)
diff --git a/packages/web/src/javascripts/Controllers/PaneController/PaneController.ts b/packages/web/src/javascripts/Controllers/PaneController/PaneController.ts
index adaf55c8a8d..04a2ee815cd 100644
--- a/packages/web/src/javascripts/Controllers/PaneController/PaneController.ts
+++ b/packages/web/src/javascripts/Controllers/PaneController/PaneController.ts
@@ -1,4 +1,5 @@
 import { PanesForLayout } from './../../Application/UseCase/PanesForLayout'
+import { c } from 'ttag'
 import {
   InternalEventHandlerInterface,
   InternalEventInterface,
@@ -106,18 +107,33 @@ export class PaneController extends AbstractViewController implements InternalEv
     eventBus.addEventHandler(this, ApplicationEvent.LocalPreferencesChanged)
 
     this.disposers.push(
-      commands.addWithShortcut(TOGGLE_FOCUS_MODE_COMMAND, 'General', 'Toggle focus mode', (event) => {
-        event?.preventDefault()
-        this.toggleFocusMode()
-      }),
-      commands.addWithShortcut(TOGGLE_LIST_PANE_KEYBOARD_COMMAND, 'General', 'Toggle notes panel', (event) => {
-        event?.preventDefault()
-        this.toggleListPane()
-      }),
-      commands.addWithShortcut(TOGGLE_NAVIGATION_PANE_KEYBOARD_COMMAND, 'General', 'Toggle tags panel', (event) => {
-        event?.preventDefault()
-        this.toggleNavigationPane()
-      }),
+      commands.addWithShortcut(
+        TOGGLE_FOCUS_MODE_COMMAND,
+        'General',
+        c('B2.NavSharedUI.Action').t`Toggle focus mode`,
+        (event) => {
+          event?.preventDefault()
+          this.toggleFocusMode()
+        },
+      ),
+      commands.addWithShortcut(
+        TOGGLE_LIST_PANE_KEYBOARD_COMMAND,
+        'General',
+        c('B2.NavSharedUI.Action').t`Toggle notes panel`,
+        (event) => {
+          event?.preventDefault()
+          this.toggleListPane()
+        },
+      ),
+      commands.addWithShortcut(
+        TOGGLE_NAVIGATION_PANE_KEYBOARD_COMMAND,
+        'General',
+        c('B2.NavSharedUI.Action').t`Toggle tags panel`,
+        (event) => {
+          event?.preventDefault()
+          this.toggleNavigationPane()
+        },
+      ),
     )
   }
 
diff --git a/packages/web/src/javascripts/Controllers/PurchaseFlow/PurchaseFlowController.ts b/packages/web/src/javascripts/Controllers/PurchaseFlow/PurchaseFlowController.ts
index 35c76a5c9cf..1686470c72a 100644
--- a/packages/web/src/javascripts/Controllers/PurchaseFlow/PurchaseFlowController.ts
+++ b/packages/web/src/javascripts/Controllers/PurchaseFlow/PurchaseFlowController.ts
@@ -8,6 +8,7 @@ import {
 import { LoggingDomain, log } from '@/Logging'
 import { AppleIAPProductId, InternalEventBusInterface } from '@standardnotes/snjs'
 import { action, makeObservable, observable } from 'mobx'
+import { c } from 'ttag'
 import { AbstractViewController } from '../Abstract/AbstractViewController'
 import { PurchaseFlowPane } from './PurchaseFlowPane'
 import { LoadPurchaseFlowUrl } from '@/Application/UseCase/LoadPurchaseFlowUrl'
@@ -80,13 +81,16 @@ export class PurchaseFlowController extends AbstractViewController {
     log(LoggingDomain.Purchasing, 'BeginIosIapPurchaseFlow result', result)
 
     if (!result) {
-      void this.alerts.alert('Your purchase was canceled or failed. Please try again.')
+      void this.alerts.alert(
+        c('B7.FilesSubscriptionHelp.Subscription.Error').t`Your purchase was canceled or failed. Please try again.`,
+      )
       return
     }
 
     const showGenericError = () => {
       void this.alerts.alert(
-        'There was an error confirming your purchase. Please contact support at help@standardnotes.com.',
+        c('B7.FilesSubscriptionHelp.Subscription.Error')
+          .t`There was an error confirming your purchase. Please contact support at help@standardnotes.com.`,
       )
     }
 
@@ -106,8 +110,9 @@ export class PurchaseFlowController extends AbstractViewController {
 
     if (confirmResult) {
       void this.alerts.alert(
-        'Please allow a few minutes for your subscription benefits to activate. You will see a confirmation alert in the app when your subscription is ready.',
-        'Your purchase was successful!',
+        c('B7.FilesSubscriptionHelp.Subscription.Info')
+          .t`Please allow a few minutes for your subscription benefits to activate. You will see a confirmation alert in the app when your subscription is ready.`,
+        c('B7.FilesSubscriptionHelp.Subscription.Info').t`Your purchase was successful!`,
       )
     } else {
       showGenericError()
diff --git a/packages/web/src/javascripts/Event/ApplicationEventObserver.spec.ts b/packages/web/src/javascripts/Event/ApplicationEventObserver.spec.ts
index cba45958d85..208e0072824 100644
--- a/packages/web/src/javascripts/Event/ApplicationEventObserver.spec.ts
+++ b/packages/web/src/javascripts/Event/ApplicationEventObserver.spec.ts
@@ -181,7 +181,7 @@ describe('ApplicationEventObserver', () => {
       await createObserver().handle(ApplicationEvent.Launched)
 
       expect(subscriptionManager.acceptInvitation).toHaveBeenCalledWith('1-2-3')
-      expect(toastService.showToast).toHaveBeenCalledWith(ToastType.Success, JoinWorkspaceSuccessString)
+      expect(toastService.showToast).toHaveBeenCalledWith(ToastType.Success, JoinWorkspaceSuccessString())
       expect(routeService.removeQueryParameterFromURL).toHaveBeenCalledWith(RootQueryParam.AcceptSubscriptionInvite)
     })
 
@@ -287,7 +287,7 @@ describe('ApplicationEventObserver', () => {
       await createObserver().handle(ApplicationEvent.SignedIn)
 
       expect(subscriptionManager.acceptInvitation).toHaveBeenCalledWith('1-2-3')
-      expect(toastService.showToast).toHaveBeenCalledWith(ToastType.Success, JoinWorkspaceSuccessString)
+      expect(toastService.showToast).toHaveBeenCalledWith(ToastType.Success, JoinWorkspaceSuccessString())
       expect(routeService.removeQueryParameterFromURL).toHaveBeenCalledWith(RootQueryParam.AcceptSubscriptionInvite)
     })
 
diff --git a/packages/web/src/javascripts/Event/ApplicationEventObserver.ts b/packages/web/src/javascripts/Event/ApplicationEventObserver.ts
index f386126aabd..873450a76f3 100644
--- a/packages/web/src/javascripts/Event/ApplicationEventObserver.ts
+++ b/packages/web/src/javascripts/Event/ApplicationEventObserver.ts
@@ -14,6 +14,7 @@ import {
   UserServiceInterface,
 } from '@standardnotes/snjs'
 import { ToastType } from '@standardnotes/toast'
+import { c } from 'ttag'
 
 import { PurchaseFlowController } from '@/Controllers/PurchaseFlow/PurchaseFlowController'
 import { AccountMenuController } from '@/Controllers/AccountMenu/AccountMenuController'
@@ -23,7 +24,8 @@ import { AccountMenuPane } from '@/Components/AccountMenu/AccountMenuPane'
 
 import { EventObserverInterface } from './EventObserverInterface'
 
-export const JoinWorkspaceSuccessString = 'Successfully joined a shared subscription.'
+export const JoinWorkspaceSuccessString = () =>
+  c('B1.Account.Session.Info').t`Successfully joined a shared subscription.`
 
 export class ApplicationEventObserver implements EventObserverInterface {
   constructor(
@@ -126,14 +128,17 @@ export class ApplicationEventObserver implements EventObserverInterface {
   }
 
   private async acceptSubscriptionInvitation(route: RouteParserInterface): Promise<void> {
-    const processingToastId = this.toastService.showToast(ToastType.Loading, 'Accepting invitation...')
+    const processingToastId = this.toastService.showToast(
+      ToastType.Loading,
+      c('B1.Account.Session.Status').t`Accepting invitation...`,
+    )
 
     const acceptResult = await this.subscriptionManager.acceptInvitation(route.subscriptionInviteParams.inviteUuid)
 
     this.toastService.hideToast(processingToastId)
 
     const toastType = acceptResult.success ? ToastType.Success : ToastType.Error
-    const toastMessage = acceptResult.success ? JoinWorkspaceSuccessString : acceptResult.message
+    const toastMessage = acceptResult.success ? JoinWorkspaceSuccessString() : acceptResult.message
 
     this.toastService.showToast(toastType, toastMessage)
 
@@ -141,7 +146,10 @@ export class ApplicationEventObserver implements EventObserverInterface {
   }
 
   private async sendUserRequest(route: RouteParserInterface): Promise<void> {
-    const processingToastId = this.toastService.showToast(ToastType.Loading, 'Processing your request...')
+    const processingToastId = this.toastService.showToast(
+      ToastType.Loading,
+      c('B2.NavSharedUI.Status').t`Processing your request...`,
+    )
 
     const requestSubmittedSuccessfully = await this.userService.submitUserRequest(route.userRequestParams.requestType)
 
@@ -149,8 +157,9 @@ export class ApplicationEventObserver implements EventObserverInterface {
 
     const toastType = requestSubmittedSuccessfully ? ToastType.Success : ToastType.Error
     const toastMessage = requestSubmittedSuccessfully
-      ? 'We have received your request. Please check your email for further instructions.'
-      : 'We could not process your request. Please try again or contact support if the issue persists.'
+      ? c('B2.NavSharedUI.Info').t`We have received your request. Please check your email for further instructions.`
+      : c('B2.NavSharedUI.Error')
+          .t`We could not process your request. Please try again or contact support if the issue persists.`
 
     this.toastService.showToast(toastType, toastMessage)
 
diff --git a/packages/web/src/javascripts/NativeMobileWeb/DownloadBlobOnAndroid.tsx b/packages/web/src/javascripts/NativeMobileWeb/DownloadBlobOnAndroid.tsx
index 96a536b840b..2502965410b 100644
--- a/packages/web/src/javascripts/NativeMobileWeb/DownloadBlobOnAndroid.tsx
+++ b/packages/web/src/javascripts/NativeMobileWeb/DownloadBlobOnAndroid.tsx
@@ -2,6 +2,9 @@ import { getBase64FromBlob } from '@/Utils'
 import { parseFileName, sanitizeFileName } from '@standardnotes/utils'
 import { MobileDeviceInterface } from '@standardnotes/snjs'
 import { addToast, ToastType, dismissToast } from '@standardnotes/toast'
+import { c } from 'ttag'
+
+const jtString = (value: unknown): string => (Array.isArray(value) ? value.join('') : String(value))
 
 export const downloadBlobOnAndroid = async (
   mobileDevice: MobileDeviceInterface,
@@ -13,7 +16,7 @@ export const downloadBlobOnAndroid = async (
   if (showToast) {
     loadingToastId = addToast({
       type: ToastType.Loading,
-      message: `Downloading ${filename}..`,
+      message: jtString(c('B8.MobileDesktopShared.Mobile.Info').jt`Downloading ${filename}..`),
     })
   }
   const base64 = await getBase64FromBlob(blob)
@@ -30,12 +33,12 @@ export const downloadBlobOnAndroid = async (
   if (downloaded) {
     addToast({
       type: ToastType.Success,
-      message: `Downloaded ${filename}`,
+      message: jtString(c('B8.MobileDesktopShared.Mobile.Info').jt`Downloaded ${filename}`),
     })
   } else {
     addToast({
       type: ToastType.Error,
-      message: `Could not download ${filename}`,
+      message: jtString(c('B8.MobileDesktopShared.Mobile.Error').jt`Could not download ${filename}`),
     })
   }
 }
diff --git a/packages/web/src/javascripts/Utils/ErrorBoundary.tsx b/packages/web/src/javascripts/Utils/ErrorBoundary.tsx
index ce6794437d3..fe3456fba1e 100644
--- a/packages/web/src/javascripts/Utils/ErrorBoundary.tsx
+++ b/packages/web/src/javascripts/Utils/ErrorBoundary.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { c } from 'ttag'
 
 type State = {
   error?: Error
@@ -26,7 +27,7 @@ export class ErrorBoundary extends React.Component<Props, State> {
     if (this.state.error) {
       return (
         <div className="text-danger">
-          <span>Something went wrong rendering this component: </span>
+          <span>{c('B2.NavSharedUI.Error').t`Something went wrong rendering this component:`} </span>
           <span className="font-bold">{this.state.error.message}</span>
         </div>
       )
diff --git a/packages/web/src/javascripts/Utils/KeyboardShortcutCategoryLabels.ts b/packages/web/src/javascripts/Utils/KeyboardShortcutCategoryLabels.ts
new file mode 100644
index 00000000000..c8c307ef10f
--- /dev/null
+++ b/packages/web/src/javascripts/Utils/KeyboardShortcutCategoryLabels.ts
@@ -0,0 +1,27 @@
+import { KeyboardShortcutCategory } from '@standardnotes/ui-services'
+import { c } from 'ttag'
+
+/** Display order in the keyboard shortcuts help modal. */
+export const KEYBOARD_SHORTCUT_CATEGORY_ORDER: KeyboardShortcutCategory[] = [
+  'Current note',
+  'Formatting',
+  'Super notes',
+  'Notes list',
+  'General',
+]
+
+/** Localized label for a stable keyboard shortcut category id. */
+export function translateKeyboardShortcutCategory(category: KeyboardShortcutCategory): string {
+  switch (category) {
+    case 'General':
+      return c('B2.NavSharedUI.Label').t`General`
+    case 'Notes list':
+      return c('B2.NavSharedUI.Label').t`Notes list`
+    case 'Current note':
+      return c('B2.NavSharedUI.Label').t`Current note`
+    case 'Super notes':
+      return c('B2.NavSharedUI.Label').t`Super notes`
+    case 'Formatting':
+      return c('B2.NavSharedUI.Label').t`Formatting`
+  }
+}
diff --git a/packages/web/src/javascripts/Utils/NoteExportUtils.ts b/packages/web/src/javascripts/Utils/NoteExportUtils.ts
index d0d5a939472..4cf8cc3a083 100644
--- a/packages/web/src/javascripts/Utils/NoteExportUtils.ts
+++ b/packages/web/src/javascripts/Utils/NoteExportUtils.ts
@@ -11,6 +11,7 @@ import snColorsCSS from '!css-loader?{"sourceMap":false}!sass-loader!@standardno
 import exportOverridesCSS from '!css-loader?{"sourceMap":false}!sass-loader!../Components/SuperEditor/Lexical/Theme/export-overrides.scss'
 import { getBase64FromBlob } from './Utils'
 import { parseFileName, parseAndCreateZippableFileName, sanitizeFileName } from '@standardnotes/utils'
+import { c } from 'ttag'
 
 export const getNoteFormat = (application: WebApplicationInterface, note: SNNote) => {
   if (note.noteType === NoteType.Super) {
@@ -262,6 +263,7 @@ export const createNoteExport = async (
 
   return {
     blob: zippedBlob,
-    fileName: `Standard Notes Export - ${application.archiveService.formattedDateForExports()}.zip`,
+    fileName: c('B4.Notes.EditorOptions.Label')
+      .t`Standard Notes Export - ${application.archiveService.formattedDateForExports()}.zip`,
   }
 }
diff --git a/packages/web/src/javascripts/Utils/createEditorMenuGroups.ts b/packages/web/src/javascripts/Utils/createEditorMenuGroups.ts
index e286662555c..3d19a526022 100644
--- a/packages/web/src/javascripts/Utils/createEditorMenuGroups.ts
+++ b/packages/web/src/javascripts/Utils/createEditorMenuGroups.ts
@@ -14,6 +14,7 @@ import { EditorMenuGroup } from '@/Components/NotesOptions/EditorMenuGroup'
 import { EditorMenuItem } from '@/Components/NotesOptions/EditorMenuItem'
 import { SuperEditorMetadata } from '@/Constants/Constants'
 import { WebApplicationInterface } from '@standardnotes/ui-services'
+import { c } from 'ttag'
 
 type NoteTypeToEditorRowsMap = Record<NoteType, EditorMenuItem[]>
 
@@ -83,49 +84,49 @@ const createGroupsFromMap = (map: NoteTypeToEditorRowsMap): EditorMenuGroup[] =>
     {
       icon: 'rich-text',
       iconClassName: 'text-accessory-tint-1',
-      title: 'Rich text',
+      title: c('B4.Notes.EditingUI.Label').t`Rich text`,
       items: map[NoteType.RichText],
     },
     {
       icon: 'markdown',
       iconClassName: 'text-accessory-tint-2',
-      title: 'Markdown text',
+      title: c('B4.Notes.EditingUI.Label').t`Markdown text`,
       items: map[NoteType.Markdown],
     },
     {
       icon: 'tasks',
       iconClassName: 'text-accessory-tint-3',
-      title: 'Todo',
+      title: c('B4.Notes.EditingUI.Label').t`Todo`,
       items: map[NoteType.Task],
     },
     {
       icon: 'code',
       iconClassName: 'text-accessory-tint-4',
-      title: 'Code',
+      title: c('B4.Notes.EditingUI.Label').t`Code`,
       items: map[NoteType.Code],
     },
     {
       icon: 'spreadsheets',
       iconClassName: 'text-accessory-tint-5',
-      title: 'Spreadsheet',
+      title: c('B4.Notes.EditingUI.Label').t`Spreadsheet`,
       items: map[NoteType.Spreadsheet],
     },
     {
       icon: 'authenticator',
       iconClassName: 'text-accessory-tint-6',
-      title: 'Authentication',
+      title: c('B4.Notes.EditingUI.Label').t`Authentication`,
       items: map[NoteType.Authentication],
     },
     {
       icon: 'plain-text',
       iconClassName: 'text-accessory-tint-1',
-      title: 'Plain text',
+      title: c('B4.Notes.EditingUI.Label').t`Plain text`,
       items: map[NoteType.Plain],
     },
     {
       icon: 'editor',
       iconClassName: 'text-neutral',
-      title: 'Others',
+      title: c('B4.Notes.EditingUI.Label').t`Others`,
       items: map[NoteType.Unknown],
     },
   ]
diff --git a/yarn.lock b/yarn.lock
index e6b3de8a41b..179d5192828 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -966,6 +966,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/code-frame@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/code-frame@npm:7.29.7"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.29.7
+    js-tokens: ^4.0.0
+    picocolors: ^1.1.1
+  checksum: 21b12fe2356e36f6cc3cd8a3721f878bfeea80ce38356979a0518b47b3aafdcc0bd263da75ccc9d51c64d40b1b6df00e768ce2446acb0b7cbec0ae8f905663ad
+  languageName: node
+  linkType: hard
+
 "@babel/compat-data@npm:^7.22.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/compat-data@npm:7.22.9"
@@ -980,6 +991,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.28.6, @babel/compat-data@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/compat-data@npm:7.29.7"
+  checksum: 4424f8fb72f61657c8e811bdf7e5c69af212a15fe362711162b2e00b82f0e0588fb8259ecd9a70c5490562bf51d408b0cb92f277ead71a2390ddddfe7283b35d
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:*, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.19.6, @babel/core@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/core@npm:7.22.9"
@@ -1026,6 +1044,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.29.0":
+  version: 7.29.7
+  resolution: "@babel/core@npm:7.29.7"
+  dependencies:
+    "@babel/code-frame": ^7.29.7
+    "@babel/generator": ^7.29.7
+    "@babel/helper-compilation-targets": ^7.29.7
+    "@babel/helper-module-transforms": ^7.29.7
+    "@babel/helpers": ^7.29.7
+    "@babel/parser": ^7.29.7
+    "@babel/template": ^7.29.7
+    "@babel/traverse": ^7.29.7
+    "@babel/types": ^7.29.7
+    "@jridgewell/remapping": ^2.3.5
+    convert-source-map: ^2.0.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.3
+    semver: ^6.3.1
+  checksum: 95149e98ffde5b9d903459c284fbcf1f9ad8b3a833d69fdfe1aa7185821a102af1925324fe2892caf4b643b151c1dc948510d1e25a5e3c6c6c6f17f6712eb38e
+  languageName: node
+  linkType: hard
+
 "@babel/eslint-parser@npm:^7.25.1":
   version: 7.27.0
   resolution: "@babel/eslint-parser@npm:7.27.0"
@@ -1040,6 +1081,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.12.5, @babel/generator@npm:^7.29.1, @babel/generator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/generator@npm:7.29.7"
+  dependencies:
+    "@babel/parser": ^7.29.7
+    "@babel/types": ^7.29.7
+    "@jridgewell/gen-mapping": ^0.3.12
+    "@jridgewell/trace-mapping": ^0.3.28
+    jsesc: ^3.0.2
+  checksum: 6bb8f4dc0641dca19e81f5daab37ed1a1f5a78e4d702eb79a4275739f773975134e250090c182cf1eea35d9bd65e634b9d9babf66600ffdcf8ac62fa40f3b980
+  languageName: node
+  linkType: hard
+
 "@babel/generator@npm:^7.22.7, @babel/generator@npm:^7.22.9, @babel/generator@npm:^7.7.2":
   version: 7.22.9
   resolution: "@babel/generator@npm:7.22.9"
@@ -1083,6 +1137,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-annotate-as-pure@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-annotate-as-pure@npm:7.29.7"
+  dependencies:
+    "@babel/types": ^7.29.7
+  checksum: acd9e128de634a5144b5d622357d018fa616de45f64c74e42007c048dd15d0a0be213f4d5a2bf02307bdaddf053791b87900a99d183de828c08dc3b556329009
+  languageName: node
+  linkType: hard
+
 "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.22.5"
@@ -1120,6 +1183,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.28.6, @babel/helper-compilation-targets@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-compilation-targets@npm:7.29.7"
+  dependencies:
+    "@babel/compat-data": ^7.29.7
+    "@babel/helper-validator-option": ^7.29.7
+    browserslist: ^4.24.0
+    lru-cache: ^5.1.1
+    semver: ^6.3.1
+  checksum: f60a943937f4eba0e671aa28551cb45569fd081c1e30a52ede167860475dc0417f3dbdf2a0fa3f086965595c7070aa76308da60cc0319860de05db4ed2a431f7
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.22.5, @babel/helper-create-class-features-plugin@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/helper-create-class-features-plugin@npm:7.22.9"
@@ -1156,6 +1232,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-member-expression-to-functions": ^7.29.7
+    "@babel/helper-optimise-call-expression": ^7.29.7
+    "@babel/helper-replace-supers": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+    "@babel/traverse": ^7.29.7
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: c954e4bfe423a277cdcbad64344637cf696ddcd80085fce5f284b02a0c700af0d2d7b61468a06d9e296e948de60ece138921b65564aec023a9d9594f5d9fe18d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.22.5":
   version: 7.22.9
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.9"
@@ -1182,6 +1275,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-regexp-features-plugin@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    regexpu-core: ^6.3.1
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 702a34db6c064a2c26675b717b3af88b8acaeb5341e2285792a873a67a16ec4cbe987ba72e055db198b2e03ead05600d8c9c0c1e7436708e95865bbfb3516026
+  languageName: node
+  linkType: hard
+
 "@babel/helper-define-polyfill-provider@npm:^0.4.2":
   version: 0.4.2
   resolution: "@babel/helper-define-polyfill-provider@npm:0.4.2"
@@ -1212,6 +1318,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-define-polyfill-provider@npm:^0.6.8":
+  version: 0.6.8
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.8"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.28.6
+    "@babel/helper-plugin-utils": ^7.28.6
+    debug: ^4.4.3
+    lodash.debounce: ^4.0.8
+    resolve: ^1.22.11
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 39fef64ade79253836320c7826895d948ab5e8e21479cf29f5d6bb5284126693ca537b6ace9d9b7b515a8be66bd4a8a7d7687f9b25b7574a52dae7790fcd3a4e
+  languageName: node
+  linkType: hard
+
 "@babel/helper-environment-visitor@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-environment-visitor@npm:7.22.5"
@@ -1229,6 +1350,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-globals@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-globals@npm:7.29.7"
+  checksum: 6deaf9846a415c7f110ac153e8c3d81e3543c9b685aa9fd9a59b4235f402e2b760129d3df49466daea9162f0cf73ff98a0ec7f180448a3449ca14ae5e1117b42
+  languageName: node
+  linkType: hard
+
 "@babel/helper-hoist-variables@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-hoist-variables@npm:7.22.5"
@@ -1257,6 +1385,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-member-expression-to-functions@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.29.7"
+  dependencies:
+    "@babel/traverse": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: 79d5f095b4bafadff3d1ec316d9f17ec85940fece957db62dd523b08e142da73c53180d1bce2fdc4d523e3889bb01b39bea70ad968b6e2f4dbdc66ebd1055b8a
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-module-imports@npm:7.22.5"
@@ -1276,6 +1414,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-imports@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-module-imports@npm:7.29.7"
+  dependencies:
+    "@babel/traverse": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: ad5a768fc9c162620b7f5b7645c6c2efee1e6f9df432bb79651888661a7e4cd91dac7192f3ddcfd6de4778a089e9fb30fafae768156aa73a07eeca425f64e849
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/helper-module-transforms@npm:7.22.9"
@@ -1304,6 +1452,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-module-transforms@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-imports": ^7.29.7
+    "@babel/helper-validator-identifier": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 484f6d02975d304f680d44e331d4b832d67e51917483985eab7b853664452b5a627366e7a9d421200ec772a123213a591e28b40636566afeac189411ba3f45a8
+  languageName: node
+  linkType: hard
+
 "@babel/helper-optimise-call-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
@@ -1322,6 +1483,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-optimise-call-expression@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.29.7"
+  dependencies:
+    "@babel/types": ^7.29.7
+  checksum: 6b477e01b403fd48349336cb1d94722bff4fa54af2841b5fa950c557b796f4ecc14724052252ed1362ccfc23d1c09c54dc03e182fea59d3dc5bd69f8c626ba25
+  languageName: node
+  linkType: hard
+
 "@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
   version: 7.22.5
   resolution: "@babel/helper-plugin-utils@npm:7.22.5"
@@ -1343,6 +1513,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.28.6, @babel/helper-plugin-utils@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-plugin-utils@npm:7.29.7"
+  checksum: b0a183abcc6670afa4861425fa428217d8ebadce062d5b43117919e8715f820080fd63bbfcf0e43c6e0e7d21a96b21f635c46dda80bdb0ce7e8a762ebee1d8d9
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.22.5":
   version: 7.22.9
   resolution: "@babel/helper-remap-async-to-generator@npm:7.22.9"
@@ -1369,6 +1546,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-remap-async-to-generator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-wrap-function": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 98338ad6e34ebb4be2dc23f8d9199d28d6d8ac6a2ce8b90fe9efdf3595b39748321528d9f2540ec0586a6e45f7c84f5f623fbf980c5efa7fa9ba7ce837ea4b20
+  languageName: node
+  linkType: hard
+
 "@babel/helper-replace-supers@npm:^7.22.5, @babel/helper-replace-supers@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/helper-replace-supers@npm:7.22.9"
@@ -1395,6 +1585,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-replace-supers@npm:7.29.7"
+  dependencies:
+    "@babel/helper-member-expression-to-functions": ^7.29.7
+    "@babel/helper-optimise-call-expression": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: f7eb9a6b035d9d45250c880eb09605f95998998e828ec90759ed45764fe0abeee583419969de8b8dee551163dff914c9fc6ace90c1d819c56c23146f8df525db
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-simple-access@npm:7.22.5"
@@ -1423,6 +1626,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.29.7"
+  dependencies:
+    "@babel/traverse": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: a5800bfcdca6cef7f6fe33ac02a0f05ff33da9746f97806553f249733f7ba8400290a17f3831d7faa5d91656f254ab749931f53c8a29f301d958d7dd00499637
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.22.6":
   version: 7.22.6
   resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
@@ -1453,6 +1666,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-string-parser@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-string-parser@npm:7.29.7"
+  checksum: 4c229d2c2296b6c94439e87ecddf3a93cee3ffd2d4cee0b4c28079275bed3de4e02cd943e4cb06036d1d9407549c4e3423006b61a46215c482fce902ee02bc0b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-validator-identifier@npm:7.22.5"
@@ -1474,6 +1694,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-validator-identifier@npm:7.29.7"
+  checksum: cc7779e96fe9c9478c96ca4bf04fc338b95b501aa5abe78178307dea282d4a5dc23d443efb12dde8e8c5636d03dd00e443532e6ed7f15fa7977349af1f87ba4d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-validator-option@npm:7.22.5"
@@ -1488,6 +1715,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-option@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-validator-option@npm:7.29.7"
+  checksum: aeb6aa966f59300d3cc2fea7c68e1dfd7ad011fc10e535c8e2b2de3094b27c859428dc7220f16420350f8b1cde99da120b673be04bcb0c2f37b56258c96bed58
+  languageName: node
+  linkType: hard
+
 "@babel/helper-wrap-function@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/helper-wrap-function@npm:7.22.9"
@@ -1510,6 +1744,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-wrap-function@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helper-wrap-function@npm:7.29.7"
+  dependencies:
+    "@babel/template": ^7.29.7
+    "@babel/traverse": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: 2e6dfca94a10a3672a6b0ff337c80f27d7c66f3ea110969e833529a2d5bfbb5e53ab40abf6fad4657b8f810fcab2e3d56998f8da89bfe82a58267c5e8bc06e9a
+  languageName: node
+  linkType: hard
+
 "@babel/helpers@npm:^7.22.6":
   version: 7.22.6
   resolution: "@babel/helpers@npm:7.22.6"
@@ -1531,6 +1776,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/helpers@npm:7.29.7"
+  dependencies:
+    "@babel/template": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: b5c4ed0ce5983c5599cd01b3948444b77ba2fa47bf6282a82afdcbe45eb8cc5b7986194e3920ef2760f533c6a775504e6b00a66960c0a3bc52909920b8433908
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/highlight@npm:7.22.5"
@@ -1585,6 +1840,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/parser@npm:7.29.7"
+  dependencies:
+    "@babel/types": ^7.29.7
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 56f4c32a371004d3becd0a960a85a3bba4ec4df73d5e202aa3fe6473328b243162c6be9a510be1c12ed1825f5ce9ff1ea5cc357298631e8acf2e5b8da9f5a961
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 83cca77d175f3e66460a004648c8a645da880d5a9db96b03abd433e05bc4357aec0418d17b05fbfecfa679438b8eb8d8adc71b8f4db86cfaf6e6b0373b39a05e
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: ad06de66ccfb19f0f04e6124d144f3fef72fa5191861b1d04bc32cab87ce43958810d9632eac5881ef991a78b33e68588e3d90e76a63d917bd5a7ff4c96618f8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.5"
@@ -1596,6 +1885,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 2189a2a648948107c59ad3bf028e5b71a85b28c840facfead769a33c5f63ae4ec0f147e6a2e664a91a506d4405f5a8972d2ca628f3b64d03edd7620d770761fb
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-rest-destructuring-rhs-array@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-safari-rest-destructuring-rhs-array@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: a9bd13c2600bdfcb5b35590e210bcb30f009fda9bd1556567757ea4fcb8ca247750331d6d10774d68127cae4e529bc79abd86a28fe5e2a1cc2cc00e75964ac52
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.22.5"
@@ -1609,6 +1921,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+    "@babel/plugin-transform-optional-chaining": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: 76a494ec4f52a127b0208c4574a6da36f6ff5f30484306921762db549fa7d9d9183c837759eb68c0c9e5a56013aa247e6e02e02263384d2a103240353ae0ceb6
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 7a58b4b32f4c04b86160dc7900612904e2b88d42c8b89d59a89d3c343f320ad096d73fb453a2e8bf8e97c9d4af3563043bc6d1e3def53c819812cb03f3f873c8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-class-properties@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
@@ -1621,6 +1958,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-decorators@npm:^7.29.0":
+  version: 7.29.7
+  resolution: "@babel/plugin-proposal-decorators@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/plugin-syntax-decorators": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4a92b511afc80a6708c42de6e2875bd5b93f18413c6c2ee2e97af61c7a54ea3b04837ec8fcca0d92de2178d6dd0a589690bab9ff38e0053261170d38e332bd5e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-export-default-from@npm:^7.24.7":
   version: 7.25.9
   resolution: "@babel/plugin-proposal-export-default-from@npm:7.25.9"
@@ -1632,6 +1982,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-export-default-from@npm:^7.27.1":
+  version: 7.29.7
+  resolution: "@babel/plugin-proposal-export-default-from@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 373ba179cb2a1ece4facd4a984aa43808ec046d3ad75404a0b2fdd92cd6c3ab41548856c055e63b1cc4a895ae23380298e36a219c454eb4c3ac9da1475a6cbd0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
   version: 7.21.0-placeholder-for-preset-env.2
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
@@ -1697,6 +2058,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-decorators@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-decorators@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3a49c261fb62a00f72626937eed23a0d293d10225362163d61909c83c91cfa759a8d498b6c7a8847592437a7d14ddc28407d7b8781ec9addac6a70980d41bb22
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-dynamic-import@npm:^7.8.3":
   version: 7.8.3
   resolution: "@babel/plugin-syntax-dynamic-import@npm:7.8.3"
@@ -1752,6 +2124,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-flow@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-flow@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3e03792bb20d4a0f2610df5d5af6c2ec8cbb5096a7576b24027eca60ac2b9e3a183d48255e4156fa94768322d82b13e77623f785ef556660de1c0efc5708e52a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-assertions@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-syntax-import-assertions@npm:7.22.5"
@@ -1763,6 +2146,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-import-assertions@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a7f24858e7e833c2ee25779a355b5eff46e4bc93c98b06bda7ea0fd12faf99c4954e0f71074485512045920432790e0269aa562dd4d2085c3f8660ed1cfde8a1
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-attributes@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-syntax-import-attributes@npm:7.22.5"
@@ -1774,6 +2168,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-import-attributes@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 9f47345d09aae16b7ab52ecaf541cde3e3ae1e57e3eb2d4088e062b29dfbd67db55d42d529840557583d66121e2a98788df7a455401cc6d635c8b7700a02efc9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
@@ -1818,6 +2223,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-jsx@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-jsx@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 84150d27c553a1d3d921354437f6725ca1d63b49514c25591bfcaaafa6ea4d6c10715b66fe7245e4ad7ab7c6cf4b6e1de7373defd3df00877ab12638170d7772
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
@@ -1928,6 +2344,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-typescript@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-syntax-typescript@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ef454d2a7a6209dd4255361c072c94ab1293e7ad4b06e7e744d08bb308065d4d6544964eae9b2357c3b33d8d939f9e32d4aa95905bc464407cd8f7101dee4443
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
@@ -1962,6 +2389,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-arrow-functions@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0037fd7563c7c91cddb8ce104e270bc260190d29c7a297df65e4306471010b4343366de13fab4602cf8ee6c672d3b313b34a01b62f27a333cad16908c83368d8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-generator-functions@npm:^7.22.7":
   version: 7.22.7
   resolution: "@babel/plugin-transform-async-generator-functions@npm:7.22.7"
@@ -1989,6 +2427,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-generator-functions@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-remap-async-to-generator": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d8239f43b4051b12cd7a5581367bd2b13ac26235da39d79f182999879f010124341ac500f480140b0961a62ec451a0a963b421c509f9c1a306c313f10fc60451
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-to-generator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.22.5"
@@ -2015,6 +2466,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-to-generator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-imports": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-remap-async-to-generator": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e24db9c4c69121daab25883f9a96e6849fa664c78c6bbcfb77fe0a0c6ab29b81ba39e8497985367463d3a88deac3b5bbe15dd1c5d0e5dd492cfccf8efdd27452
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoped-functions@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.22.5"
@@ -2026,6 +2490,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoped-functions@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 24f9712ade98061cd22088709b86b8e3e19ea416dbe5a69ad504fc3f8f2179af5bdeb32fcb9c24fc861bef515e41ae5ef72cd909e0e42bb0cf15838c4e737149
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoping@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-block-scoping@npm:7.22.5"
@@ -2048,6 +2523,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoping@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a17c02f8dfcaf2c26c0c323aaa8e3a1616f2de3ea0a4947e16789bb64cb0f177deff388eb1390c100c82d7e6fecd4d583646bb9305fb3df3ca824b1bdbebdc8e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-class-properties@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-class-properties@npm:7.22.5"
@@ -2072,6 +2558,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-class-properties@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-class-properties@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0cc5e7a882e29eead360f02ef79f6b2ec3b3813213b1513d8fdaa931d1d1361fccc92fbacc9b399e42495953d9d6fc722f283b5f3aa272fe016a0b5fe1e6a130
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-class-static-block@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-class-static-block@npm:7.22.5"
@@ -2085,6 +2583,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-class-static-block@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: fe94eb94d8417de753a26f06a3c50780cdfc3f07e10bcd09dde2fe61dcd9a2714b83b1b2d36733328a3ad09b02e84fa06197f757644ffbcca1673e87c64ecb76
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-classes@npm:^7.22.6":
   version: 7.22.6
   resolution: "@babel/plugin-transform-classes@npm:7.22.6"
@@ -2120,6 +2630,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-classes@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-classes@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-compilation-targets": ^7.29.7
+    "@babel/helper-globals": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-replace-supers": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cc45ff5b5b063339131cd701266af90506db8640e56494de0c78f882da6317f057951bf6507c5b48a0278cf5dad21691baf2af05e24b8c26b0725d677088edbf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-computed-properties@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-computed-properties@npm:7.22.5"
@@ -2144,14 +2670,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-destructuring@npm:7.22.5"
+"@babel/plugin-transform-computed-properties@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.29.7"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/template": ^7.29.7
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 76f6ea2aee1fcfa1c3791eb7a5b89703c6472650b993e8666fff0f1d6e9d737a84134edf89f63c92297f3e75064c1263219463b02dd9bc7434b6e5b9935e3f20
+  checksum: ad945a48e6826c3b34f825e780ab33bf91e18c7924dd263e44bef8d8a6350636305b22af8f00793d3767482004651f4bfb9fed0c92f05c01b99ae80d79956e67
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-destructuring@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-destructuring@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 76f6ea2aee1fcfa1c3791eb7a5b89703c6472650b993e8666fff0f1d6e9d737a84134edf89f63c92297f3e75064c1263219463b02dd9bc7434b6e5b9935e3f20
   languageName: node
   linkType: hard
 
@@ -2166,6 +2704,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-destructuring@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-destructuring@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5f56c030beec2ae1640909eb5213fc655f0062046b28699d049cc8b00fb7d9aa1c5ba1dc1c7ee41c8bae97be778066f1f9ea2ecd8fff872a1e8f10fd3addf18c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dotall-regex@npm:^7.22.5, @babel/plugin-transform-dotall-regex@npm:^7.4.4":
   version: 7.22.5
   resolution: "@babel/plugin-transform-dotall-regex@npm:7.22.5"
@@ -2178,6 +2728,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dotall-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 537df0fb915a420df715a2f4da16ab6c08ce2370521edef9a8a59af23a533314109f6abd836c5e127c8cea4a46bc4a05692670cf7ad64868c286075fa2d7848c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-duplicate-keys@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-duplicate-keys@npm:7.22.5"
@@ -2189,6 +2751,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-duplicate-keys@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 39bf312a798792e361d2afa9e900eb7d7fd853239a776912bafc5bb3799886374d54a0882d21517296086abdd3e5458405f6f3a7da5dcb493bc86c5a32576bab
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: fa7fcdbede10dbc06fe4f861e90286f7f599d3f3c43e69445e63c3f48422fd34db0b0dd9bbebccd1dbd04a50fca4ab22fd82d28e7bc8fe9b6d5790c9e694d380
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dynamic-import@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-dynamic-import@npm:7.22.5"
@@ -2201,6 +2786,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dynamic-import@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 58c035e6b9103c225f3d181671d9b3dec140351c3ecf12bc3a66b8653be41161f20135ada00a703244c2bfc9dd57b62fc54f77f2f6fe43df6c598358f377e6fa
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-explicit-resource-management@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-explicit-resource-management@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/plugin-transform-destructuring": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 28ff30f46d97b91ba5f57ae63499a489fa1ec3dcc427ec851c2aacb34106b573c58eba4be000bc4c28223ba767cfadc008cdfa9f833ed12996e2f014e0a06373
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-exponentiation-operator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.22.5"
@@ -2213,6 +2821,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-exponentiation-operator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bf0366d77d318d4b6eae6880217e3fdfcb6e5f7913f658583de9537fd4fca1f05f9ac4083d8f946a84eaefec068cbba948be90f4a39484c85bc69082def3162d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-export-namespace-from@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-export-namespace-from@npm:7.22.5"
@@ -2225,6 +2844,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-export-namespace-from@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d157d62b144d1626b801e557dcede914db33e78f3f4230f487e5709c21efd40648f7f3a47a44a7fce694ad9cd117d2ac3ed796da0102275fd02b4fdb317d906b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-flow-strip-types@npm:^7.25.2, @babel/plugin-transform-flow-strip-types@npm:^7.25.9":
   version: 7.26.5
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.26.5"
@@ -2237,6 +2867,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-flow-strip-types@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/plugin-syntax-flow": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bc6e94f5398bb512b1a1d7a2bfb36dff9dd7d5150a3644e2ff4f361512b6be3c6a164828263fedbbc9eaa0015617b6c4e0e347117a0ae02acc184215cc27a6c2
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-for-of@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-for-of@npm:7.22.5"
@@ -2260,6 +2902,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-for-of@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7641d5eb4ef268df2f7d8736691a565646f42c55fdc2c86a65ed027276415a19ac6cafab2fc386621894c5d3202baacc9f222424bda37fa2ab9a20d7fec921f9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-function-name@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-function-name@npm:7.22.5"
@@ -2286,6 +2940,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-function-name@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-function-name@npm:7.29.7"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 87a6329442ef8085fbc160e659f64562f0f5b63be65403b8bbb8e18c67dd7d03b82fb2e1371fdde734e2f05b13a72f88ed8d8cb03807150063954b9604d082cf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-json-strings@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-json-strings@npm:7.22.5"
@@ -2298,6 +2965,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-json-strings@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-json-strings@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3af97e144e0d986522f01803ffa0f90741530d1610952ac6a92511c356ecbf5616092ab1d21401d25bc7cb8ac90d73c2c7ff35e41766df2708c29d7e588cfa7f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-literals@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-literals@npm:7.22.5"
@@ -2320,6 +2998,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-literals@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-literals@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: aadb2b3fe85186c274a07d5486aeef9496ce374e534fbc7b54f77985c75513422d9acec4c532f67b027e939644d93a69c00505b8909e259184c3ee5c5c62c46b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-logical-assignment-operators@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.22.5"
@@ -2343,6 +3032,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 374d83dfbb2de5e339d2966487c0f0d766cd67422addbd0172104ff2788b60317858172a7ab2cb6ee7d5bffad72ce07120fec009a2ef3b35551013fce4908686
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-member-expression-literals@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.22.5"
@@ -2354,6 +3054,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-member-expression-literals@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 698cbc9500e8caea1d36b48248112d60e023cea9d0772ac1ecf1639b38b662d9352043747dbe617fe1f6f17709bc17601534f7bf2f22c791fb86f7e2ab43e39f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-amd@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-modules-amd@npm:7.22.5"
@@ -2366,6 +3077,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-amd@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6fce7d329230e3be0389b1135b6ffa1224c3f060294409137c5bb7f26d81ac47b6d91651deaef93b17f5e6f99e5ca7edb80b6b855b562b65ad00b3d7f717da40
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-commonjs@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.22.5"
@@ -2391,6 +3114,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-commonjs@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e9d8102deca4c2f06507a8d071ca0e161f01cec0e108151142edb39995bd830e312d55d21fac0ceb390ac79a1fee5fb768b719413b8fc5adda5f06ecd8845cd6
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-systemjs@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-modules-systemjs@npm:7.22.5"
@@ -2405,6 +3140,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-systemjs@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-validator-identifier": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 185d26d1f20fabdb120cb0bacdb2d245a8fbe628778cc2cd096a804c1169e21ae555e482b76fcc04a585edd70d9758a456794ae4d69cd41e638e10f620d65058
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-umd@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-modules-umd@npm:7.22.5"
@@ -2417,6 +3166,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-umd@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.29.7"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 589f5c30a906587d039e2f3bf8267652be272d93d3056667b479f450318c91e55d1674631239ac25e0e9591f4abb7ff225bb0fc8af58e5bfb703d3385ec02082
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-named-capturing-groups-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.22.5"
@@ -2441,6 +3202,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 3a481be133e9ca5d25570b5ed62daae323a51663bacf30fed0d1980e912047ebd34d6326533182db625fc0bbd086d1a23ed68ebb6108e7a68a8650c228afc084
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-new-target@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-new-target@npm:7.22.5"
@@ -2452,6 +3225,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-new-target@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-new-target@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 35b4c295348d17c9c00cf772663a6e705fd48f5a9a5378d7b548ab4cb71d5f183ca9446d2a86c77f16b037cfe64c621c00e93219aefab43bfd39d8dd2c8b56bb
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.22.5"
@@ -2475,6 +3259,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f486e737ddcec3a88e2e0dc004c28e15156dd255f3b2d944903f3d75666257c96ee7ebf57d80d2cf42eda2bee497db8134a26d657ddc3defcc34b9583ecbd119
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-numeric-separator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-numeric-separator@npm:7.22.5"
@@ -2498,6 +3293,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-numeric-separator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6177df9e1a8a190bf4a360f8cbcfa614b70ededba61201bd0a38929770b6d00a8a54a19f8fda82cf60688d9bab938427a9fe5dae0a9e8cd8ed79c88a3b2dbcd7
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-rest-spread@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-object-rest-spread@npm:7.22.5"
@@ -2526,6 +3332,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-rest-spread@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.29.7"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/plugin-transform-destructuring": ^7.29.7
+    "@babel/plugin-transform-parameters": ^7.29.7
+    "@babel/traverse": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e09bcc8800cf374962ab98bce5ccceb900266278a3a1e4a68391abec440fdf7371c8059f9091f407a1b167f3acf624c34c9b92188674fdcb7797e3f02509216b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-super@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-object-super@npm:7.22.5"
@@ -2538,6 +3359,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-super@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-object-super@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-replace-supers": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 65ed8719563572c4917f19b32c476c9a9062fccf89bfd44a418bb734cd866034d66049499cace58e2bb4589da779983f534078bd989333f36268b9da08d4b33c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-optional-catch-binding@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.22.5"
@@ -2561,6 +3394,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-catch-binding@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4b6e41e1dc5dbd02cfe0b96214130cca5fd3bd879551fc82188bb3d9a2782af9bab50f2140af9ff946a8ee23b9478ee42810641fb99aa3e033884d7c6103d138
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-optional-chaining@npm:^7.22.5, @babel/plugin-transform-optional-chaining@npm:^7.22.6":
   version: 7.22.6
   resolution: "@babel/plugin-transform-optional-chaining@npm:7.22.6"
@@ -2586,6 +3430,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-chaining@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6255d259bb0143f7938278ebb382aba22311c260919d3f08476509c76335a111b479b3ad7363e86de064f87af85ca4d7f03f08195f0646c525ea70fb587c0a2d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-parameters@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-parameters@npm:7.22.5"
@@ -2619,6 +3475,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-parameters@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 615cdd72dc2d08051e6d4e7f0539661e40029257a047ce15c5da5f4394a372a53f6f6d6aece72ad15ccf0590e448c9a742f8576564321c9dcc16262ec6197c9b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-methods@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-private-methods@npm:7.22.5"
@@ -2643,6 +3510,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-private-methods@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-private-methods@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5055af2b86a95acbf6bd1a14256edf439ba4f214707f6aa9f6a29d1168c882e5709853c4ff225f55575f88d3a58effbed952d25c5cd70f93785106541f992cdd
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-property-in-object@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.5"
@@ -2670,6 +3549,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-private-property-in-object@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 068ff9e35e103b269c707d16f50384646295a6613c5abfdebea24f0430bb18ea4ef40a299e1dcc915bb22f65e2217c3428c20bcd4a3fe5f8ac60ec212835646d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-property-literals@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-property-literals@npm:7.22.5"
@@ -2681,6 +3573,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-property-literals@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-property-literals@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7e7a557df8feb50cd6913158c6d12df0e8a9da58e3f73e7cbfc08af399055b03e77a22b12c73d5bf6bb49239617d6189ccb6021ab03f0225bc54f9c74a880b62
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-constant-elements@npm:^7.18.12":
   version: 7.22.5
   resolution: "@babel/plugin-transform-react-constant-elements@npm:7.22.5"
@@ -2714,6 +3617,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-display-name@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ded95cce1816f800db43e8f4e1f7fbb928091bf036438617b8ca7e9ce776079606045a0ca482904bfeff801c4fc726de633153843c441ef31980b8c41ace04c9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-jsx-development@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-react-jsx-development@npm:7.22.5"
@@ -2725,6 +3639,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-jsx-development@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.29.7"
+  dependencies:
+    "@babel/plugin-transform-react-jsx": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c535bb5ee09e07839a422f7a8e55849cd30525af57021888eceb84d33391290f6250207319bb4fbb4d4cbdcdb894b2a2b963f0769a3e95536370159b4b505855
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-jsx-self@npm:^7.24.7":
   version: 7.25.9
   resolution: "@babel/plugin-transform-react-jsx-self@npm:7.25.9"
@@ -2777,6 +3702,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-jsx@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-module-imports": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/plugin-syntax-jsx": ^7.29.7
+    "@babel/types": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d50e5d6f12051c688280b118fc0cdc49f617f7c1f2c41b25733b606aa9a14d2dc84bc544163d115226b9d2cde9f147f49568350b9d100cb47988e5e76cf495c7
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-pure-annotations@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.22.5"
@@ -2789,6 +3729,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-pure-annotations@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7b6bc9e9db06f2c40685b4f0a043af17a98a8bee833831aa28f70c89876dc649fdd682ae572445143b53fe091258964107bae9d3583480eb1c4f1d9c22780b38
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-regenerator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-regenerator@npm:7.22.5"
@@ -2813,6 +3765,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-regenerator@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-regenerator@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1a136712ba92693402d7fafb96624d1a833e888cd59029a84ed24d8ff083304a3f1d101d8d5013d0400229041c8a1e4ddf08027268f3c876ea226e86734acd25
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-regexp-modifiers@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-regexp-modifiers@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: bfbc6b898ace99b8412eb6e902b90856188c692e69672d42d48c5e22a5bf9b0d15d35424fda8501bfb06ba0504acc5f1b9e13eacaba232aa58af74472d6068dc
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-reserved-words@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-reserved-words@npm:7.22.5"
@@ -2824,6 +3799,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-reserved-words@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ffd7f86ddce36c6ded2dd9218f81be8cbae35b1ed01100ac0a98623bd0a76c059188b70953ab5accae8f8430451e8ed4779d533ac5e35c523f5004a981208b7c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-runtime@npm:^7.19.6":
   version: 7.22.9
   resolution: "@babel/plugin-transform-runtime@npm:7.22.9"
@@ -2878,6 +3864,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-shorthand-properties@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c57ef27853f334a6147da9aa00f8a8f4c3a1c217eb2efa73cba2e118edda10754fa23cec2c0c7f7408279ad28fef92c1f663dfec137a7503813331569c3e02f9
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-spread@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-spread@npm:7.22.5"
@@ -2902,6 +3899,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-spread@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-spread@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: eb25f24d9a5cac163fea91b5872ff2ddb892083624284a6e8a1fa8dfc4c4c6f6230f3b478405eb846df895a3f96631ac19e8c169af33012aafaa144e6192d5d3
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-sticky-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-sticky-regex@npm:7.22.5"
@@ -2924,6 +3933,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-sticky-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 16b570c0270a59c2a29b2118c00e463882e9dda49b51a17dde3ae6b2886995d49f4bf2161a4c743ad1bca39d2aeb3ac963400e095682e105c7f751e6a2156c28
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-template-literals@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-template-literals@npm:7.22.5"
@@ -2935,6 +3955,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-template-literals@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-template-literals@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d1014dab020f0f802089de17bba82d929eda6ac87fde5f58fb9763885b8d645ce63fc1df97055c06a12d95a8788334a93b559fcaf1da6d7777a191e5f9c5646e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typeof-symbol@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-typeof-symbol@npm:7.22.5"
@@ -2946,6 +3977,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typeof-symbol@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 90c2308f97c4e3773b7d2010b962ce6122bd9e1163f0caf7bb45819342f547a5a41d36c73d9a828ad89ce2072e2613ea867d28ad59eb440d9e22196438437d02
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typescript@npm:^7.22.5":
   version: 7.22.9
   resolution: "@babel/plugin-transform-typescript@npm:7.22.9"
@@ -2975,6 +4017,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typescript@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-typescript@npm:7.29.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.29.7
+    "@babel/helper-create-class-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.29.7
+    "@babel/plugin-syntax-typescript": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e95bce53fa2add836eec5ef5221e260cfa4ab889a146f7ba5e29cbd42bfe3183cb94e40b49bfb0d14a75f233982723903d3efad0f528b835ce771e38bd365440
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-escapes@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-unicode-escapes@npm:7.22.5"
@@ -2986,6 +4043,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-escapes@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cf337bf93a2e76aa82acb60d8a8a567225744cf7f42ffa4dde4c177aef54250f4067db38b8ab2c26f20cf2a589822242891ba8b91739a705f618bf6a4eeca7ff
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-property-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.22.5"
@@ -2998,6 +4066,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-property-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 03ee0b5d27eee08ba71bc09e919eb648094123985b7adc7dc875e4172100596a47ab68337abf6814cbd3140c6552cf1044135eb0ec1ec78345e1270e5e6aabba
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-unicode-regex@npm:7.22.5"
@@ -3022,6 +4102,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1ade0672ae5bbbf2ec1ea0a8de1b5d804ae414283215620097ab21cf7f05dae8916f5b0548a18c6f080ec17135018f5edd2d38f8fa9ca052af570cab5c712786
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-sets-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.22.5"
@@ -3034,6 +4126,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.29.7"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 680c22e2a63bffbf6798b0c2f599b06beb7ea4d29ee37a56c9192014143d396c479b12783d9c343e107fa491aeeb65b1ca774fd76825ffb306eef7fb5e7b4b2c
+  languageName: node
+  linkType: hard
+
 "@babel/preset-env@npm:*, @babel/preset-env@npm:^7.19.4, @babel/preset-env@npm:^7.22.9":
   version: 7.22.9
   resolution: "@babel/preset-env@npm:7.22.9"
@@ -3124,6 +4228,87 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-env@npm:^7.29.5":
+  version: 7.29.7
+  resolution: "@babel/preset-env@npm:7.29.7"
+  dependencies:
+    "@babel/compat-data": ^7.29.7
+    "@babel/helper-compilation-targets": ^7.29.7
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-validator-option": ^7.29.7
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": ^7.29.7
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": ^7.29.7
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.29.7
+    "@babel/plugin-bugfix-safari-rest-destructuring-rhs-array": ^7.29.7
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.29.7
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": ^7.29.7
+    "@babel/plugin-proposal-private-property-in-object": 7.21.0-placeholder-for-preset-env.2
+    "@babel/plugin-syntax-import-assertions": ^7.29.7
+    "@babel/plugin-syntax-import-attributes": ^7.29.7
+    "@babel/plugin-syntax-unicode-sets-regex": ^7.18.6
+    "@babel/plugin-transform-arrow-functions": ^7.29.7
+    "@babel/plugin-transform-async-generator-functions": ^7.29.7
+    "@babel/plugin-transform-async-to-generator": ^7.29.7
+    "@babel/plugin-transform-block-scoped-functions": ^7.29.7
+    "@babel/plugin-transform-block-scoping": ^7.29.7
+    "@babel/plugin-transform-class-properties": ^7.29.7
+    "@babel/plugin-transform-class-static-block": ^7.29.7
+    "@babel/plugin-transform-classes": ^7.29.7
+    "@babel/plugin-transform-computed-properties": ^7.29.7
+    "@babel/plugin-transform-destructuring": ^7.29.7
+    "@babel/plugin-transform-dotall-regex": ^7.29.7
+    "@babel/plugin-transform-duplicate-keys": ^7.29.7
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": ^7.29.7
+    "@babel/plugin-transform-dynamic-import": ^7.29.7
+    "@babel/plugin-transform-explicit-resource-management": ^7.29.7
+    "@babel/plugin-transform-exponentiation-operator": ^7.29.7
+    "@babel/plugin-transform-export-namespace-from": ^7.29.7
+    "@babel/plugin-transform-for-of": ^7.29.7
+    "@babel/plugin-transform-function-name": ^7.29.7
+    "@babel/plugin-transform-json-strings": ^7.29.7
+    "@babel/plugin-transform-literals": ^7.29.7
+    "@babel/plugin-transform-logical-assignment-operators": ^7.29.7
+    "@babel/plugin-transform-member-expression-literals": ^7.29.7
+    "@babel/plugin-transform-modules-amd": ^7.29.7
+    "@babel/plugin-transform-modules-commonjs": ^7.29.7
+    "@babel/plugin-transform-modules-systemjs": ^7.29.7
+    "@babel/plugin-transform-modules-umd": ^7.29.7
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.29.7
+    "@babel/plugin-transform-new-target": ^7.29.7
+    "@babel/plugin-transform-nullish-coalescing-operator": ^7.29.7
+    "@babel/plugin-transform-numeric-separator": ^7.29.7
+    "@babel/plugin-transform-object-rest-spread": ^7.29.7
+    "@babel/plugin-transform-object-super": ^7.29.7
+    "@babel/plugin-transform-optional-catch-binding": ^7.29.7
+    "@babel/plugin-transform-optional-chaining": ^7.29.7
+    "@babel/plugin-transform-parameters": ^7.29.7
+    "@babel/plugin-transform-private-methods": ^7.29.7
+    "@babel/plugin-transform-private-property-in-object": ^7.29.7
+    "@babel/plugin-transform-property-literals": ^7.29.7
+    "@babel/plugin-transform-regenerator": ^7.29.7
+    "@babel/plugin-transform-regexp-modifiers": ^7.29.7
+    "@babel/plugin-transform-reserved-words": ^7.29.7
+    "@babel/plugin-transform-shorthand-properties": ^7.29.7
+    "@babel/plugin-transform-spread": ^7.29.7
+    "@babel/plugin-transform-sticky-regex": ^7.29.7
+    "@babel/plugin-transform-template-literals": ^7.29.7
+    "@babel/plugin-transform-typeof-symbol": ^7.29.7
+    "@babel/plugin-transform-unicode-escapes": ^7.29.7
+    "@babel/plugin-transform-unicode-property-regex": ^7.29.7
+    "@babel/plugin-transform-unicode-regex": ^7.29.7
+    "@babel/plugin-transform-unicode-sets-regex": ^7.29.7
+    "@babel/preset-modules": 0.1.6-no-external-plugins
+    babel-plugin-polyfill-corejs2: ^0.4.15
+    babel-plugin-polyfill-corejs3: ^0.14.0
+    babel-plugin-polyfill-regenerator: ^0.6.6
+    core-js-compat: ^3.48.0
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 36deae2ea4329e8490fc4507e6747e07c4cff9df1f1397aa99fae16e03a5195f9c7a3494f571ddfb5002bbc0e18832a8cc711831d686896312fa127823f7fedc
+  languageName: node
+  linkType: hard
+
 "@babel/preset-flow@npm:^7.24.7":
   version: 7.25.9
   resolution: "@babel/preset-flow@npm:7.25.9"
@@ -3137,6 +4322,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-flow@npm:^7.27.1":
+  version: 7.29.7
+  resolution: "@babel/preset-flow@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-validator-option": ^7.29.7
+    "@babel/plugin-transform-flow-strip-types": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 562fe8494d7e8e3a894cb9b1213acdc418b42d54f0fe316e97192bb235c8dfe7cde58d351057b9f7896bdc5ff42b605863c00cf6df952d5789cf3d865ab723ba
+  languageName: node
+  linkType: hard
+
+"@babel/preset-modules@npm:0.1.6-no-external-plugins":
+  version: 0.1.6-no-external-plugins
+  resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.0.0
+    "@babel/types": ^7.4.4
+    esutils: ^2.0.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0 || ^8.0.0-0 <8.0.0
+  checksum: 4855e799bc50f2449fb5210f78ea9e8fd46cf4f242243f1e2ed838e2bd702e25e73e822e7f8447722a5f4baa5e67a8f7a0e403f3e7ce04540ff743a9c411c375
+  languageName: node
+  linkType: hard
+
 "@babel/preset-modules@npm:^0.1.5":
   version: 0.1.6
   resolution: "@babel/preset-modules@npm:0.1.6"
@@ -3168,6 +4379,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-react@npm:^7.28.5":
+  version: 7.29.7
+  resolution: "@babel/preset-react@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-validator-option": ^7.29.7
+    "@babel/plugin-transform-react-display-name": ^7.29.7
+    "@babel/plugin-transform-react-jsx": ^7.29.7
+    "@babel/plugin-transform-react-jsx-development": ^7.29.7
+    "@babel/plugin-transform-react-pure-annotations": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ec9d4d418df3825674ef807020b90a93d6bf6b786a723a59e673c3a32e31927b2f8a50071a17a50fff632f41eda8933e4196974130f2a5cdeb1a040fb2b62b76
+  languageName: node
+  linkType: hard
+
 "@babel/preset-typescript@npm:^7.18.6, @babel/preset-typescript@npm:^7.21.5":
   version: 7.22.5
   resolution: "@babel/preset-typescript@npm:7.22.5"
@@ -3198,6 +4425,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-typescript@npm:^7.28.5":
+  version: 7.29.7
+  resolution: "@babel/preset-typescript@npm:7.29.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.29.7
+    "@babel/helper-validator-option": ^7.29.7
+    "@babel/plugin-syntax-jsx": ^7.29.7
+    "@babel/plugin-transform-modules-commonjs": ^7.29.7
+    "@babel/plugin-transform-typescript": ^7.29.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f2f58cbbbdb84f6b27e20c7835fbd1e2474e7e6075c97a6609c606139bc782c995f0c5eb5b64f5b613997f8a463f3b4cea10cd1f0d706a66bf1aa41fea666725
+  languageName: node
+  linkType: hard
+
 "@babel/register@npm:^7.24.6":
   version: 7.25.9
   resolution: "@babel/register@npm:7.25.9"
@@ -3265,6 +4507,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.7.2":
+  version: 7.29.7
+  resolution: "@babel/runtime@npm:7.29.7"
+  checksum: bc311855c6dbf5356030979584ca0f8b6cee39fe058175b02e85a73e246fc76ae30248b0d40e70c2652101faeb43279468ed2d086a670673eb9783c1fee1df2b
+  languageName: node
+  linkType: hard
+
+"@babel/template@npm:^7.10.4, @babel/template@npm:^7.28.6, @babel/template@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/template@npm:7.29.7"
+  dependencies:
+    "@babel/code-frame": ^7.29.7
+    "@babel/parser": ^7.29.7
+    "@babel/types": ^7.29.7
+  checksum: 521eb6a1fd4735074ca8dac0d70810860a80edf3bf78105851571993cd13701a2041987e7398ccc9376eb6235ea1258bf494ccaccf3b67fa98dbe954154a2e93
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.22.5, @babel/template@npm:^7.3.3":
   version: 7.22.5
   resolution: "@babel/template@npm:7.22.5"
@@ -3331,6 +4591,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/traverse@npm:7.29.7"
+  dependencies:
+    "@babel/code-frame": ^7.29.7
+    "@babel/generator": ^7.29.7
+    "@babel/helper-globals": ^7.29.7
+    "@babel/parser": ^7.29.7
+    "@babel/template": ^7.29.7
+    "@babel/types": ^7.29.7
+    debug: ^4.3.1
+  checksum: 6c4508fd2a308a6a41fbf40bd2590bccfdc3903de51c640a928c49e810220b9e27323a083cda604d44a27449b57265a701b549de01f479611390863734b4fd38
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.22.5
   resolution: "@babel/types@npm:7.22.5"
@@ -3342,6 +4617,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.12.6, @babel/types@npm:^7.29.7":
+  version: 7.29.7
+  resolution: "@babel/types@npm:7.29.7"
+  dependencies:
+    "@babel/helper-string-parser": ^7.29.7
+    "@babel/helper-validator-identifier": ^7.29.7
+  checksum: 71c46837d22c5c63a5ed571f3b68b4261ecabfc3d4be7251b336ccbd26bc52752ae68ae6d16d24ea512311b78b6f54efdfb00dde87a81a4dc3d19e4a45f05b20
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.25.0, @babel/types@npm:^7.25.6":
   version: 7.25.6
   resolution: "@babel/types@npm:7.25.6"
@@ -4016,6 +5301,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@hapi/bourne@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@hapi/bourne@npm:3.0.0"
+  checksum: 7174cab6c33191918fcdb1953fe3169a1106e6ac79a67ef5fd08b351f0813f8f608170f2239786cbe5519e03cdfe5ab748ea1635caa06dcd5802410295514ef8
+  languageName: node
+  linkType: hard
+
 "@hapi/hoek@npm:^9.0.0":
   version: 9.3.0
   resolution: "@hapi/hoek@npm:9.3.0"
@@ -4575,6 +5867,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/gen-mapping@npm:^0.3.12":
+  version: 0.3.13
+  resolution: "@jridgewell/gen-mapping@npm:0.3.13"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.5.0
+    "@jridgewell/trace-mapping": ^0.3.24
+  checksum: f2105acefc433337145caa3c84bba286de954f61c0bc46279bbd85a9e6a02871089717fa060413cfb6a9d44189fe8313b2d1cabf3a2eb3284d208fd5f75c54ff
+  languageName: node
+  linkType: hard
+
 "@jridgewell/gen-mapping@npm:^0.3.5":
   version: 0.3.5
   resolution: "@jridgewell/gen-mapping@npm:0.3.5"
@@ -4586,6 +5888,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/remapping@npm:^2.3.4, @jridgewell/remapping@npm:^2.3.5":
+  version: 2.3.5
+  resolution: "@jridgewell/remapping@npm:2.3.5"
+  dependencies:
+    "@jridgewell/gen-mapping": ^0.3.5
+    "@jridgewell/trace-mapping": ^0.3.24
+  checksum: 4a66a7397c3dc9c6b5c14a0024b1f98c5e1d90a0dbc1e5955b5038f2db339904df2a0ee8a66559fafb4fc23ff33700a2639fd40bbdd2e9e82b58b3bdf83738e3
+  languageName: node
+  linkType: hard
+
 "@jridgewell/resolve-uri@npm:3.1.0":
   version: 3.1.0
   resolution: "@jridgewell/resolve-uri@npm:3.1.0"
@@ -4652,6 +5964,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/sourcemap-codec@npm:^1.4.15, @jridgewell/sourcemap-codec@npm:^1.5.0, @jridgewell/sourcemap-codec@npm:^1.5.5":
+  version: 1.5.5
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.5"
+  checksum: c2e36e67971f719a8a3a85ef5a5f580622437cc723c35d03ebd0c9c0b06418700ef006f58af742791f71f6a4fc68fcfaf1f6a74ec2f9a3332860e9373459dae7
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:0.3.9":
   version: 0.3.9
   resolution: "@jridgewell/trace-mapping@npm:0.3.9"
@@ -4682,6 +6001,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/trace-mapping@npm:^0.3.28":
+  version: 0.3.31
+  resolution: "@jridgewell/trace-mapping@npm:0.3.31"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.1.0
+    "@jridgewell/sourcemap-codec": ^1.4.14
+  checksum: af8fda2431348ad507fbddf8e25f5d08c79ecc94594061ce402cf41bc5aba1a7b3e59bf0fd70a619b35f33983a3f488ceeba8faf56bff784f98bb5394a8b7d47
+  languageName: node
+  linkType: hard
+
 "@js-sdsl/ordered-map@npm:^4.4.2":
   version: 4.4.2
   resolution: "@js-sdsl/ordered-map@npm:4.4.2"
@@ -5314,7 +6643,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@noble/hashes@npm:^1.6.0":
+"@noble/hashes@npm:^1.1.5, @noble/hashes@npm:^1.6.0":
   version: 1.8.0
   resolution: "@noble/hashes@npm:1.8.0"
   checksum: c94e98b941963676feaba62475b1ccfa8341e3f572adbb3b684ee38b658df44100187fa0ef4220da580b13f8d27e87d5492623c8a02ecc61f23fb9960c7918f5
@@ -6320,6 +7649,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@paralleldrive/cuid2@npm:^2.2.2":
+  version: 2.3.1
+  resolution: "@paralleldrive/cuid2@npm:2.3.1"
+  dependencies:
+    "@noble/hashes": ^1.1.5
+  checksum: 1310abcdf8f50721725bf7394f89cb6e704308cdfb62da6a251d93c036d4c4ae45987ed10dcf58d0ccdd1e8fdf0b860351306f582457b5146154cb1e660bbd39
+  languageName: node
+  linkType: hard
+
 "@peculiar/asn1-android@npm:^2.3.6":
   version: 2.3.10
   resolution: "@peculiar/asn1-android@npm:2.3.10"
@@ -8044,6 +9382,7 @@ __metadata:
     jest: ^29.3.1
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8073,6 +9412,7 @@ __metadata:
     npm-check-updates: ^16.10.17
     prettier: 3.0.0
     sass-loader: ^13.3.2
+    ttag-cli: ^1.11.2
     typescript: 5.8.3
     webpack: ^5.88.2
     webpack-cli: ^5.1.4
@@ -8282,6 +9622,7 @@ __metadata:
     terser-webpack-plugin: ^5.3.6
     ts-loader: ^9.4.1
     ts-node: ^10.9.1
+    ttag: ^1.8.12
     typescript: "*"
     webpack: "*"
     webpack-merge: "*"
@@ -8403,6 +9744,7 @@ __metadata:
     prettier: "*"
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8420,6 +9762,7 @@ __metadata:
     jest: ^29.3.1
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8688,6 +10031,7 @@ __metadata:
     react-native-store-review: ^0.4.3
     react-native-version-info: ^1.1.1
     react-native-webview: 13.13.5
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8718,6 +10062,7 @@ __metadata:
     lodash: ^4.17.21
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8761,6 +10106,7 @@ __metadata:
     jest: ^29.3.1
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -8857,6 +10203,7 @@ __metadata:
     jest: ^29.3.1
     reflect-metadata: ^0.1.13
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -9003,6 +10350,7 @@ __metadata:
     ts-loader: ^9.4.1
     ts-node: ^10.9.1
     tscpaths: 0.0.9
+    ttag: ^1.8.12
     typescript: "*"
     uuid: ^9.0.0
     webpack: "*"
@@ -9158,6 +10506,7 @@ __metadata:
     mobx: ^6.8.0
     mobx-react-lite: ^3.4.2
     ts-jest: ^29.0.3
+    ttag: ^1.8.12
     typescript: "*"
   languageName: unknown
   linkType: soft
@@ -9286,6 +10635,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@sveltejs/acorn-typescript@npm:^1.0.10":
+  version: 1.0.11
+  resolution: "@sveltejs/acorn-typescript@npm:1.0.11"
+  peerDependencies:
+    acorn: ^8.9.0
+  checksum: b2f2526290aa9155b2ab20808ea8382adc93e7346ea7fdd66370524cb44f767669fb30a7bbef27a02cc2405d110203b2faefc9c2b5298033691d79528e47d1bf
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:^6.5.1":
   version: 6.5.1
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:6.5.1"
@@ -9560,6 +10918,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/accepts@npm:*":
+  version: 1.3.7
+  resolution: "@types/accepts@npm:1.3.7"
+  dependencies:
+    "@types/node": "*"
+  checksum: 7678cf74976e16093aff6e6f9755826faf069ac1e30179276158ce46ea246348ff22ca6bdd46cef08428881337d9ceefbf00bab08a7731646eb9fc9449d6a1e7
+  languageName: node
+  linkType: hard
+
 "@types/babel__core@npm:^7.1.14":
   version: 7.20.1
   resolution: "@types/babel__core@npm:7.20.1"
@@ -9632,6 +10999,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/co-body@npm:^6.1.3":
+  version: 6.1.3
+  resolution: "@types/co-body@npm:6.1.3"
+  dependencies:
+    "@types/node": "*"
+    "@types/qs": "*"
+  checksum: e93fdc177f69ee0535cf401783258e4255f5eb8235c58b5a2a5a8958cf341fadf3d0bf2c75907ed6b7d188ce2c2f2cf9593a71d4eef12900beba54ebbbdd5cc1
+  languageName: node
+  linkType: hard
+
 "@types/connect-history-api-fallback@npm:^1.3.5":
   version: 1.5.0
   resolution: "@types/connect-history-api-fallback@npm:1.5.0"
@@ -9651,6 +11028,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/content-disposition@npm:*":
+  version: 0.5.9
+  resolution: "@types/content-disposition@npm:0.5.9"
+  checksum: d895703c0027ca6c4c0c1ede363909dbb590deec3b206a84b88a49c8b2840bcbd31b4ddeb2e1e6caa1af00801cc79c5b69a5c75a8152f2959810b10fe75a4e1f
+  languageName: node
+  linkType: hard
+
+"@types/cookies@npm:*":
+  version: 0.9.2
+  resolution: "@types/cookies@npm:0.9.2"
+  dependencies:
+    "@types/connect": "*"
+    "@types/express": "*"
+    "@types/keygrip": "*"
+    "@types/node": "*"
+  checksum: 12997c120d5a5392d0c1c520cb4e9089a9e35a81899676deccf288dacbe42a86255fc7ea9d5df09f455f11a218d6f72d4dd4dba2b21027fe8f3fb0497243bd0a
+  languageName: node
+  linkType: hard
+
 "@types/crypto-js@npm:^4.1.1":
   version: 4.1.1
   resolution: "@types/crypto-js@npm:4.1.1"
@@ -9703,6 +11099,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/estree@npm:^1.0.5, @types/estree@npm:^1.0.6":
+  version: 1.0.9
+  resolution: "@types/estree@npm:1.0.9"
+  checksum: 752c0afee3ec82b8e24484bf6a27dfa093bbf3de4ef1c20ed0364fb6ad2c0c7971e7504ed9a7aaff103a47e2d945ce7a17f74951743dd944782a0735f53170de
+  languageName: node
+  linkType: hard
+
 "@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^4.17.33":
   version: 4.17.35
   resolution: "@types/express-serve-static-core@npm:4.17.35"
@@ -9727,6 +11130,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/formidable@npm:^3.4.6":
+  version: 3.5.1
+  resolution: "@types/formidable@npm:3.5.1"
+  dependencies:
+    "@types/node": "*"
+  checksum: 4f9599849a90e021842d13deb54d7a49dda589ab4af5bfbdbf9d1d29613c13a7f89084da538d709776340200365e0aa14746bce969ea16a41b046cfcf67046ea
+  languageName: node
+  linkType: hard
+
 "@types/fs-extra@npm:9.0.13, @types/fs-extra@npm:^9.0.11":
   version: 9.0.13
   resolution: "@types/fs-extra@npm:9.0.13"
@@ -9772,6 +11184,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/http-assert@npm:*":
+  version: 1.5.6
+  resolution: "@types/http-assert@npm:1.5.6"
+  checksum: dfe1010164ba633859d90a50c4c53e69a38a16972061ef614acc1b0bdb7e53a1c923a11b4169a4a7eedc20b2303962d761727a212ae099717327cf4f38293817
+  languageName: node
+  linkType: hard
+
 "@types/http-cache-semantics@npm:*, @types/http-cache-semantics@npm:^4.0.1":
   version: 4.0.1
   resolution: "@types/http-cache-semantics@npm:4.0.1"
@@ -9786,6 +11205,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/http-errors@npm:^2":
+  version: 2.0.5
+  resolution: "@types/http-errors@npm:2.0.5"
+  checksum: a88da669366bc483e8f3b3eb3d34ada5f8d13eeeef851b1204d77e2ba6fc42aba4566d877cca5c095204a3f4349b87fe397e3e21288837bdd945dd514120755b
+  languageName: node
+  linkType: hard
+
 "@types/http-proxy@npm:^1.17.8":
   version: 1.17.11
   resolution: "@types/http-proxy@npm:1.17.11"
@@ -9873,6 +11299,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/keygrip@npm:*":
+  version: 1.0.6
+  resolution: "@types/keygrip@npm:1.0.6"
+  checksum: d157f60bf920492347791d2b26d530d5069ce05796549fbacd4c24d66ffbebbcb0ab67b21e7a1b80a593b9fd4b67dc4843dec04c12bbc2e0fddfb8577a826c41
+  languageName: node
+  linkType: hard
+
 "@types/keyv@npm:^3.1.4":
   version: 3.1.4
   resolution: "@types/keyv@npm:3.1.4"
@@ -9882,6 +11315,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/koa-compose@npm:*":
+  version: 3.2.9
+  resolution: "@types/koa-compose@npm:3.2.9"
+  dependencies:
+    "@types/koa": "*"
+  checksum: 0f86016fc8055c1ed945630718ab74dac3e301c944ae1ab35762ff1bc393728b5867ec33896054c22ee161d9c2aa94b5915a122e595232b371fb41494e4473ef
+  languageName: node
+  linkType: hard
+
+"@types/koa@npm:*, @types/koa@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "@types/koa@npm:3.0.3"
+  dependencies:
+    "@types/accepts": "*"
+    "@types/content-disposition": "*"
+    "@types/cookies": "*"
+    "@types/http-assert": "*"
+    "@types/http-errors": ^2
+    "@types/keygrip": "*"
+    "@types/koa-compose": "*"
+    "@types/node": "*"
+  checksum: 31d36837e95e4cb1c3f4d19311f3d71388772697b05b798319cf10bc02a3b445272b8cd712e2b644f525c930c283f7910131ba1157805f9d3288d7a12adaa795
+  languageName: node
+  linkType: hard
+
 "@types/libsodium-wrappers@npm:0.7.10, @types/libsodium-wrappers@npm:^0.7.10":
   version: 0.7.10
   resolution: "@types/libsodium-wrappers@npm:0.7.10"
@@ -10223,6 +11681,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/trusted-types@npm:^2.0.7":
+  version: 2.0.7
+  resolution: "@types/trusted-types@npm:2.0.7"
+  checksum: 8e4202766a65877efcf5d5a41b7dd458480b36195e580a3b1085ad21e948bc417d55d6f8af1fd2a7ad008015d4117d5fdfe432731157da3c68678487174e4ba3
+  languageName: node
+  linkType: hard
+
 "@types/uuid@npm:^8.3.4":
   version: 8.3.4
   resolution: "@types/uuid@npm:8.3.4"
@@ -10933,7 +12398,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"accepts@npm:^1.3.7, accepts@npm:~1.3.4, accepts@npm:~1.3.5, accepts@npm:~1.3.7, accepts@npm:~1.3.8":
+"accepts@npm:^1.3.5, accepts@npm:^1.3.7, accepts@npm:~1.3.4, accepts@npm:~1.3.5, accepts@npm:~1.3.7, accepts@npm:~1.3.8":
   version: 1.3.8
   resolution: "accepts@npm:1.3.8"
   dependencies:
@@ -10987,6 +12452,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.12.1":
+  version: 8.17.0
+  resolution: "acorn@npm:8.17.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 98f0800a48a06e3427cf77a10a0ef7b86366d4ba2fdcde7f72e30430d75e3179d3cbcb253bec263f002e2ea537cbb017c007689370deb4c4ffee74b388d66612
+  languageName: node
+  linkType: hard
+
 "addons-linter@npm:5.32.0":
   version: 5.32.0
   resolution: "addons-linter@npm:5.32.0"
@@ -11161,6 +12635,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv@npm:6.12.3":
+  version: 6.12.3
+  resolution: "ajv@npm:6.12.3"
+  dependencies:
+    fast-deep-equal: ^3.1.1
+    fast-json-stable-stringify: ^2.0.0
+    json-schema-traverse: ^0.4.1
+    uri-js: ^4.2.2
+  checksum: ca559d34710e6969d33bc1316282e1ece4d4d99ff5fdca4bfe31947740f8f90e7824238cdc2954e499cf75b2432e3e6c56b32814ebe04fccf8abcc3fbf36b348
+  languageName: node
+  linkType: hard
+
 "ajv@npm:8.12.0, ajv@npm:^8.0.0, ajv@npm:^8.11.0, ajv@npm:^8.6.3, ajv@npm:^8.9.0":
   version: 8.12.0
   resolution: "ajv@npm:8.12.0"
@@ -11230,6 +12716,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-regex@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "ansi-regex@npm:2.1.1"
+  checksum: 190abd03e4ff86794f338a31795d262c1dfe8c91f7e01d04f13f646f1dcb16c5800818f886047876f1272f065570ab86b24b99089f8b68a0e11ff19aed4ca8f1
+  languageName: node
+  linkType: hard
+
 "ansi-regex@npm:^4.1.0":
   version: 4.1.1
   resolution: "ansi-regex@npm:4.1.1"
@@ -11251,6 +12744,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-styles@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "ansi-styles@npm:2.2.1"
+  checksum: ebc0e00381f2a29000d1dac8466a640ce11943cef3bda3cd0020dc042e31e1058ab59bf6169cd794a54c3a7338a61ebc404b7c91e004092dd20e028c432c9c2c
+  languageName: node
+  linkType: hard
+
 "ansi-styles@npm:^3.2.0, ansi-styles@npm:^3.2.1":
   version: 3.2.1
   resolution: "ansi-styles@npm:3.2.1"
@@ -11421,6 +12921,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"aria-query@npm:5.3.1":
+  version: 5.3.1
+  resolution: "aria-query@npm:5.3.1"
+  checksum: 8f7ece335efadd80217901005dfb71130eab45b38d71ec5ba63b3a51c1028abc018618b86db3dcd9222995538e7b10d7c505051fb8ba7a02ec0a4e77499c9a9c
+  languageName: node
+  linkType: hard
+
 "arr-diff@npm:^4.0.0":
   version: 4.0.0
   resolution: "arr-diff@npm:4.0.0"
@@ -11609,7 +13116,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"asap@npm:~2.0.6":
+"asap@npm:^2.0.0, asap@npm:~2.0.6":
   version: 2.0.6
   resolution: "asap@npm:2.0.6"
   checksum: b296c92c4b969e973260e47523207cd5769abd27c245a68c26dc7a0fe8053c55bb04360237cb51cab1df52be939da77150ace99ad331fb7fb13b3423ed73ff3d
@@ -11687,6 +13194,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-function@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "async-function@npm:1.0.0"
+  checksum: 9102e246d1ed9b37ac36f57f0a6ca55226876553251a31fc80677e71471f463a54c872dc78d5d7f80740c8ba624395cccbe8b60f7b690c4418f487d8e9fd1106
+  languageName: node
+  linkType: hard
+
+"async-generator-function@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "async-generator-function@npm:1.0.0"
+  checksum: 74a71a4a2dd7afd06ebb612f6d612c7f4766a351bedffde466023bf6dae629e46b0d2cd38786239e0fbf245de0c7df76035465e16d1213774a0efb22fec0d713
+  languageName: node
+  linkType: hard
+
 "async-limiter@npm:~1.0.0":
   version: 1.0.1
   resolution: "async-limiter@npm:1.0.1"
@@ -11850,6 +13371,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"axobject-query@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "axobject-query@npm:4.1.0"
+  checksum: 7d1e87bf0aa7ae7a76cd39ab627b7c48fda3dc40181303d9adce4ba1d5b5ce73b5e5403ee6626ec8e91090448c887294d6144e24b6741a976f5be9347e3ae1df
+  languageName: node
+  linkType: hard
+
 "babel-jest@npm:^29.3.1, babel-jest@npm:^29.6.2":
   version: 29.6.2
   resolution: "babel-jest@npm:29.6.2"
@@ -11934,6 +13462,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-macros@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "babel-plugin-macros@npm:2.8.0"
+  dependencies:
+    "@babel/runtime": ^7.7.2
+    cosmiconfig: ^6.0.0
+    resolve: ^1.12.0
+  checksum: 59b09a21cf3ae1e14186c1b021917d004b49b953824b24953a54c6502da79e8051d4ac31cfd4a0ae7f6ea5ddf1f7edd93df4895dd3c3982a5b2431859c2889ac
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs2@npm:^0.4.10":
   version: 0.4.13
   resolution: "babel-plugin-polyfill-corejs2@npm:0.4.13"
@@ -11947,6 +13486,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs2@npm:^0.4.15":
+  version: 0.4.17
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.17"
+  dependencies:
+    "@babel/compat-data": ^7.28.6
+    "@babel/helper-define-polyfill-provider": ^0.6.8
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 945f80f413706831b665322690c655f3782ca6fd8c1fbcccaf449d976ebe6151677fb9331442c72e85eae9a05d5e6633be4e15f75d3e788762d825d31f2964ce
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs2@npm:^0.4.4":
   version: 0.4.5
   resolution: "babel-plugin-polyfill-corejs2@npm:0.4.5"
@@ -11972,6 +13524,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs3@npm:^0.14.0":
+  version: 0.14.2
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.14.2"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.6.8
+    core-js-compat: ^3.48.0
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 4bcaf4da658aaeb7a6534e6b65a6a45539c5f53bec596fefd0b44eebd249e5db8bbf239a421ceaff5933a0a7eee11e45791e4f4e04886cdf47bb1d4b1a8015aa
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs3@npm:^0.8.2":
   version: 0.8.3
   resolution: "babel-plugin-polyfill-corejs3@npm:0.8.3"
@@ -12006,6 +13570,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-regenerator@npm:^0.6.6":
+  version: 0.6.8
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.8"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.6.8
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 974464353d6f974e97673385aff616a913c0b76039eab8c5317a2d07c661e080f3dcc213e86f3eae40010172a27ab793cda7a290a8a899716f9a22df9b1d92d2
+  languageName: node
+  linkType: hard
+
 "babel-plugin-syntax-hermes-parser@npm:0.25.1":
   version: 0.25.1
   resolution: "babel-plugin-syntax-hermes-parser@npm:0.25.1"
@@ -12033,6 +13608,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-ttag@npm:1.8.16":
+  version: 1.8.16
+  resolution: "babel-plugin-ttag@npm:1.8.16"
+  dependencies:
+    "@babel/generator": ^7.12.5
+    "@babel/template": ^7.10.4
+    "@babel/types": ^7.12.6
+    ajv: 6.12.3
+    babel-plugin-macros: ^2.8.0
+    dedent: 1.5.1
+    gettext-parser: 6.0.0
+    mkdirp: ^1.0.4
+    plural-forms: ^0.5.3
+  checksum: cf69ead251fb4dbca1684b03eb75fb9f2e0cb9eef5c89814ca00e4619c0c21ae306083cd08a034e488e8e1070917903177054ccdfd1b3246737440e8170fc867
+  languageName: node
+  linkType: hard
+
 "babel-preset-current-node-syntax@npm:^1.0.0":
   version: 1.0.1
   resolution: "babel-preset-current-node-syntax@npm:1.0.1"
@@ -12132,6 +13724,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"baseline-browser-mapping@npm:^2.10.44":
+  version: 2.11.3
+  resolution: "baseline-browser-mapping@npm:2.11.3"
+  bin:
+    baseline-browser-mapping: dist/cli.cjs
+  checksum: 3599333539e78e4c5112575650feb7c20ac0b711a031c4aa864995abddb0f4e6650e8265ad0ee8a2664541e1aa97972b194fa916c8cf15975c16bec692b78900
+  languageName: node
+  linkType: hard
+
 "batch@npm:0.6.1":
   version: 0.6.1
   resolution: "batch@npm:0.6.1"
@@ -12425,6 +14026,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.28.1":
+  version: 4.28.7
+  resolution: "browserslist@npm:4.28.7"
+  dependencies:
+    baseline-browser-mapping: ^2.10.44
+    caniuse-lite: ^1.0.30001806
+    electron-to-chromium: ^1.5.393
+    node-releases: ^2.0.51
+    update-browserslist-db: ^1.2.3
+  bin:
+    browserslist: cli.js
+  checksum: 81093d27f0b0c9207e42af04655607ea870d6eb9c04b38106ffcf36e05f436747caf250604abd5471eab55b16eb2be305d8e5a7c61a5636df34a7b9397737756
+  languageName: node
+  linkType: hard
+
 "bs-logger@npm:0.x":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
@@ -12615,7 +14231,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bytes@npm:3.1.2":
+"bytes@npm:3.1.2, bytes@npm:~3.1.2":
   version: 3.1.2
   resolution: "bytes@npm:3.1.2"
   checksum: e4bcd3948d289c5127591fbedf10c0b639ccbf00243504e4e127374a15c3bc8eed0d28d4aaab08ff6f1cf2abc0cce6ba3085ed32f4f90e82a5683ce0014e1b6e
@@ -12704,6 +14320,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cache-content-type@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "cache-content-type@npm:1.0.1"
+  dependencies:
+    mime-types: ^2.1.18
+    ylru: ^1.2.0
+  checksum: 18db4d59452669ccbfd7146a1510a37eb28e9eccf18ca7a4eb603dff2edc5cccdca7498fc3042a2978f76f11151fba486eb9eb69d9afa3fb124957870aef4fd3
+  languageName: node
+  linkType: hard
+
 "cacheable-lookup@npm:^5.0.3":
   version: 5.0.4
   resolution: "cacheable-lookup@npm:5.0.4"
@@ -12755,6 +14381,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "call-bind-apply-helpers@npm:1.0.2"
+  dependencies:
+    es-errors: ^1.3.0
+    function-bind: ^1.1.2
+  checksum: b2863d74fcf2a6948221f65d95b91b4b2d90cfe8927650b506141e669f7d5de65cea191bf788838bc40d13846b7886c5bc5c84ab96c3adbcf88ad69a72fcdc6b
+  languageName: node
+  linkType: hard
+
 "call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
   version: 1.0.2
   resolution: "call-bind@npm:1.0.2"
@@ -12765,6 +14401,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"call-bound@npm:^1.0.2, call-bound@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "call-bound@npm:1.0.4"
+  dependencies:
+    call-bind-apply-helpers: ^1.0.2
+    get-intrinsic: ^1.3.0
+  checksum: 2f6399488d1c272f56306ca60ff696575e2b7f31daf23bc11574798c84d9f2759dceb0cb1f471a85b77f28962a7ac6411f51d283ea2e45319009a19b6ccab3b2
+  languageName: node
+  linkType: hard
+
 "call-me-maybe@npm:^1.0.1":
   version: 1.0.2
   resolution: "call-me-maybe@npm:1.0.2"
@@ -12874,6 +14520,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001806":
+  version: 1.0.30001806
+  resolution: "caniuse-lite@npm:1.0.30001806"
+  checksum: 4b4a970fbd7cb7b8ee6b5068336f7afa7d9cc65ff444080630ab363dcb44205994f68897c7685dc3de4f04dd1f65ec395e50790a594d0470db4894bedf5cb379
+  languageName: node
+  linkType: hard
+
 "caseless@npm:~0.12.0":
   version: 0.12.0
   resolution: "caseless@npm:0.12.0"
@@ -12965,6 +14618,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chalk@npm:^1.0.0, chalk@npm:^1.1.1":
+  version: 1.1.3
+  resolution: "chalk@npm:1.1.3"
+  dependencies:
+    ansi-styles: ^2.2.1
+    escape-string-regexp: ^1.0.2
+    has-ansi: ^2.0.0
+    strip-ansi: ^3.0.0
+    supports-color: ^2.0.0
+  checksum: 9d2ea6b98fc2b7878829eec223abcf404622db6c48396a9b9257f6d0ead2acf18231ae368d6a664a83f272b0679158da12e97b5229f794939e555cc574478acd
+  languageName: node
+  linkType: hard
+
 "chalk@npm:^2.0.0, chalk@npm:^2.4.2":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
@@ -13247,6 +14913,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-cursor@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "cli-cursor@npm:2.1.0"
+  dependencies:
+    restore-cursor: ^2.0.0
+  checksum: d88e97bfdac01046a3ffe7d49f06757b3126559d7e44aa2122637eb179284dc6cd49fca2fac4f67c19faaf7e6dab716b6fe1dfcd309977407d8c7578ec2d044d
+  languageName: node
+  linkType: hard
+
 "cli-cursor@npm:^3.1.0":
   version: 3.1.0
   resolution: "cli-cursor@npm:3.1.0"
@@ -13272,6 +14947,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-spinners@npm:^1.0.0":
+  version: 1.3.1
+  resolution: "cli-spinners@npm:1.3.1"
+  checksum: 4f95fd69a2cc886a79edea7c60173a66d21f5732f1cbdc3dfb6c02422769699b358190827a3886a51503a7a4daed84ae295db5df68bba9702a50df7aca51da55
+  languageName: node
+  linkType: hard
+
 "cli-spinners@npm:^2.5.0":
   version: 2.9.0
   resolution: "cli-spinners@npm:2.9.0"
@@ -13397,6 +15079,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: acd3e1ab9d8a433ecb3cc2f6a05ab95fe50b4a3cfc5ba47abb6cbf3754585fcb87b84e90c822a1f256c4198e3b41c7f6c391577ffc8678ad587fc0976b24fd57
+  languageName: node
+  linkType: hard
+
 "cluster-key-slot@npm:^1.1.0":
   version: 1.1.2
   resolution: "cluster-key-slot@npm:1.1.2"
@@ -13411,6 +15100,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"co-body@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "co-body@npm:6.2.0"
+  dependencies:
+    "@hapi/bourne": ^3.0.0
+    inflation: ^2.0.0
+    qs: ^6.5.2
+    raw-body: ^2.3.3
+    type-is: ^1.6.16
+  checksum: c89336086bb746291b5efd8999403eadce34810f2f1936ab4d38d2cb4290b7fc6b966d1d4e993a2788b3e954b8df63195dbdcb431a06ef2b0ac086fce8ae5c4c
+  languageName: node
+  linkType: hard
+
 "co@npm:^4.6.0":
   version: 4.6.0
   resolution: "co@npm:4.6.0"
@@ -13836,7 +15538,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-disposition@npm:0.5.4":
+"content-disposition@npm:0.5.4, content-disposition@npm:~0.5.2":
   version: 0.5.4
   resolution: "content-disposition@npm:0.5.4"
   dependencies:
@@ -13845,7 +15547,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-type@npm:~1.0.4":
+"content-type@npm:^1.0.4, content-type@npm:~1.0.4":
   version: 1.0.5
   resolution: "content-type@npm:1.0.5"
   checksum: 566271e0a251642254cde0f845f9dd4f9856e52d988f4eb0d0dcffbb7a1f8ec98de7a5215fc628f3bce30fe2fb6fd2bc064b562d721658c59b544e2d34ea2766
@@ -14005,6 +15707,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cookies@npm:~0.9.0":
+  version: 0.9.1
+  resolution: "cookies@npm:0.9.1"
+  dependencies:
+    depd: ~2.0.0
+    keygrip: ~1.1.0
+  checksum: 213e4d14847b582fbd8a003203d3621a4b9fa792a315c37954e89332d38fac5bcc34ba92ef316ad6d5fe28f0187aaa115927fbbe2080744ad1707a93b4313247
+  languageName: node
+  linkType: hard
+
 "copy-descriptor@npm:^0.1.0":
   version: 0.1.1
   resolution: "copy-descriptor@npm:0.1.1"
@@ -14046,6 +15758,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-compat@npm:^3.48.0":
+  version: 3.49.0
+  resolution: "core-js-compat@npm:3.49.0"
+  dependencies:
+    browserslist: ^4.28.1
+  checksum: 21afa75a64b30810f4cc61e90758346e8df6bd20dd8da5afe08fc041b5fb766cf7c41c9cbc63f8fb96bef4e4a2a90eb6f2d7bbd20ac53b8ff23a58bc87e40231
+  languageName: node
+  linkType: hard
+
 "core-js-pure@npm:^3.23.3":
   version: 3.32.0
   resolution: "core-js-pure@npm:3.32.0"
@@ -14115,6 +15836,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "cosmiconfig@npm:6.0.0"
+  dependencies:
+    "@types/parse-json": ^4.0.0
+    import-fresh: ^3.1.0
+    parse-json: ^5.0.0
+    path-type: ^4.0.0
+    yaml: ^1.7.2
+  checksum: 8eed7c854b91643ecb820767d0deb038b50780ecc3d53b0b19e03ed8aabed4ae77271198d1ae3d49c3b110867edf679f5faad924820a8d1774144a87cb6f98fc
+  languageName: node
+  linkType: hard
+
 "cosmiconfig@npm:^7.0.1":
   version: 7.1.0
   resolution: "cosmiconfig@npm:7.1.0"
@@ -14463,7 +16197,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:^4.4.3":
+"debug@npm:^4.4.1, debug@npm:^4.4.3":
   version: 4.4.3
   resolution: "debug@npm:4.4.3"
   dependencies:
@@ -14584,6 +16318,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deep-equal@npm:~1.0.1":
+  version: 1.0.1
+  resolution: "deep-equal@npm:1.0.1"
+  checksum: 5af8cbfcebf190491878a498caccc7dc9592f8ebd1685b976eacc3825619d222b5e929923163b92c4f414494e2b884f7ebf00c022e8198e8292deb70dd9785f4
+  languageName: node
+  linkType: hard
+
 "deep-extend@npm:^0.6.0":
   version: 0.6.0
   resolution: "deep-extend@npm:0.6.0"
@@ -14741,7 +16482,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"depd@npm:2.0.0, depd@npm:^2.0.0":
+"depd@npm:2.0.0, depd@npm:^2.0.0, depd@npm:~2.0.0":
   version: 2.0.0
   resolution: "depd@npm:2.0.0"
   checksum: abbe19c768c97ee2eed6282d8ce3031126662252c58d711f646921c9623f9052e3e1906443066beec1095832f534e57c523b7333f8e7e0d93051ab6baef5ab3a
@@ -14755,7 +16496,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"destroy@npm:1.2.0":
+"destroy@npm:1.2.0, destroy@npm:^1.0.4":
   version: 1.2.0
   resolution: "destroy@npm:1.2.0"
   checksum: 0acb300b7478a08b92d810ab229d5afe0d2f4399272045ab22affa0d99dbaf12637659411530a6fcd597a9bdac718fc94373a61a95b4651bbc7b83684a565e38
@@ -14839,6 +16580,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"devalue@npm:^5.8.1":
+  version: 5.8.2
+  resolution: "devalue@npm:5.8.2"
+  checksum: 1ad55c5d4524c06fe86465235b721980e2affc05a0a0d51531b0d78407eafc331fe5fcc64747563c2c6a632c06bb0df5b3a2507a2fc667676a9edf9e2dbc0724
+  languageName: node
+  linkType: hard
+
+"dezalgo@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "dezalgo@npm:1.0.4"
+  dependencies:
+    asap: ^2.0.0
+    wrappy: 1
+  checksum: 895389c6aead740d2ab5da4d3466d20fa30f738010a4d3f4dcccc9fc645ca31c9d10b7e1804ae489b1eb02c7986f9f1f34ba132d409b043082a86d9a4e745624
+  languageName: node
+  linkType: hard
+
 "dfa@npm:^1.2.0":
   version: 1.2.0
   resolution: "dfa@npm:1.2.0"
@@ -15148,6 +16906,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dunder-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "dunder-proto@npm:1.0.1"
+  dependencies:
+    call-bind-apply-helpers: ^1.0.1
+    es-errors: ^1.3.0
+    gopd: ^1.2.0
+  checksum: 149207e36f07bd4941921b0ca929e3a28f1da7bd6b6ff8ff7f4e2f2e460675af4576eeba359c635723dc189b64cdd4787e0255897d5b135ccc5d15cb8685fc90
+  languageName: node
+  linkType: hard
+
 "duplexer2@npm:^0.1.2":
   version: 0.1.4
   resolution: "duplexer2@npm:0.1.4"
@@ -15259,6 +17028,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.5.393":
+  version: 1.5.396
+  resolution: "electron-to-chromium@npm:1.5.396"
+  checksum: e5d7856db162236663c6d61bc6f6b713423591334aa8c5d22eaea0c2fa2eefac1a5aaa818e869a6170cd92f0f70a99c24ed51ad4cce8c7057b4789cf31f283cc
+  languageName: node
+  linkType: hard
+
 "electron-to-chromium@npm:^1.5.73":
   version: 1.5.138
   resolution: "electron-to-chromium@npm:1.5.138"
@@ -15351,7 +17127,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"encodeurl@npm:~1.0.2":
+"encodeurl@npm:^1.0.2, encodeurl@npm:~1.0.2":
   version: 1.0.2
   resolution: "encodeurl@npm:1.0.2"
   checksum: e50e3d508cdd9c4565ba72d2012e65038e5d71bdc9198cb125beb6237b5b1ade6c0d343998da9e170fb2eae52c1bed37d4d6d98a46ea423a0cddbed5ac3f780c
@@ -15521,6 +17297,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-define-property@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "es-define-property@npm:1.0.1"
+  checksum: 0512f4e5d564021c9e3a644437b0155af2679d10d80f21adaf868e64d30efdfbd321631956f20f42d655fedb2e3a027da479fad3fa6048f768eb453a80a5f80a
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: ec1414527a0ccacd7f15f4a3bc66e215f04f595ba23ca75cdae0927af099b5ec865f9f4d33e9d7e86f512f252876ac77d4281a7871531a50678132429b1271b5
+  languageName: node
+  linkType: hard
+
 "es-module-lexer@npm:^1.2.1":
   version: 1.3.0
   resolution: "es-module-lexer@npm:1.3.0"
@@ -15528,6 +17318,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-object-atoms@npm:^1.0.0, es-object-atoms@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "es-object-atoms@npm:1.1.2"
+  dependencies:
+    es-errors: ^1.3.0
+  checksum: b821f39e4f48bd85b13fee80aea9068a674bcb78b95ff01267aa4da1111f83e6944049b3329b2ffdb3acaa266fb5b8b885476fe8cada05034dc7c87c8016c86d
+  languageName: node
+  linkType: hard
+
 "es-set-tostringtag@npm:^2.0.1":
   version: 2.0.1
   resolution: "es-set-tostringtag@npm:2.0.1"
@@ -15594,7 +17393,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-html@npm:~1.0.3":
+"escape-html@npm:^1.0.3, escape-html@npm:~1.0.3":
   version: 1.0.3
   resolution: "escape-html@npm:1.0.3"
   checksum: 6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
@@ -15608,7 +17407,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-string-regexp@npm:^1.0.5":
+"escape-string-regexp@npm:^1.0.2, escape-string-regexp@npm:^1.0.5":
   version: 1.0.5
   resolution: "escape-string-regexp@npm:1.0.5"
   checksum: 6092fda75c63b110c706b6a9bfde8a612ad595b628f0bd2147eea1d3406723020810e591effc7db1da91d80a71a737a313567c5abb3813e8d9c71f4aa595b410
@@ -16043,6 +17842,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esm-env@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "esm-env@npm:1.2.2"
+  checksum: 3fb28f6f84b33219df8bf15ea0efcb1110512199014072a19e90c2ea37316dccb6309c90230d760c4c28a324ebc5ebecf0af809cefebe7558730bd6d401c93b5
+  languageName: node
+  linkType: hard
+
 "espree@npm:9.5.0":
   version: 9.5.0
   resolution: "espree@npm:9.5.0"
@@ -16084,6 +17890,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esrap@npm:^2.2.12":
+  version: 2.3.0
+  resolution: "esrap@npm:2.3.0"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.4.15
+  peerDependencies:
+    "@typescript-eslint/types": ^8.2.0
+  peerDependenciesMeta:
+    "@typescript-eslint/types":
+      optional: true
+  checksum: df476c3c71b218c04eefe5015f47d5a287bfddfd14013ac6f76d4ab1ad7a84c2d1b931ae189c341198982a39cbdcb6e3fbd6fd4dfc3a5923be953f47b99769f9
+  languageName: node
+  linkType: hard
+
 "esrecurse@npm:^4.3.0":
   version: 4.3.0
   resolution: "esrecurse@npm:4.3.0"
@@ -16107,6 +17927,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-walker@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "estree-walker@npm:2.0.2"
+  checksum: 6151e6f9828abe2259e57f5fd3761335bb0d2ebd76dc1a01048ccee22fabcfef3c0859300f6d83ff0d1927849368775ec5a6d265dde2f6de5a1be1721cd94efc
+  languageName: node
+  linkType: hard
+
 "esutils@npm:^2.0.2, esutils@npm:^2.0.3":
   version: 2.0.3
   resolution: "esutils@npm:2.0.3"
@@ -16955,6 +18782,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"foreachasync@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "foreachasync@npm:3.0.0"
+  checksum: 4791f64b539b06c751b14adb2881173c780d41ce37d881715a5e5787fa4a08961f2c6a6cf3bccdfa48e56fb91d8676d867fdc63c008cdb576bd33261716e8381
+  languageName: node
+  linkType: hard
+
 "foreground-child@npm:^3.1.0":
   version: 3.1.1
   resolution: "foreground-child@npm:3.1.1"
@@ -17010,6 +18844,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"formidable@npm:^3.5.4":
+  version: 3.5.4
+  resolution: "formidable@npm:3.5.4"
+  dependencies:
+    "@paralleldrive/cuid2": ^2.2.2
+    dezalgo: ^1.0.4
+    once: ^1.4.0
+  checksum: bdb8ecd8af16d40e7e4c06a9dbaf0394fe9cabb7a4cef6f68512ce6fe7933f5a9c588dfc5c1d92cbf83a9e4764f5216064d955669530d3d23ca816e93ea62989
+  languageName: node
+  linkType: hard
+
 "forwarded@npm:0.2.0":
   version: 0.2.0
   resolution: "forwarded@npm:0.2.0"
@@ -17040,7 +18885,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fresh@npm:0.5.2":
+"fresh@npm:0.5.2, fresh@npm:~0.5.2":
   version: 0.5.2
   resolution: "fresh@npm:0.5.2"
   checksum: 13ea8b08f91e669a64e3ba3a20eb79d7ca5379a81f1ff7f4310d54e2320645503cc0c78daedc93dfb6191287295f6479544a649c64d8e41a1c0fb0c221552346
@@ -17191,6 +19036,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"function-bind@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "function-bind@npm:1.1.2"
+  checksum: 2b0ff4ce708d99715ad14a6d1f894e2a83242e4a52ccfcefaee5e40050562e5f6dafc1adbb4ce2d4ab47279a45dc736ab91ea5042d843c3c092820dfe032efb1
+  languageName: node
+  linkType: hard
+
 "function.prototype.name@npm:^1.1.5":
   version: 1.1.5
   resolution: "function.prototype.name@npm:1.1.5"
@@ -17275,6 +19127,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"generator-function@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "generator-function@npm:2.0.1"
+  checksum: 3bf87f7b0230de5d74529677e6c3ceb3b7b5d9618b5a22d92b45ce3876defbaf5a77791b25a61b0fa7d13f95675b5ff67a7769f3b9af33f096e34653519e873d
+  languageName: node
+  linkType: hard
+
 "gensync@npm:^1.0.0-beta.2":
   version: 1.0.0-beta.2
   resolution: "gensync@npm:1.0.0-beta.2"
@@ -17315,6 +19174,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.3.0":
+  version: 1.3.1
+  resolution: "get-intrinsic@npm:1.3.1"
+  dependencies:
+    async-function: ^1.0.0
+    async-generator-function: ^1.0.0
+    call-bind-apply-helpers: ^1.0.2
+    es-define-property: ^1.0.1
+    es-errors: ^1.3.0
+    es-object-atoms: ^1.1.1
+    function-bind: ^1.1.2
+    generator-function: ^2.0.0
+    get-proto: ^1.0.1
+    gopd: ^1.2.0
+    has-symbols: ^1.1.0
+    hasown: ^2.0.2
+    math-intrinsics: ^1.1.0
+  checksum: c02b3b6a445f9cd53e14896303794ac60f9751f58a69099127248abdb0251957174c6524245fc68579dc8e6a35161d3d94c93e665f808274716f4248b269436a
+  languageName: node
+  linkType: hard
+
 "get-package-type@npm:^0.1.0":
   version: 0.1.0
   resolution: "get-package-type@npm:0.1.0"
@@ -17322,6 +19202,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "get-proto@npm:1.0.1"
+  dependencies:
+    dunder-proto: ^1.0.1
+    es-object-atoms: ^1.0.0
+  checksum: 4fc96afdb58ced9a67558698b91433e6b037aaa6f1493af77498d7c85b141382cf223c0e5946f334fb328ee85dfe6edd06d218eaf09556f4bc4ec6005d7f5f7b
+  languageName: node
+  linkType: hard
+
 "get-stdin@npm:^8.0.0":
   version: 8.0.0
   resolution: "get-stdin@npm:8.0.0"
@@ -17392,6 +19282,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"gettext-parser@npm:6.0.0, gettext-parser@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "gettext-parser@npm:6.0.0"
+  dependencies:
+    content-type: ^1.0.4
+    encoding: ^0.1.13
+    readable-stream: ^4.1.0
+    safe-buffer: ^5.2.1
+  checksum: e6938755d914e886c780a71e58390af0a5ea5698aab2777654733da4c4b96e02fcc9d40c50df0987e4d4a12bd6b99291a268805edb8c99a83a639606ab73e40e
+  languageName: node
+  linkType: hard
+
 "git-raw-commits@npm:^2.0.11":
   version: 2.0.11
   resolution: "git-raw-commits@npm:2.0.11"
@@ -17475,6 +19377,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:13.0.0":
+  version: 13.0.0
+  resolution: "glob@npm:13.0.0"
+  dependencies:
+    minimatch: ^10.1.1
+    minipass: ^7.1.2
+    path-scurry: ^2.0.0
+  checksum: 963730222b0acc85a0d2616c08ba3a5d5b5f33fbf69182791967b8a02245db505577a6fc19836d5d58e1cbbfb414ad4f62f605a0372ab05cd9e6998efe944369
+  languageName: node
+  linkType: hard
+
 "glob@npm:7.1.6":
   version: 7.1.6
   resolution: "glob@npm:7.1.6"
@@ -17683,6 +19596,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"gopd@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "gopd@npm:1.2.0"
+  checksum: cc6d8e655e360955bdccaca51a12a474268f95bb793fc3e1f2bdadb075f28bfd1fd988dab872daf77a61d78cbaf13744bc8727a17cfb1d150d76047d805375f3
+  languageName: node
+  linkType: hard
+
 "got@npm:^11.7.0, got@npm:^11.8.5":
   version: 11.8.6
   resolution: "got@npm:11.8.6"
@@ -17847,6 +19767,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-ansi@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "has-ansi@npm:2.0.0"
+  dependencies:
+    ansi-regex: ^2.0.0
+  checksum: 1b51daa0214440db171ff359d0a2d17bc20061164c57e76234f614c91dbd2a79ddd68dfc8ee73629366f7be45a6df5f2ea9de83f52e1ca24433f2cc78c35d8ec
+  languageName: node
+  linkType: hard
+
 "has-bigints@npm:^1.0.1, has-bigints@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-bigints@npm:1.0.2"
@@ -17891,6 +19820,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-symbols@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "has-symbols@npm:1.1.0"
+  checksum: b2316c7302a0e8ba3aaba215f834e96c22c86f192e7310bdf689dd0e6999510c89b00fbc5742571507cebf25764d68c988b3a0da217369a73596191ac0ce694b
+  languageName: node
+  linkType: hard
+
 "has-tostringtag@npm:^1.0.0":
   version: 1.0.0
   resolution: "has-tostringtag@npm:1.0.0"
@@ -17900,6 +19836,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
+  dependencies:
+    has-symbols: ^1.0.3
+  checksum: 999d60bb753ad714356b2c6c87b7fb74f32463b8426e159397da4bde5bca7e598ab1073f4d8d4deafac297f2eb311484cd177af242776bf05f0d11565680468d
+  languageName: node
+  linkType: hard
+
 "has-unicode@npm:^2.0.1":
   version: 2.0.1
   resolution: "has-unicode@npm:2.0.1"
@@ -17962,6 +19907,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hasown@npm:^2.0.2, hasown@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "hasown@npm:2.0.4"
+  dependencies:
+    function-bind: ^1.1.2
+  checksum: 4bd8f916b629e06324853593ffbdd45e200022952a85ad0c967f3bd4c2e4c7e1f9a9766fbe6186f60bd394e0afc73e719730caa1da15cd9bd832b7cdf53fd26c
+  languageName: node
+  linkType: hard
+
 "he@npm:^1.2.0":
   version: 1.2.0
   resolution: "he@npm:1.2.0"
@@ -18169,6 +20123,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"http-assert@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "http-assert@npm:1.5.0"
+  dependencies:
+    deep-equal: ~1.0.1
+    http-errors: ~1.8.0
+  checksum: 69c9b3c14cf8b2822916360a365089ce936c883c49068f91c365eccba5c141a9964d19fdda589150a480013bf503bf37d8936c732e9635819339e730ab0e7527
+  languageName: node
+  linkType: hard
+
 "http-cache-semantics@npm:^4.0.0, http-cache-semantics@npm:^4.1.0, http-cache-semantics@npm:^4.1.1":
   version: 4.1.1
   resolution: "http-cache-semantics@npm:4.1.1"
@@ -18196,6 +20160,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"http-errors@npm:^1.6.3, http-errors@npm:~1.8.0":
+  version: 1.8.1
+  resolution: "http-errors@npm:1.8.1"
+  dependencies:
+    depd: ~1.1.2
+    inherits: 2.0.4
+    setprototypeof: 1.2.0
+    statuses: ">= 1.5.0 < 2"
+    toidentifier: 1.0.1
+  checksum: d3c7e7e776fd51c0a812baff570bdf06fe49a5dc448b700ab6171b1250e4cf7db8b8f4c0b133e4bfe2451022a5790c1ca6c2cae4094dedd6ac8304a1267f91d2
+  languageName: node
+  linkType: hard
+
+"http-errors@npm:^2.0.0, http-errors@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "http-errors@npm:2.0.1"
+  dependencies:
+    depd: ~2.0.0
+    inherits: ~2.0.4
+    setprototypeof: ~1.2.0
+    statuses: ~2.0.2
+    toidentifier: ~1.0.1
+  checksum: 155d1a100a06e4964597013109590b97540a177b69c3600bbc93efc746465a99a2b718f43cdf76b3791af994bbe3a5711002046bf668cdc007ea44cea6df7ccd
+  languageName: node
+  linkType: hard
+
 "http-errors@npm:~1.6.2":
   version: 1.6.3
   resolution: "http-errors@npm:1.6.3"
@@ -18371,6 +20361,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hunspell-spellchecker@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "hunspell-spellchecker@npm:1.0.2"
+  bin:
+    hunspell-tojson: ./bin/hunspell-tojson.js
+  checksum: 098e00a705b1b8975924ccef1b23e1d63acc139a493a392bb55f887926c518b2edae01f9a697cffa73346160c562f89610f80d354360a2cb637a67f7c54f8227
+  languageName: node
+  linkType: hard
+
 "hyphen@npm:^1.6.4":
   version: 1.10.4
   resolution: "hyphen@npm:1.10.4"
@@ -18388,7 +20387,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iconv-lite@npm:0.4.24":
+"iconv-lite@npm:0.4.24, iconv-lite@npm:~0.4.24":
   version: 0.4.24
   resolution: "iconv-lite@npm:0.4.24"
   dependencies:
@@ -18470,7 +20469,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.3.1":
+"ignore@npm:^5.1.8, ignore@npm:^5.3.1":
   version: 5.3.2
   resolution: "ignore@npm:5.3.2"
   checksum: 2acfd32a573260ea522ea0bfeff880af426d68f6831f973129e2ba7363f422923cf53aab62f8369cbf4667c7b25b6f8a3761b34ecdb284ea18e87a5262a865be
@@ -18522,6 +20521,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"import-fresh@npm:^3.1.0":
+  version: 3.3.1
+  resolution: "import-fresh@npm:3.3.1"
+  dependencies:
+    parent-module: ^1.0.0
+    resolve-from: ^4.0.0
+  checksum: a06b19461b4879cc654d46f8a6244eb55eb053437afd4cbb6613cad6be203811849ed3e4ea038783092879487299fda24af932b86bdfff67c9055ba3612b8c87
+  languageName: node
+  linkType: hard
+
 "import-in-the-middle@npm:1.4.2":
   version: 1.4.2
   resolution: "import-in-the-middle@npm:1.4.2"
@@ -18612,6 +20621,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"inflation@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "inflation@npm:2.1.0"
+  checksum: 80c1b5d9ec408105a85f0623c824d668ddf0cadafd8d9716c0737990e5a712ae5f7d6bb0ff216b6648eccb9c6ac69fe06c0d8c58456d168db5bf550c89dd74ed
+  languageName: node
+  linkType: hard
+
 "inflight@npm:^1.0.4":
   version: 1.0.6
   resolution: "inflight@npm:1.0.6"
@@ -18622,7 +20638,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3":
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
@@ -18882,6 +20898,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-core-module@npm:^2.16.1":
+  version: 2.16.2
+  resolution: "is-core-module@npm:2.16.2"
+  dependencies:
+    hasown: ^2.0.3
+  checksum: 9317844b4959f8fb268bfc1b4e24033d60058235c2e7273499c2abfd8e4510e7059b1339bd9109766293747daa3e0b5a89095fb2825a866a4093563fe8fdf16f
+  languageName: node
+  linkType: hard
+
 "is-data-descriptor@npm:^0.1.4":
   version: 0.1.4
   resolution: "is-data-descriptor@npm:0.1.4"
@@ -19014,6 +21039,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-generator-function@npm:^1.0.7":
+  version: 1.1.2
+  resolution: "is-generator-function@npm:1.1.2"
+  dependencies:
+    call-bound: ^1.0.4
+    generator-function: ^2.0.0
+    get-proto: ^1.0.1
+    has-tostringtag: ^1.0.2
+    safe-regex-test: ^1.1.0
+  checksum: 0b81c613752a5e534939e5b3835ff722446837a5b94c3a3934af5ded36a651d9aa31c3f11f8a3453884b9658bf26dbfb7eb855e744d920b07f084bd890a43414
+  languageName: node
+  linkType: hard
+
 "is-glob@npm:^3.1.0":
   version: 3.1.0
   resolution: "is-glob@npm:3.1.0"
@@ -19199,6 +21237,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-reference@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "is-reference@npm:3.0.3"
+  dependencies:
+    "@types/estree": ^1.0.6
+  checksum: 11371fb2669a8144bffb2ae9bd11b0342b7dc384c3c0f8d5996566b071614282a3a0d306fd2fd1c6b4c9078d0e2703d191b47f4f78f9ce08f464c44a3a412412
+  languageName: node
+  linkType: hard
+
 "is-regex@npm:^1.1.4":
   version: 1.1.4
   resolution: "is-regex@npm:1.1.4"
@@ -19209,6 +21256,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-regex@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "is-regex@npm:1.2.1"
+  dependencies:
+    call-bound: ^1.0.2
+    gopd: ^1.2.0
+    has-tostringtag: ^1.0.2
+    hasown: ^2.0.2
+  checksum: 99ee0b6d30ef1bb61fa4b22fae7056c6c9b3c693803c0c284ff7a8570f83075a7d38cda53b06b7996d441215c27895ea5d1af62124562e13d91b3dbec41a5e13
+  languageName: node
+  linkType: hard
+
 "is-relative@npm:^0.1.0":
   version: 0.1.3
   resolution: "is-relative@npm:0.1.3"
@@ -20336,7 +22395,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsesc@npm:^3.0.2":
+"jsesc@npm:^3.0.2, jsesc@npm:~3.1.0":
   version: 3.1.0
   resolution: "jsesc@npm:3.1.0"
   bin:
@@ -20637,6 +22696,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"keygrip@npm:~1.1.0":
+  version: 1.1.0
+  resolution: "keygrip@npm:1.1.0"
+  dependencies:
+    tsscmp: 1.0.6
+  checksum: 078cd16a463d187121f0a27c1c9c95c52ad392b620f823431689f345a0501132cee60f6e96914b07d570105af470b96960402accd6c48a0b1f3cd8fac4fa2cae
+  languageName: node
+  linkType: hard
+
 "keytar@npm:^7.9.0":
   version: 7.9.0
   resolution: "keytar@npm:7.9.0"
@@ -20703,6 +22771,81 @@ __metadata:
   languageName: node
   linkType: hard
 
+"koa-body@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "koa-body@npm:7.0.1"
+  dependencies:
+    "@types/co-body": ^6.1.3
+    "@types/formidable": ^3.4.6
+    "@types/koa": ^3.0.0
+    co-body: ^6.2.0
+    formidable: ^3.5.4
+    type-fest: ^5.3.1
+    zod: ^4.1.12
+  checksum: ec9783225a340a3df718722a5b03295e4610a697a45677d6c8cdb070d977db85f6818eed1c3aeb382048bfff3b2dc27f56a9fe8d6745e4a6619a0e9678bf27a4
+  languageName: node
+  linkType: hard
+
+"koa-compose@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "koa-compose@npm:4.1.0"
+  checksum: 46cb16792d96425e977c2ae4e5cb04930280740e907242ec9c25e3fb8b4a1d7b54451d7432bc24f40ec62255edea71894d2ceeb8238501842b4e48014f2e83db
+  languageName: node
+  linkType: hard
+
+"koa-convert@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "koa-convert@npm:2.0.0"
+  dependencies:
+    co: ^4.6.0
+    koa-compose: ^4.1.0
+  checksum: 7385b3391995f59c1312142e110d5dff677f9850dbfbcf387cd36a7b0af03b5d26e82b811eb9bb008b4f3e661cdab1f8817596e46b1929da2cf6e97a2f7456ed
+  languageName: node
+  linkType: hard
+
+"koa-router@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "koa-router@npm:14.0.0"
+  dependencies:
+    debug: ^4.4.1
+    http-errors: ^2.0.0
+    koa-compose: ^4.1.0
+    path-to-regexp: ^8.2.0
+  checksum: 8e948c2f53103432f9c99f578b4fdf1b121603762fcd52c035fea309047bcd47960ec430e2ae50c1baafb88b686eb30e05982d63265dd8a8c655cc3a879e1116
+  languageName: node
+  linkType: hard
+
+"koa@npm:^2.16.4":
+  version: 2.16.4
+  resolution: "koa@npm:2.16.4"
+  dependencies:
+    accepts: ^1.3.5
+    cache-content-type: ^1.0.0
+    content-disposition: ~0.5.2
+    content-type: ^1.0.4
+    cookies: ~0.9.0
+    debug: ^4.3.2
+    delegates: ^1.0.0
+    depd: ^2.0.0
+    destroy: ^1.0.4
+    encodeurl: ^1.0.2
+    escape-html: ^1.0.3
+    fresh: ~0.5.2
+    http-assert: ^1.3.0
+    http-errors: ^1.6.3
+    is-generator-function: ^1.0.7
+    koa-compose: ^4.1.0
+    koa-convert: ^2.0.0
+    on-finished: ^2.3.0
+    only: ~0.0.2
+    parseurl: ^1.3.2
+    statuses: ^1.5.0
+    type-is: ^1.6.16
+    vary: ^1.1.2
+  checksum: 117cacd60e4a9816a0dc7bdf29bc4660fc95718182a12881f7863fe5a40b4e667c9d71891129d794f070f61f5417ffd90ae28cfc58f89f3b87e75351ba2ad201
+  languageName: node
+  linkType: hard
+
 "kuler@npm:^2.0.0":
   version: 2.0.0
   resolution: "kuler@npm:2.0.0"
@@ -20953,6 +23096,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locate-character@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "locate-character@npm:3.0.0"
+  checksum: 2d9e9f45e2dce7464c016ed6d81ebc938bc9c656392f7d6858308ab6fdaa57bcd4b6b479291d49e7db4047e3f321ddadbe78355f349b7974b203f19674e277cc
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^3.0.0":
   version: 3.0.0
   resolution: "locate-path@npm:3.0.0"
@@ -21088,6 +23238,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.mapvalues@npm:^4.6.0":
+  version: 4.6.0
+  resolution: "lodash.mapvalues@npm:4.6.0"
+  checksum: 0ff1b252fda318fc36e47c296984925e98fbb0fc5a2ecc4ef458f3c739a9476d47e40c95ac653e8314d132aa59c746d4276527b99d6e271940555c6e12d2babd
+  languageName: node
+  linkType: hard
+
 "lodash.memoize@npm:4.x":
   version: 4.1.2
   resolution: "lodash.memoize@npm:4.1.2"
@@ -21158,6 +23315,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"log-symbols@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "log-symbols@npm:1.0.2"
+  dependencies:
+    chalk: ^1.0.0
+  checksum: 5214ade9381db5d40528c171fdfd459b75cad7040eb6a347294ae47fa80cfebba4adbc3aa73a1c9da744cbfa240dd93b38f80df8615717affeea6c4bb6b8dfe7
+  languageName: node
+  linkType: hard
+
 "log-symbols@npm:^4.1.0":
   version: 4.1.0
   resolution: "log-symbols@npm:4.1.0"
@@ -21320,6 +23486,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.11":
+  version: 0.30.21
+  resolution: "magic-string@npm:0.30.21"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.5.5
+  checksum: 4ff76a4e8d439431cf49f039658751ed351962d044e5955adc257489569bd676019c906b631f86319217689d04815d7d064ee3ff08ab82ae65b7655a7e82a414
+  languageName: node
+  linkType: hard
+
 "make-dir@npm:^2.0.0, make-dir@npm:^2.1.0":
   version: 2.1.0
   resolution: "make-dir@npm:2.1.0"
@@ -21494,6 +23669,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"math-intrinsics@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "math-intrinsics@npm:1.1.0"
+  checksum: 0e513b29d120f478c85a70f49da0b8b19bc638975eca466f2eeae0071f3ad00454c621bf66e16dd435896c208e719fc91ad79bbfba4e400fe0b372e7c1c9c9a2
+  languageName: node
+  linkType: hard
+
 "md5-hex@npm:^3.0.1":
   version: 3.0.1
   resolution: "md5-hex@npm:3.0.1"
@@ -21907,7 +24089,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:^2.1.35, mime-types@npm:~2.1.17, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
+"mime-types@npm:^2.1.12, mime-types@npm:^2.1.18, mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:^2.1.35, mime-types@npm:~2.1.17, mime-types@npm:~2.1.19, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
   version: 2.1.35
   resolution: "mime-types@npm:2.1.35"
   dependencies:
@@ -21934,6 +24116,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mimic-fn@npm:^1.0.0":
+  version: 1.2.0
+  resolution: "mimic-fn@npm:1.2.0"
+  checksum: 69c08205156a1f4906d9c46f9b4dc08d18a50176352e77fdeb645cedfe9f20c0b19865d465bd2dec27a5c432347f24dc07fc3695e11159d193f892834233e939
+  languageName: node
+  linkType: hard
+
 "mimic-fn@npm:^2.1.0":
   version: 2.1.0
   resolution: "mimic-fn@npm:2.1.0"
@@ -22257,16 +24446,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:^2.1.3":
-  version: 2.1.6
-  resolution: "mkdirp@npm:2.1.6"
-  bin:
-    mkdirp: dist/cjs/src/bin.js
-  checksum: 8a1d09ffac585e55f41c54f445051f5bc33a7de99b952bb04c576cafdf1a67bb4bae8cb93736f7da6838771fbf75bc630430a3a59e1252047d2278690bd150ee
-  languageName: node
-  linkType: hard
-
-"mkdirp@npm:~0.5.1":
+"mkdirp@npm:^0.5.1, mkdirp@npm:~0.5.1":
   version: 0.5.6
   resolution: "mkdirp@npm:0.5.6"
   dependencies:
@@ -22277,6 +24457,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mkdirp@npm:^2.1.3":
+  version: 2.1.6
+  resolution: "mkdirp@npm:2.1.6"
+  bin:
+    mkdirp: dist/cjs/src/bin.js
+  checksum: 8a1d09ffac585e55f41c54f445051f5bc33a7de99b952bb04c576cafdf1a67bb4bae8cb93736f7da6838771fbf75bc630430a3a59e1252047d2278690bd150ee
+  languageName: node
+  linkType: hard
+
 "mobx-react-lite@npm:^3.4.2":
   version: 3.4.3
   resolution: "mobx-react-lite@npm:3.4.3"
@@ -22648,7 +24837,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:^2.6.12":
+"node-fetch@npm:^2.6.12, node-fetch@npm:^2.7.0":
   version: 2.7.0
   resolution: "node-fetch@npm:2.7.0"
   dependencies:
@@ -22812,6 +25001,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.51":
+  version: 2.0.51
+  resolution: "node-releases@npm:2.0.51"
+  checksum: 0d607ebc5c1aa94ef110e6ab926ec51fca55b8534a889a42ffeda1575af00b3bf2e2473898fa45213a3dfedde5f2cedfc4dee2060967e97d6b9518531e388710
+  languageName: node
+  linkType: hard
+
 "node-stream-zip@npm:^1.9.1":
   version: 1.15.0
   resolution: "node-stream-zip@npm:1.15.0"
@@ -23273,6 +25469,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"object-inspect@npm:^1.13.3, object-inspect@npm:^1.13.4":
+  version: 1.13.4
+  resolution: "object-inspect@npm:1.13.4"
+  checksum: 582810c6a8d2ef988ea0a39e69e115a138dad8f42dd445383b394877e5816eb4268489f316a6f74ee9c4e0a984b3eab1028e3e79d62b1ed67c726661d55c7a8b
+  languageName: node
+  linkType: hard
+
 "object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
@@ -23367,7 +25570,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"on-finished@npm:2.4.1":
+"on-finished@npm:2.4.1, on-finished@npm:^2.3.0":
   version: 2.4.1
   resolution: "on-finished@npm:2.4.1"
   dependencies:
@@ -23410,6 +25613,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"onetime@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "onetime@npm:2.0.1"
+  dependencies:
+    mimic-fn: ^1.0.0
+  checksum: bb44015ac7a525d0fb43b029a583d4ad359834632b4424ca209b438aacf6d669dda81b5edfbdb42c22636e607b276ba5589f46694a729e3bc27948ce26f4cc1a
+  languageName: node
+  linkType: hard
+
 "onetime@npm:^5.1.0, onetime@npm:^5.1.2":
   version: 5.1.2
   resolution: "onetime@npm:5.1.2"
@@ -23428,6 +25640,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"only@npm:~0.0.2":
+  version: 0.0.2
+  resolution: "only@npm:0.0.2"
+  checksum: d399710db867a1ef436dd3ce74499c87ece794aa81ab0370b5d153968766ee4aed2f98d3f92fc87c963e45b7a74d400d6f463ef651a5e7cfb861b15e88e9efe6
+  languageName: node
+  linkType: hard
+
 "open@npm:8.4.2, open@npm:^8.0.9":
   version: 8.4.2
   resolution: "open@npm:8.4.2"
@@ -23439,7 +25658,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^6.2.0":
+"open@npm:^6.2.0, open@npm:^6.4.0":
   version: 6.4.0
   resolution: "open@npm:6.4.0"
   dependencies:
@@ -23498,6 +25717,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ora@npm:1.3.0":
+  version: 1.3.0
+  resolution: "ora@npm:1.3.0"
+  dependencies:
+    chalk: ^1.1.1
+    cli-cursor: ^2.1.0
+    cli-spinners: ^1.0.0
+    log-symbols: ^1.0.2
+  checksum: 241a8e1038d7c1aac8801cb62aa25d505c5658c3014fd53b3e8d54e3586848e32c43c2a69f635bbb4554aae4a5800c54c785942080fca55b24e3863110dcd3d8
+  languageName: node
+  linkType: hard
+
 "ora@npm:^5.1.0, ora@npm:^5.4.1":
   version: 5.4.1
   resolution: "ora@npm:5.4.1"
@@ -23980,7 +26211,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
+"parseurl@npm:^1.3.2, parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
   version: 1.3.3
   resolution: "parseurl@npm:1.3.3"
   checksum: 407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
@@ -24087,6 +26318,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-to-regexp@npm:^8.2.0":
+  version: 8.4.2
+  resolution: "path-to-regexp@npm:8.4.2"
+  checksum: c30fba443e413cc736b7b28056a4b60b537ae1caa80152da21e8093bd41deba7c408a4ac6f11a1bf594e089d8fd8d87ed31476c55c50983719fb355826370ade
+  languageName: node
+  linkType: hard
+
 "path-type@npm:^3.0.0":
   version: 3.0.0
   resolution: "path-type@npm:3.0.0"
@@ -24305,6 +26543,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"plural-forms@npm:0.5.3":
+  version: 0.5.3
+  resolution: "plural-forms@npm:0.5.3"
+  checksum: 3672f25d29cfc2f017bcee99f69b5c895997d20c5dd7ec433c33483452e86ecc50aebf8f04c38471e36cb555f28d4afa6337c4baff48a6dcf2eebe83b7baa104
+  languageName: node
+  linkType: hard
+
 "plural-forms@npm:^0.5.3":
   version: 0.5.5
   resolution: "plural-forms@npm:0.5.5"
@@ -25006,6 +27251,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"qs@npm:^6.5.2":
+  version: 6.15.3
+  resolution: "qs@npm:6.15.3"
+  dependencies:
+    es-define-property: ^1.0.1
+    side-channel: ^1.1.1
+  checksum: b59a0f20498f323d1f990f1fad3b808ee328f96c3c45575beeb0d51ec27dc0ed3422d9e9308a7c09f6000cb914b95dfb6eb7cca8636bc4d1befdc2a10cf59d2b
+  languageName: node
+  linkType: hard
+
 "qs@npm:~6.5.2":
   version: 6.5.3
   resolution: "qs@npm:6.5.3"
@@ -25085,6 +27340,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"raw-body@npm:^2.3.3":
+  version: 2.5.3
+  resolution: "raw-body@npm:2.5.3"
+  dependencies:
+    bytes: ~3.1.2
+    http-errors: ~2.0.1
+    iconv-lite: ~0.4.24
+    unpipe: ~1.0.0
+  checksum: 16aa51e504318ebeef7f84a4d884c0f273cb0b7f3f14ea88788f92f5f488870617c97d4f886e84f119f21a2d6cdda3c4554821f8b18ed6be0d731ecb5a063d2a
+  languageName: node
+  linkType: hard
+
 "raw-loader@npm:~0.5.1":
   version: 0.5.1
   resolution: "raw-loader@npm:0.5.1"
@@ -25513,6 +27780,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readable-stream@npm:^4.1.0":
+  version: 4.7.0
+  resolution: "readable-stream@npm:4.7.0"
+  dependencies:
+    abort-controller: ^3.0.0
+    buffer: ^6.0.3
+    events: ^3.3.0
+    process: ^0.11.10
+    string_decoder: ^1.3.0
+  checksum: 03ec762faed8e149dc6452798b60394a8650861a1bb4bf936fa07b94044826bc25abe73696f5f45372abc404eec01876c560f64b479eba108b56397312dbe2ae
+  languageName: node
+  linkType: hard
+
 "readdirp@npm:~3.6.0":
   version: 3.6.0
   resolution: "readdirp@npm:3.6.0"
@@ -25522,6 +27802,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readline-sync@npm:^1.4.7":
+  version: 1.4.10
+  resolution: "readline-sync@npm:1.4.10"
+  checksum: 4dbd8925af028dc4cb1bb813f51ca3479035199aa5224886b560eec8e768ab27d7ebf11d69a67ed93d5a130b7c994f0bdb77796326e563cf928bbfd560e3747e
+  languageName: node
+  linkType: hard
+
 "readline@npm:^1.3.0":
   version: 1.3.0
   resolution: "readline@npm:1.3.0"
@@ -25616,6 +27903,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regenerate-unicode-properties@npm:^10.2.2":
+  version: 10.2.2
+  resolution: "regenerate-unicode-properties@npm:10.2.2"
+  dependencies:
+    regenerate: ^1.4.2
+  checksum: 7ae4c1c32460c4360e3118c45eec0621424908f430fdd6f162c9172067786bf2b1682fbc885a33b26bc85e76e06f4d3f398b52425e801b0bb0cbae147dafb0b2
+  languageName: node
+  linkType: hard
+
 "regenerate@npm:^1.4.2":
   version: 1.4.2
   resolution: "regenerate@npm:1.4.2"
@@ -25718,6 +28014,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regexpu-core@npm:^6.3.1":
+  version: 6.4.0
+  resolution: "regexpu-core@npm:6.4.0"
+  dependencies:
+    regenerate: ^1.4.2
+    regenerate-unicode-properties: ^10.2.2
+    regjsgen: ^0.8.0
+    regjsparser: ^0.13.0
+    unicode-match-property-ecmascript: ^2.0.0
+    unicode-match-property-value-ecmascript: ^2.2.1
+  checksum: a316eb988599b7fb9d77f4adb937c41c022504dc91ddd18175c11771addc7f1d9dce550f34e36038395e459a2cf9ffc0d663bfe8d3c6c186317ca000ba79a8cf
+  languageName: node
+  linkType: hard
+
 "registry-auth-token@npm:^5.0.1":
   version: 5.0.2
   resolution: "registry-auth-token@npm:5.0.2"
@@ -25754,6 +28064,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regjsparser@npm:^0.13.0":
+  version: 0.13.2
+  resolution: "regjsparser@npm:0.13.2"
+  dependencies:
+    jsesc: ~3.1.0
+  bin:
+    regjsparser: bin/parser
+  checksum: 20ece45a3e9f63c8a3fa50fbcde7a3cc35d97c244ca9bc1c94d0907d4f6eb3f50bb7326e60f848649024d7cd6ff89c9a75a36d6faded0cf225677a3d13914a31
+  languageName: node
+  linkType: hard
+
 "regjsparser@npm:^0.9.1":
   version: 0.9.1
   resolution: "regjsparser@npm:0.9.1"
@@ -25965,6 +28286,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@npm:^1.12.0, resolve@npm:^1.22.11":
+  version: 1.22.12
+  resolution: "resolve@npm:1.22.12"
+  dependencies:
+    es-errors: ^1.3.0
+    is-core-module: ^2.16.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: 4dc5a614b32142ef9ab455b242ed33c472c4ea50df17dbe1e9dac5fe0eebd7d5fdb7cb9cc8ad2165e5e0f07694498a74e7fbd6cc1599e20d84682cce1b80a4dc
+  languageName: node
+  linkType: hard
+
 "resolve@npm:^2.0.0-next.4":
   version: 2.0.0-next.4
   resolution: "resolve@npm:2.0.0-next.4"
@@ -25991,6 +28326,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.11#~builtin<compat/resolve>":
+  version: 1.22.12
+  resolution: "resolve@patch:resolve@npm%3A1.22.12#~builtin<compat/resolve>::version=1.22.12&hash=07638b"
+  dependencies:
+    es-errors: ^1.3.0
+    is-core-module: ^2.16.1
+    path-parse: ^1.0.7
+    supports-preserve-symlinks-flag: ^1.0.0
+  bin:
+    resolve: bin/resolve
+  checksum: 0cc5b060cbe081c85c331ac2eb08e8a54f0a195b899d5001822e5d3e2b335da651b1eed3d259fea904c22a0da9324a061e0e7ceab5dbeb5bcab5250b625754e1
+  languageName: node
+  linkType: hard
+
 "resolve@patch:resolve@^2.0.0-next.4#~builtin<compat/resolve>":
   version: 2.0.0-next.4
   resolution: "resolve@patch:resolve@npm%3A2.0.0-next.4#~builtin<compat/resolve>::version=2.0.0-next.4&hash=07638b"
@@ -26022,6 +28371,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"restore-cursor@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "restore-cursor@npm:2.0.0"
+  dependencies:
+    onetime: ^2.0.0
+    signal-exit: ^3.0.2
+  checksum: 482e13d02d834b6e5e3aa90304a8b5e840775d6f06916cc92a50038adf9f098dcc72405b567da8a37e137ae40ad3e31896fa3136ae62f7a426c2fbf53d036536
+  languageName: node
+  linkType: hard
+
 "restore-cursor@npm:^3.1.0":
   version: 3.1.0
   resolution: "restore-cursor@npm:3.1.0"
@@ -26167,7 +28526,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.2, safe-buffer@npm:~5.2.0":
+"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.1, safe-buffer@npm:~5.2.0":
   version: 5.2.1
   resolution: "safe-buffer@npm:5.2.1"
   checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
@@ -26192,6 +28551,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"safe-regex-test@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "safe-regex-test@npm:1.1.0"
+  dependencies:
+    call-bound: ^1.0.2
+    es-errors: ^1.3.0
+    is-regex: ^1.2.1
+  checksum: 3c809abeb81977c9ed6c869c83aca6873ea0f3ab0f806b8edbba5582d51713f8a6e9757d24d2b4b088f563801475ea946c8e77e7713e8c65cdd02305b6caedab
+  languageName: node
+  linkType: hard
+
 "safe-regex@npm:^1.1.0":
   version: 1.1.0
   resolution: "safe-regex@npm:1.1.0"
@@ -26542,6 +28912,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"serialize-javascript@npm:^7.0.5":
+  version: 7.0.7
+  resolution: "serialize-javascript@npm:7.0.7"
+  checksum: 197edeab01b3afb93b53e0dfedf3bb686f4cd3538a498dcd678993a1420462ed0e9bce7a297f4e3dafc4dad12f471e882f3fb17f0f316371b14756df942faa48
+  languageName: node
+  linkType: hard
+
 "serve-index@npm:^1.9.1":
   version: 1.9.1
   resolution: "serve-index@npm:1.9.1"
@@ -26614,7 +28991,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"setprototypeof@npm:1.2.0":
+"setprototypeof@npm:1.2.0, setprototypeof@npm:~1.2.0":
   version: 1.2.0
   resolution: "setprototypeof@npm:1.2.0"
   checksum: be18cbbf70e7d8097c97f713a2e76edf84e87299b40d085c6bf8b65314e994cc15e2e317727342fa6996e38e1f52c59720b53fe621e2eb593a6847bf0356db89
@@ -26686,6 +29063,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"side-channel-list@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "side-channel-list@npm:1.0.1"
+  dependencies:
+    es-errors: ^1.3.0
+    object-inspect: ^1.13.4
+  checksum: 3499671cd52adaee739eac1e14d07530b8e3530192741aeb05e7fe4ad1b51d1368ceea2cd3c21b0f62b05410a5c70a7c4d997ba4b143303ef73d0c65dfd1c252
+  languageName: node
+  linkType: hard
+
+"side-channel-map@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "side-channel-map@npm:1.0.1"
+  dependencies:
+    call-bound: ^1.0.2
+    es-errors: ^1.3.0
+    get-intrinsic: ^1.2.5
+    object-inspect: ^1.13.3
+  checksum: 42501371cdf71f4ccbbc9c9e2eb00aaaab80a4c1c429d5e8da713fd4d39ef3b8d4a4b37ed4f275798a65260a551a7131fd87fe67e922dba4ac18586d6aab8b06
+  languageName: node
+  linkType: hard
+
+"side-channel-weakmap@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "side-channel-weakmap@npm:1.0.2"
+  dependencies:
+    call-bound: ^1.0.2
+    es-errors: ^1.3.0
+    get-intrinsic: ^1.2.5
+    object-inspect: ^1.13.3
+    side-channel-map: ^1.0.1
+  checksum: a815c89bc78c5723c714ea1a77c938377ea710af20d4fb886d362b0d1f8ac73a17816a5f6640f354017d7e292a43da9c5e876c22145bac00b76cfb3468001736
+  languageName: node
+  linkType: hard
+
 "side-channel@npm:^1.0.4":
   version: 1.0.4
   resolution: "side-channel@npm:1.0.4"
@@ -26697,6 +29109,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"side-channel@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "side-channel@npm:1.1.1"
+  dependencies:
+    es-errors: ^1.3.0
+    object-inspect: ^1.13.4
+    side-channel-list: ^1.0.1
+    side-channel-map: ^1.0.1
+    side-channel-weakmap: ^1.0.2
+  checksum: e0f217140c463636ee556260bbc8f47ba2931f1248826f58e1502704135814c763b325dd9ab122a04176aa45b4a4f8cc556415bcab7a0179d85250fb7812f063
+  languageName: node
+  linkType: hard
+
 "sign-addon@npm:5.3.0":
   version: 5.3.0
   resolution: "sign-addon@npm:5.3.0"
@@ -27365,13 +29790,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"statuses@npm:>= 1.4.0 < 2, statuses@npm:~1.5.0":
+"statuses@npm:>= 1.4.0 < 2, statuses@npm:>= 1.5.0 < 2, statuses@npm:^1.5.0, statuses@npm:~1.5.0":
   version: 1.5.0
   resolution: "statuses@npm:1.5.0"
   checksum: c469b9519de16a4bb19600205cffb39ee471a5f17b82589757ca7bd40a8d92ebb6ed9f98b5a540c5d302ccbc78f15dc03cc0280dd6e00df1335568a5d5758a5c
   languageName: node
   linkType: hard
 
+"statuses@npm:~2.0.2":
+  version: 2.0.2
+  resolution: "statuses@npm:2.0.2"
+  checksum: 6927feb50c2a75b2a4caab2c565491f7a93ad3d8dbad7b1398d52359e9243a20e2ebe35e33726dee945125ef7a515e9097d8a1b910ba2bbd818265a2f6c39879
+  languageName: node
+  linkType: hard
+
 "stream-chain@npm:^2.2.5":
   version: 2.2.5
   resolution: "stream-chain@npm:2.2.5"
@@ -27548,6 +29980,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "strip-ansi@npm:3.0.1"
+  dependencies:
+    ansi-regex: ^2.0.0
+  checksum: 9b974de611ce5075c70629c00fa98c46144043db92ae17748fb780f706f7a789e9989fd10597b7c2053ae8d1513fd707816a91f1879b2f71e6ac0b6a863db465
+  languageName: node
+  linkType: hard
+
 "strip-ansi@npm:^5.0.0, strip-ansi@npm:^5.2.0":
   version: 5.2.0
   resolution: "strip-ansi@npm:5.2.0"
@@ -27735,6 +30176,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"supports-color@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "supports-color@npm:2.0.0"
+  checksum: 602538c5812b9006404370b5a4b885d3e2a1f6567d314f8b4a41974ffe7d08e525bf92ae0f9c7030e3b4c78e4e34ace55d6a67a74f1571bc205959f5972f88f0
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^5.3.0":
   version: 5.5.0
   resolution: "supports-color@npm:5.5.0"
@@ -27769,6 +30217,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"svelte@npm:^5.55.5":
+  version: 5.56.8
+  resolution: "svelte@npm:5.56.8"
+  dependencies:
+    "@jridgewell/remapping": ^2.3.4
+    "@jridgewell/sourcemap-codec": ^1.5.0
+    "@sveltejs/acorn-typescript": ^1.0.10
+    "@types/estree": ^1.0.5
+    "@types/trusted-types": ^2.0.7
+    acorn: ^8.12.1
+    aria-query: 5.3.1
+    axobject-query: ^4.1.0
+    clsx: ^2.1.1
+    devalue: ^5.8.1
+    esm-env: ^1.2.1
+    esrap: ^2.2.12
+    is-reference: ^3.0.3
+    locate-character: ^3.0.0
+    magic-string: ^0.30.11
+    zimmerframe: ^1.1.2
+  checksum: 3ccdb287aa7a706a1e195d3194ea83833924957856b0d0214314edddda2233746c4a769548236ca347fe31c70944546a9fac2307df06a964b7cf47460f899ef8
+  languageName: node
+  linkType: hard
+
 "svg-arc-to-cubic-bezier@npm:^3.0.0, svg-arc-to-cubic-bezier@npm:^3.2.0":
   version: 3.2.0
   resolution: "svg-arc-to-cubic-bezier@npm:3.2.0"
@@ -27831,6 +30303,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tagged-tag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "tagged-tag@npm:1.0.0"
+  checksum: e37653df3e495daa7ea7790cb161b810b00075bba2e4d6c93fb06a709e747e3ae9da11a120d0489833203926511b39e038a2affbd9d279cfb7a2f3fcccd30b5d
+  languageName: node
+  linkType: hard
+
 "tailwindcss@npm:^3.4.0":
   version: 3.4.0
   resolution: "tailwindcss@npm:3.4.0"
@@ -28189,6 +30668,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tmp@npm:^0.2.5":
+  version: 0.2.7
+  resolution: "tmp@npm:0.2.7"
+  checksum: 45dec2fc288ad368eeff7268cb6d5d33452c6d35f4f7d9b1b5e023409a141dab57a3c08b5f505daf3af6d69667a5f544fc1a5b6a27c6f9396a5a1b4002912f1c
+  languageName: node
+  linkType: hard
+
 "tmpl@npm:1.0.5":
   version: 1.0.5
   resolution: "tmpl@npm:1.0.5"
@@ -28243,7 +30729,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"toidentifier@npm:1.0.1":
+"toidentifier@npm:1.0.1, toidentifier@npm:~1.0.1":
   version: 1.0.1
   resolution: "toidentifier@npm:1.0.1"
   checksum: 952c29e2a85d7123239b5cfdd889a0dde47ab0497f0913d70588f19c53f7e0b5327c95f4651e413c74b785147f9637b17410ac8c846d5d4a20a5a33eb6dc3a45
@@ -28490,6 +30976,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tsscmp@npm:1.0.6":
+  version: 1.0.6
+  resolution: "tsscmp@npm:1.0.6"
+  checksum: 1512384def36bccc9125cabbd4c3b0e68608d7ee08127ceaa0b84a71797263f1a01c7f82fa69be8a3bd3c1396e2965d2f7b52d581d3a5eeaf3967fbc52e3b3bf
+  languageName: node
+  linkType: hard
+
 "tsutils@npm:^3.21.0":
   version: 3.21.0
   resolution: "tsutils@npm:3.21.0"
@@ -28501,6 +30994,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ttag-cli@npm:^1.11.2":
+  version: 1.12.0
+  resolution: "ttag-cli@npm:1.12.0"
+  dependencies:
+    "@babel/core": ^7.29.0
+    "@babel/generator": ^7.29.1
+    "@babel/plugin-proposal-decorators": ^7.29.0
+    "@babel/plugin-proposal-export-default-from": ^7.27.1
+    "@babel/preset-env": ^7.29.5
+    "@babel/preset-flow": ^7.27.1
+    "@babel/preset-react": ^7.28.5
+    "@babel/preset-typescript": ^7.28.5
+    "@babel/template": ^7.28.6
+    babel-plugin-ttag: 1.8.16
+    chalk: ^2.4.2
+    cross-spawn: ^7.0.6
+    estree-walker: ^2.0.1
+    gettext-parser: ^6.0.0
+    glob: 13.0.0
+    hunspell-spellchecker: ^1.0.2
+    ignore: ^5.1.8
+    is-glob: ^4.0.3
+    koa: ^2.16.4
+    koa-body: ^7.0.1
+    koa-router: ^14.0.0
+    mkdirp: ^0.5.1
+    node-fetch: ^2.7.0
+    open: ^6.4.0
+    ora: 1.3.0
+    plural-forms: 0.5.3
+    readline-sync: ^1.4.7
+    serialize-javascript: ^7.0.5
+    svelte: ^5.55.5
+    tmp: ^0.2.5
+    vue-sfc-parser: ^0.1.2
+    walk: 2.3.9
+    yargs: ^16.2.0
+  bin:
+    ttag: bin/ttag
+  checksum: fbd667433a12f4f59f9db51e76d27df597cf7ed73191e3ebf4278a577e712586d26b32d4a6981e6fede464d24117e1b88d4c07fbe5574ed4c76e0a7b8ee725b8
+  languageName: node
+  linkType: hard
+
 "ttag@npm:^1.8.12":
   version: 1.8.12
   resolution: "ttag@npm:1.8.12"
@@ -28635,7 +31171,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-is@npm:~1.6.18":
+"type-fest@npm:^5.3.1":
+  version: 5.8.0
+  resolution: "type-fest@npm:5.8.0"
+  dependencies:
+    tagged-tag: ^1.0.0
+  checksum: d234cd3ad6b0d57641223ca1fdeb7b4162c8656e50184f3d8e4a8a8b580519b959c0a5bca6c80609b90bba7e2769b69eb941f0293e27d49bd07273f7f93c9ab9
+  languageName: node
+  linkType: hard
+
+"type-is@npm:^1.6.16, type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
   dependencies:
@@ -28928,6 +31473,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unicode-match-property-value-ecmascript@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "unicode-match-property-value-ecmascript@npm:2.2.1"
+  checksum: e6c73e07bb4dc4aa399797a14b170e84a30ed290bcf97cc4305cf67dde8744119721ce17cef03f4f9d4ff48654bfa26eadc7fe1e8dd4b71b8f3b2e9a9742f013
+  languageName: node
+  linkType: hard
+
 "unicode-properties@npm:^1.4.0, unicode-properties@npm:^1.4.1":
   version: 1.4.1
   resolution: "unicode-properties@npm:1.4.1"
@@ -29145,6 +31697,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"update-browserslist-db@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "update-browserslist-db@npm:1.2.3"
+  dependencies:
+    escalade: ^3.2.0
+    picocolors: ^1.1.1
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 6f209a97ae8eacdd3a1ef2eb365adf49d1e2a757e5b2dd4ac87dc8c99236cbe3e572d3e605a87dd7b538a11751b71d9f93edc47c7405262a293a493d155316cd
+  languageName: node
+  linkType: hard
+
 "update-notifier@npm:6.0.2, update-notifier@npm:^6.0.2":
   version: 6.0.2
   resolution: "update-notifier@npm:6.0.2"
@@ -29333,7 +31899,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vary@npm:^1, vary@npm:~1.1.2":
+"vary@npm:^1, vary@npm:^1.1.2, vary@npm:~1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
   checksum: ae0123222c6df65b437669d63dfa8c36cee20a504101b2fcd97b8bf76f91259c17f9f2b4d70a1e3c6bbcee7f51b28392833adb6b2770b23b01abec84e369660b
@@ -29380,6 +31946,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-sfc-parser@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "vue-sfc-parser@npm:0.1.2"
+  dependencies:
+    lodash.mapvalues: ^4.6.0
+  checksum: 24f79fc4d7ddcb9aab4cfff0658a092b54d8e8da7fb489607cc523e8a715dfdbf5fa8e4f0d43fec50850662a1e120b763169cd48072d46c764e0d30a9fb33e24
+  languageName: node
+  linkType: hard
+
 "w3c-xmlserializer@npm:^4.0.0":
   version: 4.0.0
   resolution: "w3c-xmlserializer@npm:4.0.0"
@@ -29396,6 +31971,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"walk@npm:2.3.9":
+  version: 2.3.9
+  resolution: "walk@npm:2.3.9"
+  dependencies:
+    foreachasync: ^3.0.0
+  checksum: 6b55cd4cac29afeb45237bd241a7134a619237c743c5595bb439b01b7ac479c231e743a60c528717ab1805083f7341c7fa324563abffee8c3e4a41d442aa837c
+  languageName: node
+  linkType: hard
+
 "walker@npm:^1.0.7, walker@npm:^1.0.8":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
@@ -30199,6 +32783,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:^1.7.2":
+  version: 1.10.3
+  resolution: "yaml@npm:1.10.3"
+  checksum: 6a2dd3582f4fbcc8d0e32dc26d1a42f72a901eb6ae8fad616bd720514b11a53a64eabc21dba97fbcd951c7c0e1963502313789d93a753e7786e7452376498be5
+  languageName: node
+  linkType: hard
+
 "yaml@npm:^2.1.1, yaml@npm:^2.2.1, yaml@npm:^2.2.2":
   version: 2.3.1
   resolution: "yaml@npm:2.3.1"
@@ -30307,6 +32898,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs@npm:^16.2.0":
+  version: 16.2.2
+  resolution: "yargs@npm:16.2.2"
+  dependencies:
+    cliui: ^7.0.2
+    escalade: ^3.1.1
+    get-caller-file: ^2.0.5
+    require-directory: ^2.1.1
+    string-width: ^4.2.0
+    y18n: ^5.0.5
+    yargs-parser: ^20.2.2
+  checksum: 0619aaa93d2f9bb1ec788a6bcb4d3dbd453db3097108dad3f74be326250cc86c1d57db9a829d7486adfb0e8d74bff365a6de8871c59af5d0a2f809de56d2ace2
+  languageName: node
+  linkType: hard
+
 "yargs@npm:^17.0.0, yargs@npm:^17.0.1, yargs@npm:^17.3.1, yargs@npm:^17.6.2, yargs@npm:^17.7.2":
   version: 17.7.2
   resolution: "yargs@npm:17.7.2"
@@ -30346,6 +32952,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ylru@npm:^1.2.0":
+  version: 1.4.0
+  resolution: "ylru@npm:1.4.0"
+  checksum: e0bf797476487e3d57a6e8790cbb749cff2089e2afc87e46bc84ce7605c329d578ff422c8e8c2ddf167681ddd218af0f58e099733ae1044cba9e9472ebedc01d
+  languageName: node
+  linkType: hard
+
 "yn@npm:3.1.1":
   version: 3.1.1
   resolution: "yn@npm:3.1.1"
@@ -30405,6 +33018,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"zimmerframe@npm:^1.1.2":
+  version: 1.1.4
+  resolution: "zimmerframe@npm:1.1.4"
+  checksum: f7917916db73ad09c4870dc7045fdefb9f0122257878ec53e75ff6ea633718369b99185a21aae1fed1d258e7d66d95080169ef1a386c599b8b912467f17932bc
+  languageName: node
+  linkType: hard
+
 "zip-dir@npm:2.0.0":
   version: 2.0.0
   resolution: "zip-dir@npm:2.0.0"
@@ -30414,3 +33034,10 @@ __metadata:
   checksum: bfcfdefe410da3dd583f294b51db8dd670e6b4f742c95255e526df58cb9302e3c742fe84a0834fe4705c72c9c601fc3a14d7402560ce580a1ae3bd307cbed60c
   languageName: node
   linkType: hard
+
+"zod@npm:^4.1.12":
+  version: 4.4.3
+  resolution: "zod@npm:4.4.3"
+  checksum: bf236fdee7a5a5ec645eef5bfea3aad34e7df912931c2a23bc17e5b59882482751da42392916529da52ff9bc70f584797a5d496f1fb81f2d1a4c90fdd3922d2a
+  languageName: node
+  linkType: hard