From 9688850c00ce56f4869258c8aa3bb5ab711def29 Mon Sep 17 00:00:00 2001
From: thedarkcolour <30441001+thedarkcolour@users.noreply.github.com>
Date: Tue, 28 Oct 2025 21:41:04 -0700
Subject: [PATCH 1/3] Fix inconsistent PAT display order Closes #4661

---
 apps/frontend/src/pages/settings/pats.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index 00e62ca9ef..75ee4ccaed 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -100,7 +100,7 @@
 				</template>
 			</IntlFormatted>
 		</p>
-		<div v-for="(pat, index) in pats" :key="pat.id" class="universal-card recessed token">
+		<div v-for="(pat, index) in displayPats" :key="pat.id" class="universal-card recessed token">
 			<div>
 				<div>
 					<strong>{{ pat.name }}</strong>
@@ -332,6 +332,9 @@ const deletePatIndex = ref(null)
 const loading = ref(false)
 
 const { data: pats, refresh } = await useAsyncData('pat', () => useBaseFetch('pat'))
+const displayPats = computed(() => {
+	return pats.value.sort((a, b) => new Date(b.created) - new Date(a.created))
+});
 
 async function createPat() {
 	startLoading()

From f645e032efc636121d380d0f7d5c54ffd34a6431 Mon Sep 17 00:00:00 2001
From: thedarkcolour <30441001+thedarkcolour@users.noreply.github.com>
Date: Wed, 29 Oct 2025 20:54:26 -0700
Subject: [PATCH 2/3] Fix side effect in computed property

---
 apps/frontend/src/pages/settings/pats.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index 75ee4ccaed..6d1903393c 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -333,7 +333,7 @@ const loading = ref(false)
 
 const { data: pats, refresh } = await useAsyncData('pat', () => useBaseFetch('pat'))
 const displayPats = computed(() => {
-	return pats.value.sort((a, b) => new Date(b.created) - new Date(a.created))
+	return pats.value.toSorted((a, b) => new Date(b.created) - new Date(a.created))
 });
 
 async function createPat() {

From 44961e6a99450639474a5bb278a4dc6d495da9ba Mon Sep 17 00:00:00 2001
From: thedarkcolour <30441001+thedarkcolour@users.noreply.github.com>
Date: Thu, 30 Oct 2025 16:09:21 -0700
Subject: [PATCH 3/3] Fix lint

---
 apps/frontend/src/pages/settings/pats.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index 6d1903393c..bf55bb70e6 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -334,7 +334,7 @@ const loading = ref(false)
 const { data: pats, refresh } = await useAsyncData('pat', () => useBaseFetch('pat'))
 const displayPats = computed(() => {
 	return pats.value.toSorted((a, b) => new Date(b.created) - new Date(a.created))
-});
+})
 
 async function createPat() {
 	startLoading()