AI Agent Web Interface

AI Agent est un assistant intelligent basé sur LangChain avec une interface web moderne utilisant Bottle Framework. L'agent utilise Anthropic Claude comme LLM et peut effectuer des recherches sur Internet ou générer du code dans plusieurs langages, avec sauvegarde automatique des résultats.

Fonctionnalités

Interface Web Moderne

• Interface utilisateur intuitive avec design responsive
• Chat en temps réel avec l'assistant IA
• Affichage formaté du code et des instructions
• Visualisation claire des résultats de recherche

Mode Recherche

• Recherches via Wikipedia et DuckDuckGo
• Synthèse intelligente des informations trouvées
• Sauvegarde automatique des résultats dans des fichiers .txt
• Citations et références des sources

Mode Codage

• Génération de code dans tous les langages : Python, JavaScript, TypeScript, PHP, Java, HTML/CSS, C++, Bash, etc.
• Sauvegarde automatique dans le dossier code_samples/
• Double fichier : code source + README avec instructions
• Prévention d'écrasement avec horodatage automatique
• Syntaxe colorée et formatage professionnel

Outils Intégrés

• Recherche générale (DuckDuckGo)
• Recherche encyclopédique (Wikipedia)
• Sauvegarde intelligente avec extensions automatiques
• Gestion des fichiers avec organisation par dossiers

Structure du Projet

Ai/
├── main.py              # Logique principale de l'agent IA
├── web.py               # Serveur web Bottle Framework
├── tools.py             # Définition des outils (recherche, wiki, sauvegarde)
├── requirements.txt     # Dépendances Python
├── .env                 # Clés API (non versionné)
├── views/
│   └── index.tpl        # Template HTML de l'interface
├── static/
│   └── css/
│       └── style.css    # Styles CSS modernes
└── code_samples/        # Dossier auto-créé pour les fichiers générés
    ├── *.html
    ├── *.py
    ├── *_README.txt
    └── ...

Installation

1. Cloner le projet

git clone https://github.com/votre-projet/ai-agent-web.git
cd ai-agent-web

2. Environnement virtuel

python -m venv .venv
source .venv/bin/activate   # Linux/Mac
.venv\Scripts\activate      # Windows

3. Installer les dépendances

pip install -r requirements.txt

Configuration

Clé API Anthropic

Créez un fichier .env à la racine :

ANTHROPIC_API_KEY="votre_cle_anthropic_ici"

Dépendances système (optionnelles)

Pour exécuter les codes générés :

# Ubuntu/Debian
sudo apt install nodejs php openjdk-17-jdk

# macOS (Homebrew)
brew install node php openjdk

Utilisation

Lancer le serveur web

python web.py

Accéder à l'interface

Ouvrez votre navigateur sur : http://127.0.0.1:8080

Utilisation de l'interface

1. Choisissez un mode : Research ou Coding
2. Tapez votre demande dans la zone de texte
3. Cliquez sur "Send Prompt"
4. Visualisez les résultats formatés automatiquement

Exemples d'Usage

Mode Recherche

"Fais-moi un résumé des dernières découvertes en IA"
"Recherche l'histoire de Python et sauvegarde dans un fichier"
"Trouve des informations sur le réchauffement climatique"

Mode Codage

"Crée une page HTML pour souhaiter un anniversaire"
"Génère un calculateur Python avec interface graphique"
"Fais un script JavaScript pour un carrousel d'images"
"Crée une API REST simple en PHP"

Fonctionnement Technique

Architecture

• Interface Web : Bottle Framework (Python)
• IA : Anthropic Claude 3.5 Haiku
• Outils : LangChain Community Tools
• Frontend : HTML5 + CSS3 + JavaScript vanilla

Flux de Données

1. Utilisateur → Interface web → Serveur Bottle
2. Serveur → Agent LangChain → Claude AI
3. Réponse IA → Parsing intelligent → Sauvegarde fichiers
4. Interface ← JSON formaté ← Serveur

Fonctionnalités Avancées

• Parsing intelligent : Gère différents formats de réponse IA
• Sauvegarde robuste : Prévention d'écrasement, extensions automatiques
• Debug intégré : Logs détaillés pour le développement
• Interface responsive : S'adapte à tous les écrans
• Téléchargements : Accès direct aux fichiers via /downloads/<filename>

Développement

Structure du code

• main.py : Logique IA et parsing des réponses
• web.py : Routes et API endpoints
• tools.py : Outils LangChain (recherche, sauvegarde)
• views/index.tpl : Interface utilisateur
• static/css/style.css : Design et animations

Endpoints API

• GET / : Interface principale
• POST /ai : Traitement des requêtes IA
• GET /downloads/<file> : Téléchargement des fichiers générés
• GET /files : Liste des fichiers disponibles