diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 4377e580f..abdc6a09c 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -291,6 +291,7 @@
   },
   "admin": {
     "settings": {
+      "settings": "Admin Settings",
       "not_allowed": "You are not allowed to access server settings",
       "secrets": {
         "desc": "Global secrets can be used in the pipelines of all repositories.",
diff --git a/web/src/compositions/useWPTitle.ts b/web/src/compositions/useWPTitle.ts
new file mode 100644
index 000000000..3f856e6e4
--- /dev/null
+++ b/web/src/compositions/useWPTitle.ts
@@ -0,0 +1,7 @@
+import { useTitle } from '@vueuse/core';
+import type { Ref } from 'vue';
+import { computed } from 'vue';
+
+export function useWPTitle(elements: Ref<string[]>) {
+  useTitle(computed(() => `${elements.value.join(' · ')} · Woodpecker`));
+}
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 575f80ee3..c377c2647 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -47,6 +47,7 @@ import Button from '~/components/atomic/Button.vue';
 import Error from '~/components/atomic/Error.vue';
 import useApiClient from '~/compositions/useApiClient';
 import useAuthentication from '~/compositions/useAuthentication';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Forge } from '~/lib/api/types';
 
 const route = useRoute();
@@ -97,4 +98,6 @@ onMounted(async () => {
     errorMessage.value = authErrorMessages[error] ?? error;
   }
 });
+
+useWPTitle(computed(() => [i18n.t('login')]));
 </script>
diff --git a/web/src/views/RepoAdd.vue b/web/src/views/RepoAdd.vue
index a9f377d5b..09ffc782f 100644
--- a/web/src/views/RepoAdd.vue
+++ b/web/src/views/RepoAdd.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -46,6 +46,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { useRepoSearch } from '~/compositions/useRepoSearch';
 import { useRouteBack } from '~/compositions/useRouteBack';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Repo } from '~/lib/api/types';
 
 const router = useRouter();
@@ -74,4 +75,6 @@ const { doSubmit: activateRepo, isLoading: isActivatingRepo } = useAsyncAction(a
 });
 
 const goBack = useRouteBack({ name: 'repos' });
+
+useWPTitle(computed(() => [i18n.t('repo.add')]));
 </script>
diff --git a/web/src/views/Repos.vue b/web/src/views/Repos.vue
index 007538e38..101cea487 100644
--- a/web/src/views/Repos.vue
+++ b/web/src/views/Repos.vue
@@ -42,12 +42,14 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Button from '~/components/atomic/Button.vue';
 import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
 import RepoItem from '~/components/repo/RepoItem.vue';
 import useRepos from '~/compositions/useRepos';
 import { useRepoSearch } from '~/compositions/useRepoSearch';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { useRepoStore } from '~/store/repos';
 
 const repoStore = useRepoStore();
@@ -64,6 +66,9 @@ const reposLastActivity = computed(() => sortReposByLastActivity(searchedRepos.v
 onMounted(async () => {
   await repoStore.loadRepos();
 });
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repositories.title')]));
 </script>
 
 <style scoped>
diff --git a/web/src/views/admin/AdminAgents.vue b/web/src/views/admin/AdminAgents.vue
index 82f8c8808..d4b6227d5 100644
--- a/web/src/views/admin/AdminAgents.vue
+++ b/web/src/views/admin/AdminAgents.vue
@@ -10,8 +10,12 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import AgentManager from '~/components/agent/AgentManager.vue';
 import useApiClient from '~/compositions/useApiClient';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Agent } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -20,4 +24,7 @@ const loadAgents = (page: number) => apiClient.getAgents({ page });
 const createAgent = (agent: Partial<Agent>) => apiClient.createAgent(agent);
 const updateAgent = (agent: Agent) => apiClient.updateAgent(agent);
 const deleteAgent = (agent: Agent) => apiClient.deleteAgent(agent);
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('admin.settings.agents.agents'), t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminInfo.vue b/web/src/views/admin/AdminInfo.vue
index e4c2d2fe1..4d1d5cf7f 100644
--- a/web/src/views/admin/AdminInfo.vue
+++ b/web/src/views/admin/AdminInfo.vue
@@ -28,10 +28,17 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import WoodpeckerLogo from '~/assets/logo.svg?component';
 import Error from '~/components/atomic/Error.vue';
 import Settings from '~/components/layout/Settings.vue';
 import { useVersion } from '~/compositions/useVersion';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const version = useVersion();
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('info'), t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminOrgs.vue b/web/src/views/admin/AdminOrgs.vue
index 063244b61..a8afd7a1b 100644
--- a/web/src/views/admin/AdminOrgs.vue
+++ b/web/src/views/admin/AdminOrgs.vue
@@ -34,6 +34,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import IconButton from '~/components/atomic/IconButton.vue';
@@ -43,6 +44,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Org } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -65,4 +67,6 @@ const { doSubmit: deleteOrg, isLoading: isDeleting } = useAsyncAction(async (_or
   notifications.notify({ title: t('admin.settings.orgs.deleted'), type: 'success' });
   resetPage();
 });
