Function MemoryManager

app/src/components/MemoryManager.tsx:25–351

({ 
  agentId, 
  agentName, 
  isOpen, 
  onClose 
})

}

const MemoryManager: React.FC<MemoryManagerProps> = ({ 
  agentId, 
  agentName, 
  isOpen, 
  onClose 
}) => {
  const [memory, setMemory] = useState('');
  const [savedMemory, setSavedMemory] = useState('');
  const [imageMemory, setImageMemory] = useState<string[]>([]);
  const [isSaving, setIsSaving] = useState(false);
  const [isClearing, setIsClearing] = useState(false);
  const [isClearingImages, setIsClearingImages] = useState(false);
  const [isUploading, setIsUploading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const fileInputRef = useRef<HTMLInputElement>(null);
  
  // Load memory when component opens
  useEffect(() => {
    if (isOpen) {
      loadMemory();
      loadImageMemory();
    }
  }, [isOpen, agentId]);
  
  // Listen for memory update events
  useEffect(() => {
    const handleMemoryUpdate = (event: CustomEvent) => {
      if (event.detail.agentId === agentId && isOpen) {
        loadMemory(false); // Silent update
        loadImageMemory(false); // Also reload image memory
      }
    };
    
    // Add event listener
    window.addEventListener(MEMORY_UPDATE_EVENT, handleMemoryUpdate as EventListener);
    
    // Clean up
    return () => {
      window.removeEventListener(MEMORY_UPDATE_EVENT, handleMemoryUpdate as EventListener);
    };
  }, [agentId, isOpen]);

  const loadMemory = async (logActivity = true) => {
    try {
      setError(null);
      const agentMemory = await getAgentMemory(agentId);
      
      setMemory(agentMemory);
      setSavedMemory(agentMemory);
      
      if (logActivity) {
        Logger.debug(agentId, `Memory loaded (${agentMemory.length} characters)`);
      }
    } catch (err) {
      const errorMessage = err instanceof Error ? err.message : 'Unknown error';
      setError(`Failed to load memory: ${errorMessage}`);
      Logger.error(agentId, `Failed to load memory: ${errorMessage}`, err);
    }