/* * ============================================================================= * VibeQuant (vquant) — AI-Powered Financial Intelligence Platform * ----------------------------------------------------------------------------- * File: client/src/pages/documentation.tsx * * Author: Simon-Pierre Boucher * Contact: contact@spboucher.ai * Website: https://www.spboucher.ai * Demo: https://www.vquant.ai * License: MIT (see LICENSE) * * Copyright © 2026 Simon-Pierre Boucher. All rights reserved. * ============================================================================= */ import { Sparkles, TrendingUp, Calculator, BarChart3, DollarSign, ArrowLeft, Activity, LineChart, Zap, Target, Globe, Users, Crown, Rocket, PieChart, BrainCircuit, Code, Database, Search, FileText, Briefcase, TrendingDown, AlertCircle, Newspaper, Building2, CandlestickChart } from "lucide-react"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"; import { useLocation } from "wouter"; import { Button } from "@/components/ui/button"; import { ThemeToggle } from "@/components/theme-toggle"; import { ThemeColorPicker } from "@/components/theme-color-picker"; import { motion } from "framer-motion"; export default function Documentation() { const [, setLocation] = useLocation(); const aiModels = [ { id: "claude-fable-5", name: "Fable 5", desc: "Raisonnement adaptatif pour analyses complexes - le plus intelligent", context: "1M contexte / 128K sortie", icon: Sparkles, badge: "Defaut" }, { id: "claude-opus-4-8", name: "Opus 4.8", desc: "Le plus puissant - agentique long-horizon et code", context: "1M contexte / 128K sortie", icon: Crown, badge: "" }, { id: "claude-opus-4-7", name: "Opus 4.7", desc: "Tres performant et equilibre", context: "1M contexte / 128K sortie", icon: Rocket, badge: "" }, { id: "claude-opus-4-6", name: "Opus 4.6", desc: "Rapide et capable", context: "1M contexte / 128K sortie", icon: BrainCircuit, badge: "" }, { id: "claude-sonnet-4-6", name: "Sonnet 4.6", desc: "Polyvalent - bon rapport vitesse / intelligence", context: "1M contexte / 64K sortie", icon: Zap, badge: "" }, { id: "claude-haiku-4-5-20251001", name: "Haiku 4.5", desc: "Le plus rapide et economique (sans raisonnement etendu)", context: "200K contexte / 64K sortie", icon: Activity, badge: "" }, ]; const categories = [ { id: "market-data", icon: TrendingUp, title: "Données de Marché en Temps Réel", color: "from-blue-500 to-cyan-500", description: "Cotations, prix historiques, indices et données de marché", tools: [ { name: "get_stock_quote", desc: "Cotation en temps réel d'une action", example: "Quel est le prix actuel d'Apple?" }, { name: "get_historical_price", desc: "Prix historiques sur une période", example: "Historique de Tesla sur 1 an" }, { name: "get_intraday_price", desc: "Données intraday (1min, 5min, 15min, etc.)", example: "Prix de NVDA aujourd'hui par intervalle de 5 minutes" }, { name: "get_forex_quote", desc: "Cotations de paires forex", example: "Taux EUR/USD actuel" }, { name: "get_commodity_quotes", desc: "Prix des commodités (or, pétrole, etc.)", example: "Prix de l'or aujourd'hui" }, { name: "get_crypto_quote", desc: "Cotations de cryptomonnaies", example: "Prix du Bitcoin maintenant" }, { name: "get_market_hours", desc: "Heures d'ouverture des marchés", example: "Le marché NYSE est-il ouvert?" }, { name: "get_gainers", desc: "Top gainers du jour", example: "Quelles actions ont le plus monté aujourd'hui?" }, { name: "get_losers", desc: "Top losers du jour", example: "Quelles actions ont le plus baissé?" }, { name: "get_actives", desc: "Actions les plus actives", example: "Actions avec le plus de volume aujourd'hui" }, ] }, { id: "fundamentals", icon: FileText, title: "États Financiers & Fondamentaux", color: "from-purple-500 to-pink-500", description: "Bilans, comptes de résultats, métriques et ratios financiers", tools: [ { name: "get_company_profile", desc: "Profil complet d'une entreprise", example: "Profil complet de Microsoft" }, { name: "get_income_statement", desc: "Compte de résultat (annuel ou trimestriel)", example: "Revenus annuels d'Apple sur 5 ans" }, { name: "get_balance_sheet", desc: "Bilan comptable", example: "Bilan de Google" }, { name: "get_cash_flow", desc: "État des flux de trésorerie", example: "Flux de trésorerie Amazon" }, { name: "get_key_metrics", desc: "Métriques clés (P/E, ROE, etc.)", example: "Métriques de Tesla" }, { name: "get_financial_ratios", desc: "Ratios financiers complets", example: "Ratios de profitabilité Meta" }, { name: "get_financial_growth", desc: "Croissance financière", example: "Croissance des revenus NVIDIA" }, { name: "get_company_outlook", desc: "Perspectives et guidances", example: "Prévisions pour Amazon" }, { name: "search_companies", desc: "Rechercher des entreprises", example: "Entreprises du secteur tech" }, { name: "get_stock_peers", desc: "Entreprises comparables", example: "Concurrents d'Apple" }, ] }, { id: "technical", icon: Activity, title: "Indicateurs Techniques", color: "from-green-500 to-emerald-500", description: "RSI, MACD, moyennes mobiles et oscillateurs", tools: [ { name: "get_rsi", desc: "Relative Strength Index", example: "RSI de Tesla sur 14 jours" }, { name: "get_macd", desc: "MACD (Moving Average Convergence Divergence)", example: "MACD pour Bitcoin" }, { name: "get_ema", desc: "Moyenne mobile exponentielle", example: "EMA 50 jours de NVDA" }, { name: "get_sma", desc: "Moyenne mobile simple", example: "SMA 200 jours du S&P 500" }, { name: "get_adx", desc: "Average Directional Index", example: "Force de tendance Apple avec ADX" }, { name: "get_williams_r", desc: "Williams %R oscillateur", example: "Williams %R pour Amazon" }, { name: "get_cci", desc: "Commodity Channel Index", example: "CCI de l'or" }, { name: "get_stochastic", desc: "Oscillateur stochastique", example: "Stochastique Meta" }, ] }, { id: "quantitative", icon: Calculator, title: "Analyses Quantitatives Python", color: "from-orange-500 to-red-500", description: "Monte Carlo, GARCH, VaR, optimisation de portefeuille", tools: [ { name: "run_monte_carlo_simulation", desc: "Simulation Monte Carlo pour projections", example: "Simulation Monte Carlo pour Tesla sur 1 an" }, { name: "calculate_options_price", desc: "Pricing d'options Black-Scholes avec Greeks", example: "Prix d'une option call Apple strike 200" }, { name: "estimate_garch_volatility", desc: "Modèle GARCH pour volatilité", example: "Volatilité GARCH de Bitcoin" }, { name: "calculate_var", desc: "Value-at-Risk (VaR) historique ou paramétrique", example: "VaR à 95% pour mon portefeuille" }, { name: "optimize_portfolio", desc: "Optimisation de portefeuille Markowitz", example: "Optimise un portefeuille AAPL MSFT GOOGL" }, { name: "analyze_risk_metrics", desc: "Métriques de risque (Sharpe, Sortino, etc.)", example: "Analyse de risque pour Tesla" }, { name: "create_plot", desc: "Graphiques Python personnalisés", example: "Crée un graphique de corrélation FAANG" }, { name: "execute_custom_python", desc: "Code Python libre pour analyses", example: "Calcule la matrice de covariance du portefeuille" }, ] }, { id: "analyst", icon: Users, title: "Analyses d'Analystes & Consensus", color: "from-indigo-500 to-purple-500", description: "Recommandations, prix cibles, estimations et surprises", tools: [ { name: "get_price_target", desc: "Prix cibles des analystes", example: "Prix cible consensuel pour Apple" }, { name: "get_analyst_estimates", desc: "Estimations de revenus et bénéfices", example: "Estimations pour Tesla Q4" }, { name: "get_earnings_surprises", desc: "Surprises de résultats historiques", example: "Surprises de résultats Netflix" }, { name: "get_upgrades_downgrades", desc: "Changements de recommandations", example: "Dernières recommandations sur NVDA" }, { name: "get_earnings_calendar", desc: "Calendrier des résultats", example: "Prochains résultats cette semaine" }, ] }, { id: "insider", icon: Briefcase, title: "Trading d'Initiés & Institutionnel", color: "from-red-500 to-rose-500", description: "Transactions d'initiés, Congrès, positions institutionnelles", tools: [ { name: "get_insider_trading", desc: "Transactions d'initiés récentes", example: "Insider trading pour Apple" }, { name: "get_congressional_trading", desc: "Trading du Congrès américain", example: "Derniers achats du Congrès" }, { name: "get_senate_trading", desc: "Trading du Sénat", example: "Positions du Sénat" }, { name: "get_institutional_holders", desc: "Détenteurs institutionnels", example: "Qui détient le plus de Tesla?" }, ] }, { id: "economic", icon: Globe, title: "Données Économiques & Calendriers", color: "from-teal-500 to-cyan-500", description: "Indicateurs macroéconomiques, calendrier économique", tools: [ { name: "get_economic_calendar", desc: "Événements économiques à venir", example: "Prochains rapports économiques cette semaine" }, { name: "get_economic_indicator", desc: "Indicateurs macro (GDP, CPI, etc.)", example: "Inflation CPI récente" }, { name: "get_treasury_rates", desc: "Taux des bons du Trésor", example: "Rendement du Treasury 10 ans" }, { name: "get_ipo_calendar", desc: "Calendrier des IPO", example: "Prochaines introductions en bourse" }, ] }, { id: "news", icon: Newspaper, title: "Actualités & Sentiment", color: "from-amber-500 to-yellow-500", description: "News financières, sentiment, communiqués de presse", tools: [ { name: "get_financial_news", desc: "Actualités financières récentes", example: "Dernières news sur Apple" }, { name: "get_press_releases", desc: "Communiqués de presse officiels", example: "Communiqués Tesla" }, { name: "get_stock_news_sentiment", desc: "Sentiment des actualités", example: "Sentiment news pour NVDA" }, { name: "get_social_sentiment", desc: "Sentiment des réseaux sociaux", example: "Sentiment Twitter pour Bitcoin" }, ] }, { id: "dividends", icon: DollarSign, title: "Dividendes & Actions Corporate", color: "from-emerald-500 to-green-500", description: "Historique dividendes, splits, rachats d'actions", tools: [ { name: "get_dividend_history", desc: "Historique des dividendes", example: "Dividendes Microsoft sur 10 ans" }, { name: "get_stock_split_history", desc: "Historique des splits", example: "Splits d'Apple" }, ] }, { id: "screening", icon: Search, title: "Screening & Recherche", color: "from-pink-500 to-rose-500", description: "Filtrage d'actions, recherche par critères", tools: [ { name: "get_stock_screener", desc: "Filtrer actions par critères", example: "Actions tech avec P/E < 20 et dividende > 2%" }, { name: "search_symbol", desc: "Rechercher par symbole", example: "Trouver le symbole de Microsoft" }, { name: "search_by_cik", desc: "Rechercher par CIK (SEC)", example: "Entreprise avec CIK 0000789019" }, ] }, { id: "etf", icon: PieChart, title: "ETF & Fonds", color: "from-violet-500 to-purple-500", description: "Composition, pondérations sectorielles et géographiques", tools: [ { name: "get_etf_holdings", desc: "Composition d'un ETF", example: "Holdings du SPY" }, { name: "get_etf_sector_weightings", desc: "Répartition sectorielle", example: "Exposition sectorielle du QQQ" }, { name: "get_etf_country_weightings", desc: "Répartition géographique", example: "Exposition pays du VTI" }, ] }, { id: "esg", icon: Building2, title: "ESG & Gouvernance", color: "from-lime-500 to-green-500", description: "Scores ESG, critères environnementaux et sociaux", tools: [ { name: "get_esg_score", desc: "Score ESG (Environnement, Social, Gouvernance)", example: "Score ESG de Tesla" }, ] }, { id: "export", icon: FileText, title: "Export & Visualisation", color: "from-sky-500 to-blue-500", description: "Génération de graphiques, slides, PDF et exports", tools: [ { name: "create_plot", desc: "Graphiques matplotlib/plotly personnalisés", example: "Crée un graphique de performance FAANG" }, { name: "generate_slides", desc: "Slides Beamer LaTeX professionnelles (thème Metropolis)", example: "Génère des slides pour mon analyse" }, { name: "export_pdf", desc: "Export en PDF de l'analyse", example: "Exporte cette analyse en PDF" }, { name: "download_data", desc: "Téléchargement de données CSV/Excel", example: "Télécharge les données historiques en CSV" }, ] }, { id: "web-research", icon: Globe, title: "Recherche Web & Scraping", color: "from-cyan-500 to-teal-500", description: "Recherche web, scraping de sites, extraction de contenu", tools: [ { name: "exa_search", desc: "Recherche sémantique avancée avec Exa AI", example: "Recherche sur le web : analyse de Tesla" }, { name: "firecrawl_scrape", desc: "Scraping de pages web spécifiques", example: "Scrape la page investor relations d'Apple" }, { name: "firecrawl_crawl", desc: "Crawl complet d'un site web", example: "Crawl le site de Bloomberg" }, { name: "tavily_search", desc: "Recherche et agrégation avec Tavily", example: "Recherche actualités économiques récentes" }, ] }, ]; const pythonFeatures = [ { name: "📊 Graphiques Personnalisés", desc: "Créez des visualisations sur mesure avec matplotlib, seaborn ou plotly" }, { name: "📈 Analyse de Séries Temporelles", desc: "ARIMA, Prophet, décomposition saisonnière" }, { name: "🎲 Simulations Stochastiques", desc: "Monte Carlo, bootstrap, backtesting" }, { name: "📉 Modèles de Volatilité", desc: "GARCH, EGARCH, GJR-GARCH" }, { name: "💰 Gestion de Risque", desc: "VaR, CVaR, Expected Shortfall" }, { name: "🎯 Optimisation", desc: "Portefeuille Markowitz, Black-Litterman" }, { name: "🔢 Calculs Personnalisés", desc: "N'importe quel calcul financier avec pandas, numpy, scipy" }, ]; const useCases = [ { title: "Analyse Complète d'une Action", icon: TrendingUp, example: 'Fais une analyse ultra complète de Tesla : états financiers, métriques, ratios, analyse technique, news récentes, insider trading, estimations d\'analystes', color: "text-blue-500" }, { title: "Analyse de Portefeuille", icon: PieChart, example: 'Optimise un portefeuille avec AAPL, MSFT, GOOGL, AMZN et NVDA. Calcule les poids optimaux, le ratio Sharpe, et fais une simulation Monte Carlo sur 1 an', color: "text-purple-500" }, { title: "Analyse de Risque", icon: AlertCircle, example: 'Calcule la Value-at-Risk à 95% pour un portefeuille 60% SPY / 40% TLT. Ajoute une analyse de stress test avec un scénario de crise', color: "text-red-500" }, { title: "Analyse de Volatilité", icon: LineChart, example: 'Estime un modèle GARCH sur les rendements du Bitcoin. Prévois la volatilité pour les 30 prochains jours', color: "text-orange-500" }, { title: "Valorisation d'Options", icon: Target, example: 'Calcule le prix d\'une option call sur Apple avec strike $200, expiration dans 30 jours. Montre tous les Greeks', color: "text-indigo-500" }, { title: "Recherche Sectorielle", icon: Building2, example: 'Trouve les 10 entreprises tech avec le meilleur rendement de dividendes. Compare leurs ratios P/E et croissance', color: "text-emerald-500" }, { title: "Analyse Macro", icon: Globe, example: 'Comment une surprise hawkish du FOMC affecte différents secteurs ? Analyse l\'impact historique sur tech, finance et utilities', color: "text-cyan-500" }, { title: "Trading d'Initiés", icon: Users, example: 'Montre les dernières transactions d\'initiés pour NVDA. Y a-t-il des patterns ou signaux ?', color: "text-pink-500" }, ]; const advancedExamples = [ { title: "Analyse Multi-Actions avec Python", code: `Crée un graphique de corrélation entre Apple, Microsoft, Google, Amazon et Meta sur les 2 dernières années. Calcule aussi la matrice de covariance.`, result: "Graphique matplotlib + matrice de covariance" }, { title: "Backtesting de Stratégie", code: `Backtest une stratégie simple : achète quand RSI < 30, vends quand RSI > 70 sur Tesla depuis 2020. Calcule le rendement annualisé.`, result: "Performance, Sharpe ratio, drawdown" }, { title: "Analyse de Surface de Volatilité", code: `Génère une surface de volatilité 3D pour les options Apple avec différents strikes et maturités.`, result: "Graphique 3D de la volatilité implicite" }, { title: "Décomposition de Performance", code: `Décompose la performance du S&P 500 en : rendement du marché, contribution sectorielle, et effet devise.`, result: "Attribution de performance détaillée" }, ]; return (
{/* Subtle Background */}
{/* Header */}
{/* Main Content */}
{/* Hero Section */}

Documentation Complète

Découvrez toutes les capacités de VQuant - Plus de 200 outils financiers et analyses quantitatives à votre disposition.

Claude Fable 5 200+ Outils FMP Python Intégré Temps Réel
{/* AI Models */}

Modeles IA disponibles

Choisissez le modele Claude adapte a votre besoin. Selecteur dans la barre de recherche et sur la page de demarrage.

{aiModels.map((m, i) => { const Icon = m.icon; return (
{m.name} {m.badge && ( {m.badge} )}
{m.desc} {m.context} {m.id} ); })}
{/* Quick Start Examples */}

Exemples d'Utilisation

Demandez simplement ce que vous voulez analyser - l'IA s'occupe du reste

{useCases.map((useCase, index) => { const Icon = useCase.icon; return ( {useCase.title}

"{useCase.example}"

); })}
{/* All Tools by Category - With Accordions */}

Tous les Outils Disponibles

Plus de 200 outils organisés par catégorie. Cliquez pour explorer chaque section.

{categories.map((category, index) => { const Icon = category.icon; return (

{category.title}

{category.description}

{category.tools.length} outils
{category.tools.map((tool, toolIndex) => ( {tool.name} {tool.desc}

💬 "{tool.example}"

))}
); })} {/* Python Custom Code Section */}
Code Python Libre Exécutez n'importe quel code Python pour des analyses personnalisées. Utilisez pandas, numpy, scipy, matplotlib, statsmodels et plus encore.
{pythonFeatures.map((feature, i) => (
{feature.name.split(' ')[0]}
{feature.name.substring(3)}
{feature.desc}
))}

Exemples Avancés

{advancedExamples.map((ex, i) => (
{ex.title}
{ex.code}
Résultat {ex.result}
))}
{/* How It Works */}

Comment ça marche ?

Un processus simple en 3 étapes

{[ { step: "1", title: "Posez votre question", desc: "Décrivez simplement ce que vous voulez analyser en langage naturel", icon: Sparkles, color: "from-blue-500 to-cyan-500" }, { step: "2", title: "L'IA travaille pour vous", desc: "Claude sélectionne et utilise automatiquement les meilleurs outils pour répondre", icon: BrainCircuit, color: "from-purple-500 to-pink-500" }, { step: "3", title: "Recevez l'analyse", desc: "Obtenez une réponse structurée avec graphiques, données et insights", icon: BarChart3, color: "from-green-500 to-emerald-500" } ].map((step, i) => { const Icon = step.icon; return (
{step.step}
{step.title} {step.desc} ); })}
{/* API Coverage */} Couverture API Complète VQuant s'intègre avec les meilleures sources de données financières
{[ { name: "Financial Modeling Prep", endpoints: "200+", icon: Database, color: "text-blue-500" }, { name: "Exa AI Search", endpoints: "Recherche sémantique", icon: Search, color: "text-purple-500" }, { name: "Firecrawl", endpoints: "Web scraping", icon: Globe, color: "text-green-500" }, { name: "Tavily", endpoints: "Agrégation news", icon: Newspaper, color: "text-orange-500" }, ].map((api, i) => { const Icon = api.icon; return (
{api.name}
{api.endpoints}
); })}
{/* CTA Section */}

Prêt à Explorer ?

Posez simplement votre question financière et laissez l'IA faire le travail. Analyses complètes, données en temps réel, et insights puissants en quelques secondes.

); }