+
+useWPTitle(computed(() => [t('admin.settings.orgs.orgs'), t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminQueue.vue b/web/src/views/admin/AdminQueue.vue
index 6e723e5c7..5ffa5162d 100644
--- a/web/src/views/admin/AdminQueue.vue
+++ b/web/src/views/admin/AdminQueue.vue
@@ -93,6 +93,7 @@ import ListItem from '~/components/atomic/ListItem.vue';
 import Settings from '~/components/layout/Settings.vue';
 import useApiClient from '~/compositions/useApiClient';
 import useNotifications from '~/compositions/useNotifications';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { QueueInfo } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -159,4 +160,6 @@ onBeforeUnmount(() => {
     window.clearInterval(reloadInterval.value);
   }
 });
+
+useWPTitle(computed(() => [t('admin.settings.queue.queue'), t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminRegistries.vue b/web/src/views/admin/AdminRegistries.vue
index 4c10b9cc8..c833b1973 100644
--- a/web/src/views/admin/AdminRegistries.vue
+++ b/web/src/views/admin/AdminRegistries.vue
@@ -50,6 +50,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Registry } from '~/lib/api/types';
 
 const emptyRegistry: Partial<Registry> = {
@@ -102,4 +103,6 @@ function editRegistry(registry: Registry) {
 function showAddRegistry() {
   selectedRegistry.value = cloneDeep(emptyRegistry);
 }
+
+useWPTitle(computed(() => [i18n.t('registries.registries'), i18n.t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminRepos.vue b/web/src/views/admin/AdminRepos.vue
index 595cb2296..846a29474 100644
--- a/web/src/views/admin/AdminRepos.vue
+++ b/web/src/views/admin/AdminRepos.vue
@@ -43,6 +43,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import Badge from '~/components/atomic/Badge.vue';
@@ -54,6 +55,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Repo } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -70,4 +72,6 @@ const { doSubmit: repairRepos, isLoading: isRepairingRepos } = useAsyncAction(as
   await apiClient.repairAllRepos();
   notifications.notify({ title: i18n.t('admin.settings.repos.repair.success'), type: 'success' });
 });
+
+useWPTitle(computed(() => [i18n.t('admin.settings.repos.repos'), i18n.t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminSecrets.vue b/web/src/views/admin/AdminSecrets.vue
index a3f29d58a..fb8a3cfa5 100644
--- a/web/src/views/admin/AdminSecrets.vue
+++ b/web/src/views/admin/AdminSecrets.vue
@@ -45,6 +45,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Secret } from '~/lib/api/types';
 import { WebhookEvents } from '~/lib/api/types';
 
@@ -99,4 +100,6 @@ function editSecret(secret: Secret) {
 function showAddSecret() {
   selectedSecret.value = cloneDeep(emptySecret);
 }
+
+useWPTitle(computed(() => [i18n.t('secrets.secrets'), i18n.t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/admin/AdminSettingsWrapper.vue b/web/src/views/admin/AdminSettingsWrapper.vue
index 6e6036718..9cd390d6f 100644
--- a/web/src/views/admin/AdminSettingsWrapper.vue
+++ b/web/src/views/admin/AdminSettingsWrapper.vue
@@ -1,7 +1,7 @@
 <template>
   <Scaffold enable-tabs>
     <template #title>
-      {{ $t('settings') }}
+      {{ $t('admin.settings.settings') }}
     </template>
     <Tab icon="info" :to="{ name: 'admin-settings' }" :title="$t('info')" />
     <Tab icon="secret" :to="{ name: 'admin-settings-secrets' }" :title="$t('secrets.secrets')" />
diff --git a/web/src/views/admin/AdminUsers.vue b/web/src/views/admin/AdminUsers.vue
index a6ecf3edf..03f0b3482 100644
--- a/web/src/views/admin/AdminUsers.vue
+++ b/web/src/views/admin/AdminUsers.vue
@@ -98,6 +98,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { User } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -153,4 +154,6 @@ function editUser(user: User) {
 function showAddUser() {
   selectedUser.value = cloneDeep({ login: '' });
 }
+
+useWPTitle(computed(() => [t('admin.settings.users.users'), t('admin.settings.settings')]));
 </script>
diff --git a/web/src/views/org/OrgRepos.vue b/web/src/views/org/OrgRepos.vue
index f6c2b3ed6..26fcc7c63 100644
--- a/web/src/views/org/OrgRepos.vue
+++ b/web/src/views/org/OrgRepos.vue
@@ -24,6 +24,7 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import IconButton from '~/components/atomic/IconButton.vue';
 import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
@@ -31,6 +32,7 @@ import RepoItem from '~/components/repo/RepoItem.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useRepos from '~/compositions/useRepos';
 import { useRepoSearch } from '~/compositions/useRepoSearch';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { useRepoStore } from '~/store/repos';
 
 const repoStore = useRepoStore();
@@ -51,4 +53,7 @@ const reposLastActivity = computed(() => sortReposByLastActivity(searchedRepos.v
 onMounted(async () => {
   await repoStore.loadRepos(); // TODO: load only org repos
 });
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repositories.title'), org.value.name]));
 </script>
diff --git a/web/src/views/org/settings/OrgAgents.vue b/web/src/views/org/settings/OrgAgents.vue
index 855a150d7..3151b8dad 100644
--- a/web/src/views/org/settings/OrgAgents.vue
+++ b/web/src/views/org/settings/OrgAgents.vue
@@ -9,9 +9,13 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import AgentManager from '~/components/agent/AgentManager.vue';
 import useApiClient from '~/compositions/useApiClient';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Agent } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -21,4 +25,7 @@ const loadAgents = (page: number) => apiClient.getOrgAgents(org.value.id, { page
 const createAgent = (agent: Partial<Agent>) => apiClient.createOrgAgent(org.value.id, agent);
 const updateAgent = (agent: Agent) => apiClient.updateOrgAgent(org.value.id, agent.id, agent);
 const deleteAgent = (agent: Agent) => apiClient.deleteOrgAgent(org.value.id, agent.id);
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('admin.settings.agents.agents'), org.value.name]));
 </script>
diff --git a/web/src/views/org/settings/OrgRegistries.vue b/web/src/views/org/settings/OrgRegistries.vue
index b41b0b346..cb274245e 100644
--- a/web/src/views/org/settings/OrgRegistries.vue
+++ b/web/src/views/org/settings/OrgRegistries.vue
@@ -46,6 +46,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Registry } from '~/lib/api/types';
 
 const emptyRegistry: Partial<Registry> = {
@@ -99,4 +100,6 @@ function editRegistry(registry: Registry) {
 function showAddRegistry() {
   selectedRegistry.value = cloneDeep(emptyRegistry);
 }
+
+useWPTitle(computed(() => [i18n.t('registries.registries'), org.value.name]));
 </script>
diff --git a/web/src/views/org/settings/OrgSecrets.vue b/web/src/views/org/settings/OrgSecrets.vue
index 86b7280be..9f0cb2af9 100644
--- a/web/src/views/org/settings/OrgSecrets.vue
+++ b/web/src/views/org/settings/OrgSecrets.vue
@@ -37,6 +37,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { WebhookEvents } from '~/lib/api/types';
 import type { Secret } from '~/lib/api/types';
 
@@ -92,4 +93,6 @@ function editSecret(secret: Secret) {
 function showAddSecret() {
   selectedSecret.value = cloneDeep(emptySecret);
 }
+
+useWPTitle(computed(() => [i18n.t('secrets.secrets'), org.value.name]));
 </script>
diff --git a/web/src/views/repo/RepoBranch.vue b/web/src/views/repo/RepoBranch.vue
index 6b764e490..959c4c3bc 100644
--- a/web/src/views/repo/RepoBranch.vue
+++ b/web/src/views/repo/RepoBranch.vue
@@ -7,9 +7,11 @@
 
 <script lang="ts" setup>
 import { computed, toRef } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import PipelineList from '~/components/repo/pipeline/PipelineList.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const props = defineProps<{
   branch: string;
@@ -24,4 +26,7 @@ const pipelines = computed(() =>
     (b) => b.branch === branch.value && b.event !== 'pull_request' && b.event !== 'pull_request_closed',
   ),
 );
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.activity'), branch.value, repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/RepoBranches.vue b/web/src/views/repo/RepoBranches.vue
index d626a3683..7fbf7b3b1 100644
--- a/web/src/views/repo/RepoBranches.vue
+++ b/web/src/views/repo/RepoBranches.vue
@@ -22,6 +22,7 @@
 
 <script lang="ts" setup>
 import { computed, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Badge from '~/components/atomic/Badge.vue';
 import Icon from '~/components/atomic/Icon.vue';
@@ -30,6 +31,7 @@ import Panel from '~/components/layout/Panel.vue';
 import useApiClient from '~/compositions/useApiClient';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const apiClient = useApiClient();
 
@@ -56,4 +58,7 @@ const branchesWithDefaultBranchFirst = computed(() =>
 );
 
 watch(repo, resetPage);
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.branches'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/RepoManualPipeline.vue b/web/src/views/repo/RepoManualPipeline.vue
index 3d5f7b174..d698a0b4d 100644
--- a/web/src/views/repo/RepoManualPipeline.vue
+++ b/web/src/views/repo/RepoManualPipeline.vue
@@ -39,6 +39,7 @@ import Panel from '~/components/layout/Panel.vue';
 import useApiClient from '~/compositions/useApiClient';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import { usePaginate } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 defineProps<{
   open: boolean;
@@ -103,4 +104,6 @@ async function triggerManualPipeline() {
 
   loading.value = false;
 }
+
+useWPTitle(computed(() => [i18n.t('repo.manual_pipeline.trigger'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/RepoPipelines.vue b/web/src/views/repo/RepoPipelines.vue
index 1e444f6c3..046c53901 100644
--- a/web/src/views/repo/RepoPipelines.vue
+++ b/web/src/views/repo/RepoPipelines.vue
@@ -3,9 +3,16 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import PipelineList from '~/components/repo/pipeline/PipelineList.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const repo = requiredInject('repo');
 const pipelines = requiredInject('pipelines');
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.activity'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/RepoPullRequest.vue b/web/src/views/repo/RepoPullRequest.vue
index 59fed236a..d179f854b 100644
--- a/web/src/views/repo/RepoPullRequest.vue
+++ b/web/src/views/repo/RepoPullRequest.vue
@@ -7,9 +7,11 @@
 
 <script lang="ts" setup>
 import { computed, toRef } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import PipelineList from '~/components/repo/pipeline/PipelineList.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const props = defineProps<{
   pullRequest: string;
@@ -34,4 +36,7 @@ const pipelines = computed(() =>
         .replaceAll('/head', '') === pullRequest.value,
   ),
 );
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.activity'), pullRequest.value, repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/RepoPullRequests.vue b/web/src/views/repo/RepoPullRequests.vue
index f36b3e3d9..79562f838 100644
--- a/web/src/views/repo/RepoPullRequests.vue
+++ b/web/src/views/repo/RepoPullRequests.vue
@@ -26,7 +26,8 @@
 </template>
 
 <script lang="ts" setup>
-import { watch } from 'vue';
+import { computed, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Icon from '~/components/atomic/Icon.vue';
 import ListItem from '~/components/atomic/ListItem.vue';
@@ -34,6 +35,7 @@ import Panel from '~/components/layout/Panel.vue';
 import useApiClient from '~/compositions/useApiClient';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { PullRequest } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -50,4 +52,7 @@ async function loadPullRequests(page: number): Promise<PullRequest[]> {
 const { resetPage, data: pullRequests, loading } = usePagination(loadPullRequests);
 
 watch(repo, resetPage);
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.pull_requests'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/pipeline/Pipeline.vue b/web/src/views/repo/pipeline/Pipeline.vue
index ce1a083af..447a56a99 100644
--- a/web/src/views/repo/pipeline/Pipeline.vue
+++ b/web/src/views/repo/pipeline/Pipeline.vue
@@ -76,6 +76,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { PipelineStep } from '~/lib/api/types';
 
 const props = defineProps<{
@@ -144,4 +145,12 @@ const { doSubmit: declinePipeline, isLoading: isDecliningPipeline } = useAsyncAc
   await apiClient.declinePipeline(repo.value.id, `${pipeline.value.number}`);
   notifications.notify({ title: i18n.t('repo.pipeline.protected.decline_success'), type: 'success' });
 });
+
+useWPTitle(
+  computed(() => [
+    i18n.t('repo.pipeline.tasks'),
+    i18n.t('repo.pipeline.pipeline', { pipelineId: pipeline.value.id }),
+    repo.value.full_name,
+  ]),
+);
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineChangedFiles.vue b/web/src/views/repo/pipeline/PipelineChangedFiles.vue
index 7370ba4ec..45a0a8f73 100644
--- a/web/src/views/repo/pipeline/PipelineChangedFiles.vue
+++ b/web/src/views/repo/pipeline/PipelineChangedFiles.vue
@@ -7,8 +7,22 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import Panel from '~/components/layout/Panel.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
+const repo = requiredInject('repo');
 const pipeline = requiredInject('pipeline');
+
+const { t } = useI18n();
+useWPTitle(
+  computed(() => [
+    t('repo.pipeline.files'),
+    t('repo.pipeline.pipeline', { pipelineId: pipeline.value.id }),
+    repo.value.full_name,
+  ]),
+);
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineConfig.vue b/web/src/views/repo/pipeline/PipelineConfig.vue
index f196f0b3e..0710a8b8a 100644
--- a/web/src/views/repo/pipeline/PipelineConfig.vue
+++ b/web/src/views/repo/pipeline/PipelineConfig.vue
@@ -15,11 +15,15 @@
 <script lang="ts" setup>
 import { decode } from 'js-base64';
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import SyntaxHighlight from '~/components/atomic/SyntaxHighlight';
 import Panel from '~/components/layout/Panel.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
+const repo = requiredInject('repo');
+const pipeline = requiredInject('pipeline');
 const pipelineConfigs = requiredInject('pipeline-configs');
 
 const pipelineConfigsDecoded = computed(
@@ -29,4 +33,13 @@ const pipelineConfigsDecoded = computed(
       data: decode(i.data),
     })) ?? [],
 );
+
+const { t } = useI18n();
+useWPTitle(
+  computed(() => [
+    t('repo.pipeline.config'),
+    t('repo.pipeline.pipeline', { pipelineId: pipeline.value.id }),
+    repo.value.full_name,
+  ]),
+);
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineDebug.vue b/web/src/views/repo/pipeline/PipelineDebug.vue
index 30bacbaab..c302e646e 100644
--- a/web/src/views/repo/pipeline/PipelineDebug.vue
+++ b/web/src/views/repo/pipeline/PipelineDebug.vue
@@ -27,6 +27,7 @@ import Panel from '~/components/layout/Panel.vue';
 import useApiClient from '~/compositions/useApiClient';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const { t } = useI18n();
 const apiClient = useApiClient();
@@ -74,4 +75,12 @@ async function downloadMetadata() {
     isLoading.value = false;
   }
 }
+
+useWPTitle(
+  computed(() => [
+    t('repo.pipeline.debug.title'),
+    t('repo.pipeline.pipeline', { pipelineId: pipeline.value.id }),
+    repo.value.full_name,
+  ]),
+);
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineErrors.vue b/web/src/views/repo/pipeline/PipelineErrors.vue
index cfd997a5d..485f6bd37 100644
--- a/web/src/views/repo/pipeline/PipelineErrors.vue
+++ b/web/src/views/repo/pipeline/PipelineErrors.vue
@@ -48,13 +48,18 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import DocsLink from '~/components/atomic/DocsLink.vue';
 import Icon from '~/components/atomic/Icon.vue';
 import RenderMarkdown from '~/components/atomic/RenderMarkdown.vue';
 import Panel from '~/components/layout/Panel.vue';
 import { requiredInject } from '~/compositions/useInjectProvide';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { PipelineError } from '~/lib/api/types';
 
+const repo = requiredInject('repo');
 const pipeline = requiredInject('pipeline');
 
 function isLinterError(error: PipelineError): error is PipelineError<{ file?: string; field: string }> {
@@ -70,4 +75,13 @@ function isDeprecationError(
 function isBadHabitError(error: PipelineError): error is PipelineError<{ file?: string; field: string; docs: string }> {
   return error.type === 'bad_habit';
 }
+
+const { t } = useI18n();
+useWPTitle(
+  computed(() => [
+    pipeline.value.errors?.some((e) => !e.is_warning) ? t('repo.pipeline.errors') : t('repo.pipeline.warnings'),
+    t('repo.pipeline.pipeline', { pipelineId: pipeline.value.id }),
+    repo.value.full_name,
+  ]),
+);
 </script>
diff --git a/web/src/views/repo/settings/Actions.vue b/web/src/views/repo/settings/Actions.vue
index 6026a80de..9410d337e 100644
--- a/web/src/views/repo/settings/Actions.vue
+++ b/web/src/views/repo/settings/Actions.vue
@@ -52,6 +52,7 @@ import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const apiClient = useApiClient();
 const router = useRouter();
@@ -89,4 +90,6 @@ const { doSubmit: deactivateRepo, isLoading: isDeactivatingRepo } = useAsyncActi
 });
 
 const isActive = computed(() => repo?.value.active);
+
+useWPTitle(computed(() => [i18n.t('repo.settings.actions.actions'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/settings/Badge.vue b/web/src/views/repo/settings/Badge.vue
index 94ce7810d..fc83d3772 100644
--- a/web/src/views/repo/settings/Badge.vue
+++ b/web/src/views/repo/settings/Badge.vue
@@ -42,6 +42,7 @@
 <script lang="ts" setup>
 import { useStorage } from '@vueuse/core';
 import { computed, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import type { SelectOption } from '~/components/form/form.types';
 import InputField from '~/components/form/InputField.vue';
@@ -51,6 +52,7 @@ import useApiClient from '~/compositions/useApiClient';
 import useConfig from '~/compositions/useConfig';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import { usePaginate } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const apiClient = useApiClient();
 const repo = requiredInject('repo');
@@ -109,4 +111,7 @@ onMounted(() => {
 watch(repo, () => {
   loadBranches();
 });
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('repo.settings.badge.badge'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/settings/Crons.vue b/web/src/views/repo/settings/Crons.vue
index eff3217f4..08cd54a47 100644
--- a/web/src/views/repo/settings/Crons.vue
+++ b/web/src/views/repo/settings/Crons.vue
@@ -120,6 +120,7 @@ import { useDate } from '~/compositions/useDate';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Cron } from '~/lib/api/types';
 import router from '~/router';
 
@@ -171,4 +172,6 @@ const { doSubmit: runCron } = useAsyncAction(async (_cron: Cron) => {
     },
   });
 });
+
+useWPTitle(computed(() => [i18n.t('repo.settings.crons.crons'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/settings/General.vue b/web/src/views/repo/settings/General.vue
index 4c0da1186..25e2337ae 100644
--- a/web/src/views/repo/settings/General.vue
+++ b/web/src/views/repo/settings/General.vue
@@ -171,7 +171,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import Button from '~/components/atomic/Button.vue';
@@ -188,6 +188,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useAuthentication from '~/compositions/useAuthentication';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { RepoRequireApproval, RepoVisibility, WebhookEvents } from '~/lib/api/types';
 import type { RepoSettings } from '~/lib/api/types';
 import { useRepoStore } from '~/store/repos';
@@ -294,4 +295,6 @@ function removeUser(user: string) {
 
   repoSettings.value.approval_allowed_users = repoSettings.value.approval_allowed_users.filter((i) => i !== user);
 }
+
+useWPTitle(computed(() => [i18n.t('repo.settings.general.project'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/settings/Registries.vue b/web/src/views/repo/settings/Registries.vue
index 8652132d3..827d8f547 100644
--- a/web/src/views/repo/settings/Registries.vue
+++ b/web/src/views/repo/settings/Registries.vue
@@ -42,6 +42,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Registry } from '~/lib/api/types';
 
 const emptyRegistry: Partial<Registry> = {
@@ -96,4 +97,6 @@ function editRegistry(registry: Registry) {
 function showAddRegistry() {
   selectedRegistry.value = cloneDeep(emptyRegistry);
 }
+
+useWPTitle(computed(() => [i18n.t('registries.registries'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/repo/settings/Secrets.vue b/web/src/views/repo/settings/Secrets.vue
index 76f79394f..efa0945b9 100644
--- a/web/src/views/repo/settings/Secrets.vue
+++ b/web/src/views/repo/settings/Secrets.vue
@@ -37,6 +37,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { requiredInject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { WebhookEvents } from '~/lib/api/types';
 import type { Secret } from '~/lib/api/types';
 
@@ -129,4 +130,6 @@ function editSecret(secret: Secret) {
 function showAddSecret() {
   selectedSecret.value = cloneDeep(emptySecret);
 }
+
+useWPTitle(computed(() => [i18n.t('secrets.secrets'), repo.value.full_name]));
 </script>
diff --git a/web/src/views/user/UserAgents.vue b/web/src/views/user/UserAgents.vue
index 1311c202e..dc90984d9 100644
--- a/web/src/views/user/UserAgents.vue
+++ b/web/src/views/user/UserAgents.vue
@@ -9,9 +9,13 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
 import AgentManager from '~/components/agent/AgentManager.vue';
 import useApiClient from '~/compositions/useApiClient';
 import useAuthentication from '~/compositions/useAuthentication';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Agent } from '~/lib/api/types';
 
 const apiClient = useApiClient();
@@ -25,4 +29,7 @@ const loadAgents = (page: number) => apiClient.getOrgAgents(user.org_id, { page
 const createAgent = (agent: Partial<Agent>) => apiClient.createOrgAgent(user.org_id, agent);
 const updateAgent = (agent: Agent) => apiClient.updateOrgAgent(user.org_id, agent.id, agent);
 const deleteAgent = (agent: Agent) => apiClient.deleteOrgAgent(user.org_id, agent.id);
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('admin.settings.agents.agents'), t('user.settings.settings')]));
 </script>
diff --git a/web/src/views/user/UserCLIAndAPI.vue b/web/src/views/user/UserCLIAndAPI.vue
index 74910219c..49f7a150c 100644
--- a/web/src/views/user/UserCLIAndAPI.vue
+++ b/web/src/views/user/UserCLIAndAPI.vue
@@ -34,12 +34,14 @@
 
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 import Button from '~/components/atomic/Button.vue';
 import InputField from '~/components/form/InputField.vue';
 import Settings from '~/components/layout/Settings.vue';
 import useApiClient from '~/compositions/useApiClient';
 import useConfig from '~/compositions/useConfig';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
 const { rootPath, enableSwagger } = useConfig();
 
@@ -68,4 +70,7 @@ const resetToken = async () => {
   token.value = await apiClient.resetToken();
   window.location.href = `${address}/logout`;
 };
+
+const { t } = useI18n();
+useWPTitle(computed(() => [t('user.settings.cli_and_api.cli_and_api'), t('user.settings.settings')]));
 </script>
diff --git a/web/src/views/user/UserGeneral.vue b/web/src/views/user/UserGeneral.vue
index f46dc44d6..903a9121e 100644
--- a/web/src/views/user/UserGeneral.vue
+++ b/web/src/views/user/UserGeneral.vue
@@ -28,8 +28,9 @@ import SelectField from '~/components/form/SelectField.vue';
 import Settings from '~/components/layout/Settings.vue';
 import { setI18nLanguage } from '~/compositions/useI18n';
 import { useTheme } from '~/compositions/useTheme';
+import { useWPTitle } from '~/compositions/useWPTitle';
 
-const { locale } = useI18n();
+const { locale, t } = useI18n();
 const { storeTheme } = useTheme();
 
 const localeOptions = computed(() =>
@@ -49,4 +50,6 @@ const selectedLocale = computed<string>({
     return storedLocale.value;
   },
 });
+
+useWPTitle(computed(() => [t('user.settings.general.general'), t('user.settings.settings')]));
 </script>
diff --git a/web/src/views/user/UserRegistries.vue b/web/src/views/user/UserRegistries.vue
index 79fb0bd36..25c7afe9c 100644
--- a/web/src/views/user/UserRegistries.vue
+++ b/web/src/views/user/UserRegistries.vue
@@ -46,6 +46,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useAuthentication from '~/compositions/useAuthentication';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import type { Registry } from '~/lib/api/types';
 
 const emptyRegistry: Partial<Registry> = {
@@ -106,4 +107,6 @@ function editRegistry(registry: Registry) {
 function showAddRegistry() {
   selectedRegistry.value = cloneDeep(emptyRegistry);
 }
+
+useWPTitle(computed(() => [i18n.t('registries.registries'), i18n.t('user.settings.settings')]));
 </script>
diff --git a/web/src/views/user/UserSecrets.vue b/web/src/views/user/UserSecrets.vue
index 521415762..af2e3625e 100644
--- a/web/src/views/user/UserSecrets.vue
+++ b/web/src/views/user/UserSecrets.vue
@@ -41,6 +41,7 @@ import { useAsyncAction } from '~/compositions/useAsyncAction';
 import useAuthentication from '~/compositions/useAuthentication';
 import useNotifications from '~/compositions/useNotifications';
 import { usePagination } from '~/compositions/usePaginate';
+import { useWPTitle } from '~/compositions/useWPTitle';
 import { WebhookEvents } from '~/lib/api/types';
 import type { Secret } from '~/lib/api/types';
 
@@ -103,4 +104,6 @@ function editSecret(secret: Secret) {
 function showAddSecret() {
   selectedSecret.value = cloneDeep(emptySecret);
 }
+
+useWPTitle(computed(() => [i18n.t('secrets.secrets'), i18n.t('user.settings.settings')]));
 </script>