import { useEffect, useState } from "react"; import { queryMemory, deleteMemory } from "../lib/memoryEngine"; import Head from "next/head"; export default function ConsolePage() { const [memories, setMemories] = useState([]); const [filter, setFilter] = useState(""); const [activeType, setActiveType] = useState("all"); const [activeTag, setActiveTag] = useState(""); useEffect(() => { queryMemory("tyler001", "recallbricks-test") .then((res) => { console.log("📦 Loaded memories:", res); if (!Array.isArray(res)) return; const sorted = res.sort( (a, b) => new Date(b.timestamp || "").getTime() - new Date(a.timestamp || "").getTime() ); setMemories(sorted); }) .catch((err) => { console.error("🔥 queryMemory failed:", err); }); }, []); const handleDelete = async (id: string) => { await deleteMemory(id); setMemories(memories.filter((m) => m.id !== id)); }; const memoryTypes = Array.from(new Set(memories.map((m) => m.type))).filter(Boolean); const memoryTags = Array.from( new Set(memories.flatMap((m) => Array.isArray(m.tags) ? m.tags : [])) ).filter(Boolean); const filtered = memories.filter((m) => { const matchesSearch = m.text?.toLowerCase().includes(filter.toLowerCase()); const matchesType = activeType === "all" || m.type === activeType; const matchesTag = !activeTag || m.tags?.includes(activeTag); return matchesSearch && matchesType && matchesTag; }); return ( <> RecallBricks Console

🧱 RecallBricks Console

Viewing memory for tyler001 in project{" "} recallbricks-test

setFilter(e.target.value)} style={{ padding: "0.5rem", marginTop: "1rem", marginBottom: "1rem", width: "100%", fontSize: "1rem", }} />
{memoryTags.map((tag) => ( ))} {activeTag && ( )}
{filtered.length === 0 ? ( ) : ( filtered.map((m) => ( )) )}
Text Type Tags Timestamp Delete
No memories found.
{m.text || (No text)} {m.type || —} {Array.isArray(m.tags) ? m.tags.join(", ") : —} {m.timestamp ? new Date(m.timestamp).toLocaleString() : "—"}
); }