Louise Dashboard 🧠

Dashboard de monitoring pour Louise (OpenClaw agent).

Screenshots

Coming soon...

Ce qu'on monitore

• Sessions — actives, historique, stats d'usage
• Agents — sub-agents (remy, lolo, studio, etc.), leur état
• Cron Jobs — jobs planifiés, dernières exécutions, prochaines
• Gateway — statut, uptime, config, version
• Nodes — devices connectés (crevette, etc.)

Stack

• Frontend : React 19 + TypeScript + Vite
• Styling : TailwindCSS v4
• Backend : OpenClaw Gateway API (localhost:18789)

Quick Start

cd ~/projects/louise-dashboard
npm install
npm run dev

Dashboard accessible sur http://localhost:3333

Structure

src/
├── components/
│   ├── StatusCard.tsx      # Cartes de stats
│   ├── SessionsList.tsx    # Liste des sessions actives
│   └── CronJobsList.tsx    # Table des cron jobs
├── hooks/
│   └── useOpenClaw.ts      # Hooks pour l'API OpenClaw
├── types/
│   └── openclaw.ts         # Types TypeScript
├── App.tsx                 # Composant principal
└── index.css               # Styles Tailwind

API Endpoints utilisés

Endpoint	Description
/api/sessions	Liste des sessions actives
/api/cron/list	Liste des cron jobs
/api/status	Statut du gateway
/api/nodes/status	Liste des nodes
/api/skills	Liste des skills chargés
/api/agents	Liste des agents configurés
/api/agents/:id/memory	Liste des fichiers mémoire d'un agent
/api/agents/:id/memory/:path	Contenu d'un fichier mémoire

Hooks disponibles

Hook	Description	Refresh
useSessions()	Sessions actives	30s
useCronJobs()	Cron jobs	60s
useGatewayStatus()	Statut gateway	10s
useNodes()	Nodes connectés	30s
useSkills()	Skills chargés	120s
useAgents()	Agents configurés	60s
useMemoryFiles(agentId)	Fichiers mémoire	60s
useMemoryFileContent(agentId, path)	Contenu fichier	manuel

Retry automatique

Tous les hooks incluent un retry automatique avec backoff exponentiel :

• 3 tentatives max
• Délai initial : 1s
• Multiplicateur : 2x
• Délai max : 10s

const { data, loading, error, refresh, retryCount } = useSkills()

TODO

• Graphiques d'activité (Recharts)
• Memory browser (MEMORY.md, daily notes)
• Skills list avec versions
• Agents list avec statut
• Actions sur les cron jobs (run, disable)
• Session history viewer
• Real-time updates (WebSocket)
• Dark/Light mode toggle

Author

Louise 🧠 — CopAIne d'Olivier