From af8721cc95fa40851340a4bdc763269953a1864f Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Mon, 18 Nov 2024 23:31:47 +0100
Subject: [PATCH 01/17] improve project settings descriptions

---
 web/src/assets/locales/en.json | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 4df57fb0bb..c33ab2a4a0 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -70,8 +70,8 @@
     "settings": {
       "not_allowed": "You are not allowed to access this repository's settings",
       "general": {
-        "general": "General",
-        "project": "Project settings",
+        "general": "Repository settings",
+        "project": "General",
         "save": "Save settings",
         "success": "Repository settings updated",
         "pipeline_path": {
@@ -82,29 +82,29 @@
         },
         "allow_pr": {
           "allow": "Allow Pull Requests",
-          "desc": "Pipelines can run on pull requests."
+          "desc": "Allows pipelines to run on pull request events."
         },
         "allow_deploy": {
           "allow": "Allow deployments",
-          "desc": "Allow deployments from successful pipelines. Only use if you trust all users with push access."
+          "desc": "Allow deployments from successful pipelines. Use this option only if you trust all users with push permissions."
         },
         "netrc_only_trusted": {
-          "netrc_only_trusted": "Only inject netrc credentials into trusted clone plugins",
-          "desc": "If enabled, git netrc credentials are only available for trusted clone plugins set in `WOODPECKER_PLUGINS_TRUSTED_CLONE`. Otherwise, all clone plugins can use the netrc credentials. This option has no effect on non-clone steps."
+          "netrc_only_trusted": "Only inject git credentials into trusted clone plugins",
+          "desc": "When enabled, Git credentials are accessible only to trusted clone plugins specified in WOODPECKER_PLUGINS_TRUSTED_CLONE. Otherwise, custom clone plugins can use git credentials. This setting has no affect on non-clone steps."
         },
         "trusted": {
           "trusted": "Trusted",
           "network": {
             "network": "Network",
-            "desc": "Underlying pipeline containers get access to network privileges like changing DNS."
+            "desc": "Pipeline container get access to network privileges like changing DNS."
           },
           "volumes": {
             "volumes": "Volumes",
-            "desc": "Underlying pipeline containers get access to volume privileges."
+            "desc": "Pipeline container are allowed to mount volumes."
           },
           "security": {
             "security": "Security",
-            "desc": "Underlying pipeline containers get access to security privileges."
+            "desc": "Pipeline container get access to security privileges."
           }
         },
         "visibility": {
@@ -128,7 +128,7 @@
         },
         "cancel_prev": {
           "cancel": "Cancel previous pipelines",
-          "desc": "Enable to cancel pending and running pipelines of the same event and context before starting the newly triggered one."
+          "desc": "Selected event triggers will cancel pending and running pipelines of the same event before starting the most recent one."
         }
       },
       "crons": {
@@ -502,12 +502,12 @@
   "access_denied": "You are not allowed to access this instance",
   "invalid_state": "The OAuth state is invalid",
   "require_approval": {
-    "require_approval_for": "Require approval for",
-    "none": "No approval required",
-    "none_desc": "This setting can be dangerous and should only be used on private forges where all users are trusted.",
-    "forks": "Pull request from forked repositories",
-    "pull_requests": "All pull requests",
-    "all_events": "All events from forge",
-    "desc": "Prevent malicious pipelines from exposing secrets or running harmful tasks by approving them before execution."
+    "desc": "Prevent malicious pipelines from exposing secrets or running harmful tasks by approving them before execution.",
+    "require_approval_for": "Approval requirements",
+    "none": "None",
+    "none_desc": "Any event can trigger builds, including Pull Requests. This setting can be dangerous in public instances and is only recommended for private instances",
+    "forks": "Pull request from forked repository",
+    "pull_requests": "Any pull requests",
+    "all_events": "Any event trigger"
   }
 }

From 7b44e2e20eae1edeb540870cf2c2334b6fc4f172 Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 10:49:59 +0100
Subject: [PATCH 02/17] Update web/src/assets/locales/en.json

Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index c33ab2a4a0..2a36bcd8ff 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -505,7 +505,7 @@
     "desc": "Prevent malicious pipelines from exposing secrets or running harmful tasks by approving them before execution.",
     "require_approval_for": "Approval requirements",
     "none": "None",
-    "none_desc": "Any event can trigger builds, including Pull Requests. This setting can be dangerous in public instances and is only recommended for private instances",
+    "none_desc": "Every event triggers builds, including pull requests. This setting can be dangerous and is only recommended for private instances.",
     "forks": "Pull request from forked repository",
     "pull_requests": "Any pull requests",
     "all_events": "Any event trigger"

From 00d3a34d4f404e70fb89e5907d5f52d9fd4f15a4 Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 10:50:41 +0100
Subject: [PATCH 03/17] Update web/src/assets/locales/en.json

Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 2a36bcd8ff..2b56b6ec2e 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -507,7 +507,7 @@
     "none": "None",
     "none_desc": "Every event triggers builds, including pull requests. This setting can be dangerous and is only recommended for private instances.",
     "forks": "Pull request from forked repository",
-    "pull_requests": "Any pull requests",
+    "pull_requests": "All pull requests",
     "all_events": "Any event trigger"
   }
 }

