From 10233b3ef986e1ebd9334b279770d9a56cdd293e Mon Sep 17 00:00:00 2001
From: Arnaud <anelissen@solem.fr>
Date: Thu, 9 Jul 2026 03:24:58 +0200
Subject: [PATCH] feat: link to API docs from Settings > API keys

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 apps/web/app/(app)/settings/api-keys/page.tsx | 10 ++++++++++
 apps/web/messages/en.json                     |  3 ++-
 apps/web/messages/fr.json                     |  3 ++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/(app)/settings/api-keys/page.tsx b/apps/web/app/(app)/settings/api-keys/page.tsx
index 2088462..8dae709 100644
--- a/apps/web/app/(app)/settings/api-keys/page.tsx
+++ b/apps/web/app/(app)/settings/api-keys/page.tsx
@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import { headers } from "next/headers";
+import Link from "next/link";
+import { ExternalLink } from "lucide-react";
 import { auth } from "@/lib/auth/server";
 import { db, apiKeys, eq } from "@epicure/db";
 import { ApiKeysManager } from "@/components/settings/api-keys-manager";
@@ -30,6 +32,14 @@ export default async function ApiKeysPage() {
           <p className="text-sm text-muted-foreground mt-1">
             {m.settings.apiKeysPage.description}
           </p>
+          <Link
+            href="/docs"
+            target="_blank"
+            className="inline-flex items-center gap-1 text-sm text-primary hover:underline mt-2"
+          >
+            <ExternalLink className="h-3.5 w-3.5" />
+            {m.settings.apiKeysPage.docsLink}
+          </Link>
         </div>
         <ApiKeysManager
           initialKeys={keys.map((k) => ({
diff --git a/apps/web/messages/en.json b/apps/web/messages/en.json
index 3f7580a..749a834 100644
--- a/apps/web/messages/en.json
+++ b/apps/web/messages/en.json
@@ -242,7 +242,8 @@
     },
     "apiKeysPage": {
       "title": "API Keys",
-      "description": "Manage API keys for programmatic access to the Epicure API."
+      "description": "Manage API keys for programmatic access to the Epicure API.",
+      "docsLink": "View API documentation"
     },
     "pushNotifications": {
       "title": "Push Notifications",
diff --git a/apps/web/messages/fr.json b/apps/web/messages/fr.json
index 1e25b82..53b8ede 100644
--- a/apps/web/messages/fr.json
+++ b/apps/web/messages/fr.json
@@ -242,7 +242,8 @@
     },
     "apiKeysPage": {
       "title": "Clés API",
-      "description": "Gérez les clés API pour un accès programmatique à l'API Epicure."
+      "description": "Gérez les clés API pour un accès programmatique à l'API Epicure.",
+      "docsLink": "Voir la documentation de l'API"
     },
     "pushNotifications": {
       "title": "Notifications push",