AI tracker: owner-only Setup tab (per-provider connections, skills, instructions, plugins, routines, agents, plan/key labels, notes; ai.provider_setup_providers + provider_setup_entries, secrets refused)

src/routes/trackers/ai/+layout.svelte

@@ -6,6 +6,7 @@
 	import Newspaper from 'lucide-svelte/icons/newspaper';
 	import Bot from 'lucide-svelte/icons/bot';
 	import Gauge from 'lucide-svelte/icons/gauge';
+	import SlidersHorizontal from 'lucide-svelte/icons/sliders-horizontal';
 
 	let { data, children } = $props();
 
@@ -14,7 +15,8 @@
 		...(data.owner
 			? [
 					{ name: 'bots', href: '/trackers/ai/bots', icon: Bot, locked: true },
-					{ name: 'usage', href: '/trackers/ai/usage', icon: Gauge, locked: true }
+					{ name: 'usage', href: '/trackers/ai/usage', icon: Gauge, locked: true },
+					{ name: 'setup', href: '/trackers/ai/setup', icon: SlidersHorizontal, locked: true }
 				]
 			: [])
 	]);
@@ -25,7 +27,10 @@
 		<TrackerIcon name="ai" class="size-10" />
 		<div>
 			<h1>ai</h1>
-			<p>AI and software news, plus what my bots are doing and how much I use each model.</p>
+			<p>
+				AI and software news, plus what my bots are doing, how much I use each model and how each
+				one is set up.
+			</p>
 		</div>
 	</header>
 	<nav class="ai-tabs" aria-label="AI tracker sections">
@@ -118,4 +123,7 @@
 	.tab-usage {
 		background: linear-gradient(135deg, #34d399, #0d9488);
 	}
+	.tab-setup {
+		background: linear-gradient(135deg, #a78bfa, #6d28d9);
+	}
 </style>