From 28d5452c854ef4d31b85cc7eaff1da7a33464a61 Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 10:54:07 +0100
Subject: [PATCH 04/17] Update web/src/assets/locales/en.json

Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 2b56b6ec2e..890aa46140 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -90,7 +90,7 @@
         },
         "netrc_only_trusted": {
           "netrc_only_trusted": "Only inject git credentials into trusted clone plugins",
-          "desc": "When enabled, Git credentials are accessible only to trusted clone plugins specified in WOODPECKER_PLUGINS_TRUSTED_CLONE. Otherwise, custom clone plugins can use git credentials. This setting has no affect on non-clone steps."
+          "desc": "When enabled, git credentials are accessible only to trusted clone plugins specified in WOODPECKER_PLUGINS_TRUSTED_CLONE. Otherwise, custom clone plugins can use git credentials. This setting has no affect on non-clone steps."
         },
         "trusted": {
           "trusted": "Trusted",

From 5ee25d378d7fc6acd78e15cc6a67b76038cb3750 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 10:58:05 +0100
Subject: [PATCH 05/17] chore: swap project and general settings in code and
 align text settings

---
 web/src/assets/locales/en.json                  | 4 ++--
 web/src/components/repo/settings/GeneralTab.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 890aa46140..86a0b68ec0 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -70,8 +70,8 @@
     "settings": {
       "not_allowed": "You are not allowed to access this repository's settings",
       "general": {
-        "general": "Repository settings",
-        "project": "General",
+        "general": "General",
+        "project": "Repository settings",
         "save": "Save settings",
         "success": "Repository settings updated",
         "pipeline_path": {
diff --git a/web/src/components/repo/settings/GeneralTab.vue b/web/src/components/repo/settings/GeneralTab.vue
index e57bdc1498..4e884d95b6 100644
--- a/web/src/components/repo/settings/GeneralTab.vue
+++ b/web/src/components/repo/settings/GeneralTab.vue
@@ -1,9 +1,9 @@
 <template>
-  <Settings :title="$t('repo.settings.general.general')">
+  <Settings :title="$t('repo.settings.general.project')">
     <form v-if="repoSettings" class="flex flex-col" @submit.prevent="saveRepoSettings">
       <InputField
         docs-url="docs/usage/project-settings#project-settings-1"
-        :label="$t('repo.settings.general.project')"
+        :label="$t('repo.settings.general.general')"
       >
         <Checkbox
           v-model="repoSettings.allow_pr"

From 11dac4c176b0e41407a64c248855c321734862ed Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 14:48:31 +0100
Subject: [PATCH 06/17] adjust allow_deploy

---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 86a0b68ec0..b2e30a8911 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -86,7 +86,7 @@
         },
         "allow_deploy": {
           "allow": "Allow deployments",
-          "desc": "Allow deployments from successful pipelines. Use this option only if you trust all users with push permissions."
+          "desc": "Permit 'deployment' runs for successful pipelines. All users with with push permissions can trigger these, so use with caution."
         },
         "netrc_only_trusted": {
           "netrc_only_trusted": "Only inject git credentials into trusted clone plugins",

From b81bb8d08b12afb909e23ae5b70c62f49526e4e6 Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 14:49:10 +0100
Subject: [PATCH 07/17] Update web/src/assets/locales/en.json

Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index b2e30a8911..750505f7f0 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -82,7 +82,7 @@
         },
         "allow_pr": {
           "allow": "Allow Pull Requests",
-          "desc": "Allows pipelines to run on pull request events."
+          "desc": "Allow pipelines to run on pull requests."
         },
         "allow_deploy": {
           "allow": "Allow deployments",

From 879c1e2d7d3fdfc298706ff3ea6630a22af55e5c Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Tue, 19 Nov 2024 15:04:50 +0200
Subject: [PATCH 08/17] Use separate routes instead of anchors (#4285)

Co-authored-by: Anbraten <anton@ju60.de>
---
 .../components/layout/scaffold/Scaffold.vue   |  27 +--
 web/src/components/layout/scaffold/Tab.vue    |  42 ++--
 web/src/components/layout/scaffold/Tabs.vue   |  41 +---
 web/src/compositions/useInjectProvide.ts      |   7 +-
 web/src/compositions/useTabs.ts               |  43 +---
 web/src/router.ts                             | 197 +++++++++++++++---
 web/src/views/User.vue                        |  35 ----
 .../admin/AdminAgents.vue}                    |   0
 .../admin/AdminInfo.vue}                      |   0
 .../admin/AdminOrgs.vue}                      |   0
 .../admin/AdminQueue.vue}                     |   3 +-
 .../admin/AdminRegistries.vue}                |   0
 .../admin/AdminRepos.vue}                     |   0
 .../admin/AdminSecrets.vue}                   |   0
 web/src/views/admin/AdminSettings.vue         |  67 ------
 web/src/views/admin/AdminSettingsWrapper.vue  |  40 ++++
 .../admin/AdminUsers.vue}                     |   0
 web/src/views/org/OrgRepos.vue                |   2 +-
 web/src/views/org/OrgWrapper.vue              |   2 +-
 .../org/settings/OrgAgents.vue}               |   0
 .../org/settings/OrgRegistries.vue}           |   0
 .../org/settings/OrgSecrets.vue}              |   0
 .../OrgSettingsWrapper.vue}                   |  23 +-
 web/src/views/repo/RepoWrapper.vue            |  39 +---
 .../views/repo/pipeline/PipelineConfig.vue    |  19 +-
 .../views/repo/pipeline/PipelineWrapper.vue   |  64 ++----
 .../repo/settings/Actions.vue}                |   0
 .../repo/settings/Badge.vue}                  |   0
 .../repo/settings/Crons.vue}                  |   0
 .../repo/settings/General.vue}                |   0
 .../repo/settings/Registries.vue}             |   0
 .../repo/{ => settings}/RepoSettings.vue      |  32 +--
 .../repo/settings/Secrets.vue}                |   0
 .../user/UserAgents.vue}                      |   0
 .../user/UserCLIAndAPI.vue}                   |   0
 .../user/UserGeneral.vue}                     |   0
 .../user/UserRegistries.vue}                  |   0
 .../user/UserSecrets.vue}                     |   0
 web/src/views/user/UserWrapper.vue            |  27 +++
 39 files changed, 340 insertions(+), 370 deletions(-)
 delete mode 100644 web/src/views/User.vue
 rename web/src/{components/admin/settings/AdminAgentsTab.vue => views/admin/AdminAgents.vue} (100%)
 rename web/src/{components/admin/settings/AdminInfoTab.vue => views/admin/AdminInfo.vue} (100%)
 rename web/src/{components/admin/settings/AdminOrgsTab.vue => views/admin/AdminOrgs.vue} (100%)
 rename web/src/{components/admin/settings/AdminQueueTab.vue => views/admin/AdminQueue.vue} (98%)
 rename web/src/{components/admin/settings/AdminRegistriesTab.vue => views/admin/AdminRegistries.vue} (100%)
 rename web/src/{components/admin/settings/AdminReposTab.vue => views/admin/AdminRepos.vue} (100%)
 rename web/src/{components/admin/settings/AdminSecretsTab.vue => views/admin/AdminSecrets.vue} (100%)
 delete mode 100644 web/src/views/admin/AdminSettings.vue
 create mode 100644 web/src/views/admin/AdminSettingsWrapper.vue
 rename web/src/{components/admin/settings/AdminUsersTab.vue => views/admin/AdminUsers.vue} (100%)
 rename web/src/{components/org/settings/OrgAgentsTab.vue => views/org/settings/OrgAgents.vue} (100%)
 rename web/src/{components/org/settings/OrgRegistriesTab.vue => views/org/settings/OrgRegistries.vue} (100%)
 rename web/src/{components/org/settings/OrgSecretsTab.vue => views/org/settings/OrgSecrets.vue} (100%)
 rename web/src/views/org/{OrgSettings.vue => settings/OrgSettingsWrapper.vue} (70%)
 rename web/src/{components/repo/settings/ActionsTab.vue => views/repo/settings/Actions.vue} (100%)
 rename web/src/{components/repo/settings/BadgeTab.vue => views/repo/settings/Badge.vue} (100%)
 rename web/src/{components/repo/settings/CronTab.vue => views/repo/settings/Crons.vue} (100%)
 rename web/src/{components/repo/settings/GeneralTab.vue => views/repo/settings/General.vue} (100%)
 rename web/src/{components/repo/settings/RegistriesTab.vue => views/repo/settings/Registries.vue} (100%)
 rename web/src/views/repo/{ => settings}/RepoSettings.vue (64%)
 rename web/src/{components/repo/settings/SecretsTab.vue => views/repo/settings/Secrets.vue} (100%)
 rename web/src/{components/user/UserAgentsTab.vue => views/user/UserAgents.vue} (100%)
 rename web/src/{components/user/UserCLIAndAPITab.vue => views/user/UserCLIAndAPI.vue} (100%)
 rename web/src/{components/user/UserGeneralTab.vue => views/user/UserGeneral.vue} (100%)
 rename web/src/{components/user/UserRegistriesTab.vue => views/user/UserRegistries.vue} (100%)
 rename web/src/{components/user/UserSecretsTab.vue => views/user/UserSecrets.vue} (100%)
 create mode 100644 web/src/views/user/UserWrapper.vue

diff --git a/web/src/components/layout/scaffold/Scaffold.vue b/web/src/components/layout/scaffold/Scaffold.vue
index ba04c7e6ad..16a21f88c7 100644
--- a/web/src/components/layout/scaffold/Scaffold.vue
+++ b/web/src/components/layout/scaffold/Scaffold.vue
@@ -18,8 +18,6 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-
 import Container from '~/components/layout/Container.vue';
 import { useTabsProvider } from '~/compositions/useTabs';
 
@@ -33,37 +31,16 @@ const props = defineProps<{
 
   // Tabs
   enableTabs?: boolean;
-  disableTabUrlHashMode?: boolean;
-  activeTab?: string;
 
   // Content
   fluidContent?: boolean;
 }>();
 
