APUS Chat Attestation Example

A React-based chat application with attestation using AO Network and Arweave Wallet.

Features

• Wallet connection with arweave-wallet-kit
• AI chat powered by AO Network (aoconnect)
• NEW: Memory AI ChatV2 - Enhanced AI chat with OpenAI integration and memory-focused prompts
• Memory marketplace for trading AI memories
• Real-time attestation display
• Modern Web3 UI design with fullscreen support
• TypeScript support with strict type checking
• Centralized configuration management

Configuration

• Update the configuration in src/config/index.ts
• Main configuration includes:
  • aoProcessId: Your AO process ID
  • appName: Application name
  • defaultAttestedBy: Default attestation providers
  • walletPermissions: Required wallet permissions
  • openaiApiKey: Your OpenAI API key (for ChatV2 Memory AI features)

Setting Up Memory AI (ChatV2)

1. Get an OpenAI API key from OpenAI Platform
2. Copy env.example to .env.local
3. Add your API key: REACT_APP_OPENAI_API_KEY=your_api_key_here
4. Access the Memory AI by clicking the "🧠 MEMORY AI" tab in the sidebar

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build

AO Process Deployment

This project includes an AO process that handles AI inference requests. Follow these steps to deploy your own AO process:

1. Install aos CLI

npm i -g https://preview_ao.arweave.net

2. Spawn your process & deploy the AO Process

Clone the repo to your computer.

1. Navigate to the ao_process directory:

   cd ao_process

2. Spawn your process:

   aos my_process

3. Select aos: When prompted, select the default aos option. There is no need to select hyper-hos.

   

4. Load the AO agent code:

   .load ao_agent.lua

3. Update Configuration

After deploying your AO process, update the process ID in src/config/index.ts:

export const config = {
  // AO Network Configuration
  aoProcessId: 'YOUR_PROCESS_ID_HERE', // Replace with your deployed process ID
  
  // APUS HyperBEAM Node Configuration
  apusHyperbeamNodeUrl: 'http://72.46.85.207:8734',
  // ... rest of config
} as const;

4. AO Process Code

The AO process code is located in ao_process/ao_agent.lua. This process:

• Listens for inference requests with the "Infer" action
• Forwards requests to the APUS AI service
• Stores results in a cache for retrieval
• Exposes results via the patch@1.0 protocol

Process Flow

1. Frontend sends request → AO Process receives "Infer" action
2. AO Process forwards → APUS AI service processes the request
3. AI service responds → AO Process stores result in cache
4. Frontend retrieves → Results are fetched via HTTP API

Quick Start

npm install
npm run dev

Tech Stack

• React 19 + TypeScript + Vite
• Ant Design
• arweave-wallet-kit + @permaweb/aoconnect
• ESLint with TypeScript support
• AO Network (Lua-based smart contracts)