HITL Frontend

The Human-in-the-Loop (HITL) dashboard — a React app for reviewing, approving, and managing AI agent decisions.

Details

Field	Value
URL	https://hitl-frontend.icydesert-76825898.southindia.azurecontainerapps.io
Azure name	hitl-frontend
Resource group	testing
Environment	cerebro-auth-env (South India)
Image	ca45076245feacr.azurecr.io/hitl-frontend:<git-sha>
Port	8080
GitHub repo	agentstackai/hitl-frontend

Tech Stack

• React 18 + TypeScript + Vite
• Tailwind CSS (AgentStack brand theme: #3854FC)
• React Router DOM v6
• Axios for API calls
• react-hot-toast for notifications
• Keycloak JS adapter for authentication

Features

• Dashboard with review queue
• Campaign approval workflow
• Audience management
• Integrations panel
• Role-based access (admin / reviewer)

How to Update

# The image tag is the git commit SHA
git -C hitl-frontend log --oneline -1
# e.g. 2688d58

az acr build \
  --registry ca45076245feacr \
  --resource-group testing \
  --image hitl-frontend:$(git -C hitl-frontend rev-parse HEAD) \
  .

az containerapp update \
  --name hitl-frontend \
  --resource-group testing \
  --image ca45076245feacr.azurecr.io/hitl-frontend:$(git -C hitl-frontend rev-parse HEAD)

How to Run Locally

cd hitl-frontend
npm install
npm run dev       # runs on http://localhost:5173

Authentication

Authentication is handled by Keycloak. Users log in via the Keycloak-hosted login page. The frontend receives a JWT which is sent on every API request.

View Logs

az containerapp logs show \
  --name hitl-frontend \
  --resource-group testing \
  --tail 50