feat: redesign agents page (architectural-grid style), add image description, fix AI limits, remove dead code

- Redesign agents page with architectural-grid (8) design system:
  rounded-2xl cards, serif headings, motion tabs, dashed templates section
- Replace agent form popup with full-page detail view (SettingsView style)
  with dark planning card, section tooltips, and help button
- Hide advanced mode for slide/excalidraw generators
- Add 'describe images' action to contextual AI assistant
- Add copy button to action/resource preview with HTTP fallback
- Add delete history button to agent run log panel
- Increase AI word limit from 2000 to 5000 (reformulate + transform-markdown)
- Increase max steps slider from 25 to 50
- Fix image description error with clear model compatibility message
- Fix doubled execution count display in agent detail view
- Remove dead files: notes-list-view.tsx, notes-view-toggle.tsx
- Remove 'list' view mode from NotesViewMode type
- Add missing i18n keys (back, configuration, options, copy, cleared)

memento-note/components/agents/agent-run-log.tsx

@@ -1,15 +1,11 @@
 'use client'
 
-/**
- * Agent Run Log
- * Shows execution history for an agent.
- */
-
 import { useState, useEffect } from 'react'
-import { X, CheckCircle2, XCircle, Loader2, Clock, ChevronDown, Wrench } from 'lucide-react'
+import { X, CheckCircle2, XCircle, Loader2, Clock, ChevronDown, Wrench, Trash2 } from 'lucide-react'
 import { formatDistanceToNow } from 'date-fns'
 import { fr } from 'date-fns/locale/fr'
 import { enUS } from 'date-fns/locale/en-US'
+import { toast } from 'sonner'
 import { useLanguage } from '@/lib/i18n'
 
 interface AgentRunLogProps {
@@ -47,22 +43,38 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
   const { t, language } = useLanguage()
   const [actions, setActions] = useState<Action[]>([])
   const [loading, setLoading] = useState(true)
+  const [isDeleting, setIsDeleting] = useState(false)
   const dateLocale = language === 'fr' ? fr : enUS
 
-  useEffect(() => {
-    async function load() {
-      try {
-        const { getAgentActions } = await import('@/app/actions/agent-actions')
-        const data = await getAgentActions(agentId)
-        setActions(data)
-      } catch {
-        // Silent fail
-      } finally {
-        setLoading(false)
-      }
+  const loadActions = async () => {
+    setLoading(true)
+    try {
+      const { getAgentActions } = await import('@/app/actions/agent-actions')
+      const data = await getAgentActions(agentId)
+      setActions(data)
+    } catch {
+      // Silent fail
+    } finally {
+      setLoading(false)
     }
-    load()
-  }, [agentId])
+  }
+
+  useEffect(() => { loadActions() }, [agentId])
+
+  const handleClearHistory = async () => {
+    if (!confirm(t('agents.runLog.clearConfirm'))) return
+    setIsDeleting(true)
+    try {
+      const { deleteAgentHistory } = await import('@/app/actions/agent-actions')
+      await deleteAgentHistory(agentId)
+      setActions([])
+      toast.success(t('agents.runLog.cleared'))
+    } catch {
+      toast.error(t('agents.toasts.deleteError'))
+    } finally {
+      setIsDeleting(false)
+    }
+  }
 
   return (
     <div className="fixed inset-0 bg-black/20 flex justify-end z-50" onClick={onClose}>
@@ -70,18 +82,28 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
         className="bg-card shadow-2xl w-full max-w-md h-full overflow-y-auto animate-in slide-in-from-right duration-300 flex flex-col border-l border-border/40"
         onClick={e => e.stopPropagation()}
       >
-        {/* Header */}
         <div className="flex items-center justify-between px-5 py-4 border-b border-border">
           <div>
             <h3 className="font-semibold text-card-foreground">{t('agents.runLog.title')}</h3>
             <p className="text-xs text-muted-foreground">{agentName}</p>
           </div>
-          <button onClick={onClose} className="p-1 rounded-md hover:bg-accent">
-            <X className="w-5 h-5 text-muted-foreground" />
-          </button>
+          <div className="flex items-center gap-2">
+            {actions.length > 0 && (
+              <button
+                onClick={handleClearHistory}
+                disabled={isDeleting}
+                className="p-1.5 rounded-md hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors disabled:opacity-50"
+                title={t('agents.runLog.clearHistory')}
+              >
+                {isDeleting ? <Loader2 className="w-4 h-4 animate-spin" /> : <Trash2 className="w-4 h-4" />}
+              </button>
+            )}
+            <button onClick={onClose} className="p-1 rounded-md hover:bg-accent">
+              <X className="w-5 h-5 text-muted-foreground" />
+            </button>
+          </div>
         </div>
 
-        {/* List */}
         <div className="flex-1 overflow-y-auto p-4 space-y-2">
           {loading && (
             <div className="flex items-center justify-center py-8">
@@ -134,7 +156,6 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
                   </div>
                 </div>
 
-                {/* Tool trace */}
                 {toolSteps.length > 0 && (
                   <details className="mt-2">
                     <summary className="flex items-center gap-1.5 text-xs text-primary cursor-pointer hover:text-primary/80 font-medium">
@@ -152,7 +173,7 @@ export function AgentRunLog({ agentId, agentName, onClose }: AgentRunLogProps) {
                                 <div key={j} className="bg-muted rounded px-2 py-1">
                                   <span className="font-mono text-primary">{tc.toolName}</span>
                                   <span className="text-muted-foreground ml-1">
-                                    {JSON.stringify(tc.args).substring(0, 80)}
+                                    {JSON.stringify(tc.args ?? {}).substring(0, 80)}
                                   </span>
                                 </div>
                               ))}