feat: rename keep-notes to memento-note, migrate to PostgreSQL, fix MCP bugs

- Rename directory keep-notes -> memento-note with all code references
- Prisma: SQLite -> PostgreSQL (both app and MCP server schemas)
- Sync MCP schema with main app (add missing fields, relations, indexes)
- Delete 17 SQLite migrations (clean slate for PostgreSQL)
- Remove SQLite dependencies (@libsql/client, better-sqlite3, etc.)
- Fix MCP server: hardcoded Windows DB paths -> DATABASE_URL env var
- Fix MCP server: .dockerignore excluded index-sse.js (SSE mode broken)
- MCP Dockerfile: node:20 -> node:22
- Docker Compose: add postgres service, remove SQLite volume
- Generate favicon.ico, icon-192.png, icon-512.png, apple-icon.png
- Update layout.tsx icons and manifest.json for PNG icons
- Update all .env files for PostgreSQL
- Rewrite README.md with updated sections
- Remove mcp-server/node_modules and prisma/client-generated from git tracking

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

memento-note/app/(main)/admin/ai-test/ai-tester.tsx

@@ -0,0 +1,259 @@
+'use client'
+
+import { Button } from '@/components/ui/button'
+import { Card, CardContent } from '@/components/ui/card'
+import { Badge } from '@/components/ui/badge'
+import { useState, useEffect } from 'react'
+import { toast } from 'sonner'
+import { Loader2, CheckCircle2, XCircle, Clock, Zap, Info } from 'lucide-react'
+import { useLanguage } from '@/lib/i18n'
+
+interface TestResult {
+  success: boolean
+  provider?: string
+  model?: string
+  responseTime?: number
+  tags?: Array<{ tag: string; confidence: number }>
+  embeddingLength?: number
+  firstValues?: number[]
+  error?: string
+  details?: any
+}
+
+export function AI_TESTER({ type }: { type: 'tags' | 'embeddings' }) {
+  const { t } = useLanguage()
+  const [isLoading, setIsLoading] = useState(false)
+  const [result, setResult] = useState<TestResult | null>(null)
+  const [config, setConfig] = useState<any>(null)
+
+  useEffect(() => {
+    fetchConfig()
+  }, [])
+
+  const fetchConfig = async () => {
+    try {
+      const response = await fetch('/api/ai/config')
+      const data = await response.json()
+      setConfig(data)
+
+      if (data.previousTest) {
+        setResult(data.previousTest[type] || null)
+      }
+    } catch (error) {
+      console.error('Failed to fetch config:', error)
+    }
+  }
+
+  const runTest = async () => {
+    setIsLoading(true)
+    const startTime = Date.now()
+
+    try {
+      const response = await fetch(`/api/ai/test-${type}`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' }
+      })
+
+      const endTime = Date.now()
+      const data = await response.json()
+
+      setResult({
+        ...data,
+        responseTime: endTime - startTime
+      })
+
+      if (data.success) {
+        toast.success(
+          `✅ ${type === 'tags' ? 'Tags' : 'Embeddings'} Test Successful!`,
+          {
+            description: `Provider: ${data.provider} | Time: ${endTime - startTime}ms`
+          }
+        )
+      } else {
+        toast.error(
+          `❌ ${type === 'tags' ? 'Tags' : 'Embeddings'} Test Failed`,
+          {
+            description: data.error || 'Unknown error'
+          }
+        )
+      }
+    } catch (error: any) {
+      const endTime = Date.now()
+      const errorResult = {
+        success: false,
+        error: error.message || 'Network error',
+        responseTime: endTime - startTime
+      }
+      setResult(errorResult)
+      toast.error(t('admin.aiTest.testError', { error: error.message }))
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const getProviderInfo = () => {
+    if (!config) return { provider: 'Loading...', model: 'Loading...' }
+
+    if (type === 'tags') {
+      return {
+        provider: config.AI_PROVIDER_TAGS || 'ollama',
+        model: config.AI_MODEL_TAGS || 'granite4:latest'
+      }
+    } else {
+      return {
+        provider: config.AI_PROVIDER_EMBEDDING || 'ollama',
+        model: config.AI_MODEL_EMBEDDING || 'embeddinggemma:latest'
+      }
+    }
+  }
+
+  const providerInfo = getProviderInfo()
+
+  return (
+    <div className="space-y-4">
+      {/* Provider Info */}
+      <div className="space-y-3 p-4 bg-muted/50 rounded-lg">
+        <div className="flex items-center justify-between">
+          <span className="text-sm font-medium">{t('admin.aiTest.provider')}</span>
+          <Badge variant="outline" className="text-xs">
+            {providerInfo.provider.toUpperCase()}
+          </Badge>
+        </div>
+        <div className="flex items-center justify-between">
+          <span className="text-sm font-medium">{t('admin.aiTest.model')}</span>
+          <span className="text-sm text-muted-foreground font-mono">
+            {providerInfo.model}
+          </span>
+        </div>
+      </div>
+
+      {/* Test Button */}
+      <Button
+        onClick={runTest}
+        disabled={isLoading}
+        className="w-full"
+        variant={result?.success ? 'default' : result?.success === false ? 'destructive' : 'default'}
+      >
+        {isLoading ? (
+          <>
+            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+            {t('admin.aiTest.testing')}
+          </>
+        ) : (
+          <>
+            <Zap className="mr-2 h-4 w-4" />
+            {t('admin.aiTest.runTest')}
+          </>
+        )}
+      </Button>
+
+      {/* Results */}
+      {result && (
+        <Card className={result.success ? 'border-green-200 dark:border-green-900' : 'border-red-200 dark:border-red-900'}>
+          <CardContent className="pt-6">
+            {/* Status */}
+            <div className="flex items-center gap-2 mb-4">
+              {result.success ? (
+                <>
+                  <CheckCircle2 className="h-5 w-5 text-green-600" />
+                  <span className="font-semibold text-green-600 dark:text-green-400">{t('admin.aiTest.testPassed')}</span>
+                </>
+              ) : (
+                <>
+                  <XCircle className="h-5 w-5 text-red-600" />
+                  <span className="font-semibold text-red-600 dark:text-red-400">{t('admin.aiTest.testFailed')}</span>
+                </>
+              )}
+            </div>
+
+            {/* Response Time */}
+            {result.responseTime && (
+              <div className="flex items-center gap-2 text-sm text-muted-foreground mb-4">
+                <Clock className="h-4 w-4" />
+                <span>{t('admin.aiTest.responseTime', { time: result.responseTime })}</span>
+              </div>
+            )}
+
+            {/* Tags Results */}
+            {type === 'tags' && result.success && result.tags && (
+              <div className="space-y-3">
+                <div className="flex items-center gap-2">
+                  <Info className="h-4 w-4 text-primary" />
+                  <span className="text-sm font-medium">{t('admin.aiTest.generatedTags')}</span>
+                </div>
+                <div className="flex flex-wrap gap-2">
+                  {result.tags.map((tag, idx) => (
+                    <Badge
+                      key={idx}
+                      variant="secondary"
+                      className="text-sm"
+                    >
+                      {tag.tag}
+                      <span className="ml-1 text-xs opacity-70">
+                        ({Math.round(tag.confidence * 100)}%)
+                      </span>
+                    </Badge>
+                  ))}
+                </div>
+              </div>
+            )}
+
+            {/* Embeddings Results */}
+            {type === 'embeddings' && result.success && result.embeddingLength && (
+              <div className="space-y-3">
+                <div className="flex items-center gap-2">
+                  <Info className="h-4 w-4 text-green-600" />
+                  <span className="text-sm font-medium">{t('admin.aiTest.embeddingDimensions')}</span>
+                </div>
+                <div className="p-3 bg-muted rounded-lg">
+                  <div className="text-2xl font-bold text-center">
+                    {result.embeddingLength}
+                  </div>
+                  <div className="text-xs text-center text-muted-foreground mt-1">
+                    {t('admin.aiTest.vectorDimensions')}
+                  </div>
+                </div>
+                {result.firstValues && result.firstValues.length > 0 && (
+                  <div className="space-y-1">
+                    <span className="text-xs font-medium">{t('admin.aiTest.first5Values')}</span>
+                    <div className="p-2 bg-muted rounded font-mono text-xs">
+                      [{result.firstValues.slice(0, 5).map((v, i) => v.toFixed(4)).join(', ')}]
+                    </div>
+                  </div>
+                )}
+              </div>
+            )}
+
+            {/* Error Details */}
+            {!result.success && result.error && (
+              <div className="mt-4 p-3 bg-red-50 dark:bg-red-950/20 rounded-lg border border-red-200 dark:border-red-900">
+                <p className="text-sm font-medium text-red-900 dark:text-red-100">{t('admin.aiTest.error')}</p>
+                <p className="text-sm text-red-700 dark:text-red-300 mt-1">{result.error}</p>
+                {result.details && (
+                  <details className="mt-2">
+                    <summary className="text-xs cursor-pointer text-red-600 dark:text-red-400">
+                      Technical details
+                    </summary>
+                    <pre className="mt-2 text-xs overflow-auto p-2 bg-red-100 dark:bg-red-900/30 rounded">
+                      {JSON.stringify(result.details, null, 2)}
+                    </pre>
+                  </details>
+                )}
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      )}
+
+      {/* Loading State */}
+      {isLoading && (
+        <div className="text-center py-4">
+          <Loader2 className="h-8 w-8 animate-spin mx-auto text-primary" />
+          <p className="text-sm text-muted-foreground mt-2">
+            {t('admin.aiTest.testing')} {type === 'tags' ? 'tags generation' : 'embeddings'}...
+          </p>
+        </div>
+      )}
+    </div>
+  )
+}

memento-note/app/(main)/admin/ai-test/page.tsx

@@ -0,0 +1,106 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Button } from '@/components/ui/button'
+import { auth } from '@/auth'
+import { redirect } from 'next/navigation'
+import Link from 'next/link'
+import { ArrowLeft, TestTube } from 'lucide-react'
+import { AI_TESTER } from './ai-tester'
+
+export default async function AITestPage() {
+  const session = await auth()
+
+  if ((session?.user as any)?.role !== 'ADMIN') {
+    redirect('/')
+  }
+
+  return (
+    <div className="container mx-auto py-10 px-4 max-w-6xl">
+      <div className="flex justify-between items-center mb-8">
+        <div className="flex items-center gap-3">
+          <Link href="/admin/settings">
+            <Button variant="outline" size="icon">
+              <ArrowLeft className="h-4 w-4" />
+            </Button>
+          </Link>
+          <div>
+            <h1 className="text-3xl font-bold flex items-center gap-2">
+              <TestTube className="h-8 w-8" />
+              AI Provider Testing
+            </h1>
+            <p className="text-muted-foreground mt-1">
+              Test your AI providers for tag generation and semantic search embeddings
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div className="grid gap-6 md:grid-cols-2">
+        {/* Tags Provider Test */}
+        <Card className="border-primary/20 dark:border-primary/30">
+          <CardHeader className="bg-primary/5 dark:bg-primary/10">
+            <CardTitle className="flex items-center gap-2">
+              <span className="text-2xl">🏷️</span>
+              Tags Generation Test
+            </CardTitle>
+            <CardDescription>
+              Test the AI provider responsible for automatic tag suggestions
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="pt-6">
+            <AI_TESTER type="tags" />
+          </CardContent>
+        </Card>
+
+        {/* Embeddings Provider Test */}
+        <Card className="border-green-200 dark:border-green-900">
+          <CardHeader className="bg-green-50/50 dark:bg-green-950/20">
+            <CardTitle className="flex items-center gap-2">
+              <span className="text-2xl">🔍</span>
+              Embeddings Test
+            </CardTitle>
+            <CardDescription>
+              Test the AI provider responsible for semantic search embeddings
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="pt-6">
+            <AI_TESTER type="embeddings" />
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Info Section */}
+      <Card className="mt-6">
+        <CardHeader>
+          <CardTitle>ℹ️ How Testing Works</CardTitle>
+        </CardHeader>
+        <CardContent className="space-y-4 text-sm">
+          <div>
+            <h4 className="font-semibold mb-2">🏷️ Tags Generation Test:</h4>
+            <ul className="list-disc list-inside space-y-1 text-muted-foreground">
+              <li>Sends a sample note to the AI provider</li>
+              <li>Requests 3-5 relevant tags based on the content</li>
+              <li>Displays the generated tags with confidence scores</li>
+              <li>Measures response time</li>
+            </ul>
+          </div>
+          <div>
+            <h4 className="font-semibold mb-2">🔍 Embeddings Test:</h4>
+            <ul className="list-disc list-inside space-y-1 text-muted-foreground">
+              <li>Sends a sample text to the embedding provider</li>
+              <li>Generates a vector representation (list of numbers)</li>
+              <li>Displays embedding dimensions and sample values</li>
+              <li>Verifies the vector is valid and properly formatted</li>
+            </ul>
+          </div>
+          <div className="bg-amber-50 dark:bg-amber-950/20 p-4 rounded-lg border border-amber-200 dark:border-amber-900">
+            <p className="font-semibold text-amber-900 dark:text-amber-100">💡 Tip:</p>
+            <p className="text-amber-800 dark:text-amber-200 mt-1">
+              You can use different providers for tags and embeddings! For example, use Ollama (free) for tags
+              and OpenAI (best quality) for embeddings to optimize costs and performance.
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

memento-note/app/(main)/admin/ai/page.tsx

@@ -0,0 +1,147 @@
+import { AdminMetrics } from '@/components/admin-metrics'
+import { Button } from '@/components/ui/button'
+import { Zap, Settings, Activity, TrendingUp } from 'lucide-react'
+import Link from 'next/link'
+import { getSystemConfig } from '@/lib/config'
+
+export default async function AdminAIPage() {
+  const config = await getSystemConfig()
+
+  // Determine provider status based on config
+  const openaiKey = config.OPENAI_API_KEY
+  const ollamaUrl = config.OLLAMA_BASE_URL || config.OLLAMA_BASE_URL_TAGS || config.OLLAMA_BASE_URL_EMBEDDING
+
+  const providers = [
+    {
+      name: 'OpenAI',
+      status: openaiKey ? 'Connected' : 'Not Configured',
+      requests: 'N/A' // We don't track request counts yet
+    },
+    {
+      name: 'Ollama',
+      status: ollamaUrl ? 'Available' : 'Not Configured',
+      requests: 'N/A'
+    },
+  ]
+
+  // Mock AI metrics - in a real app, these would come from analytics
+  // TODO: Implement real analytics tracking
+  const aiMetrics = [
+    {
+      title: 'Total Requests',
+      value: '—',
+      trend: { value: 0, isPositive: true },
+      icon: <Zap className="h-5 w-5 text-yellow-600 dark:text-yellow-400" />,
+    },
+    {
+      title: 'Success Rate',
+      value: '100%',
+      trend: { value: 0, isPositive: true },
+      icon: <TrendingUp className="h-5 w-5 text-green-600 dark:text-green-400" />,
+    },
+    {
+      title: 'Avg Response Time',
+      value: '—',
+      trend: { value: 0, isPositive: true },
+      icon: <Activity className="h-5 w-5 text-primary dark:text-primary-foreground" />,
+    },
+    {
+      title: 'Active Features',
+      value: '6',
+      icon: <Settings className="h-5 w-5 text-purple-600 dark:text-purple-400" />,
+    },
+  ]
+
+  return (
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <div>
+          <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+            AI Management
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mt-1">
+            Monitor and configure AI features
+          </p>
+        </div>
+        <Link href="/admin/settings">
+          <Button variant="outline">
+            <Settings className="mr-2 h-4 w-4" />
+            Configure
+          </Button>
+        </Link>
+      </div>
+
+      <AdminMetrics metrics={aiMetrics} />
+
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800 p-6">
+          <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+            Active AI Features
+          </h2>
+          <div className="space-y-3">
+            {[
+              'Title Suggestions',
+              'Semantic Search',
+              'Paragraph Reformulation',
+              'Memory Echo',
+              'Language Detection',
+              'Auto Labeling',
+            ].map((feature) => (
+              <div
+                key={feature}
+                className="flex items-center justify-between p-3 bg-gray-50 dark:bg-zinc-800 rounded-lg"
+              >
+                <span className="text-sm text-gray-900 dark:text-white">
+                  {feature}
+                </span>
+                <span className="px-2 py-1 text-xs font-medium text-green-700 dark:text-green-400 bg-green-100 dark:bg-green-900 rounded-full">
+                  Active
+                </span>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800 p-6">
+          <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+            AI Provider Status
+          </h2>
+          <div className="space-y-3">
+            {providers.map((provider) => (
+              <div
+                key={provider.name}
+                className="flex items-center justify-between p-3 bg-gray-50 dark:bg-zinc-800 rounded-lg"
+              >
+                <div>
+                  <p className="text-sm font-medium text-gray-900 dark:text-white">
+                    {provider.name}
+                  </p>
+                  <p className="text-xs text-gray-600 dark:text-gray-400">
+                    {provider.requests} requests
+                  </p>
+                </div>
+                <span
+                  className={`px-2 py-1 text-xs font-medium rounded-full ${provider.status === 'Connected' || provider.status === 'Available'
+                      ? 'text-green-700 dark:text-green-400 bg-green-100 dark:bg-green-900'
+                      : 'text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800'
+                    }`}
+                >
+                  {provider.status}
+                </span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800 p-6">
+        <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+          Recent AI Requests
+        </h2>
+        <p className="text-gray-600 dark:text-gray-400">
+          Recent AI requests will be displayed here. (Coming Soon)
+        </p>
+      </div>
+    </div>
+  )
+}

memento-note/app/(main)/admin/create-user-dialog.tsx

@@ -0,0 +1,80 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DialogFooter,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Plus } from 'lucide-react'
+import { createUser } from '@/app/actions/admin'
+import { toast } from 'sonner'
+import { useLanguage } from '@/lib/i18n'
+
+export function CreateUserDialog() {
+  const [open, setOpen] = useState(false)
+  const { t } = useLanguage()
+  
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button>
+          <Plus className="mr-2 h-4 w-4" /> {t('admin.users.addUser')}
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle>{t('admin.users.createUser')}</DialogTitle>
+          <DialogDescription>
+            {t('admin.users.createUserDescription')}
+          </DialogDescription>
+        </DialogHeader>
+        <form
+          action={async (formData) => {
+            const result = await createUser(formData)
+            if (result?.error) {
+              toast.error(t('admin.users.createFailed'))
+            } else {
+              toast.success(t('admin.users.createSuccess'))
+              setOpen(false)
+            }
+          }}
+          className="grid gap-4 py-4"
+        >
+          <div className="grid gap-2">
+            <label htmlFor="name">{t('admin.users.name')}</label>
+            <Input id="name" name="name" required />
+          </div>
+          <div className="grid gap-2">
+            <label htmlFor="email">{t('admin.users.email')}</label>
+            <Input id="email" name="email" type="email" required />
+          </div>
+          <div className="grid gap-2">
+            <label htmlFor="password">{t('admin.users.password')}</label>
+            <Input id="password" name="password" type="password" required minLength={6} />
+          </div>
+          <div className="grid gap-2">
+            <label htmlFor="role">{t('admin.users.role')}</label>
+            <select
+              id="role"
+              name="role"
+              className="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+            >
+              <option value="USER">User</option>
+              <option value="ADMIN">Admin</option>
+            </select>
+          </div>
+          <DialogFooter>
+            <Button type="submit">{t('admin.users.createUser')}</Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  )
+}

memento-note/app/(main)/admin/layout.tsx

@@ -0,0 +1,23 @@
+import { AdminSidebar } from '@/components/admin-sidebar'
+import { AdminContentArea } from '@/components/admin-content-area'
+import { auth } from '@/auth'
+import { redirect } from 'next/navigation'
+
+export default async function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const session = await auth()
+
+  if ((session?.user as any)?.role !== 'ADMIN') {
+    redirect('/')
+  }
+
+  return (
+    <div className="flex min-h-screen bg-gray-50 dark:bg-zinc-950">
+      <AdminSidebar />
+      <AdminContentArea>{children}</AdminContentArea>
+    </div>
+  )
+}

memento-note/app/(main)/admin/page.tsx

@@ -0,0 +1,59 @@
+import { getUsers } from '@/app/actions/admin'
+import { AdminMetrics } from '@/components/admin-metrics'
+import { Users, Activity, Database, Zap } from 'lucide-react'
+
+export default async function AdminPage() {
+  const users = await getUsers()
+
+  // Mock metrics data - in a real app, these would come from analytics
+  const metrics = [
+    {
+      title: 'Total Users',
+      value: users.length,
+      trend: { value: 12, isPositive: true },
+      icon: <Users className="h-5 w-5 text-primary dark:text-primary-foreground" />,
+    },
+    {
+      title: 'Active Sessions',
+      value: '24',
+      trend: { value: 8, isPositive: true },
+      icon: <Activity className="h-5 w-5 text-green-600 dark:text-green-400" />,
+    },
+    {
+      title: 'Total Notes',
+      value: '1,234',
+      trend: { value: 24, isPositive: true },
+      icon: <Database className="h-5 w-5 text-purple-600 dark:text-purple-400" />,
+    },
+    {
+      title: 'AI Requests',
+      value: '856',
+      trend: { value: 5, isPositive: false },
+      icon: <Zap className="h-5 w-5 text-yellow-600 dark:text-yellow-400" />,
+    },
+  ]
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+          Dashboard
+        </h1>
+        <p className="text-gray-600 dark:text-gray-400 mt-1">
+          Overview of your application metrics
+        </p>
+      </div>
+
+      <AdminMetrics metrics={metrics} />
+
+      <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800 p-6">
+        <h2 className="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+          Recent Activity
+        </h2>
+        <p className="text-gray-600 dark:text-gray-400">
+          Recent activity will be displayed here.
+        </p>
+      </div>
+    </div>
+  )
+}

memento-note/app/(main)/admin/settings/admin-settings-form.tsx

@@ -0,0 +1,618 @@
+'use client'
+
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'
+import { Label } from '@/components/ui/label'
+import { updateSystemConfig, testSMTP } from '@/app/actions/admin-settings'
+import { getOllamaModels } from '@/app/actions/ollama'
+import { toast } from 'sonner'
+import { useState, useEffect, useCallback } from 'react'
+import Link from 'next/link'
+import { TestTube, ExternalLink, RefreshCw } from 'lucide-react'
+import { useLanguage } from '@/lib/i18n'
+
+type AIProvider = 'ollama' | 'openai' | 'custom'
+
+interface AvailableModels {
+  tags: string[]
+  embeddings: string[]
+}
+
+const MODELS_2026 = {
+  // Removed hardcoded Ollama models in favor of dynamic fetching
+  openai: {
+    tags: ['gpt-4o', 'gpt-4o-mini', 'gpt-4-turbo', 'gpt-4', 'gpt-3.5-turbo'],
+    embeddings: ['text-embedding-3-small', 'text-embedding-3-large', 'text-embedding-ada-002']
+  },
+  custom: {
+    tags: ['gpt-4o-mini', 'gpt-4o', 'claude-3-haiku', 'claude-3-sonnet', 'llama-3.1-8b'],
+    embeddings: ['text-embedding-3-small', 'text-embedding-3-large', 'text-embedding-ada-002']
+  }
+}
+
+export function AdminSettingsForm({ config }: { config: Record<string, string> }) {
+  const { t } = useLanguage()
+  const [isSaving, setIsSaving] = useState(false)
+  const [isTesting, setIsTesting] = useState(false)
+
+  // Local state for Checkbox
+  const [allowRegister, setAllowRegister] = useState(config.ALLOW_REGISTRATION !== 'false')
+  const [smtpSecure, setSmtpSecure] = useState(config.SMTP_SECURE === 'true')
+  const [smtpIgnoreCert, setSmtpIgnoreCert] = useState(config.SMTP_IGNORE_CERT === 'true')
+
+  // AI Provider state - separated for tags and embeddings
+  const [tagsProvider, setTagsProvider] = useState<AIProvider>((config.AI_PROVIDER_TAGS as AIProvider) || 'ollama')
+  const [embeddingsProvider, setEmbeddingsProvider] = useState<AIProvider>((config.AI_PROVIDER_EMBEDDING as AIProvider) || 'ollama')
+
+  // Selected Models State (Controlled Inputs)
+  const [selectedTagsModel, setSelectedTagsModel] = useState<string>(config.AI_MODEL_TAGS || '')
+  const [selectedEmbeddingModel, setSelectedEmbeddingModel] = useState<string>(config.AI_MODEL_EMBEDDING || '')
+
+
+  // Dynamic Models State
+  const [ollamaTagsModels, setOllamaTagsModels] = useState<string[]>([])
+  const [ollamaEmbeddingsModels, setOllamaEmbeddingsModels] = useState<string[]>([])
+  const [isLoadingTagsModels, setIsLoadingTagsModels] = useState(false)
+  const [isLoadingEmbeddingsModels, setIsLoadingEmbeddingsModels] = useState(false)
+
+  // Sync state with config
+  useEffect(() => {
+    setAllowRegister(config.ALLOW_REGISTRATION !== 'false')
+    setSmtpSecure(config.SMTP_SECURE === 'true')
+    setSmtpIgnoreCert(config.SMTP_IGNORE_CERT === 'true')
+    setTagsProvider((config.AI_PROVIDER_TAGS as AIProvider) || 'ollama')
+    setEmbeddingsProvider((config.AI_PROVIDER_EMBEDDING as AIProvider) || 'ollama')
+    setSelectedTagsModel(config.AI_MODEL_TAGS || '')
+    setSelectedEmbeddingModel(config.AI_MODEL_EMBEDDING || '')
+  }, [config])
+
+  // Fetch Ollama models
+  const fetchOllamaModels = useCallback(async (type: 'tags' | 'embeddings', url: string) => {
+    if (!url) return
+
+    if (type === 'tags') setIsLoadingTagsModels(true)
+    else setIsLoadingEmbeddingsModels(true)
+
+    try {
+      const result = await getOllamaModels(url)
+
+      if (result.success) {
+        if (type === 'tags') setOllamaTagsModels(result.models)
+        else setOllamaEmbeddingsModels(result.models)
+      } else {
+        toast.error(`Failed to fetch Ollama models: ${result.error}`)
+      }
+    } catch (error) {
+      console.error(error)
+      toast.error('Failed to fetch Ollama models')
+    } finally {
+      if (type === 'tags') setIsLoadingTagsModels(false)
+      else setIsLoadingEmbeddingsModels(false)
+    }
+  }, [])
+
+  // Initial fetch for Ollama models if provider is selected
+  useEffect(() => {
+    if (tagsProvider === 'ollama') {
+      const url = config.OLLAMA_BASE_URL_TAGS || config.OLLAMA_BASE_URL || 'http://localhost:11434'
+      fetchOllamaModels('tags', url)
+    }
+  }, [tagsProvider, config.OLLAMA_BASE_URL_TAGS, config.OLLAMA_BASE_URL, fetchOllamaModels])
+
+  useEffect(() => {
+    if (embeddingsProvider === 'ollama') {
+      const url = config.OLLAMA_BASE_URL_EMBEDDING || config.OLLAMA_BASE_URL || 'http://localhost:11434'
+      fetchOllamaModels('embeddings', url)
+    }
+  }, [embeddingsProvider, config.OLLAMA_BASE_URL_EMBEDDING, config.OLLAMA_BASE_URL, fetchOllamaModels])
+
+  const handleSaveSecurity = async (formData: FormData) => {
+    setIsSaving(true)
+    const data = {
+      ALLOW_REGISTRATION: allowRegister ? 'true' : 'false',
+    }
+
+    const result = await updateSystemConfig(data)
+    setIsSaving(false)
+
+    if (result.error) {
+      toast.error(t('admin.security.updateFailed'))
+    } else {
+      toast.success(t('admin.security.updateSuccess'))
+    }
+  }
+
+  const handleSaveAI = async (formData: FormData) => {
+    setIsSaving(true)
+    const data: Record<string, string> = {}
+
+    try {
+      const tagsProv = formData.get('AI_PROVIDER_TAGS') as AIProvider
+      if (!tagsProv) throw new Error(t('admin.ai.providerTagsRequired'))
+      data.AI_PROVIDER_TAGS = tagsProv
+
+      const tagsModel = formData.get('AI_MODEL_TAGS') as string
+      if (tagsModel) data.AI_MODEL_TAGS = tagsModel
+
+      if (tagsProv === 'ollama') {
+        const ollamaUrl = formData.get('OLLAMA_BASE_URL_TAGS') as string
+        if (ollamaUrl) data.OLLAMA_BASE_URL_TAGS = ollamaUrl
+      } else if (tagsProv === 'openai') {
+        const openaiKey = formData.get('OPENAI_API_KEY') as string
+        if (openaiKey) data.OPENAI_API_KEY = openaiKey
+      } else if (tagsProv === 'custom') {
+        const customKey = formData.get('CUSTOM_OPENAI_API_KEY_TAGS') as string
+        const customUrl = formData.get('CUSTOM_OPENAI_BASE_URL_TAGS') as string
+        if (customKey) data.CUSTOM_OPENAI_API_KEY = customKey
+        if (customUrl) data.CUSTOM_OPENAI_BASE_URL = customUrl
+      }
+
+      const embedProv = formData.get('AI_PROVIDER_EMBEDDING') as AIProvider
+      if (!embedProv) throw new Error(t('admin.ai.providerEmbeddingRequired'))
+      data.AI_PROVIDER_EMBEDDING = embedProv
+
+      const embedModel = formData.get('AI_MODEL_EMBEDDING') as string
+      if (embedModel) data.AI_MODEL_EMBEDDING = embedModel
+
+      if (embedProv === 'ollama') {
+        const ollamaUrl = formData.get('OLLAMA_BASE_URL_EMBEDDING') as string
+        if (ollamaUrl) data.OLLAMA_BASE_URL_EMBEDDING = ollamaUrl
+      } else if (embedProv === 'openai') {
+        const openaiKey = formData.get('OPENAI_API_KEY') as string
+        if (openaiKey) data.OPENAI_API_KEY = openaiKey
+      } else if (embedProv === 'custom') {
+        const customKey = formData.get('CUSTOM_OPENAI_API_KEY_EMBEDDING') as string
+        const customUrl = formData.get('CUSTOM_OPENAI_BASE_URL_EMBEDDING') as string
+        if (customKey) data.CUSTOM_OPENAI_API_KEY = customKey
+        if (customUrl) data.CUSTOM_OPENAI_BASE_URL = customUrl
+      }
+
+
+      const result = await updateSystemConfig(data)
+      setIsSaving(false)
+
+      if (result.error) {
+        toast.error(t('admin.ai.updateFailed') + ': ' + result.error)
+      } else {
+        toast.success(t('admin.ai.updateSuccess'))
+        setTagsProvider(tagsProv)
+        setEmbeddingsProvider(embedProv)
+
+        // Refresh models after save if Ollama is selected
+        if (tagsProv === 'ollama') {
+          const url = data.OLLAMA_BASE_URL_TAGS || config.OLLAMA_BASE_URL || 'http://localhost:11434'
+          fetchOllamaModels('tags', url)
+        }
+        if (embedProv === 'ollama') {
+          const url = data.OLLAMA_BASE_URL_EMBEDDING || config.OLLAMA_BASE_URL || 'http://localhost:11434'
+          fetchOllamaModels('embeddings', url)
+        }
+      }
+    } catch (error: any) {
+      setIsSaving(false)
+      toast.error(t('general.error') + ': ' + error.message)
+    }
+  }
+
+  const handleSaveSMTP = async (formData: FormData) => {
+    setIsSaving(true)
+    const data = {
+      SMTP_HOST: formData.get('SMTP_HOST') as string,
+      SMTP_PORT: formData.get('SMTP_PORT') as string,
+      SMTP_USER: formData.get('SMTP_USER') as string,
+      SMTP_PASS: formData.get('SMTP_PASS') as string,
+      SMTP_FROM: formData.get('SMTP_FROM') as string,
+      SMTP_IGNORE_CERT: smtpIgnoreCert ? 'true' : 'false',
+      SMTP_SECURE: smtpSecure ? 'true' : 'false',
+    }
+
+    const result = await updateSystemConfig(data)
+    setIsSaving(false)
+
+    if (result.error) {
+      toast.error(t('admin.smtp.updateFailed'))
+    } else {
+      toast.success(t('admin.smtp.updateSuccess'))
+    }
+  }
+
+  const handleTestEmail = async () => {
+    setIsTesting(true)
+    try {
+      const result: any = await testSMTP()
+      if (result.success) {
+        toast.success(t('admin.smtp.testSuccess'))
+      } else {
+        toast.error(t('admin.smtp.testFailed', { error: result.error }))
+      }
+    } catch (e: any) {
+      toast.error(t('general.error') + ': ' + e.message)
+    } finally {
+      setIsTesting(false)
+    }
+  }
+
+  return (
+    <div className="space-y-6">
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('admin.security.title')}</CardTitle>
+          <CardDescription>{t('admin.security.description')}</CardDescription>
+        </CardHeader>
+        <form action={handleSaveSecurity}>
+          <CardContent className="space-y-4">
+            <div className="flex items-center space-x-2">
+              <Checkbox
+                id="ALLOW_REGISTRATION"
+                checked={allowRegister}
+                onCheckedChange={(c) => setAllowRegister(!!c)}
+              />
+              <label
+                htmlFor="ALLOW_REGISTRATION"
+                className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+              >
+                {t('admin.security.allowPublicRegistration')}
+              </label>
+            </div>
+            <p className="text-xs text-muted-foreground">
+              {t('admin.security.allowPublicRegistrationDescription')}
+            </p>
+          </CardContent>
+          <CardFooter>
+            <Button type="submit" disabled={isSaving}>{t('admin.security.title')}</Button>
+          </CardFooter>
+        </form>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('admin.ai.title')}</CardTitle>
+          <CardDescription>{t('admin.ai.description')}</CardDescription>
+        </CardHeader>
+        <form action={handleSaveAI}>
+          <CardContent className="space-y-6">
+            <div className="space-y-4 p-4 border rounded-lg bg-primary/5 dark:bg-primary/10">
+              <h3 className="text-base font-semibold flex items-center gap-2">
+                <span className="text-primary">🏷️</span> {t('admin.ai.tagsGenerationProvider')}
+              </h3>
+              <p className="text-xs text-muted-foreground">{t('admin.ai.tagsGenerationDescription')}</p>
+
+              <div className="space-y-2">
+                <Label htmlFor="AI_PROVIDER_TAGS">{t('admin.ai.provider')}</Label>
+                <select
+                  id="AI_PROVIDER_TAGS"
+                  name="AI_PROVIDER_TAGS"
+                  value={tagsProvider}
+                  onChange={(e) => setTagsProvider(e.target.value as AIProvider)}
+                  className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                >
+                  <option value="ollama">{t('admin.ai.providerOllamaOption')}</option>
+                  <option value="openai">{t('admin.ai.providerOpenAIOption')}</option>
+                  <option value="custom">{t('admin.ai.providerCustomOption')}</option>
+                </select>
+              </div>
+
+              {tagsProvider === 'ollama' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="OLLAMA_BASE_URL_TAGS">{t('admin.ai.baseUrl')}</Label>
+                    <div className="flex gap-2">
+                      <Input
+                        id="OLLAMA_BASE_URL_TAGS"
+                        name="OLLAMA_BASE_URL_TAGS"
+                        defaultValue={config.OLLAMA_BASE_URL_TAGS || config.OLLAMA_BASE_URL || 'http://localhost:11434'}
+                        placeholder="http://localhost:11434"
+                      />
+                      <Button
+                        type="button"
+                        size="icon"
+                        variant="outline"
+                        onClick={() => {
+                          const input = document.getElementById('OLLAMA_BASE_URL_TAGS') as HTMLInputElement
+                          fetchOllamaModels('tags', input.value)
+                        }}
+                        disabled={isLoadingTagsModels}
+                        title="Refresh Models"
+                      >
+                        <RefreshCw className={`h-4 w-4 ${isLoadingTagsModels ? 'animate-spin' : ''}`} />
+                      </Button>
+                    </div>
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_TAGS_OLLAMA">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_TAGS_OLLAMA"
+                      name="AI_MODEL_TAGS_OLLAMA"
+                      value={selectedTagsModel}
+                      onChange={(e) => setSelectedTagsModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {ollamaTagsModels.length > 0 ? (
+                        ollamaTagsModels.map((model) => (
+                          <option key={model} value={model}>{model}</option>
+                        ))
+                      ) : (
+                        <option value={selectedTagsModel || 'granite4:latest'}>{selectedTagsModel || 'granite4:latest'} {t('admin.ai.saved')}</option>
+                      )}
+                    </select>
+                    <p className="text-xs text-muted-foreground">
+                      {isLoadingTagsModels ? 'Fetching models...' : t('admin.ai.selectOllamaModel')}
+                    </p>
+                  </div>
+                </div>
+              )}
+
+              {tagsProvider === 'openai' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="OPENAI_API_KEY">{t('admin.ai.apiKey')}</Label>
+                    <Input id="OPENAI_API_KEY" name="OPENAI_API_KEY" type="password" defaultValue={config.OPENAI_API_KEY || ''} placeholder="sk-..." />
+                    <p className="text-xs text-muted-foreground">{t('admin.ai.openAIKeyDescription')}</p>
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_TAGS_OPENAI">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_TAGS_OPENAI"
+                      name="AI_MODEL_TAGS_OPENAI"
+                      value={selectedTagsModel}
+                      onChange={(e) => setSelectedTagsModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {MODELS_2026.openai.tags.map((model) => (
+                        <option key={model} value={model}>{model}</option>
+                      ))}
+                    </select>
+                    <p className="text-xs text-muted-foreground"><strong className="text-green-600">gpt-4o-mini</strong> = {t('admin.ai.bestValue')} • <strong className="text-primary">gpt-4o</strong> = {t('admin.ai.bestQuality')}</p>
+                  </div>
+                </div>
+              )}
+
+              {tagsProvider === 'custom' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="CUSTOM_OPENAI_BASE_URL_TAGS">{t('admin.ai.baseUrl')}</Label>
+                    <Input id="CUSTOM_OPENAI_BASE_URL_TAGS" name="CUSTOM_OPENAI_BASE_URL_TAGS" defaultValue={config.CUSTOM_OPENAI_BASE_URL || ''} placeholder="https://api.example.com/v1" />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="CUSTOM_OPENAI_API_KEY_TAGS">{t('admin.ai.apiKey')}</Label>
+                    <Input id="CUSTOM_OPENAI_API_KEY_TAGS" name="CUSTOM_OPENAI_API_KEY_TAGS" type="password" defaultValue={config.CUSTOM_OPENAI_API_KEY || ''} placeholder="sk-..." />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_TAGS_CUSTOM">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_TAGS_CUSTOM"
+                      name="AI_MODEL_TAGS_CUSTOM"
+                      value={selectedTagsModel}
+                      onChange={(e) => setSelectedTagsModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {MODELS_2026.custom.tags.map((model) => (
+                        <option key={model} value={model}>{model}</option>
+                      ))}
+                    </select>
+                    <p className="text-xs text-muted-foreground">{t('admin.ai.commonModelsDescription')}</p>
+                  </div>
+                </div>
+              )}
+            </div>
+
+            <div className="space-y-4 p-4 border rounded-lg bg-green-50/50 dark:bg-green-950/20">
+              <h3 className="text-base font-semibold flex items-center gap-2">
+                <span className="text-green-600">🔍</span> {t('admin.ai.embeddingsProvider')}
+              </h3>
+              <p className="text-xs text-muted-foreground">{t('admin.ai.embeddingsDescription')}</p>
+
+              <div className="space-y-2">
+                <Label htmlFor="AI_PROVIDER_EMBEDDING">
+                  {t('admin.ai.provider')}
+                  <span className="ml-2 text-xs text-muted-foreground">
+                    (Current: {embeddingsProvider})
+                  </span>
+                </Label>
+                <select
+                  id="AI_PROVIDER_EMBEDDING"
+                  name="AI_PROVIDER_EMBEDDING"
+                  value={embeddingsProvider}
+                  onChange={(e) => setEmbeddingsProvider(e.target.value as AIProvider)}
+                  className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                >
+                  <option value="ollama">{t('admin.ai.providerOllamaOption')}</option>
+                  <option value="openai">{t('admin.ai.providerOpenAIOption')}</option>
+                  <option value="custom">{t('admin.ai.providerCustomOption')}</option>
+                </select>
+                <p className="text-xs text-muted-foreground">
+                  Config value: {config.AI_PROVIDER_EMBEDDING || 'Not set (defaults to ollama)'}
+                </p>
+              </div>
+
+              {embeddingsProvider === 'ollama' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="OLLAMA_BASE_URL_EMBEDDING">{t('admin.ai.baseUrl')}</Label>
+                    <div className="flex gap-2">
+                      <Input
+                        id="OLLAMA_BASE_URL_EMBEDDING"
+                        name="OLLAMA_BASE_URL_EMBEDDING"
+                        defaultValue={config.OLLAMA_BASE_URL_EMBEDDING || config.OLLAMA_BASE_URL || 'http://localhost:11434'}
+                        placeholder="http://localhost:11434"
+                      />
+                      <Button
+                        type="button"
+                        size="icon"
+                        variant="outline"
+                        onClick={() => {
+                          const input = document.getElementById('OLLAMA_BASE_URL_EMBEDDING') as HTMLInputElement
+                          fetchOllamaModels('embeddings', input.value)
+                        }}
+                        disabled={isLoadingEmbeddingsModels}
+                        title="Refresh Models"
+                      >
+                        <RefreshCw className={`h-4 w-4 ${isLoadingEmbeddingsModels ? 'animate-spin' : ''}`} />
+                      </Button>
+                    </div>
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_EMBEDDING_OLLAMA">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_EMBEDDING_OLLAMA"
+                      name="AI_MODEL_EMBEDDING_OLLAMA"
+                      value={selectedEmbeddingModel}
+                      onChange={(e) => setSelectedEmbeddingModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {ollamaEmbeddingsModels.length > 0 ? (
+                        ollamaEmbeddingsModels.map((model) => (
+                          <option key={model} value={model}>{model}</option>
+                        ))
+                      ) : (
+                        <option value={selectedEmbeddingModel || 'embeddinggemma:latest'}>{selectedEmbeddingModel || 'embeddinggemma:latest'} {t('admin.ai.saved')}</option>
+                      )}
+                    </select>
+                    <p className="text-xs text-muted-foreground">
+                      {isLoadingEmbeddingsModels ? 'Fetching models...' : t('admin.ai.selectEmbeddingModel')}
+                    </p>
+                  </div>
+                </div>
+              )}
+
+              {embeddingsProvider === 'openai' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="OPENAI_API_KEY">{t('admin.ai.apiKey')}</Label>
+                    <Input id="OPENAI_API_KEY" name="OPENAI_API_KEY" type="password" defaultValue={config.OPENAI_API_KEY || ''} placeholder="sk-..." />
+                    <p className="text-xs text-muted-foreground">{t('admin.ai.openAIKeyDescription')}</p>
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_EMBEDDING_OPENAI">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_EMBEDDING_OPENAI"
+                      name="AI_MODEL_EMBEDDING_OPENAI"
+                      value={selectedEmbeddingModel}
+                      onChange={(e) => setSelectedEmbeddingModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {MODELS_2026.openai.embeddings.map((model) => (
+                        <option key={model} value={model}>{model}</option>
+                      ))}
+                    </select>
+                    <p className="text-xs text-muted-foreground"><strong className="text-green-600">text-embedding-3-small</strong> = {t('admin.ai.bestValue')} • <strong className="text-primary">text-embedding-3-large</strong> = {t('admin.ai.bestQuality')}</p>
+                  </div>
+                </div>
+              )}
+
+              {embeddingsProvider === 'custom' && (
+                <div className="space-y-3">
+                  <div className="space-y-2">
+                    <Label htmlFor="CUSTOM_OPENAI_BASE_URL_EMBEDDING">{t('admin.ai.baseUrl')}</Label>
+                    <Input id="CUSTOM_OPENAI_BASE_URL_EMBEDDING" name="CUSTOM_OPENAI_BASE_URL_EMBEDDING" defaultValue={config.CUSTOM_OPENAI_BASE_URL || ''} placeholder="https://api.example.com/v1" />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="CUSTOM_OPENAI_API_KEY_EMBEDDING">{t('admin.ai.apiKey')}</Label>
+                    <Input id="CUSTOM_OPENAI_API_KEY_EMBEDDING" name="CUSTOM_OPENAI_API_KEY_EMBEDDING" type="password" defaultValue={config.CUSTOM_OPENAI_API_KEY || ''} placeholder="sk-..." />
+                  </div>
+                  <div className="space-y-2">
+                    <Label htmlFor="AI_MODEL_EMBEDDING_CUSTOM">{t('admin.ai.model')}</Label>
+                    <select
+                      id="AI_MODEL_EMBEDDING_CUSTOM"
+                      name="AI_MODEL_EMBEDDING_CUSTOM"
+                      value={selectedEmbeddingModel}
+                      onChange={(e) => setSelectedEmbeddingModel(e.target.value)}
+                      className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                    >
+                      {MODELS_2026.custom.embeddings.map((model) => (
+                        <option key={model} value={model}>{model}</option>
+                      ))}
+                    </select>
+                    <p className="text-xs text-muted-foreground">{t('admin.ai.commonEmbeddingModels')}</p>
+                  </div>
+                </div>
+              )}
+            </div>
+          </CardContent>
+          <CardFooter className="flex justify-between">
+            <Button type="submit" disabled={isSaving}>{isSaving ? t('admin.ai.saving') : t('admin.ai.saveSettings')}</Button>
+            <Link href="/admin/ai-test">
+              <Button type="button" variant="outline" className="gap-2">
+                <TestTube className="h-4 w-4" />
+                {t('admin.ai.openTestPanel')}
+                <ExternalLink className="h-3 w-3" />
+              </Button>
+            </Link>
+          </CardFooter>
+        </form>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>{t('admin.smtp.title')}</CardTitle>
+          <CardDescription>{t('admin.smtp.description')}</CardDescription>
+        </CardHeader>
+        <form action={handleSaveSMTP}>
+          <CardContent className="space-y-4">
+            <div className="grid grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <label htmlFor="SMTP_HOST" className="text-sm font-medium">{t('admin.smtp.host')}</label>
+                <Input id="SMTP_HOST" name="SMTP_HOST" defaultValue={config.SMTP_HOST || ''} placeholder="smtp.example.com" />
+              </div>
+              <div className="space-y-2">
+                <label htmlFor="SMTP_PORT" className="text-sm font-medium">{t('admin.smtp.port')}</label>
+                <Input id="SMTP_PORT" name="SMTP_PORT" defaultValue={config.SMTP_PORT || '587'} placeholder="587" />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <label htmlFor="SMTP_USER" className="text-sm font-medium">{t('admin.smtp.username')}</label>
+              <Input id="SMTP_USER" name="SMTP_USER" defaultValue={config.SMTP_USER || ''} />
+            </div>
+
+            <div className="space-y-2">
+              <label htmlFor="SMTP_PASS" className="text-sm font-medium">{t('admin.smtp.password')}</label>
+              <Input id="SMTP_PASS" name="SMTP_PASS" type="password" defaultValue={config.SMTP_PASS || ''} />
+            </div>
+
+            <div className="space-y-2">
+              <label htmlFor="SMTP_FROM" className="text-sm font-medium">{t('admin.smtp.fromEmail')}</label>
+              <Input id="SMTP_FROM" name="SMTP_FROM" defaultValue={config.SMTP_FROM || 'noreply@memento.app'} />
+            </div>
+
+            <div className="flex items-center space-x-2">
+              <Checkbox
+                id="SMTP_SECURE"
+                checked={smtpSecure}
+                onCheckedChange={(c) => setSmtpSecure(!!c)}
+              />
+              <label
+                htmlFor="SMTP_SECURE"
+                className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+              >
+                {t('admin.smtp.forceSSL')}
+              </label>
+            </div>
+
+            <div className="flex items-center space-x-2">
+              <Checkbox
+                id="SMTP_IGNORE_CERT"
+                checked={smtpIgnoreCert}
+                onCheckedChange={(c) => setSmtpIgnoreCert(!!c)}
+              />
+              <label
+                htmlFor="SMTP_IGNORE_CERT"
+                className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-yellow-600"
+              >
+                {t('admin.smtp.ignoreCertErrors')}
+              </label>
+            </div>
+          </CardContent>
+          <CardFooter className="flex justify-between">
+            <Button type="submit" disabled={isSaving}>{t('admin.smtp.saveSettings')}</Button>
+            <Button type="button" variant="secondary" onClick={handleTestEmail} disabled={isTesting}>
+              {isTesting ? t('admin.smtp.sending') : t('admin.smtp.testEmail')}
+            </Button>
+          </CardFooter>
+        </form>
+      </Card>
+    </div>
+  )
+}

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

@@ -0,0 +1,23 @@
+import { getSystemConfig } from '@/app/actions/admin-settings'
+import { AdminSettingsForm } from './admin-settings-form'
+
+export default async function AdminSettingsPage() {
+  const config = await getSystemConfig()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+          Settings
+        </h1>
+        <p className="text-gray-600 dark:text-gray-400 mt-1">
+          Configure application-wide settings
+        </p>
+      </div>
+
+      <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800 p-6">
+        <AdminSettingsForm config={config} />
+      </div>
+    </div>
+  )
+}

memento-note/app/(main)/admin/user-list.tsx

@@ -0,0 +1,83 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import { deleteUser, updateUserRole } from '@/app/actions/admin'
+import { toast } from 'sonner'
+import { Trash2, Shield, ShieldOff } from 'lucide-react'
+import { format } from 'date-fns'
+import { useLanguage } from '@/lib/i18n'
+
+export function UserList({ initialUsers }: { initialUsers: any[] }) {
+  const { t } = useLanguage()
+
+  const handleDelete = async (id: string) => {
+    if (!confirm(t('admin.users.confirmDelete'))) return
+    try {
+      await deleteUser(id)
+      toast.success(t('admin.users.deleteSuccess'))
+    } catch (e) {
+      toast.error(t('admin.users.deleteFailed'))
+    }
+  }
+
+  const handleRoleToggle = async (user: any) => {
+    const newRole = user.role === 'ADMIN' ? 'USER' : 'ADMIN'
+    try {
+      await updateUserRole(user.id, newRole)
+      toast.success(t('admin.users.roleUpdateSuccess', { role: newRole }))
+    } catch (e) {
+      toast.error(t('admin.users.roleUpdateFailed'))
+    }
+  }
+
+  return (
+    <div className="w-full overflow-auto">
+      <table className="w-full caption-bottom text-sm text-left">
+        <thead className="[&_tr]:border-b">
+          <tr className="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted">
+            <th className="h-12 px-4 align-middle font-medium text-muted-foreground">{t('admin.users.table.name')}</th>
+            <th className="h-12 px-4 align-middle font-medium text-muted-foreground">{t('admin.users.table.email')}</th>
+            <th className="h-12 px-4 align-middle font-medium text-muted-foreground">{t('admin.users.table.role')}</th>
+            <th className="h-12 px-4 align-middle font-medium text-muted-foreground">{t('admin.users.table.createdAt')}</th>
+            <th className="h-12 px-4 align-middle font-medium text-muted-foreground text-right">{t('admin.users.table.actions')}</th>
+          </tr>
+        </thead>
+        <tbody className="[&_tr:last-child]:border-0">
+          {initialUsers.map((user) => (
+            <tr key={user.id} className="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted">
+              <td className="p-4 align-middle font-medium">{user.name || t('common.notAvailable')}</td>
+              <td className="p-4 align-middle">{user.email}</td>
+              <td className="p-4 align-middle">
+                <span className={`inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 ${user.role === 'ADMIN' ? 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80' : 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80'}`}>
+                  {user.role === 'ADMIN' ? t('admin.users.roles.admin') : t('admin.users.roles.user')}
+                </span>
+              </td>
+              <td className="p-4 align-middle">{format(new Date(user.createdAt), 'PP')}</td>
+              <td className="p-4 align-middle text-right">
+                <div className="flex justify-end gap-2">
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => handleRoleToggle(user)}
+                    title={user.role === 'ADMIN' ? t('admin.users.demote') : t('admin.users.promote')}
+                  >
+                    {user.role === 'ADMIN' ? <ShieldOff className="h-4 w-4" /> : <Shield className="h-4 w-4" />}
+                  </Button>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => handleDelete(user.id)}
+                    className="text-red-600 hover:text-red-900"
+                  >
+                    <Trash2 className="h-4 w-4" />
+                  </Button>
+                </div>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  )
+}

memento-note/app/(main)/admin/users/page.tsx

@@ -0,0 +1,29 @@
+import { getUsers } from '@/app/actions/admin'
+import { CreateUserDialog } from '../create-user-dialog'
+import { UserList } from '../user-list'
+import { Plus } from 'lucide-react'
+import { Button } from '@/components/ui/button'
+
+export default async function AdminUsersPage() {
+  const users = await getUsers()
+
+  return (
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <div>
+          <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
+            Users
+          </h1>
+          <p className="text-gray-600 dark:text-gray-400 mt-1">
+            Manage application users and permissions
+          </p>
+        </div>
+        <CreateUserDialog />
+      </div>
+
+      <div className="bg-white dark:bg-zinc-900 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-gray-800">
+        <UserList initialUsers={users} />
+      </div>
+    </div>
+  )
+}