From 2c74865173344766bd43ffd6ae6d93d564de47c7 Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Sat, 4 Oct 2025 23:45:37 +0200
Subject: [PATCH] feat: add link to API docs on API key page

---
 frontend/messages/en.json                                | 2 +-
 frontend/src/routes/settings/admin/api-keys/+page.svelte | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/messages/en.json b/frontend/messages/en.json
index 22684134..2e35f3bf 100644
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -135,7 +135,7 @@
 	"name_passkey": "Name Passkey",
 	"name_your_passkey_to_easily_identify_it_later": "Name your passkey to easily identify it later.",
 	"create_api_key": "Create API Key",
-	"add_a_new_api_key_for_programmatic_access": "Add a new API key for programmatic access.",
+	"add_a_new_api_key_for_programmatic_access": "Add a new API key for programmatic access to the <link href='https://pocket-id.org/docs/api'>Pocket ID API</link>.",
 	"add_api_key": "Add API Key",
 	"manage_api_keys": "Manage API Keys",
 	"api_key_created": "API Key Created",
diff --git a/frontend/src/routes/settings/admin/api-keys/+page.svelte b/frontend/src/routes/settings/admin/api-keys/+page.svelte
index 1f471ab5..5c2244c0 100644
--- a/frontend/src/routes/settings/admin/api-keys/+page.svelte
+++ b/frontend/src/routes/settings/admin/api-keys/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import FormattedMessage from '$lib/components/formatted-message.svelte';
 	import { Button } from '$lib/components/ui/button';
 	import * as Card from '$lib/components/ui/card';
 	import { m } from '$lib/paraglide/messages';
@@ -48,7 +49,11 @@
 						<ShieldPlus class="text-primary/80 size-5" />
 						{m.create_api_key()}
 					</Card.Title>
-					<Card.Description>{m.add_a_new_api_key_for_programmatic_access()}</Card.Description>
+					<Card.Description
+						><FormattedMessage
+							m={m.add_a_new_api_key_for_programmatic_access()}
+						/></Card.Description
+					>
 				</div>
 				{#if !expandAddApiKey}
 					<Button onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>