From 27e2ff5f66db3693fbf7e0e77d1641d5ac18f797 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 9 Mar 2026 17:23:35 +0100
Subject: [PATCH] feat: add Meta title tags to all admin pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 packages/frontend/src/routes/admin/articles/+page.svelte      | 3 +++
 packages/frontend/src/routes/admin/articles/[id]/+page.svelte | 3 +++
 packages/frontend/src/routes/admin/articles/new/+page.svelte  | 3 +++
 packages/frontend/src/routes/admin/comments/+page.svelte      | 3 +++
 packages/frontend/src/routes/admin/queues/+page.svelte        | 4 +++-
 packages/frontend/src/routes/admin/recordings/+page.svelte    | 3 +++
 packages/frontend/src/routes/admin/users/+page.svelte         | 3 +++
 packages/frontend/src/routes/admin/users/[id]/+page.svelte    | 3 +++
 packages/frontend/src/routes/admin/videos/+page.svelte        | 3 +++
 packages/frontend/src/routes/admin/videos/[id]/+page.svelte   | 3 +++
 packages/frontend/src/routes/admin/videos/new/+page.svelte    | 3 +++
 11 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/routes/admin/articles/+page.svelte b/packages/frontend/src/routes/admin/articles/+page.svelte
index d0f0e9c..cfd9afc 100644
--- a/packages/frontend/src/routes/admin/articles/+page.svelte
+++ b/packages/frontend/src/routes/admin/articles/+page.svelte
@@ -12,6 +12,7 @@
   import * as Dialog from "$lib/components/ui/dialog";
   import type { Article } from "$lib/types";
   import TimeAgo from "javascript-time-ago";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -64,6 +65,8 @@
   }
 </script>
 
+<Meta title={$_("admin.articles.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.articles.title")}</h1>
diff --git a/packages/frontend/src/routes/admin/articles/[id]/+page.svelte b/packages/frontend/src/routes/admin/articles/[id]/+page.svelte
index eeecd59..b9d65e8 100644
--- a/packages/frontend/src/routes/admin/articles/[id]/+page.svelte
+++ b/packages/frontend/src/routes/admin/articles/[id]/+page.svelte
@@ -14,6 +14,7 @@
   import { getAssetUrl } from "$lib/api";
   import { Select, SelectContent, SelectItem, SelectTrigger } from "$lib/components/ui/select";
   import { DatePicker } from "$lib/components/ui/date-picker";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -93,6 +94,8 @@
   }
 </script>
 
+<Meta title={$_("admin.article_form.edit_title")} description={null} />
+
 <div class="p-3 sm:p-6">
   <div class="flex items-center gap-4 mb-6">
     <Button variant="ghost" href="/admin/articles" size="sm">
diff --git a/packages/frontend/src/routes/admin/articles/new/+page.svelte b/packages/frontend/src/routes/admin/articles/new/+page.svelte
index 0478cb4..83e5989 100644
--- a/packages/frontend/src/routes/admin/articles/new/+page.svelte
+++ b/packages/frontend/src/routes/admin/articles/new/+page.svelte
@@ -11,6 +11,7 @@
   import { TagsInput } from "$lib/components/ui/tags-input";
   import { DatePicker } from "$lib/components/ui/date-picker";
   import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   let title = $state("");
   let slug = $state("");
@@ -75,6 +76,8 @@
   }
 </script>
 
+<Meta title={$_("admin.article_form.new_title")} description={null} />
+
 <div class="p-3 sm:p-6">
   <div class="flex items-center gap-4 mb-6">
     <Button variant="ghost" href="/admin/articles" size="sm">
diff --git a/packages/frontend/src/routes/admin/comments/+page.svelte b/packages/frontend/src/routes/admin/comments/+page.svelte
index e128459..801ca64 100644
--- a/packages/frontend/src/routes/admin/comments/+page.svelte
+++ b/packages/frontend/src/routes/admin/comments/+page.svelte
@@ -10,6 +10,7 @@
   import { Input } from "$lib/components/ui/input";
   import * as Dialog from "$lib/components/ui/dialog";
   import TimeAgo from "javascript-time-ago";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
   const timeAgo = new TimeAgo("en");
@@ -53,6 +54,8 @@
   }
 </script>
 
+<Meta title={$_("admin.comments.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.comments.title")}</h1>
diff --git a/packages/frontend/src/routes/admin/queues/+page.svelte b/packages/frontend/src/routes/admin/queues/+page.svelte
index 6930d7c..5269a5c 100644
--- a/packages/frontend/src/routes/admin/queues/+page.svelte
+++ b/packages/frontend/src/routes/admin/queues/+page.svelte
@@ -12,6 +12,7 @@
   import { Button } from "$lib/components/ui/button";
   import { Badge } from "$lib/components/ui/badge";
   import type { Job } from "$lib/services";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -124,6 +125,8 @@
   }
 </script>
 
