Feat: Add Hermes brain change buttons and skills.sh guide source

frontend/src/views/MemoryView.tsx

@@ -2,6 +2,8 @@ import { useEffect, useState } from "react"
 import { Trash2, Sparkles, User, Scroll, Shield, Tag, Clock, Search, Plus, BookOpen } from "lucide-react"
 import { api, type DedupeResult, type Memory } from "@/lib/api"
 import { cn } from "@/lib/utils"
+import { CustomDialog } from "@/components/CustomDialog"
+
 
 const CATEGORIES = ["user", "instruction", "stable", "versioned", "ephemeral"]
 
@@ -32,6 +34,41 @@ export function MemoryView() {
   const [error, setError] = useState("")
   const [deduping, setDeduping] = useState(false)
 
+  // Custom Dialog State
+  const [dialog, setDialog] = useState<{
+    type: "alert" | "confirm"
+    title: string
+    message: string
+    onConfirm: () => void
+    onCancel?: () => void
+  } | null>(null)
+
+  function showAlert(title: string, message: string, onConfirm?: () => void) {
+    setDialog({
+      type: "alert",
+      title,
+      message,
+      onConfirm: () => {
+        setDialog(null)
+        if (onConfirm) onConfirm()
+      }
+    })
+  }
+
+  function showConfirm(title: string, message: string, onConfirm: () => void) {
+    setDialog({
+      type: "confirm",
+      title,
+      message,
+      onConfirm: () => {
+        setDialog(null)
+        onConfirm()
+      },
+      onCancel: () => setDialog(null)
+    })
+  }
+
+
   function load() {
     const params = new URLSearchParams()
     if (q) params.set("q", q)
@@ -66,18 +103,26 @@ export function MemoryView() {
         body: JSON.stringify({ apply: false }),
       })
       if (dry.duplicate_count === 0) {
-        alert("Keine Dubletten gefunden — alles sauber.")
+        showAlert("Ergebnis", "Keine Dubletten gefunden — alles sauber.")
         return
       }
-      if (confirm(`${dry.duplicate_count} Dublette(n) in ${dry.groups.length} Gruppe(n) gefunden. Entfernen?`)) {
-        await api("/api/memory/dedupe", { 
-          method: "POST", 
-          body: JSON.stringify({ apply: true }) 
-        })
-        load()
-      }
+      showConfirm(
+        "Deduplizierung bestätigen",
+        `${dry.duplicate_count} Dublette(n) in ${dry.groups.length} Gruppe(n) gefunden. Entfernen?`,
+        async () => {
+          try {
+            await api("/api/memory/dedupe", { 
+              method: "POST", 
+              body: JSON.stringify({ apply: true }) 
+            })
+            load()
+          } catch (e: any) {
+            showAlert("Fehler", `Fehler beim Löschen: ${e.message}`)
+          }
+        }
+      )
     } catch (e: any) {
-      alert(`Fehler: ${e.message}`)
+      showAlert("Fehler", `Fehler bei der Deduplizierung: ${e.message}`)
     } finally {
       setDeduping(false)
     }
@@ -239,6 +284,16 @@ export function MemoryView() {
           })
         )}
       </div>
+
+      {dialog && (
+        <CustomDialog
+          type={dialog.type}
+          title={dialog.title}
+          message={dialog.message}
+          onConfirm={dialog.onConfirm}
+          onCancel={dialog.onCancel}
+        />
+      )}
     </div>
   )
 }