feat(settings): add Agents tab — read-only Paperclip agent config view

Task #29: surfaces all 14 agents (7 roles × 2 companies) in /settings as
master+mirror pairs with drift detection. Replaces ad-hoc psql + script
inspection with a single dashboard.

Backend: GET /api/admin/paperclip-agents — fetches via Paperclip API
(not direct DB), groups by name, computes drift across model/effort/
timeoutSec/maxTurnsPerRun/skills/runtime_config.heartbeat/budget/status.

Frontend: new AgentsTab card-per-pair with side-by-side compare,
drift highlighting, expandable details (skills list + instructions path).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

web-ui/src/app/settings/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { Server, Wrench, Plug, Building2, Layers } from "lucide-react";
+import { Server, Wrench, Plug, Building2, Layers, Bot } from "lucide-react";
 import { AppShell } from "@/components/app-shell";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { PaperclipTab } from "./_components/paperclip-tab";
@@ -9,6 +9,7 @@ import { EnvironmentTab } from "./_components/environment-tab";
 import { ToolsTab } from "./_components/tools-tab";
 import { RegistrationsTab } from "./_components/registrations-tab";
 import { BlocksTab } from "./_components/blocks-tab";
+import { AgentsTab } from "./_components/agents-tab";
 
 export default function SettingsPage() {
   return (
@@ -36,6 +37,10 @@ export default function SettingsPage() {
               <Building2 className="w-4 h-4" data-icon="inline-start" />
               Paperclip
             </TabsTrigger>
+            <TabsTrigger value="agents">
+              <Bot className="w-4 h-4" data-icon="inline-start" />
+              סוכנים
+            </TabsTrigger>
             <TabsTrigger value="environment">
               <Server className="w-4 h-4" data-icon="inline-start" />
               סביבה
@@ -55,6 +60,7 @@ export default function SettingsPage() {
           </TabsList>
 
           <TabsContent value="paperclip"><PaperclipTab /></TabsContent>
+          <TabsContent value="agents"><AgentsTab /></TabsContent>
           <TabsContent value="environment"><EnvironmentTab /></TabsContent>
           <TabsContent value="tools"><ToolsTab /></TabsContent>
           <TabsContent value="blocks"><BlocksTab /></TabsContent>