-const emit = defineEmits<{
-  (event: 'update:activeTab', value: string | undefined): void;
+defineEmits<{
   (event: 'update:search', value: string): void;
 }>();
 
 if (props.enableTabs) {
-  const internalActiveTab = ref(props.activeTab);
-
-  watch(
-    () => props.activeTab,
-    (activeTab) => {
-      internalActiveTab.value = activeTab;
-    },
-  );
-
-  useTabsProvider({
-    activeTab: computed({
-      get: () => internalActiveTab.value,
-      set: (value) => {
-        internalActiveTab.value = value;
-        emit('update:activeTab', value);
-      },
-    }),
-    disableUrlHashMode: computed(() => props.disableTabUrlHashMode || false),
-  });
+  useTabsProvider();
 }
 </script>
diff --git a/web/src/components/layout/scaffold/Tab.vue b/web/src/components/layout/scaffold/Tab.vue
index 23acb9799d..3bc833a3ea 100644
--- a/web/src/components/layout/scaffold/Tab.vue
+++ b/web/src/components/layout/scaffold/Tab.vue
@@ -1,38 +1,40 @@
-<template>
-  <div v-if="$slots.default" v-show="isActive" :aria-hidden="!isActive">
-    <slot />
-  </div>
-</template>
+<template><span /></template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { onMounted } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
 
 import type { IconNames } from '~/components/atomic/Icon.vue';
-import { useTabsClient, type Tab } from '~/compositions/useTabs';
+import { useTabsClient } from '~/compositions/useTabs';
 
 const props = defineProps<{
-  id?: string;
+  to: RouteLocationRaw;
   title: string;
   icon?: IconNames;
   iconClass?: string;
+  matchChildren?: boolean;
 }>();
 
-const { tabs, activeTab } = useTabsClient();
-const tab = ref<Tab>();
+const { tabs } = useTabsClient();
+
+// TODO: find a better way to compare routes like
+// https://github.com/vuejs/router/blob/0eaaeb9697acd40ad524d913d0348748e9797acb/packages/router/src/utils/index.ts#L17
+function isSameRoute(a: RouteLocationRaw, b: RouteLocationRaw): boolean {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
 
 onMounted(() => {
-  tab.value = {
-    id: props.id || props.title.toLocaleLowerCase().replace(' ', '-') || tabs.value.length.toString(),
+  // don't add tab if tab id is already present
+  if (tabs.value.find(({ to }) => isSameRoute(to, props.to))) {
+    return;
+  }
+
+  tabs.value.push({
+    to: props.to,
     title: props.title,
     icon: props.icon,
     iconClass: props.iconClass,
-  };
-
-  // don't add tab if tab id is already present
-  if (!tabs.value.find(({ id }) => id === props.id)) {
-    tabs.value.push(tab.value);
-  }
+    matchChildren: props.matchChildren,
+  });
 });
-
-const isActive = computed(() => tab.value && tab.value.id === activeTab.value);
 </script>
diff --git a/web/src/components/layout/scaffold/Tabs.vue b/web/src/components/layout/scaffold/Tabs.vue
index d74cdc0f0e..090389800a 100644
--- a/web/src/components/layout/scaffold/Tabs.vue
+++ b/web/src/components/layout/scaffold/Tabs.vue
@@ -1,46 +1,27 @@
 <template>
   <div class="flex flex-wrap">
-    <button
+    <router-link
       v-for="tab in tabs"
-      :key="tab.id"
-      class="w-full py-1 md:py-2 md:w-auto md:px-6 flex cursor-pointer md:border-b-2 text-wp-text-100 hover:text-wp-text-200 items-center"
-      :class="{
-        'border-wp-text-100': activeTab === tab.id,
-        'border-transparent': activeTab !== tab.id,
-      }"
-      type="button"
-      @click="selectTab(tab)"
+      :key="tab.title"
+      v-slot="{ isActive, isExactActive }"
+      :to="tab.to"
+      class="border-transparent w-full py-1 md:py-2 md:w-auto md:px-6 flex cursor-pointer md:border-b-2 text-wp-text-100 hover:text-wp-text-200 items-center"
+      :active-class="tab.matchChildren ? '!border-wp-text-100' : ''"
+      :exact-active-class="tab.matchChildren ? '' : '!border-wp-text-100'"
     >
-      <Icon v-if="activeTab === tab.id" name="chevron-right" class="md:hidden" />
+      <Icon v-if="isExactActive || (isActive && tab.matchChildren)" name="chevron-right" class="md:hidden" />
       <Icon v-else name="blank" class="md:hidden" />
       <span class="flex gap-2 items-center flex-row-reverse md:flex-row">
         <Icon v-if="tab.icon" :name="tab.icon" :class="tab.iconClass" />
         <span>{{ tab.title }}</span>
       </span>
-    </button>
+    </router-link>
   </div>
 </template>
 
 <script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router';
-
 import Icon from '~/components/atomic/Icon.vue';
-import { useTabsClient, type Tab } from '~/compositions/useTabs';
-
-const router = useRouter();
-const route = useRoute();
-
-const { activeTab, tabs, disableUrlHashMode } = useTabsClient();
-
-async function selectTab(tab: Tab) {
-  if (tab.id === undefined) {
-    return;
-  }
-
-  activeTab.value = tab.id;
+import { useTabsClient } from '~/compositions/useTabs';
 
-  if (!disableUrlHashMode.value) {
-    await router.replace({ params: route.params, hash: `#${tab.id}` });
-  }
-}
+const { tabs } = useTabsClient();
 </script>
diff --git a/web/src/compositions/useInjectProvide.ts b/web/src/compositions/useInjectProvide.ts
index 5fc7685a8f..949950eaaf 100644
--- a/web/src/compositions/useInjectProvide.ts
+++ b/web/src/compositions/useInjectProvide.ts
@@ -1,12 +1,17 @@
 import type { InjectionKey, Ref } from 'vue';
 import { inject as vueInject, provide as vueProvide } from 'vue';
 
-import type { Org, OrgPermissions, Repo } from '~/lib/api/types';
+import type { Org, OrgPermissions, Pipeline, PipelineConfig, Repo } from '~/lib/api/types';
+
+import type { Tab } from './useTabs';
 
 export interface InjectKeys {
   repo: Ref<Repo>;
   org: Ref<Org | undefined>;
   'org-permissions': Ref<OrgPermissions | undefined>;
+  pipeline: Ref<Pipeline | undefined>;
+  'pipeline-configs': Ref<PipelineConfig[] | undefined>;
+  tabs: Ref<Tab[]>;
 }
 
 export function inject<T extends keyof InjectKeys>(key: T): InjectKeys[T] {
diff --git a/web/src/compositions/useTabs.ts b/web/src/compositions/useTabs.ts
index a9538979ad..6f8bb626c1 100644
--- a/web/src/compositions/useTabs.ts
+++ b/web/src/compositions/useTabs.ts
@@ -1,49 +1,24 @@
-import { inject, onMounted, provide, ref, type Ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { ref } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
 
 import type { IconNames } from '~/components/atomic/Icon.vue';
 
+import { inject, provide } from './useInjectProvide';
+
 export interface Tab {
-  id: string;
+  to: RouteLocationRaw;
   title: string;
   icon?: IconNames;
   iconClass?: string;
+  matchChildren?: boolean;
 }
 
-export function useTabsProvider({
-  activeTab,
-  disableUrlHashMode,
-}: {
-  activeTab: Ref<string | undefined>;
-  disableUrlHashMode: Ref<boolean>;
-}) {
-  const route = useRoute();
-
+export function useTabsProvider() {
   const tabs = ref<Tab[]>([]);
-
   provide('tabs', tabs);
-  provide('disable-url-hash-mode', disableUrlHashMode);
-  provide('active-tab', activeTab);
-
-  onMounted(() => {
-    if (activeTab.value !== undefined) {
-      return;
-    }
-
-    const hashTab = route.hash.replace(/^#/, '');
-
-    activeTab.value = hashTab || tabs.value[0].id;
-  });
 }
 
 export function useTabsClient() {
-  const tabs = inject<Ref<Tab[]>>('tabs');
-  const disableUrlHashMode = inject<Ref<boolean>>('disable-url-hash-mode');
-  const activeTab = inject<Ref<string>>('active-tab');
-
-  if (activeTab === undefined || tabs === undefined || disableUrlHashMode === undefined) {
-    throw new Error('Please use this "useTabsClient" composition inside a component running "useTabsProvider".');
-  }
-
-  return { activeTab, tabs, disableUrlHashMode };
+  const tabs = inject('tabs');
+  return { tabs };
 }
diff --git a/web/src/router.ts b/web/src/router.ts
index ad807561bb..18d3d1edd0 100644
--- a/web/src/router.ts
+++ b/web/src/router.ts
@@ -42,29 +42,38 @@ const routes: RouteRecordRaw[] = [
           },
           {
             path: 'branches',
-            name: 'repo-branches',
-            component: (): Component => import('~/views/repo/RepoBranches.vue'),
             meta: { repoHeader: true },
+            children: [
+              {
+                path: '',
+                name: 'repo-branches',
+                component: (): Component => import('~/views/repo/RepoBranches.vue'),
+              },
+              {
+                path: ':branch',
+                name: 'repo-branch',
+                component: (): Component => import('~/views/repo/RepoBranch.vue'),
+                props: (route) => ({ branch: route.params.branch }),
+              },
+            ],
           },
-          {
-            path: 'branches/:branch',
-            name: 'repo-branch',
-            component: (): Component => import('~/views/repo/RepoBranch.vue'),
-            meta: { repoHeader: true },
-            props: (route) => ({ branch: route.params.branch }),
-          },
+
           {
             path: 'pull-requests',
-            name: 'repo-pull-requests',
-            component: (): Component => import('~/views/repo/RepoPullRequests.vue'),
-            meta: { repoHeader: true },
-          },
-          {
-            path: 'pull-requests/:pullRequest',
-            name: 'repo-pull-request',
-            component: (): Component => import('~/views/repo/RepoPullRequest.vue'),
             meta: { repoHeader: true },
-            props: (route) => ({ pullRequest: route.params.pullRequest }),
+            children: [
+              {
+                path: '',
+                name: 'repo-pull-requests',
+                component: (): Component => import('~/views/repo/RepoPullRequests.vue'),
+              },
+              {
+                path: ':pullRequest',
+                name: 'repo-pull-request',
+                component: (): Component => import('~/views/repo/RepoPullRequest.vue'),
+                props: (route) => ({ pullRequest: route.params.pullRequest }),
+              },
+            ],
           },
           {
             path: 'pipeline/:pipelineId',
@@ -98,15 +107,53 @@ const routes: RouteRecordRaw[] = [
                 path: 'debug',
                 name: 'repo-pipeline-debug',
                 component: (): Component => import('~/views/repo/pipeline/PipelineDebug.vue'),
+                props: true,
               },
             ],
           },
           {
             path: 'settings',
-            name: 'repo-settings',
-            component: (): Component => import('~/views/repo/RepoSettings.vue'),
+            component: (): Component => import('~/views/repo/settings/RepoSettings.vue'),
             meta: { authentication: 'required' },
             props: true,
+            children: [
+              {
+                path: '',
+                name: 'repo-settings',
+                component: (): Component => import('~/views/repo/settings/General.vue'),
+                props: true,
+              },
+              {
+                path: 'secrets',
+                name: 'repo-settings-secrets',
+                component: (): Component => import('~/views/repo/settings/Secrets.vue'),
+                props: true,
+              },
+              {
+                path: 'registries',
+                name: 'repo-settings-registries',
+                component: (): Component => import('~/views/repo/settings/Registries.vue'),
+                props: true,
+              },
+              {
+                path: 'crons',
+                name: 'repo-settings-crons',
+                component: (): Component => import('~/views/repo/settings/Crons.vue'),
+                props: true,
+              },
+              {
+                path: 'badge',
+                name: 'repo-settings-badge',
+                component: (): Component => import('~/views/repo/settings/Badge.vue'),
+                props: true,
+              },
+              {
+                path: 'actions',
+                name: 'repo-settings-actions',
+                component: (): Component => import('~/views/repo/settings/Actions.vue'),
+                props: true,
+              },
+            ],
           },
           {
             path: 'manual',
@@ -137,9 +184,29 @@ const routes: RouteRecordRaw[] = [
       {
         path: 'settings',
         name: 'org-settings',
-        component: (): Component => import('~/views/org/OrgSettings.vue'),
+        component: (): Component => import('~/views/org/settings/OrgSettingsWrapper.vue'),
         meta: { authentication: 'required' },
         props: true,
+        children: [
+          {
+            path: 'secrets',
+            name: 'org-settings-secrets',
+            component: (): Component => import('~/views/org/settings/OrgSecrets.vue'),
+            props: true,
+          },
+          {
+            path: 'registries',
+            name: 'org-settings-registries',
+            component: (): Component => import('~/views/org/settings/OrgRegistries.vue'),
+            props: true,
+          },
+          {
+            path: 'agents',
+            name: 'org-settings-agents',
+            component: (): Component => import('~/views/org/settings/OrgAgents.vue'),
+            props: true,
+          },
+        ],
       },
     ],
   },
@@ -150,18 +217,98 @@ const routes: RouteRecordRaw[] = [
   },
   {
     path: `${rootPath}/admin`,
-    name: 'admin-settings',
-    component: (): Component => import('~/views/admin/AdminSettings.vue'),
+    component: (): Component => import('~/views/admin/AdminSettingsWrapper.vue'),
     props: true,
     meta: { authentication: 'required' },
+    children: [
+      {
+        path: '',
+        name: 'admin-settings',
+        component: (): Component => import('~/views/admin/AdminInfo.vue'),
+        props: true,
+      },
+      {
+        path: 'secrets',
+        name: 'admin-settings-secrets',
+        component: (): Component => import('~/views/admin/AdminSecrets.vue'),
+        props: true,
+      },
+      {
+        path: 'registries',
+        name: 'admin-settings-registries',
+        component: (): Component => import('~/views/admin/AdminRegistries.vue'),
+        props: true,
+      },
+      {
+        path: 'repos',
+        name: 'admin-settings-repos',
+        component: (): Component => import('~/views/admin/AdminRepos.vue'),
+        props: true,
+      },
+      {
+        path: 'users',
+        name: 'admin-settings-users',
+        component: (): Component => import('~/views/admin/AdminUsers.vue'),
+        props: true,
+      },
+      {
+        path: 'orgs',
+        name: 'admin-settings-orgs',
+        component: (): Component => import('~/views/admin/AdminOrgs.vue'),
+        props: true,
+      },
+      {
+        path: 'agents',
+        name: 'admin-settings-agents',
+        component: (): Component => import('~/views/admin/AdminAgents.vue'),
+        props: true,
+      },
+      {
+        path: 'queue',
+        name: 'admin-settings-queue',
+        component: (): Component => import('~/views/admin/AdminQueue.vue'),
+        props: true,
+      },
+    ],
   },
 
   {
     path: `${rootPath}/user`,
-    name: 'user',
-    component: (): Component => import('~/views/User.vue'),
+    component: (): Component => import('~/views/user/UserWrapper.vue'),
     meta: { authentication: 'required' },
     props: true,
+    children: [
+      {
+        path: '',
+        name: 'user',
+        component: (): Component => import('~/views/user/UserGeneral.vue'),
+        props: true,
+      },
+      {
+        path: 'secrets',
+        name: 'user-secrets',
+        component: (): Component => import('~/views/user/UserSecrets.vue'),
+        props: true,
+      },
+      {
+        path: 'registries',
+        name: 'user-registries',
+        component: (): Component => import('~/views/user/UserRegistries.vue'),
+        props: true,
+      },
+      {
+        path: 'cli-and-api',
+        name: 'user-cli-and-api',
+        component: (): Component => import('~/views/user/UserCLIAndAPI.vue'),
+        props: true,
+      },
+      {
+        path: 'agents',
+        name: 'user-agents',
+        component: (): Component => import('~/views/user/UserAgents.vue'),
+        props: true,
+      },
+    ],
   },
   {
     path: `${rootPath}/login`,
diff --git a/web/src/views/User.vue b/web/src/views/User.vue
deleted file mode 100644
index 14a5ad934a..0000000000
--- a/web/src/views/User.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <Scaffold enable-tabs>
-    <template #title>{{ $t('user.settings.settings') }}</template>
-    <template #headerActions><Button :text="$t('logout')" :to="`${address}/logout`" /></template>
-    <Tab id="general" :title="$t('user.settings.general.general')">
-      <UserGeneralTab />
-    </Tab>
-    <Tab id="secrets" :title="$t('secrets.secrets')">
-      <UserSecretsTab />
-    </Tab>
-    <Tab id="registries" :title="$t('registries.registries')">
-      <UserRegistriesTab />
-    </Tab>
-    <Tab id="cli-and-api" :title="$t('user.settings.cli_and_api.cli_and_api')">
-      <UserCLIAndAPITab />
-    </Tab>
-    <Tab v-if="useConfig().userRegisteredAgents" id="agents" :title="$t('admin.settings.agents.agents')">
-      <UserAgentsTab />
-    </Tab>
-  </Scaffold>
-</template>
-
-<script lang="ts" setup>
-import Button from '~/components/atomic/Button.vue';
-import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
-import Tab from '~/components/layout/scaffold/Tab.vue';
-import UserAgentsTab from '~/components/user/UserAgentsTab.vue';
-import UserCLIAndAPITab from '~/components/user/UserCLIAndAPITab.vue';
-import UserGeneralTab from '~/components/user/UserGeneralTab.vue';
-import UserRegistriesTab from '~/components/user/UserRegistriesTab.vue';
-import UserSecretsTab from '~/components/user/UserSecretsTab.vue';
-import useConfig from '~/compositions/useConfig';
-
-const address = `${window.location.protocol}//${window.location.host}${useConfig().rootPath}`; // port is included in location.host
-</script>
diff --git a/web/src/components/admin/settings/AdminAgentsTab.vue b/web/src/views/admin/AdminAgents.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminAgentsTab.vue
rename to web/src/views/admin/AdminAgents.vue
diff --git a/web/src/components/admin/settings/AdminInfoTab.vue b/web/src/views/admin/AdminInfo.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminInfoTab.vue
rename to web/src/views/admin/AdminInfo.vue
diff --git a/web/src/components/admin/settings/AdminOrgsTab.vue b/web/src/views/admin/AdminOrgs.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminOrgsTab.vue
rename to web/src/views/admin/AdminOrgs.vue
diff --git a/web/src/components/admin/settings/AdminQueueTab.vue b/web/src/views/admin/AdminQueue.vue
similarity index 98%
rename from web/src/components/admin/settings/AdminQueueTab.vue
rename to web/src/views/admin/AdminQueue.vue
index 4469fb3b05..660fe34c17 100644
--- a/web/src/components/admin/settings/AdminQueueTab.vue
+++ b/web/src/views/admin/AdminQueue.vue
@@ -78,6 +78,7 @@
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import AdminQueueStats from '~/components/admin/settings/queue/AdminQueueStats.vue';
 import Badge from '~/components/atomic/Badge.vue';
 import Button from '~/components/atomic/Button.vue';
 import Icon from '~/components/atomic/Icon.vue';
@@ -87,8 +88,6 @@ import useApiClient from '~/compositions/useApiClient';
 import useNotifications from '~/compositions/useNotifications';
 import type { QueueInfo } from '~/lib/api/types';
 
-import AdminQueueStats from './queue/AdminQueueStats.vue';
-
 const apiClient = useApiClient();
 const notifications = useNotifications();
 const { t } = useI18n();
diff --git a/web/src/components/admin/settings/AdminRegistriesTab.vue b/web/src/views/admin/AdminRegistries.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminRegistriesTab.vue
rename to web/src/views/admin/AdminRegistries.vue
diff --git a/web/src/components/admin/settings/AdminReposTab.vue b/web/src/views/admin/AdminRepos.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminReposTab.vue
rename to web/src/views/admin/AdminRepos.vue
diff --git a/web/src/components/admin/settings/AdminSecretsTab.vue b/web/src/views/admin/AdminSecrets.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminSecretsTab.vue
rename to web/src/views/admin/AdminSecrets.vue
diff --git a/web/src/views/admin/AdminSettings.vue b/web/src/views/admin/AdminSettings.vue
deleted file mode 100644
index 3ff1d36af4..0000000000
--- a/web/src/views/admin/AdminSettings.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <Scaffold enable-tabs>
-    <template #title>
-      {{ $t('settings') }}
-    </template>
-    <Tab id="info" :title="$t('info')">
-      <AdminInfoTab />
-    </Tab>
-    <Tab id="secrets" :title="$t('secrets.secrets')">
-      <AdminSecretsTab />
-    </Tab>
-    <Tab id="registries" :title="$t('registries.registries')">
-      <AdminRegistriesTab />
-    </Tab>
-    <Tab id="repos" :title="$t('admin.settings.repos.repos')">
-      <AdminReposTab />
-    </Tab>
-    <Tab id="users" :title="$t('admin.settings.users.users')">
-      <AdminUsersTab />
-    </Tab>
-    <Tab id="orgs" :title="$t('admin.settings.orgs.orgs')">
-      <AdminOrgsTab />
-    </Tab>
-    <Tab id="agents" :title="$t('admin.settings.agents.agents')">
-      <AdminAgentsTab />
-    </Tab>
-    <Tab id="queue" :title="$t('admin.settings.queue.queue')">
-      <AdminQueueTab />
-    </Tab>
-  </Scaffold>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
-
-import AdminAgentsTab from '~/components/admin/settings/AdminAgentsTab.vue';
-import AdminInfoTab from '~/components/admin/settings/AdminInfoTab.vue';
-import AdminOrgsTab from '~/components/admin/settings/AdminOrgsTab.vue';
-import AdminQueueTab from '~/components/admin/settings/AdminQueueTab.vue';
-import AdminRegistriesTab from '~/components/admin/settings/AdminRegistriesTab.vue';
-import AdminReposTab from '~/components/admin/settings/AdminReposTab.vue';
-import AdminSecretsTab from '~/components/admin/settings/AdminSecretsTab.vue';
-import AdminUsersTab from '~/components/admin/settings/AdminUsersTab.vue';
-import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
-import Tab from '~/components/layout/scaffold/Tab.vue';
-import useAuthentication from '~/compositions/useAuthentication';
-import useNotifications from '~/compositions/useNotifications';
-
-const notifications = useNotifications();
-const router = useRouter();
-const i18n = useI18n();
-const { user } = useAuthentication();
-
-onMounted(async () => {
-  if (!user?.admin) {
-    notifications.notify({ type: 'error', title: i18n.t('admin.settings.not_allowed') });
-    await router.replace({ name: 'home' });
-  }
-
-  if (!user?.admin) {
-    notifications.notify({ type: 'error', title: i18n.t('admin.settings.not_allowed') });
-    await router.replace({ name: 'home' });
-  }
-});
-</script>
diff --git a/web/src/views/admin/AdminSettingsWrapper.vue b/web/src/views/admin/AdminSettingsWrapper.vue
new file mode 100644
index 0000000000..da9a0c44b9
--- /dev/null
+++ b/web/src/views/admin/AdminSettingsWrapper.vue
@@ -0,0 +1,40 @@
+<template>
+  <Scaffold enable-tabs>
+    <template #title>
+      {{ $t('settings') }}
+    </template>
+    <Tab :to="{ name: 'admin-settings' }" :title="$t('info')" />
+    <Tab :to="{ name: 'admin-settings-secrets' }" :title="$t('secrets.secrets')" />
+    <Tab :to="{ name: 'admin-settings-registries' }" :title="$t('registries.registries')" />
+    <Tab :to="{ name: 'admin-settings-repos' }" :title="$t('admin.settings.repos.repos')" />
+    <Tab :to="{ name: 'admin-settings-users' }" :title="$t('admin.settings.users.users')" />
+    <Tab :to="{ name: 'admin-settings-orgs' }" :title="$t('admin.settings.orgs.orgs')" />
+    <Tab :to="{ name: 'admin-settings-agents' }" :title="$t('admin.settings.agents.agents')" />
+    <Tab :to="{ name: 'admin-settings-queue' }" :title="$t('admin.settings.queue.queue')" />
+
+    <router-view />
+  </Scaffold>
+</template>
+
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
+import Tab from '~/components/layout/scaffold/Tab.vue';
+import useAuthentication from '~/compositions/useAuthentication';
+import useNotifications from '~/compositions/useNotifications';
+
+const notifications = useNotifications();
+const router = useRouter();
+const i18n = useI18n();
+const { user } = useAuthentication();
+
+onMounted(async () => {
+  if (!user?.admin) {
+    notifications.notify({ type: 'error', title: i18n.t('admin.settings.not_allowed') });
+    await router.replace({ name: 'home' });
+  }
+});
+</script>
diff --git a/web/src/components/admin/settings/AdminUsersTab.vue b/web/src/views/admin/AdminUsers.vue
similarity index 100%
rename from web/src/components/admin/settings/AdminUsersTab.vue
rename to web/src/views/admin/AdminUsers.vue
diff --git a/web/src/views/org/OrgRepos.vue b/web/src/views/org/OrgRepos.vue
index 84aeec8b96..0c895ac23b 100644
--- a/web/src/views/org/OrgRepos.vue
+++ b/web/src/views/org/OrgRepos.vue
@@ -8,7 +8,7 @@
       <IconButton
         v-if="orgPermissions.admin"
         icon="settings"
-        :to="{ name: org.is_user ? 'user' : 'org-settings' }"
+        :to="{ name: org.is_user ? 'user' : 'org-settings-secrets' }"
         :title="$t('settings')"
       />
     </template>
diff --git a/web/src/views/org/OrgWrapper.vue b/web/src/views/org/OrgWrapper.vue
index 3ba7bfc863..a73099603e 100644
--- a/web/src/views/org/OrgWrapper.vue
+++ b/web/src/views/org/OrgWrapper.vue
@@ -7,7 +7,7 @@
     <template #headerActions>
       <IconButton
         v-if="orgPermissions.admin"
-        :to="{ name: org.is_user ? 'user' : 'repo-settings' }"
+        :to="{ name: org.is_user ? 'user' : 'org-settings-secrets' }"
         :title="$t('settings')"
         icon="settings"
       />
diff --git a/web/src/components/org/settings/OrgAgentsTab.vue b/web/src/views/org/settings/OrgAgents.vue
similarity index 100%
rename from web/src/components/org/settings/OrgAgentsTab.vue
rename to web/src/views/org/settings/OrgAgents.vue
diff --git a/web/src/components/org/settings/OrgRegistriesTab.vue b/web/src/views/org/settings/OrgRegistries.vue
similarity index 100%
rename from web/src/components/org/settings/OrgRegistriesTab.vue
rename to web/src/views/org/settings/OrgRegistries.vue
diff --git a/web/src/components/org/settings/OrgSecretsTab.vue b/web/src/views/org/settings/OrgSecrets.vue
similarity index 100%
rename from web/src/components/org/settings/OrgSecretsTab.vue
rename to web/src/views/org/settings/OrgSecrets.vue
diff --git a/web/src/views/org/OrgSettings.vue b/web/src/views/org/settings/OrgSettingsWrapper.vue
similarity index 70%
rename from web/src/views/org/OrgSettings.vue
rename to web/src/views/org/settings/OrgSettingsWrapper.vue
index 89c8d4fcab..e1cf581d8c 100644
--- a/web/src/views/org/OrgSettings.vue
+++ b/web/src/views/org/settings/OrgSettingsWrapper.vue
@@ -11,17 +11,15 @@
       </span>
     </template>
 
-    <Tab id="secrets" :title="$t('secrets.secrets')">
-      <OrgSecretsTab />
-    </Tab>
-
-    <Tab id="registries" :title="$t('registries.registries')">
-      <OrgRegistriesTab />
-    </Tab>
-
-    <Tab v-if="useConfig().userRegisteredAgents" id="agents" :title="$t('admin.settings.agents.agents')">
-      <OrgAgentsTab />
-    </Tab>
+    <Tab :to="{ name: 'org-settings-secrets' }" :title="$t('secrets.secrets')" />
+    <Tab :to="{ name: 'org-settings-registries' }" :title="$t('registries.registries')" />
+    <Tab
+      v-if="useConfig().userRegisteredAgents"
+      :to="{ name: 'org-settings-agents' }"
+      :title="$t('admin.settings.agents.agents')"
+    />
+
+    <router-view />
   </Scaffold>
 </template>
 
@@ -32,9 +30,6 @@ import { useRouter } from 'vue-router';
 
 import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
 import Tab from '~/components/layout/scaffold/Tab.vue';
-import OrgAgentsTab from '~/components/org/settings/OrgAgentsTab.vue';
-import OrgRegistriesTab from '~/components/org/settings/OrgRegistriesTab.vue';
-import OrgSecretsTab from '~/components/org/settings/OrgSecretsTab.vue';
 import useConfig from '~/compositions/useConfig';
 import { inject } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
diff --git a/web/src/views/repo/RepoWrapper.vue b/web/src/views/repo/RepoWrapper.vue
index a6a798566c..522dbe411f 100644
--- a/web/src/views/repo/RepoWrapper.vue
+++ b/web/src/views/repo/RepoWrapper.vue
@@ -1,10 +1,5 @@
 <template>
-  <Scaffold
-    v-if="repo && repoPermissions && route.meta.repoHeader"
-    v-model:active-tab="activeTab"
-    enable-tabs
-    disable-tab-url-hash-mode
-  >
+  <Scaffold v-if="repo && repoPermissions && route.meta.repoHeader" enable-tabs>
     <template #title>
       <span class="flex">
         <router-link :to="{ name: 'org', params: { orgId: repo.org_id } }" class="hover:underline">{{
@@ -43,9 +38,14 @@
       />
     </template>
 
-    <Tab id="activity" :title="$t('repo.activity')" />
-    <Tab id="branches" :title="$t('repo.branches')" />
-    <Tab v-if="repo.pr_enabled && repo.allow_pr" id="pull_requests" :title="$t('repo.pull_requests')" />
+    <Tab :to="{ name: 'repo' }" :title="$t('repo.activity')" />
+    <Tab :to="{ name: 'repo-branches' }" match-children :title="$t('repo.branches')" />
+    <Tab
+      v-if="repo.pr_enabled && repo.allow_pr"
+      :to="{ name: 'repo-pull-requests' }"
+      match-children
+      :title="$t('repo.pull_requests')"
+    />
 
     <router-view />
   </Scaffold>
@@ -132,25 +132,4 @@ watch([repositoryId], () => {
 });
 
 const badgeUrl = computed(() => repo.value && `${config.rootPath}/api/badges/${repo.value.id}/status.svg`);
-
-const activeTab = computed({
-  get() {
-    if (route.name === 'repo-branches' || route.name === 'repo-branch') {
-      return 'branches';
-    }
-    if (route.name === 'repo-pull-requests' || route.name === 'repo-pull-request') {
-      return 'pull_requests';
-    }
-    return 'activity';
-  },
-  set(tab: string) {
-    if (tab === 'branches') {
-      router.push({ name: 'repo-branches' });
-    } else if (tab === 'pull_requests') {
-      router.push({ name: 'repo-pull-requests' });
-    } else {
-      router.push({ name: 'repo' });
-    }
-  },
-});
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineConfig.vue b/web/src/views/repo/pipeline/PipelineConfig.vue
index d77c1d6d07..982f5e37bc 100644
--- a/web/src/views/repo/pipeline/PipelineConfig.vue
+++ b/web/src/views/repo/pipeline/PipelineConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col gap-y-6">
     <Panel
-      v-for="pipelineConfig in pipelineConfigsDecoded || []"
+      v-for="pipelineConfig in pipelineConfigsDecoded"
       :key="pipelineConfig.hash"
       :collapsable="pipelineConfigsDecoded && pipelineConfigsDecoded.length > 1"
       collapsed-by-default
@@ -14,21 +14,22 @@
 
 <script lang="ts" setup>
 import { decode } from 'js-base64';
-import { computed, inject, type Ref } from 'vue';
+import { computed } from 'vue';
 
 import SyntaxHighlight from '~/components/atomic/SyntaxHighlight';
 import Panel from '~/components/layout/Panel.vue';
-import type { PipelineConfig } from '~/lib/api/types';
+import { inject } from '~/compositions/useInjectProvide';
 
-const pipelineConfigs = inject<Ref<PipelineConfig[]>>('pipeline-configs');
+const pipelineConfigs = inject('pipeline-configs');
 if (!pipelineConfigs) {
   throw new Error('Unexpected: "pipelineConfigs" should be provided at this place');
 }
 
-const pipelineConfigsDecoded = computed(() =>
-  pipelineConfigs.value.map((i) => ({
-    ...i,
-    data: decode(i.data),
-  })),
+const pipelineConfigsDecoded = computed(
+  () =>
+    pipelineConfigs.value?.map((i) => ({
+      ...i,
+      data: decode(i.data),
+    })) ?? [],
 );
 </script>
diff --git a/web/src/views/repo/pipeline/PipelineWrapper.vue b/web/src/views/repo/pipeline/PipelineWrapper.vue
index 1f2c625a90..662ea936e5 100644
--- a/web/src/views/repo/pipeline/PipelineWrapper.vue
+++ b/web/src/views/repo/pipeline/PipelineWrapper.vue
@@ -1,11 +1,9 @@
 <template>
   <Scaffold
     v-if="pipeline && repo"
-    v-model:active-tab="activeTab"
     enable-tabs
-    disable-tab-url-hash-mode
     :go-back="goBack"
-    :fluid-content="activeTab === 'tasks'"
+    :fluid-content="route.name === 'repo-pipeline'"
     full-width-header
   >
     <template #title>
@@ -75,10 +73,10 @@
       </div>
     </template>
 
-    <Tab id="tasks" :title="$t('repo.pipeline.tasks')" />
+    <Tab :to="{ name: 'repo-pipeline' }" :title="$t('repo.pipeline.tasks')" />
     <Tab
       v-if="pipeline.errors && pipeline.errors.length > 0"
-      id="errors"
+      :to="{ name: 'repo-pipeline-errors' }"
       icon="attention"
       :title="
         pipeline.errors.some((e) => !e.is_warning)
@@ -87,20 +85,24 @@
       "
       :icon-class="pipeline.errors.some((e) => !e.is_warning) ? 'text-wp-state-error-100' : 'text-wp-state-warn-100'"
     />
-    <Tab id="config" :title="$t('repo.pipeline.config')" />
+    <Tab :to="{ name: 'repo-pipeline-config' }" :title="$t('repo.pipeline.config')" />
     <Tab
       v-if="pipeline.changed_files && pipeline.changed_files.length > 0"
-      id="changed-files"
+      :to="{ name: 'repo-pipeline-changed-files' }"
       :title="$t('repo.pipeline.files', { files: pipeline.changed_files?.length })"
     />
-    <Tab v-if="repoPermissions && repoPermissions.push" id="debug" :title="$t('repo.pipeline.debug.title')" />
+    <Tab
+      v-if="repoPermissions && repoPermissions.push"
+      :to="{ name: 'repo-pipeline-debug' }"
+      :title="$t('repo.pipeline.debug.title')"
+    />
 
     <router-view />
   </Scaffold>
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, onBeforeUnmount, onMounted, provide, ref, toRef, watch, type Ref } from 'vue';
+import { computed, inject, onBeforeUnmount, onMounted, ref, toRef, watch, type Ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -113,6 +115,7 @@ import PipelineStatusIcon from '~/components/repo/pipeline/PipelineStatusIcon.vu
 import useApiClient from '~/compositions/useApiClient';
 import { useAsyncAction } from '~/compositions/useAsyncAction';
 import { useFavicon } from '~/compositions/useFavicon';
+import { provide } from '~/compositions/useInjectProvide';
 import useNotifications from '~/compositions/useNotifications';
 import usePipeline from '~/compositions/usePipeline';
 import { useRouteBack } from '~/compositions/useRouteBack';
@@ -206,48 +209,5 @@ onBeforeUnmount(() => {
   favicon.updateStatus('default');
 });
 
-const activeTab = computed({
-  get() {
-    if (route.name === 'repo-pipeline-changed-files') {
-      return 'changed-files';
-    }
-
-    if (route.name === 'repo-pipeline-config') {
-      return 'config';
-    }
-
-    if (route.name === 'repo-pipeline-errors') {
-      return 'errors';
-    }
-
-    if (route.name === 'repo-pipeline-debug' && repoPermissions.value?.push) {
-      return 'debug';
-    }
-
-    return 'tasks';
-  },
-  set(tab: string) {
-    if (tab === 'tasks') {
-      router.replace({ name: 'repo-pipeline' });
-    }
-
-    if (tab === 'changed-files') {
-      router.replace({ name: 'repo-pipeline-changed-files' });
-    }
-
-    if (tab === 'config') {
-      router.replace({ name: 'repo-pipeline-config' });
-    }
-
-    if (tab === 'errors') {
-      router.replace({ name: 'repo-pipeline-errors' });
-    }
-
-    if (tab === 'debug' && repoPermissions.value?.push) {
-      router.replace({ name: 'repo-pipeline-debug' });
-    }
-  },
-});
-
 const goBack = useRouteBack({ name: 'repo' });
 </script>
diff --git a/web/src/components/repo/settings/ActionsTab.vue b/web/src/views/repo/settings/Actions.vue
similarity index 100%
rename from web/src/components/repo/settings/ActionsTab.vue
rename to web/src/views/repo/settings/Actions.vue
diff --git a/web/src/components/repo/settings/BadgeTab.vue b/web/src/views/repo/settings/Badge.vue
similarity index 100%
rename from web/src/components/repo/settings/BadgeTab.vue
rename to web/src/views/repo/settings/Badge.vue
diff --git a/web/src/components/repo/settings/CronTab.vue b/web/src/views/repo/settings/Crons.vue
similarity index 100%
rename from web/src/components/repo/settings/CronTab.vue
rename to web/src/views/repo/settings/Crons.vue
diff --git a/web/src/components/repo/settings/GeneralTab.vue b/web/src/views/repo/settings/General.vue
similarity index 100%
rename from web/src/components/repo/settings/GeneralTab.vue
rename to web/src/views/repo/settings/General.vue
diff --git a/web/src/components/repo/settings/RegistriesTab.vue b/web/src/views/repo/settings/Registries.vue
similarity index 100%
rename from web/src/components/repo/settings/RegistriesTab.vue
rename to web/src/views/repo/settings/Registries.vue
diff --git a/web/src/views/repo/RepoSettings.vue b/web/src/views/repo/settings/RepoSettings.vue
similarity index 64%
rename from web/src/views/repo/RepoSettings.vue
rename to web/src/views/repo/settings/RepoSettings.vue
index 8079019760..05c826a7ae 100644
--- a/web/src/views/repo/RepoSettings.vue
+++ b/web/src/views/repo/settings/RepoSettings.vue
@@ -16,24 +16,14 @@
       </span>
     </template>
 
-    <Tab id="general" :title="$t('repo.settings.general.general')">
-      <GeneralTab />
-    </Tab>
-    <Tab id="secrets" :title="$t('secrets.secrets')">
-      <SecretsTab />
-    </Tab>
-    <Tab id="registries" :title="$t('registries.registries')">
-      <RegistriesTab />
-    </Tab>
-    <Tab id="crons" :title="$t('repo.settings.crons.crons')">
-      <CronTab />
-    </Tab>
-    <Tab id="badge" :title="$t('repo.settings.badge.badge')">
-      <BadgeTab />
-    </Tab>
-    <Tab id="actions" :title="$t('repo.settings.actions.actions')">
-      <ActionsTab />
-    </Tab>
+    <Tab :to="{ name: 'repo-settings' }" :title="$t('repo.settings.general.general')" />
+    <Tab :to="{ name: 'repo-settings-secrets' }" :title="$t('secrets.secrets')" />
+    <Tab :to="{ name: 'repo-settings-registries' }" :title="$t('registries.registries')" />
+    <Tab :to="{ name: 'repo-settings-crons' }" :title="$t('repo.settings.crons.crons')" />
+    <Tab :to="{ name: 'repo-settings-badge' }" :title="$t('repo.settings.badge.badge')" />
+    <Tab :to="{ name: 'repo-settings-actions' }" :title="$t('repo.settings.actions.actions')" />
+
+    <router-view />
   </Scaffold>
 </template>
 
@@ -44,12 +34,6 @@ import { useRouter } from 'vue-router';
 
 import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
 import Tab from '~/components/layout/scaffold/Tab.vue';
-import ActionsTab from '~/components/repo/settings/ActionsTab.vue';
-import BadgeTab from '~/components/repo/settings/BadgeTab.vue';
-import CronTab from '~/components/repo/settings/CronTab.vue';
-import GeneralTab from '~/components/repo/settings/GeneralTab.vue';
-import RegistriesTab from '~/components/repo/settings/RegistriesTab.vue';
-import SecretsTab from '~/components/repo/settings/SecretsTab.vue';
 import useNotifications from '~/compositions/useNotifications';
 import { useRouteBack } from '~/compositions/useRouteBack';
 import type { Repo, RepoPermissions } from '~/lib/api/types';
diff --git a/web/src/components/repo/settings/SecretsTab.vue b/web/src/views/repo/settings/Secrets.vue
similarity index 100%
rename from web/src/components/repo/settings/SecretsTab.vue
rename to web/src/views/repo/settings/Secrets.vue
diff --git a/web/src/components/user/UserAgentsTab.vue b/web/src/views/user/UserAgents.vue
similarity index 100%
rename from web/src/components/user/UserAgentsTab.vue
rename to web/src/views/user/UserAgents.vue
diff --git a/web/src/components/user/UserCLIAndAPITab.vue b/web/src/views/user/UserCLIAndAPI.vue
similarity index 100%
rename from web/src/components/user/UserCLIAndAPITab.vue
rename to web/src/views/user/UserCLIAndAPI.vue
diff --git a/web/src/components/user/UserGeneralTab.vue b/web/src/views/user/UserGeneral.vue
similarity index 100%
rename from web/src/components/user/UserGeneralTab.vue
rename to web/src/views/user/UserGeneral.vue
diff --git a/web/src/components/user/UserRegistriesTab.vue b/web/src/views/user/UserRegistries.vue
similarity index 100%
rename from web/src/components/user/UserRegistriesTab.vue
rename to web/src/views/user/UserRegistries.vue
diff --git a/web/src/components/user/UserSecretsTab.vue b/web/src/views/user/UserSecrets.vue
similarity index 100%
rename from web/src/components/user/UserSecretsTab.vue
rename to web/src/views/user/UserSecrets.vue
diff --git a/web/src/views/user/UserWrapper.vue b/web/src/views/user/UserWrapper.vue
new file mode 100644
index 0000000000..43cf4afd22
--- /dev/null
+++ b/web/src/views/user/UserWrapper.vue
@@ -0,0 +1,27 @@
+<template>
+  <Scaffold enable-tabs>
+    <template #title>{{ $t('user.settings.settings') }}</template>
+    <template #headerActions><Button :text="$t('logout')" :to="`${address}/logout`" /></template>
+
+    <Tab :to="{ name: 'user' }" :title="$t('user.settings.general.general')" />
+    <Tab :to="{ name: 'user-secrets' }" :title="$t('secrets.secrets')" />
+    <Tab :to="{ name: 'user-registries' }" :title="$t('registries.registries')" />
+    <Tab :to="{ name: 'user-cli-and-api' }" :title="$t('user.settings.cli_and_api.cli_and_api')" />
+    <Tab
+      v-if="useConfig().userRegisteredAgents"
+      :to="{ name: 'user-agents' }"
+      :title="$t('admin.settings.agents.agents')"
+    />
+
+    <router-view />
+  </Scaffold>
+</template>
+
+<script lang="ts" setup>
+import Button from '~/components/atomic/Button.vue';
+import Scaffold from '~/components/layout/scaffold/Scaffold.vue';
+import Tab from '~/components/layout/scaffold/Tab.vue';
+import useConfig from '~/compositions/useConfig';
+
+const address = `${window.location.protocol}//${window.location.host}${useConfig().rootPath}`; // port is included in location.host
+</script>

From 0216955002c42f4f92d761e0c573cfb9be7e26a5 Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 20:30:05 +0100
Subject: [PATCH 09/17] Update web/src/assets/locales/en.json

Co-authored-by: Anbraten <6918444+anbraten@users.noreply.github.com>
---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 750505f7f0..f4b2c09bcf 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -505,7 +505,7 @@
     "desc": "Prevent malicious pipelines from exposing secrets or running harmful tasks by approving them before execution.",
     "require_approval_for": "Approval requirements",
     "none": "None",
-    "none_desc": "Every event triggers builds, including pull requests. This setting can be dangerous and is only recommended for private instances.",
+    "none_desc": "Every event triggers pipelines, including pull requests. This setting can be dangerous and is only recommended for private instances.",
     "forks": "Pull request from forked repository",
     "pull_requests": "All pull requests",
     "all_events": "Any event trigger"

From 86d43bcfdc65558001c7fbf45a494bfa7ac2434c Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 20:29:40 +0100
Subject: [PATCH 10/17] chore: plural

---
 web/src/assets/locales/en.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index f4b2c09bcf..2424d7fc52 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -96,15 +96,15 @@
           "trusted": "Trusted",
           "network": {
             "network": "Network",
-            "desc": "Pipeline container get access to network privileges like changing DNS."
+            "desc": "Pipeline containers get access to network privileges like changing DNS."
           },
           "volumes": {
             "volumes": "Volumes",
-            "desc": "Pipeline container are allowed to mount volumes."
+            "desc": "Pipeline containers are allowed to mount volumes."
           },
           "security": {
             "security": "Security",
-            "desc": "Pipeline container get access to security privileges."
+            "desc": "Pipeline containers get access to security privileges."
           }
         },
         "visibility": {

From 3157dd4cf86d0406ee0d3b94814265cc2c2237a4 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 20:36:13 +0100
Subject: [PATCH 11/17] netrc -> git

---
 cli/lint/lint.go                                            | 2 +-
 cmd/server/flags.go                                         | 2 +-
 docs/docs/20-usage/75-project-settings.md                   | 6 +++---
 docs/docs/30-administration/10-server-config.md             | 4 ++--
 .../version-1.0/20-usage/71-project-settings.md             | 2 +-
 .../version-2.5/20-usage/75-project-settings.md             | 2 +-
 .../version-2.6/20-usage/75-project-settings.md             | 2 +-
 .../version-2.7/20-usage/75-project-settings.md             | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/cli/lint/lint.go b/cli/lint/lint.go
index d28a860336..3872ef0930 100644
--- a/cli/lint/lint.go
+++ b/cli/lint/lint.go
@@ -45,7 +45,7 @@ var Command = &cli.Command{
 		&cli.StringSliceFlag{
 			Sources: cli.EnvVars("WOODPECKER_PLUGINS_TRUSTED_CLONE"),
 			Name:    "plugins-trusted-clone",
-			Usage:   "Plugins which are trusted to handle the netrc info in clone steps",
+			Usage:   "Plugins which are trusted to handle Git credentials in clone steps",
 			Value:   constant.TrustedClonePlugins,
 		},
 		&cli.BoolFlag{
diff --git a/cmd/server/flags.go b/cmd/server/flags.go
index 6ef1f37f0e..86f7a9abb7 100644
--- a/cmd/server/flags.go
+++ b/cmd/server/flags.go
@@ -192,7 +192,7 @@ var flags = append([]cli.Flag{
 	&cli.StringSliceFlag{
 		Sources: cli.EnvVars("WOODPECKER_PLUGINS_TRUSTED_CLONE"),
 		Name:    "plugins-trusted-clone",
-		Usage:   "Plugins which are trusted to handle the netrc info in clone steps",
+		Usage:   "Plugins which are trusted to handle Git credentials in clone steps",
 		Value:   constant.TrustedClonePlugins,
 	},
 	&cli.StringSliceFlag{
diff --git a/docs/docs/20-usage/75-project-settings.md b/docs/docs/20-usage/75-project-settings.md
index 26f2c0a1fd..c15bba2eca 100644
--- a/docs/docs/20-usage/75-project-settings.md
+++ b/docs/docs/20-usage/75-project-settings.md
@@ -39,12 +39,12 @@ Only server admins can set this option. If you are not a server admin this optio
 
 :::
 
-## Only inject netrc credentials into trusted clone plugins
+## Only inject Git credentials into trusted clone plugins
 
-The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
+The clone step may require Git credentials (e.g. for private repos) which are injected via `netrc`.
 
 By default, they are only injected into trusted clone plugins listed in the env var `WOODPECKER_PLUGINS_TRUSTED_CLONE`.
-If this option is disabled, the git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
+If this option is disabled, the Git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
 
 :::note
 This option has no effect on steps other than the clone step.
diff --git a/docs/docs/30-administration/10-server-config.md b/docs/docs/30-administration/10-server-config.md
index 2556ef664d..902edf82c2 100644
--- a/docs/docs/30-administration/10-server-config.md
+++ b/docs/docs/30-administration/10-server-config.md
@@ -396,8 +396,8 @@ You should specify the tag of your images too, as this enforces exact matches.
 
 > Defaults are defined in [shared/constant/constant.go](https://github.com/woodpecker-ci/woodpecker/blob/main/shared/constant/constant.go)
 
-Plugins which are trusted to handle the netrc info in clone steps.
-If a clone step use an image not in this list, the netrc will not be injected and an user has to use other methods (e.g. secrets) to clone non public repos.
+Plugins which are trusted to handle the Git credential info in clone steps.
+If a clone step use an image not in this list, Git credentials will not be injected and users have to use other methods (e.g. secrets) to clone non-public repos.
 
 You should specify the tag of your images too, as this enforces exact matches.
 
diff --git a/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md b/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
index ef2d85d520..10b0b0301a 100644
--- a/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
+++ b/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
@@ -33,7 +33,7 @@ Only server admins can set this option. If you are not a server admin this optio
 
 :::
 
-### Only inject netrc credentials into trusted clone plugins
+### Only inject Git credentials into trusted clone plugins
 
 The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
 
diff --git a/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
index e9b21c0ad7..9dcb9c9b62 100644
--- a/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
@@ -40,7 +40,7 @@ Only server admins can set this option. If you are not a server admin this optio
 
 :::
 
-## Only inject netrc credentials into trusted clone plugins
+## Only inject Git credentials into trusted clone plugins
 
 The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
 
diff --git a/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
index e9b21c0ad7..9dcb9c9b62 100644
--- a/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
@@ -40,7 +40,7 @@ Only server admins can set this option. If you are not a server admin this optio
 
 :::
 
-## Only inject netrc credentials into trusted clone plugins
+## Only inject Git credentials into trusted clone plugins
 
 The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
 
diff --git a/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
index e9b21c0ad7..9dcb9c9b62 100644
--- a/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
@@ -40,7 +40,7 @@ Only server admins can set this option. If you are not a server admin this optio
 
 :::
 
-## Only inject netrc credentials into trusted clone plugins
+## Only inject Git credentials into trusted clone plugins
 
 The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
 

From 05db1e04385a6e6314888a149b02565a5eeb6030 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 20:38:56 +0100
Subject: [PATCH 12/17] chore: quote deployment

---
 web/src/assets/locales/en.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 2424d7fc52..93bd526ebe 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -42,8 +42,8 @@
       "show_pipelines": "Show pipelines"
     },
     "deploy_pipeline": {
-      "title": "Trigger deployment event for current pipeline #{pipelineId}",
-      "enter_target": "Target deployment environment",
+      "title": "Trigger a 'deployment' event for current pipeline #{pipelineId}",
+      "enter_target": "Target 'deployment' environment",
       "enter_task": "Deployment task",
       "trigger": "Deploy",
       "variables": {
@@ -85,7 +85,7 @@
           "desc": "Allow pipelines to run on pull requests."
         },
         "allow_deploy": {
-          "allow": "Allow deployments",
+          "allow": "Allow 'deployment' events.",
           "desc": "Permit 'deployment' runs for successful pipelines. All users with with push permissions can trigger these, so use with caution."
         },
         "netrc_only_trusted": {

From 7b025b190be9f48046addd1782ab6cd318f557b3 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Tue, 19 Nov 2024 20:40:29 +0100
Subject: [PATCH 13/17] chore: use 'project' again

---
 web/src/assets/locales/en.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 93bd526ebe..b972f9cf2e 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -71,9 +71,9 @@
       "not_allowed": "You are not allowed to access this repository's settings",
       "general": {
         "general": "General",
-        "project": "Repository settings",
+        "project": "Project settings",
         "save": "Save settings",
-        "success": "Repository settings updated",
+        "success": "Project settings updated",
         "pipeline_path": {
           "path": "Pipeline path",
           "default": "By default: .woodpecker/*.{'{yaml,yml}'} -> .woodpecker.yaml -> .woodpecker.yml",

From 06f222cf243ba9d504a0fd93a80e39b64152a304 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Wed, 20 Nov 2024 23:36:22 +0100
Subject: [PATCH 14/17] .

---
 web/src/assets/locales/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index 9cd7512740..8b4624e97b 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -310,7 +310,7 @@
           "placeholder": "Stop agent from taking new tasks"
         },
         "token": "Token",
-        "platform": {gg
+        "platform": {
           "platform": "Platform",
           "badge": "platform"
         },

From 1e30e65efd639001d765d19d900043696d3e00f6 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Thu, 21 Nov 2024 21:14:45 +0100
Subject: [PATCH 15/17] pin node to 23.1

---
 .woodpecker/docs.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.woodpecker/docs.yaml b/.woodpecker/docs.yaml
index bc2849f058..a43b073ce5 100644
--- a/.woodpecker/docs.yaml
+++ b/.woodpecker/docs.yaml
@@ -1,6 +1,6 @@
 variables:
   - &golang_image 'docker.io/golang:1.23'
-  - &node_image 'docker.io/node:23-alpine'
+  - &node_image 'docker.io/node:23.1-alpine'
   - &alpine_image 'docker.io/alpine:3.20'
   - path: &when_path
       - 'docs/**'

From 4c433acfcd8b9278ffcf010a953ebb3312df2f92 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Fri, 22 Nov 2024 08:59:05 +0100
Subject: [PATCH 16/17] uppercase Git

---
 .../version-1.0/20-usage/71-project-settings.md               | 4 ++--
 .../version-2.5/20-usage/75-project-settings.md               | 4 ++--
 .../version-2.6/20-usage/75-project-settings.md               | 4 ++--
 .../version-2.7/20-usage/75-project-settings.md               | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md b/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
index 10b0b0301a..6626cf1a32 100644
--- a/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
+++ b/docs/versioned_docs/version-1.0/20-usage/71-project-settings.md
@@ -35,10 +35,10 @@ Only server admins can set this option. If you are not a server admin this optio
 
 ### Only inject Git credentials into trusted clone plugins
 
-The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
+The clone step may require Git credentials (e.g. for private repos) which are injected via `netrc`.
 
 By default, they are only injected into trusted clone plugins listed in the env var `WOODPECKER_PLUGINS_TRUSTED_CLONE`.
-If this option is disabled, the git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
+If this option is disabled, the Git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
 
 :::note
 This option has no effect on steps other than the clone step.
diff --git a/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
index 9dcb9c9b62..d57b3a9323 100644
--- a/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.5/20-usage/75-project-settings.md
@@ -42,10 +42,10 @@ Only server admins can set this option. If you are not a server admin this optio
 
 ## Only inject Git credentials into trusted clone plugins
 
-The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
+The clone step may require Git credentials (e.g. for private repos) which are injected via `netrc`.
 
 By default, they are only injected into trusted clone plugins listed in the env var `WOODPECKER_PLUGINS_TRUSTED_CLONE`.
-If this option is disabled, the git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
+If this option is disabled, the Git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
 
 :::note
 This option has no effect on steps other than the clone step.
diff --git a/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
index 9dcb9c9b62..d57b3a9323 100644
--- a/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.6/20-usage/75-project-settings.md
@@ -42,10 +42,10 @@ Only server admins can set this option. If you are not a server admin this optio
 
 ## Only inject Git credentials into trusted clone plugins
 
-The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
+The clone step may require Git credentials (e.g. for private repos) which are injected via `netrc`.
 
 By default, they are only injected into trusted clone plugins listed in the env var `WOODPECKER_PLUGINS_TRUSTED_CLONE`.
-If this option is disabled, the git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
+If this option is disabled, the Git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
 
 :::note
 This option has no effect on steps other than the clone step.
diff --git a/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md b/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
index 9dcb9c9b62..d57b3a9323 100644
--- a/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
+++ b/docs/versioned_docs/version-2.7/20-usage/75-project-settings.md
@@ -42,10 +42,10 @@ Only server admins can set this option. If you are not a server admin this optio
 
 ## Only inject Git credentials into trusted clone plugins
 
-The clone step may require git credentials (e.g. for private repos) which are injected via `netrc`.
+The clone step may require Git credentials (e.g. for private repos) which are injected via `netrc`.
 
 By default, they are only injected into trusted clone plugins listed in the env var `WOODPECKER_PLUGINS_TRUSTED_CLONE`.
-If this option is disabled, the git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
+If this option is disabled, the Git credentials are injected into every clone plugin, regardless of whether it is trusted or not.
 
 :::note
 This option has no effect on steps other than the clone step.

From 2f3d63ff68f072847f7738ee7bbc129ca5794c3e Mon Sep 17 00:00:00 2001
From: Patrick Schratz <patrick.schratz@gmail.com>
Date: Fri, 22 Nov 2024 09:10:47 +0100
Subject: [PATCH 17/17] Update .woodpecker/docs.yaml

Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
---
 .woodpecker/docs.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.woodpecker/docs.yaml b/.woodpecker/docs.yaml
index a43b073ce5..bc2849f058 100644
--- a/.woodpecker/docs.yaml
+++ b/.woodpecker/docs.yaml
@@ -1,6 +1,6 @@
 variables:
   - &golang_image 'docker.io/golang:1.23'
-  - &node_image 'docker.io/node:23.1-alpine'
+  - &node_image 'docker.io/node:23-alpine'
   - &alpine_image 'docker.io/alpine:3.20'
   - path: &when_path
       - 'docs/**'