+<Meta title={$_("admin.queues.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.queues.title")}</h1>
@@ -196,7 +199,6 @@
     <div class="flex gap-1 mb-4 px-3 sm:px-0 flex-wrap">
       {#each STATUS_FILTERS as f (f.value ?? "all")}
         <Button
-          size="sm"
           variant={selectedStatus === f.value ? "default" : "outline"}
           onclick={() => selectStatus(f.value)}
         >
diff --git a/packages/frontend/src/routes/admin/recordings/+page.svelte b/packages/frontend/src/routes/admin/recordings/+page.svelte
index 1ec93d9..23f7da9 100644
--- a/packages/frontend/src/routes/admin/recordings/+page.svelte
+++ b/packages/frontend/src/routes/admin/recordings/+page.svelte
@@ -11,6 +11,7 @@
   import * as Dialog from "$lib/components/ui/dialog";
   import type { Recording } from "$lib/types";
   import TimeAgo from "javascript-time-ago";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
   const timeAgo = new TimeAgo("en");
@@ -63,6 +64,8 @@
   }
 </script>
 
+<Meta title={$_("admin.recordings.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.recordings.title")}</h1>
diff --git a/packages/frontend/src/routes/admin/users/+page.svelte b/packages/frontend/src/routes/admin/users/+page.svelte
index 49fee63..f32fa50 100644
--- a/packages/frontend/src/routes/admin/users/+page.svelte
+++ b/packages/frontend/src/routes/admin/users/+page.svelte
@@ -12,6 +12,7 @@
   import { Badge } from "$lib/components/ui/badge";
   import * as Dialog from "$lib/components/ui/dialog";
   import type { User } from "$lib/types";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -84,6 +85,8 @@
   }
 </script>
 
+<Meta title={$_("admin.users.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.users.title")}</h1>
diff --git a/packages/frontend/src/routes/admin/users/[id]/+page.svelte b/packages/frontend/src/routes/admin/users/[id]/+page.svelte
index ff85ac7..67da651 100644
--- a/packages/frontend/src/routes/admin/users/[id]/+page.svelte
+++ b/packages/frontend/src/routes/admin/users/[id]/+page.svelte
@@ -14,6 +14,7 @@
   import { Input } from "$lib/components/ui/input";
   import { Label } from "$lib/components/ui/label";
   import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -125,6 +126,8 @@
   }
 </script>
 
+<Meta title={data.user.artist_name || data.user.email} description={null} />
+
 <div class="p-3 sm:p-6 max-w-2xl">
   <div class="flex items-center gap-4 mb-6">
     <Button variant="ghost" href="/admin/users" size="sm">
diff --git a/packages/frontend/src/routes/admin/videos/+page.svelte b/packages/frontend/src/routes/admin/videos/+page.svelte
index 8f13460..940f8fd 100644
--- a/packages/frontend/src/routes/admin/videos/+page.svelte
+++ b/packages/frontend/src/routes/admin/videos/+page.svelte
@@ -11,6 +11,7 @@
   import { Input } from "$lib/components/ui/input";
   import * as Dialog from "$lib/components/ui/dialog";
   import type { Video } from "$lib/types";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -61,6 +62,8 @@
   }
 </script>
 
+<Meta title={$_("admin.videos.title")} description={null} />
+
 <div class="py-3 sm:py-6 sm:pl-6">
   <div class="flex items-center justify-between mb-6 px-3 sm:px-0">
     <h1 class="text-2xl font-bold">{$_("admin.videos.title")}</h1>
diff --git a/packages/frontend/src/routes/admin/videos/[id]/+page.svelte b/packages/frontend/src/routes/admin/videos/[id]/+page.svelte
index 2630912..e6a34e5 100644
--- a/packages/frontend/src/routes/admin/videos/[id]/+page.svelte
+++ b/packages/frontend/src/routes/admin/videos/[id]/+page.svelte
@@ -13,6 +13,7 @@
   import { getAssetUrl } from "$lib/api";
   import { Select, SelectContent, SelectItem, SelectTrigger } from "$lib/components/ui/select";
   import { DatePicker } from "$lib/components/ui/date-picker";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -102,6 +103,8 @@
   }
 </script>
 
+<Meta title={$_("admin.video_form.edit_title")} description={null} />
+
 <div class="p-3 sm:p-6 max-w-2xl">
   <div class="flex items-center gap-4 mb-6">
     <Button variant="ghost" href="/admin/videos" size="sm">
diff --git a/packages/frontend/src/routes/admin/videos/new/+page.svelte b/packages/frontend/src/routes/admin/videos/new/+page.svelte
index 3d20bf0..48ba0c8 100644
--- a/packages/frontend/src/routes/admin/videos/new/+page.svelte
+++ b/packages/frontend/src/routes/admin/videos/new/+page.svelte
@@ -10,6 +10,7 @@
   import { TagsInput } from "$lib/components/ui/tags-input";
   import { DatePicker } from "$lib/components/ui/date-picker";
   import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone";
+  import Meta from "$lib/components/meta/meta.svelte";
 
   const { data } = $props();
 
@@ -97,6 +98,8 @@
   }
 </script>
 
+<Meta title={$_("admin.video_form.new_title")} description={null} />
+
 <div class="p-3 sm:p-6 max-w-2xl">
   <div class="flex items-center gap-4 mb-6">
     <Button variant="ghost" href="/admin/videos" size="sm">