Skip to main content

Frontend (cap-frontend-ce)

User Interface for CAP​

The CAP Frontend provides a modern, responsive user interface based on assistant-ui and serves as a starter project for LangGraph integration.

Key Features​

  • Next.js-based architecture
  • Multi-tenant support
  • Docker containerization
  • AWS ECR deployment
  • Embedded chatbot capabilities

Configuration​

Tenant Setup​

The application uses tenant-specific configuration stored in tenants.json:

{
  "dev": {
    "tenants": {
      "agaile": {
        "project_name": "agaile",
        "assistant_id": "d8a7f747.....4b46155d79"
      }
    }
  }
}

Required Environment Variables​

LANGCHAIN_API_KEY=your_langchain_api_key
LANGGRAPH_API_URL=your_langgraph_api_url
AWS_ACCESS_KEY_ID=your_aws_key
AWS_SECRET_ACCESS_KEY=your_aws_secret
AWS_REGION=eu-central-1

Deployment Options​

  1. Local Development

    npm run dev

  2. Container Deployment

    ./scripts/deploy_local.sh

  3. GitHub Actions

    • Automated deployments via GitHub Actions workflow
    • Configurable tenant and tag selection

Integration​

Embedding the Chatbot​

<iframe 
  id="agaile" 
  src="https://agaile.widget.agaile.com" 
  style="position: fixed;right: 0;bottom: 0;width: 500px;height: 600px;z-index: 9999;">
</iframe>

Repository Structure​

cap-frontend-ce/
├── app/
├── components/
├── lib/
├── scripts/
└── config files

Access & Support​

This is a private repository. Contact us for:

  • Repository access
  • Implementation support
  • Custom development
  • Technical consulting