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/app/(main)/settings/appearance/appearance-settings-client.tsx

@@ -5,29 +5,23 @@ import { updateAISettings } from '@/app/actions/ai-settings'
 import { updateUserSettings } from '@/app/actions/user-settings'
 import { useLanguage } from '@/lib/i18n'
 import { toast } from 'sonner'
-import { Palette, Type, LayoutGrid, Maximize2 } from 'lucide-react'
+import { Palette, Type } from 'lucide-react'
 import { applyDocumentTheme, normalizeThemeId, type ThemeId } from '@/lib/apply-document-theme'
 
 interface AppearanceSettingsClientProps {
   initialFontSize: string
   initialTheme: string
-  initialNotesViewMode: 'masonry' | 'tabs' | 'list'
-  initialCardSizeMode?: 'variable' | 'uniform'
   initialFontFamily?: string
 }
 
 export function AppearanceSettingsClient({
   initialFontSize,
   initialTheme,
-  initialNotesViewMode,
-  initialCardSizeMode = 'variable',
   initialFontFamily = 'inter',
 }: AppearanceSettingsClientProps) {
   const { t } = useLanguage()
   const [theme, setTheme] = useState<ThemeId>(normalizeThemeId(initialTheme || 'light'))
   const [fontSize, setFontSize] = useState(initialFontSize || 'medium')
-  const [notesViewMode, setNotesViewMode] = useState<'masonry' | 'tabs' | 'list'>(initialNotesViewMode)
-  const [cardSizeMode, setCardSizeMode] = useState<'variable' | 'uniform'>(initialCardSizeMode)
   const [fontFamily, setFontFamily] = useState(initialFontFamily)
 
   const handleThemeChange = async (value: string) => {
@@ -47,21 +41,6 @@ export function AppearanceSettingsClient({
     toast.success(t('settings.settingsSaved') || 'Saved')
   }
 
-  const handleNotesViewChange = async (value: string) => {
-    const mode = value === 'tabs' ? 'tabs' : value === 'list' ? 'list' : 'masonry'
-    setNotesViewMode(mode)
-    await updateAISettings({ notesViewMode: mode })
-    toast.success(t('settings.settingsSaved') || 'Saved')
-  }
-
-  const handleCardSizeModeChange = async (value: string) => {
-    const mode = value === 'uniform' ? 'uniform' : 'variable'
-    setCardSizeMode(mode)
-    localStorage.setItem('card-size-mode', mode)
-    await updateUserSettings({ cardSizeMode: mode })
-    toast.success(t('settings.settingsSaved') || 'Saved')
-  }
-
   const handleFontFamilyChange = async (value: string) => {
     const font = value === 'system' ? 'system'
       : value === 'playfair' ? 'playfair'
@@ -206,30 +185,7 @@ export function AppearanceSettingsClient({
           onChange={handleFontFamilyChange}
         />
 
-        <SelectCard
-          icon={LayoutGrid}
-          title={t('appearance.notesViewLabel')}
-          description={t('appearance.notesViewDescription')}
-          value={notesViewMode}
-          options={[
-            { value: 'masonry', label: t('appearance.notesViewMasonry') },
-            { value: 'list', label: t('appearance.notesViewList') },
-            { value: 'tabs', label: t('appearance.notesViewTabs') },
-          ]}
-          onChange={handleNotesViewChange}
-        />
 
-        <SelectCard
-          icon={Maximize2}
-          title={t('settings.cardSizeMode')}
-          description={t('settings.cardSizeModeDescription')}
-          value={cardSizeMode}
-          options={[
-            { value: 'variable', label: t('settings.cardSizeVariable') },
-            { value: 'uniform', label: t('settings.cardSizeUniform') },
-          ]}
-          onChange={handleCardSizeModeChange}
-        />
       </div>
     </div>
   )

memento-note/app/(main)/settings/appearance/page.tsx

@@ -19,14 +19,6 @@ export default async function AppearanceSettingsPage() {
     <AppearanceSettingsClient
       initialFontSize={aiSettings.fontSize}
       initialTheme={userSettings.theme}
-      initialNotesViewMode={
-        aiSettings.notesViewMode === 'masonry'
-          ? 'masonry'
-          : aiSettings.notesViewMode === 'list'
-            ? 'list'
-            : 'tabs'
-      }
-      initialCardSizeMode={userSettings.cardSizeMode}
       initialFontFamily={aiSettings.fontFamily || 'inter'}
     />
   )