[{"data":1,"prerenderedAt":4485},["ShallowReactive",2],{"navigation_fr":3,"posts_fr:/fr/blog/mcp-in-chat-demo":51,"posts_fr:/fr/blog/mcp-in-chat-demo:surround":3297},[4],{"title":5,"path":6,"stem":7,"children":8,"page":50},"Fr","/fr","fr",[9],{"title":10,"path":11,"stem":12,"children":13,"page":50},"Blog","/fr/blog","fr/blog",[14,18,22,26,30,34,38,42,46],{"title":15,"path":16,"stem":17},"Serveurs MCP comme Serveurs de Ressources OAuth : Une Approche Simplifiée","/fr/blog/mcp-aouth","fr/blog/1. mcp-aouth",{"title":19,"path":20,"stem":21},"Pratiques de Sécurité pour MCP Utilisant JSON-RPC","/fr/blog/mcp-security","fr/blog/1. mcp-security",{"title":23,"path":24,"stem":25},"Serveurs MCP : Connecter l'IA aux Données en Temps Réel","/fr/blog/mcp-create","fr/blog/2. mcp-create",{"title":27,"path":28,"stem":29},"Agents MCP Tiny On-Premises : S'affranchir des Dépendances Cloud","/fr/blog/mcp-tiny-agents-on-premises","fr/blog/5. mcp-tiny-agents-on-premises",{"title":31,"path":32,"stem":33},"De l'Idée à l'API en 2 Jours : Construction de Bankly avec les Flux de Travail Agentiques","/fr/blog/overvibing","fr/blog/6. overvibing",{"title":35,"path":36,"stem":37},"Chatbot IA, Serveur MCP construit avec le Protocole de Flux de Travail Agentique pour démo sur Checkatrade.com","/fr/blog/mcp-in-chat-demo","fr/blog/8. mcp-in-chat-demo",{"title":39,"path":40,"stem":41},"DDD et les Frameworks Full-Stack","/fr/blog/architecture","fr/blog/architecture",{"title":43,"path":44,"stem":45},"Qualité : Comment protéger les Frontends alimentés par l'IA ?","/fr/blog/qa-front","fr/blog/qa-front",{"title":47,"path":48,"stem":49},"Consultation et Stratégie IT","/fr/blog/strategy","fr/blog/strategy",false,{"id":52,"title":35,"authors":53,"badge":60,"body":64,"date":3289,"description":3290,"extension":3291,"image":3292,"meta":3294,"navigation":2522,"path":36,"seo":3295,"stem":37,"__hash__":3296},"posts_fr/fr/blog/8. mcp-in-chat-demo.md",[54],{"name":55,"description":56,"to":57,"avatar":58},"Michael Wybraniec","Freelance, Serveurs MCP, Développement Full-Stack, Architecture","https://www.linkedin.com/in/one-front/",{"src":59},"https://media.licdn.com/dms/image/v2/D4D03AQEGvIVcrTTS2g/profile-displayphoto-shrink_800_800/B4DZbtSf7LIEAc-/0/1747737772225?e=1753315200&v=beta&t=EOviZQkM396PoGctVjDCdlG8U3vN5UKWiIeNQ8IFUgQ",{"label":61,"color":62,"variant":63},"MCP, E-commerce, Demo","error","soft",{"type":65,"value":66,"toc":3239},"minimark",[67,84,106,122,127,143,147,181,185,270,274,287,291,329,333,838,853,859,863,1025,1031,1035,1246,1251,1255,1435,1440,1444,1636,1641,1656,1662,1666,1672,1677,1685,1689,1694,1698,1704,1708,1713,1717,1723,1738,1744,1748,1998,2002,2005,2055,2059,2421,2427,2442,2448,2452,2484,2488,2494,2498,2602,2617,2623,2627,2641,2645,2745,2749,2752,2772,2776,2779,2805,2820,2826,2830,2861,2865,2936,2940,2966,2981,2987,2991,3069,3073,3076,3108,3123,3129,3133,3165,3169,3172,3203,3206,3209,3214,3235],[68,69,72],"div",{"className":70},[71],"text-justify",[73,74,75,76,83],"p",{},"Le ",[77,78,82],"a",{"href":79,"rel":80},"https://github.com/michaelwybraniec/mcp-in-chat",[81],"nofollow","projet MCP-in-Chat"," représente une démonstration complète et prête pour la production de comment les serveurs du Protocole de Contexte de Modèle (MCP) peuvent transformer les interactions de chatbots e-commerce. Cet exemple complet montre un système de maintenance et de vente de chaudières qui connecte des chatbots IA externes (Claude, ChatGPT, Cursor) à la logique métier réelle à travers une architecture sécurisée et évolutive. Construit en utilisant la méthodologie du Protocole de Flux de Travail Agentique (AWP), ce projet démontre comment créer des serveurs MCP sophistiqués qui connectent l'IA conversationnelle aux systèmes d'entreprise.",[68,85,90,98],{"className":86},[87,88,89],"flex","justify-between","items-center",[91,92,94],"h2",{"id":93},"_1-awp-protocole-de-flux-de-travail-agentique",[95,96,97],"strong",{},"1. AWP - Protocole de Flux de Travail Agentique",[73,99,100],{},[77,101,103],{"href":102},"#top",[95,104,105],{},"⤴",[68,107,109],{"className":108},[71],[73,110,75,111,114,115,117,118,121],{},[95,112,113],{},"Protocole de Flux de Travail Agentique (AWP)"," est une méthodologie de développement agentique créée par ",[95,116,55],{}," et maintenue par la ",[95,119,120],{},"communauté overvibing.com",". Cette approche systématique assure des résultats de développement cohérents et de haute qualité en fournissant des flux de travail structurés qui préviennent la dérive de contexte appelée overvibing et permettent une livraison rapide et fiable de projets tout en évoluant le développement avec l'IA.",[123,124,126],"h3",{"id":125},"vidéo-demo","Vidéo Demo",[68,128,131],{"className":129},[130],"text-center",[68,132,134],{"style":133},"padding:95.12% 0 0 0;position:relative;",[135,136],"iframe",{"src":137,"frameBorder":138,"allow":139,"referrerPolicy":140,"style":141,"title":142},"https://player.vimeo.com/video/1106052609?badge=0&autopause=0&player_id=0&app_id=58479","0","autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share","strict-origin-when-cross-origin","position:absolute;top:0;left:0;width:100%;height:100%;","Agentic Workflow preventing Overvibing.com - #GreenTokens #MCP #VibeCoding",[123,144,146],{"id":145},"résultats-dimplémentation","Résultats d'Implémentation",[148,149,150,157,163,169,175],"ul",{},[151,152,153,156],"li",{},[95,154,155],{},"Calendrier",": 4 heures (incluant les tâches non planifiées)",[151,158,159,162],{},[95,160,161],{},"Portée",": 100% des fonctionnalités planifiées implémentées",[151,164,165,168],{},[95,166,167],{},"Qualité",": 100% de succès aux tests",[151,170,171,174],{},[95,172,173],{},"Documentation",": Complète et compréhensive",[151,176,177,180],{},[95,178,179],{},"Prêt pour Demo",": Entièrement fonctionnel et testé",[123,182,184],{"id":183},"phases-de-développement","Phases de Développement",[186,187,188,208,231,250],"ol",{},[151,189,190,193,194],{},[95,191,192],{},"Configuration du Projet et Architecture de Sécurité"," (45 minutes)",[148,195,196,199,202,205],{},[151,197,198],{},"Initialiser le projet Node.js avec TypeScript",[151,200,201],{},"Configurer l'architecture en couches (MCP → API → Services → Base de Données)",[151,203,204],{},"Créer des fichiers JSON de données simulées avec contrôles d'accès",[151,206,207],{},"Définir les interfaces TypeScript et types de sécurité",[151,209,210,213,214],{},[95,211,212],{},"Développement des Outils MCP Principaux"," (90 minutes)",[148,215,216,219,222,225,228],{},[151,217,218],{},"Implémenter l'outil d'information de chaudières avec validation d'API",[151,220,221],{},"Implémenter l'outil de planification de maintenance avec contrôles d'accès",[151,223,224],{},"Implémenter l'outil d'inventaire avec limitation de débit",[151,226,227],{},"Implémenter l'outil d'achat avec validation de transactions",[151,229,230],{},"Implémenter l'outil email avec filtrage de contenu",[151,232,233,193,236],{},[95,234,235],{},"Tests et Préparation de Demo",[148,237,238,241,244,247],{},[151,239,240],{},"Tester le Serveur MCP avec des outils locaux",[151,242,243],{},"Créer des instructions de demo pour l'intégration de chatbot",[151,245,246],{},"Préparer des flux de conversation d'exemple",[151,248,249],{},"Créer README avec instructions de configuration et d'utilisation",[151,251,252,255,256],{},[95,253,254],{},"Intégration de Chatbot Externe"," (60 minutes)",[148,257,258,261,264,267],{},[151,259,260],{},"Tester le Serveur MCP avec Claude (si disponible)",[151,262,263],{},"Tester le Serveur MCP avec ChatGPT (si disponible)",[151,265,266],{},"Documenter le processus d'intégration et les résultats",[151,268,269],{},"Créer des matériaux de présentation de demo",[123,271,273],{"id":272},"aperçu-du-projet","Aperçu du Projet",[68,275,277,280],{"className":276},[71],[73,278,279],{},"Serveur MCP de Maintenance de Chaudières",[73,281,282,283,286],{},"Le projet MCP-in-Chat est une ",[95,284,285],{},"démonstration complétée avec succès"," qui montre comment les serveurs MCP peuvent s'intégrer avec des chatbots externes pour fournir une valeur commerciale réelle. Le système gère les services de maintenance de chaudières, les informations client, la gestion d'inventaire et le traitement des achats à travers une interface conversationnelle.",[123,288,290],{"id":289},"fonctionnalités-clés","Fonctionnalités Clés",[148,292,293,299,305,311,317,323],{},[151,294,295,298],{},[95,296,297],{},"4 Outils MCP",": Information de chaudières, planification de maintenance, traitement d'achat et confirmation par email",[151,300,301,304],{},[95,302,303],{},"4 Endpoints API",": Backend RESTful avec authentification et validation",[151,306,307,310],{},[95,308,309],{},"8 Services Simulés",": Simulation complète de logique métier avec données réalistes",[151,312,313,316],{},[95,314,315],{},"Intégration Externe",": Prêt pour les tests avec Claude, ChatGPT et Cursor IDE",[151,318,319,322],{},[95,320,321],{},"100% Couverture de Tests",": Suite de tests complète avec 100% de succès",[151,324,325,328],{},[95,326,327],{},"Prêt pour Production",": Middleware de sécurité, limitation de débit et gestion d'erreurs",[123,330,332],{"id":331},"aperçu-de-larchitecture","Aperçu de l'Architecture",[334,335,340],"pre",{"className":336,"code":337,"language":338,"meta":339,"style":339},"language-mermaid shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\nheader: MCP-in-Chat System Architecture\nlegend:\n - color: \"#3B82F6\"\n text: \"External Systems\"\n - color: \"#8B5CF6\"\n text: \"MCP Protocol Layer\"\n - color: \"#10B981\"\n text: \"API & Security Layer\"\n - color: \"#F59E0B\"\n text: \"Business Services\"\n - color: \"#EF4444\"\n text: \"Data Layer\"\n---\ngraph TD\n subgraph \"External Chatbots\"\n A[Claude AI]\n B[ChatGPT]\n C[Cursor IDE]\n end\n \n subgraph \"MCP Server Layer\"\n D[MCP Server]\n E[Boiler Info Tool]\n F[Maintenance Tool]\n G[Purchase Tool]\n H[Email Tool]\n end\n \n subgraph \"Backend API Layer\"\n I[Express API Server]\n J[Authentication]\n K[Validation]\n L[Rate Limiting]\n end\n \n subgraph \"Business Services\"\n M[Customer Service]\n N[Boiler Service]\n O[Payment Service]\n P[Email Service]\n end\n \n subgraph \"Mock Data Layer\"\n Q[Customers JSON]\n R[Boilers JSON]\n S[Inventory JSON]\n T[Orders JSON]\n end\n \n A --> D\n B --> D\n C --> D\n D --> E\n D --> F\n D --> G\n D --> H\n E --> I\n F --> I\n G --> I\n H --> I\n I --> J\n J --> K\n K --> L\n L --> M\n L --> N\n L --> O\n L --> P\n M --> Q\n N --> R\n O --> S\n P --> T\n \n classDef external fill:#3B82F6,stroke:#1E40AF,stroke-width:2px,color:#fff\n classDef mcp fill:#8B5CF6,stroke:#7C3AED,stroke-width:2px,color:#fff\n classDef api fill:#10B981,stroke:#059669,stroke-width:2px,color:#fff\n classDef service fill:#F59E0B,stroke:#D97706,stroke-width:2px,color:#fff\n classDef data fill:#EF4444,stroke:#DC2626,stroke-width:2px,color:#fff\n \n class A,B,C external\n class D,E,F,G,H mcp\n class I,J,K,L api\n class M,N,O,P service\n class Q,R,S,T data\n","mermaid","",[341,342,343,351,357,363,369,375,381,387,393,399,405,411,417,423,428,434,440,446,452,458,464,470,476,482,488,494,500,506,511,516,522,528,534,540,546,551,556,562,568,574,580,586,591,596,602,608,614,620,626,631,636,642,648,654,660,666,672,678,684,690,696,702,708,714,720,726,732,738,744,750,756,762,768,773,779,785,791,797,803,808,814,820,826,832],"code",{"__ignoreMap":339},[344,345,348],"span",{"class":346,"line":347},"line",1,[344,349,350],{},"---\n",[344,352,354],{"class":346,"line":353},2,[344,355,356],{},"header: MCP-in-Chat System Architecture\n",[344,358,360],{"class":346,"line":359},3,[344,361,362],{},"legend:\n",[344,364,366],{"class":346,"line":365},4,[344,367,368],{}," - color: \"#3B82F6\"\n",[344,370,372],{"class":346,"line":371},5,[344,373,374],{}," text: \"External Systems\"\n",[344,376,378],{"class":346,"line":377},6,[344,379,380],{}," - color: \"#8B5CF6\"\n",[344,382,384],{"class":346,"line":383},7,[344,385,386],{}," text: \"MCP Protocol Layer\"\n",[344,388,390],{"class":346,"line":389},8,[344,391,392],{}," - color: \"#10B981\"\n",[344,394,396],{"class":346,"line":395},9,[344,397,398],{}," text: \"API & Security Layer\"\n",[344,400,402],{"class":346,"line":401},10,[344,403,404],{}," - color: \"#F59E0B\"\n",[344,406,408],{"class":346,"line":407},11,[344,409,410],{}," text: \"Business Services\"\n",[344,412,414],{"class":346,"line":413},12,[344,415,416],{}," - color: \"#EF4444\"\n",[344,418,420],{"class":346,"line":419},13,[344,421,422],{}," text: \"Data Layer\"\n",[344,424,426],{"class":346,"line":425},14,[344,427,350],{},[344,429,431],{"class":346,"line":430},15,[344,432,433],{},"graph TD\n",[344,435,437],{"class":346,"line":436},16,[344,438,439],{}," subgraph \"External Chatbots\"\n",[344,441,443],{"class":346,"line":442},17,[344,444,445],{}," A[Claude AI]\n",[344,447,449],{"class":346,"line":448},18,[344,450,451],{}," B[ChatGPT]\n",[344,453,455],{"class":346,"line":454},19,[344,456,457],{}," C[Cursor IDE]\n",[344,459,461],{"class":346,"line":460},20,[344,462,463],{}," end\n",[344,465,467],{"class":346,"line":466},21,[344,468,469],{}," \n",[344,471,473],{"class":346,"line":472},22,[344,474,475],{}," subgraph \"MCP Server Layer\"\n",[344,477,479],{"class":346,"line":478},23,[344,480,481],{}," D[MCP Server]\n",[344,483,485],{"class":346,"line":484},24,[344,486,487],{}," E[Boiler Info Tool]\n",[344,489,491],{"class":346,"line":490},25,[344,492,493],{}," F[Maintenance Tool]\n",[344,495,497],{"class":346,"line":496},26,[344,498,499],{}," G[Purchase Tool]\n",[344,501,503],{"class":346,"line":502},27,[344,504,505],{}," H[Email Tool]\n",[344,507,509],{"class":346,"line":508},28,[344,510,463],{},[344,512,514],{"class":346,"line":513},29,[344,515,469],{},[344,517,519],{"class":346,"line":518},30,[344,520,521],{}," subgraph \"Backend API Layer\"\n",[344,523,525],{"class":346,"line":524},31,[344,526,527],{}," I[Express API Server]\n",[344,529,531],{"class":346,"line":530},32,[344,532,533],{}," J[Authentication]\n",[344,535,537],{"class":346,"line":536},33,[344,538,539],{}," K[Validation]\n",[344,541,543],{"class":346,"line":542},34,[344,544,545],{}," L[Rate Limiting]\n",[344,547,549],{"class":346,"line":548},35,[344,550,463],{},[344,552,554],{"class":346,"line":553},36,[344,555,469],{},[344,557,559],{"class":346,"line":558},37,[344,560,561],{}," subgraph \"Business Services\"\n",[344,563,565],{"class":346,"line":564},38,[344,566,567],{}," M[Customer Service]\n",[344,569,571],{"class":346,"line":570},39,[344,572,573],{}," N[Boiler Service]\n",[344,575,577],{"class":346,"line":576},40,[344,578,579],{}," O[Payment Service]\n",[344,581,583],{"class":346,"line":582},41,[344,584,585],{}," P[Email Service]\n",[344,587,589],{"class":346,"line":588},42,[344,590,463],{},[344,592,594],{"class":346,"line":593},43,[344,595,469],{},[344,597,599],{"class":346,"line":598},44,[344,600,601],{}," subgraph \"Mock Data Layer\"\n",[344,603,605],{"class":346,"line":604},45,[344,606,607],{}," Q[Customers JSON]\n",[344,609,611],{"class":346,"line":610},46,[344,612,613],{}," R[Boilers JSON]\n",[344,615,617],{"class":346,"line":616},47,[344,618,619],{}," S[Inventory JSON]\n",[344,621,623],{"class":346,"line":622},48,[344,624,625],{}," T[Orders JSON]\n",[344,627,629],{"class":346,"line":628},49,[344,630,463],{},[344,632,634],{"class":346,"line":633},50,[344,635,469],{},[344,637,639],{"class":346,"line":638},51,[344,640,641],{}," A --> D\n",[344,643,645],{"class":346,"line":644},52,[344,646,647],{}," B --> D\n",[344,649,651],{"class":346,"line":650},53,[344,652,653],{}," C --> D\n",[344,655,657],{"class":346,"line":656},54,[344,658,659],{}," D --> E\n",[344,661,663],{"class":346,"line":662},55,[344,664,665],{}," D --> F\n",[344,667,669],{"class":346,"line":668},56,[344,670,671],{}," D --> G\n",[344,673,675],{"class":346,"line":674},57,[344,676,677],{}," D --> H\n",[344,679,681],{"class":346,"line":680},58,[344,682,683],{}," E --> I\n",[344,685,687],{"class":346,"line":686},59,[344,688,689],{}," F --> I\n",[344,691,693],{"class":346,"line":692},60,[344,694,695],{}," G --> I\n",[344,697,699],{"class":346,"line":698},61,[344,700,701],{}," H --> I\n",[344,703,705],{"class":346,"line":704},62,[344,706,707],{}," I --> J\n",[344,709,711],{"class":346,"line":710},63,[344,712,713],{}," J --> K\n",[344,715,717],{"class":346,"line":716},64,[344,718,719],{}," K --> L\n",[344,721,723],{"class":346,"line":722},65,[344,724,725],{}," L --> M\n",[344,727,729],{"class":346,"line":728},66,[344,730,731],{}," L --> N\n",[344,733,735],{"class":346,"line":734},67,[344,736,737],{}," L --> O\n",[344,739,741],{"class":346,"line":740},68,[344,742,743],{}," L --> P\n",[344,745,747],{"class":346,"line":746},69,[344,748,749],{}," M --> Q\n",[344,751,753],{"class":346,"line":752},70,[344,754,755],{}," N --> R\n",[344,757,759],{"class":346,"line":758},71,[344,760,761],{}," O --> S\n",[344,763,765],{"class":346,"line":764},72,[344,766,767],{}," P --> T\n",[344,769,771],{"class":346,"line":770},73,[344,772,469],{},[344,774,776],{"class":346,"line":775},74,[344,777,778],{}," classDef external fill:#3B82F6,stroke:#1E40AF,stroke-width:2px,color:#fff\n",[344,780,782],{"class":346,"line":781},75,[344,783,784],{}," classDef mcp fill:#8B5CF6,stroke:#7C3AED,stroke-width:2px,color:#fff\n",[344,786,788],{"class":346,"line":787},76,[344,789,790],{}," classDef api fill:#10B981,stroke:#059669,stroke-width:2px,color:#fff\n",[344,792,794],{"class":346,"line":793},77,[344,795,796],{}," classDef service fill:#F59E0B,stroke:#D97706,stroke-width:2px,color:#fff\n",[344,798,800],{"class":346,"line":799},78,[344,801,802],{}," classDef data fill:#EF4444,stroke:#DC2626,stroke-width:2px,color:#fff\n",[344,804,806],{"class":346,"line":805},79,[344,807,469],{},[344,809,811],{"class":346,"line":810},80,[344,812,813],{}," class A,B,C external\n",[344,815,817],{"class":346,"line":816},81,[344,818,819],{}," class D,E,F,G,H mcp\n",[344,821,823],{"class":346,"line":822},82,[344,824,825],{}," class I,J,K,L api\n",[344,827,829],{"class":346,"line":828},83,[344,830,831],{}," class M,N,O,P service\n",[344,833,835],{"class":346,"line":834},84,[344,836,837],{}," class Q,R,S,T data\n",[68,839,841,847],{"className":840},[87,88,89],[91,842,844],{"id":843},"_2-mcp-protocole-de-contexte-de-modèle",[95,845,846],{},"2. MCP - Protocole de Contexte de Modèle",[73,848,849],{},[77,850,851],{"href":102},[95,852,105],{},[68,854,856],{"className":855},[71],[73,857,858],{},"Le serveur MCP expose quatre outils spécialisés qui permettent aux chatbots d'interagir avec le système de maintenance de chaudières. Chaque outil est conçu avec une logique métier spécifique et des contrôles de sécurité.",[123,860,862],{"id":861},"outil-dinformation-de-chaudières","Outil d'Information de Chaudières",[334,864,868],{"className":865,"code":866,"language":867,"meta":339,"style":339},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","// Outil MCP: Obtenir les détails de chaudières du client et informations de garantie\nconst boilerInfoTool = {\n name: \"boiler-info\",\n description: \"Obtenir les informations de chaudières du client et détails de garantie\",\n inputSchema: {\n type: \"object\",\n properties: {\n customer_id: { type: \"string\" }\n },\n required: [\"customer_id\"]\n }\n}\n","typescript",[341,869,870,876,893,915,931,940,956,965,990,995,1015,1020],{"__ignoreMap":339},[344,871,872],{"class":346,"line":347},[344,873,875],{"class":874},"sHwdD","// Outil MCP: Obtenir les détails de chaudières du client et informations de garantie\n",[344,877,878,882,886,890],{"class":346,"line":353},[344,879,881],{"class":880},"spNyl","const",[344,883,885],{"class":884},"sTEyZ"," boilerInfoTool ",[344,887,889],{"class":888},"sMK4o","=",[344,891,892],{"class":888}," {\n",[344,894,895,899,902,905,909,912],{"class":346,"line":359},[344,896,898],{"class":897},"swJcz"," name",[344,900,901],{"class":888},":",[344,903,904],{"class":888}," \"",[344,906,908],{"class":907},"sfazB","boiler-info",[344,910,911],{"class":888},"\"",[344,913,914],{"class":888},",\n",[344,916,917,920,922,924,927,929],{"class":346,"line":365},[344,918,919],{"class":897}," description",[344,921,901],{"class":888},[344,923,904],{"class":888},[344,925,926],{"class":907},"Obtenir les informations de chaudières du client et détails de garantie",[344,928,911],{"class":888},[344,930,914],{"class":888},[344,932,933,936,938],{"class":346,"line":371},[344,934,935],{"class":897}," inputSchema",[344,937,901],{"class":888},[344,939,892],{"class":888},[344,941,942,945,947,949,952,954],{"class":346,"line":377},[344,943,944],{"class":897}," type",[344,946,901],{"class":888},[344,948,904],{"class":888},[344,950,951],{"class":907},"object",[344,953,911],{"class":888},[344,955,914],{"class":888},[344,957,958,961,963],{"class":346,"line":383},[344,959,960],{"class":897}," properties",[344,962,901],{"class":888},[344,964,892],{"class":888},[344,966,967,970,972,975,978,980,982,985,987],{"class":346,"line":389},[344,968,969],{"class":897}," customer_id",[344,971,901],{"class":888},[344,973,974],{"class":888}," {",[344,976,977],{"class":897}," type",[344,979,901],{"class":888},[344,981,904],{"class":888},[344,983,984],{"class":907},"string",[344,986,911],{"class":888},[344,988,989],{"class":888}," }\n",[344,991,992],{"class":346,"line":395},[344,993,994],{"class":888}," },\n",[344,996,997,1000,1002,1005,1007,1010,1012],{"class":346,"line":401},[344,998,999],{"class":897}," required",[344,1001,901],{"class":888},[344,1003,1004],{"class":884}," [",[344,1006,911],{"class":888},[344,1008,1009],{"class":907},"customer_id",[344,1011,911],{"class":888},[344,1013,1014],{"class":884},"]\n",[344,1016,1017],{"class":346,"line":407},[344,1018,1019],{"class":888}," }\n",[344,1021,1022],{"class":346,"line":413},[344,1023,1024],{"class":888},"}\n",[73,1026,1027,1030],{},[95,1028,1029],{},"Cas d'Usage",": Quand un client demande \"Quel est le statut de garantie de ma chaudière?\", le chatbot peut récupérer des informations détaillées sur son modèle de chaudière spécifique, date d'installation, couverture de garantie et historique de maintenance.",[123,1032,1034],{"id":1033},"outil-de-planification-de-maintenance","Outil de Planification de Maintenance",[334,1036,1038],{"className":865,"code":1037,"language":867,"meta":339,"style":339},"// Outil MCP: Planifier les services de maintenance avec considération météo\nconst maintenanceTool = {\n name: \"maintenance\",\n description: \"Planifier les services de maintenance\",\n inputSchema: {\n type: \"object\",\n properties: {\n customer_id: { type: \"string\" },\n service_type: { type: \"string\", enum: [\"routine\", \"emergency\"] },\n preferred_date: { type: \"string\" }\n },\n required: [\"customer_id\", \"service_type\"]\n }\n}\n",[341,1039,1040,1045,1056,1071,1086,1094,1108,1116,1137,1188,1209,1213,1238,1242],{"__ignoreMap":339},[344,1041,1042],{"class":346,"line":347},[344,1043,1044],{"class":874},"// Outil MCP: Planifier les services de maintenance avec considération météo\n",[344,1046,1047,1049,1052,1054],{"class":346,"line":353},[344,1048,881],{"class":880},[344,1050,1051],{"class":884}," maintenanceTool ",[344,1053,889],{"class":888},[344,1055,892],{"class":888},[344,1057,1058,1060,1062,1064,1067,1069],{"class":346,"line":359},[344,1059,898],{"class":897},[344,1061,901],{"class":888},[344,1063,904],{"class":888},[344,1065,1066],{"class":907},"maintenance",[344,1068,911],{"class":888},[344,1070,914],{"class":888},[344,1072,1073,1075,1077,1079,1082,1084],{"class":346,"line":365},[344,1074,919],{"class":897},[344,1076,901],{"class":888},[344,1078,904],{"class":888},[344,1080,1081],{"class":907},"Planifier les services de maintenance",[344,1083,911],{"class":888},[344,1085,914],{"class":888},[344,1087,1088,1090,1092],{"class":346,"line":371},[344,1089,935],{"class":897},[344,1091,901],{"class":888},[344,1093,892],{"class":888},[344,1095,1096,1098,1100,1102,1104,1106],{"class":346,"line":377},[344,1097,944],{"class":897},[344,1099,901],{"class":888},[344,1101,904],{"class":888},[344,1103,951],{"class":907},[344,1105,911],{"class":888},[344,1107,914],{"class":888},[344,1109,1110,1112,1114],{"class":346,"line":383},[344,1111,960],{"class":897},[344,1113,901],{"class":888},[344,1115,892],{"class":888},[344,1117,1118,1120,1122,1124,1126,1128,1130,1132,1134],{"class":346,"line":389},[344,1119,969],{"class":897},[344,1121,901],{"class":888},[344,1123,974],{"class":888},[344,1125,977],{"class":897},[344,1127,901],{"class":888},[344,1129,904],{"class":888},[344,1131,984],{"class":907},[344,1133,911],{"class":888},[344,1135,1136],{"class":888}," },\n",[344,1138,1139,1142,1144,1146,1148,1150,1152,1154,1156,1159,1162,1164,1166,1168,1171,1173,1175,1177,1180,1182,1185],{"class":346,"line":395},[344,1140,1141],{"class":897}," service_type",[344,1143,901],{"class":888},[344,1145,974],{"class":888},[344,1147,977],{"class":897},[344,1149,901],{"class":888},[344,1151,904],{"class":888},[344,1153,984],{"class":907},[344,1155,911],{"class":888},[344,1157,1158],{"class":888},",",[344,1160,1161],{"class":897}," enum",[344,1163,901],{"class":888},[344,1165,1004],{"class":884},[344,1167,911],{"class":888},[344,1169,1170],{"class":907},"routine",[344,1172,911],{"class":888},[344,1174,1158],{"class":888},[344,1176,904],{"class":888},[344,1178,1179],{"class":907},"emergency",[344,1181,911],{"class":888},[344,1183,1184],{"class":884},"] ",[344,1186,1187],{"class":888},"},\n",[344,1189,1190,1193,1195,1197,1199,1201,1203,1205,1207],{"class":346,"line":401},[344,1191,1192],{"class":897}," preferred_date",[344,1194,901],{"class":888},[344,1196,974],{"class":888},[344,1198,977],{"class":897},[344,1200,901],{"class":888},[344,1202,904],{"class":888},[344,1204,984],{"class":907},[344,1206,911],{"class":888},[344,1208,989],{"class":888},[344,1210,1211],{"class":346,"line":407},[344,1212,994],{"class":888},[344,1214,1215,1217,1219,1221,1223,1225,1227,1229,1231,1234,1236],{"class":346,"line":413},[344,1216,999],{"class":897},[344,1218,901],{"class":888},[344,1220,1004],{"class":884},[344,1222,911],{"class":888},[344,1224,1009],{"class":907},[344,1226,911],{"class":888},[344,1228,1158],{"class":888},[344,1230,904],{"class":888},[344,1232,1233],{"class":907},"service_type",[344,1235,911],{"class":888},[344,1237,1014],{"class":884},[344,1239,1240],{"class":346,"line":419},[344,1241,1019],{"class":888},[344,1243,1244],{"class":346,"line":425},[344,1245,1024],{"class":888},[73,1247,1248,1250],{},[95,1249,1029],{},": Les clients peuvent demander la planification de maintenance, et le système considère automatiquement les conditions météorologiques, la disponibilité des techniciens et les préférences client pour réserver des rendez-vous optimaux.",[123,1252,1254],{"id":1253},"outil-de-traitement-dachat","Outil de Traitement d'Achat",[334,1256,1258],{"className":865,"code":1257,"language":867,"meta":339,"style":339},"// Outil MCP: Traiter les commandes d'achat de chaudières\nconst purchaseTool = {\n name: \"purchase\",\n description: \"Traiter les commandes d'achat de chaudières\",\n inputSchema: {\n type: \"object\",\n properties: {\n customer_id: { type: \"string\" },\n boiler_model: { type: \"string\" },\n installation_date: { type: \"string\" }\n },\n required: [\"customer_id\", \"boiler_model\"]\n }\n}\n",[341,1259,1260,1265,1276,1291,1306,1314,1328,1336,1356,1377,1398,1402,1427,1431],{"__ignoreMap":339},[344,1261,1262],{"class":346,"line":347},[344,1263,1264],{"class":874},"// Outil MCP: Traiter les commandes d'achat de chaudières\n",[344,1266,1267,1269,1272,1274],{"class":346,"line":353},[344,1268,881],{"class":880},[344,1270,1271],{"class":884}," purchaseTool ",[344,1273,889],{"class":888},[344,1275,892],{"class":888},[344,1277,1278,1280,1282,1284,1287,1289],{"class":346,"line":359},[344,1279,898],{"class":897},[344,1281,901],{"class":888},[344,1283,904],{"class":888},[344,1285,1286],{"class":907},"purchase",[344,1288,911],{"class":888},[344,1290,914],{"class":888},[344,1292,1293,1295,1297,1299,1302,1304],{"class":346,"line":365},[344,1294,919],{"class":897},[344,1296,901],{"class":888},[344,1298,904],{"class":888},[344,1300,1301],{"class":907},"Traiter les commandes d'achat de chaudières",[344,1303,911],{"class":888},[344,1305,914],{"class":888},[344,1307,1308,1310,1312],{"class":346,"line":371},[344,1309,935],{"class":897},[344,1311,901],{"class":888},[344,1313,892],{"class":888},[344,1315,1316,1318,1320,1322,1324,1326],{"class":346,"line":377},[344,1317,944],{"class":897},[344,1319,901],{"class":888},[344,1321,904],{"class":888},[344,1323,951],{"class":907},[344,1325,911],{"class":888},[344,1327,914],{"class":888},[344,1329,1330,1332,1334],{"class":346,"line":383},[344,1331,960],{"class":897},[344,1333,901],{"class":888},[344,1335,892],{"class":888},[344,1337,1338,1340,1342,1344,1346,1348,1350,1352,1354],{"class":346,"line":389},[344,1339,969],{"class":897},[344,1341,901],{"class":888},[344,1343,974],{"class":888},[344,1345,977],{"class":897},[344,1347,901],{"class":888},[344,1349,904],{"class":888},[344,1351,984],{"class":907},[344,1353,911],{"class":888},[344,1355,1136],{"class":888},[344,1357,1358,1361,1363,1365,1367,1369,1371,1373,1375],{"class":346,"line":395},[344,1359,1360],{"class":897}," boiler_model",[344,1362,901],{"class":888},[344,1364,974],{"class":888},[344,1366,977],{"class":897},[344,1368,901],{"class":888},[344,1370,904],{"class":888},[344,1372,984],{"class":907},[344,1374,911],{"class":888},[344,1376,1136],{"class":888},[344,1378,1379,1382,1384,1386,1388,1390,1392,1394,1396],{"class":346,"line":401},[344,1380,1381],{"class":897}," installation_date",[344,1383,901],{"class":888},[344,1385,974],{"class":888},[344,1387,977],{"class":897},[344,1389,901],{"class":888},[344,1391,904],{"class":888},[344,1393,984],{"class":907},[344,1395,911],{"class":888},[344,1397,989],{"class":888},[344,1399,1400],{"class":346,"line":407},[344,1401,994],{"class":888},[344,1403,1404,1406,1408,1410,1412,1414,1416,1418,1420,1423,1425],{"class":346,"line":413},[344,1405,999],{"class":897},[344,1407,901],{"class":888},[344,1409,1004],{"class":884},[344,1411,911],{"class":888},[344,1413,1009],{"class":907},[344,1415,911],{"class":888},[344,1417,1158],{"class":888},[344,1419,904],{"class":888},[344,1421,1422],{"class":907},"boiler_model",[344,1424,911],{"class":888},[344,1426,1014],{"class":884},[344,1428,1429],{"class":346,"line":419},[344,1430,1019],{"class":888},[344,1432,1433],{"class":346,"line":425},[344,1434,1024],{"class":888},[73,1436,1437,1439],{},[95,1438,1029],{},": Quand les clients veulent mettre à niveau leur chaudière, le chatbot peut montrer les modèles disponibles, comparer les spécifications, traiter les paiements et planifier l'installation.",[123,1441,1443],{"id":1442},"outil-de-confirmation-par-email","Outil de Confirmation par Email",[334,1445,1447],{"className":865,"code":1446,"language":867,"meta":339,"style":339},"// Outil MCP: Envoyer des emails de confirmation\nconst emailTool = {\n name: \"email\",\n description: \"Envoyer des emails de confirmation\",\n inputSchema: {\n type: \"object\",\n properties: {\n customer_id: { type: \"string\" },\n email_type: { type: \"string\", enum: [\"maintenance\", \"purchase\", \"reminder\"] }\n },\n required: [\"customer_id\", \"email_type\"]\n }\n}\n",[341,1448,1449,1454,1465,1480,1495,1503,1517,1525,1545,1599,1603,1628,1632],{"__ignoreMap":339},[344,1450,1451],{"class":346,"line":347},[344,1452,1453],{"class":874},"// Outil MCP: Envoyer des emails de confirmation\n",[344,1455,1456,1458,1461,1463],{"class":346,"line":353},[344,1457,881],{"class":880},[344,1459,1460],{"class":884}," emailTool ",[344,1462,889],{"class":888},[344,1464,892],{"class":888},[344,1466,1467,1469,1471,1473,1476,1478],{"class":346,"line":359},[344,1468,898],{"class":897},[344,1470,901],{"class":888},[344,1472,904],{"class":888},[344,1474,1475],{"class":907},"email",[344,1477,911],{"class":888},[344,1479,914],{"class":888},[344,1481,1482,1484,1486,1488,1491,1493],{"class":346,"line":365},[344,1483,919],{"class":897},[344,1485,901],{"class":888},[344,1487,904],{"class":888},[344,1489,1490],{"class":907},"Envoyer des emails de confirmation",[344,1492,911],{"class":888},[344,1494,914],{"class":888},[344,1496,1497,1499,1501],{"class":346,"line":371},[344,1498,935],{"class":897},[344,1500,901],{"class":888},[344,1502,892],{"class":888},[344,1504,1505,1507,1509,1511,1513,1515],{"class":346,"line":377},[344,1506,944],{"class":897},[344,1508,901],{"class":888},[344,1510,904],{"class":888},[344,1512,951],{"class":907},[344,1514,911],{"class":888},[344,1516,914],{"class":888},[344,1518,1519,1521,1523],{"class":346,"line":383},[344,1520,960],{"class":897},[344,1522,901],{"class":888},[344,1524,892],{"class":888},[344,1526,1527,1529,1531,1533,1535,1537,1539,1541,1543],{"class":346,"line":389},[344,1528,969],{"class":897},[344,1530,901],{"class":888},[344,1532,974],{"class":888},[344,1534,977],{"class":897},[344,1536,901],{"class":888},[344,1538,904],{"class":888},[344,1540,984],{"class":907},[344,1542,911],{"class":888},[344,1544,1136],{"class":888},[344,1546,1547,1550,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570,1572,1574,1576,1578,1580,1582,1584,1586,1588,1590,1593,1595,1597],{"class":346,"line":395},[344,1548,1549],{"class":897}," email_type",[344,1551,901],{"class":888},[344,1553,974],{"class":888},[344,1555,977],{"class":897},[344,1557,901],{"class":888},[344,1559,904],{"class":888},[344,1561,984],{"class":907},[344,1563,911],{"class":888},[344,1565,1158],{"class":888},[344,1567,1161],{"class":897},[344,1569,901],{"class":888},[344,1571,1004],{"class":884},[344,1573,911],{"class":888},[344,1575,1066],{"class":907},[344,1577,911],{"class":888},[344,1579,1158],{"class":888},[344,1581,904],{"class":888},[344,1583,1286],{"class":907},[344,1585,911],{"class":888},[344,1587,1158],{"class":888},[344,1589,904],{"class":888},[344,1591,1592],{"class":907},"reminder",[344,1594,911],{"class":888},[344,1596,1184],{"class":884},[344,1598,1024],{"class":888},[344,1600,1601],{"class":346,"line":401},[344,1602,994],{"class":888},[344,1604,1605,1607,1609,1611,1613,1615,1617,1619,1621,1624,1626],{"class":346,"line":407},[344,1606,999],{"class":897},[344,1608,901],{"class":888},[344,1610,1004],{"class":884},[344,1612,911],{"class":888},[344,1614,1009],{"class":907},[344,1616,911],{"class":888},[344,1618,1158],{"class":888},[344,1620,904],{"class":888},[344,1622,1623],{"class":907},"email_type",[344,1625,911],{"class":888},[344,1627,1014],{"class":884},[344,1629,1630],{"class":346,"line":413},[344,1631,1019],{"class":888},[344,1633,1634],{"class":346,"line":419},[344,1635,1024],{"class":888},[73,1637,1638,1640],{},[95,1639,1029],{},": Après toute réservation de service ou achat, le système envoie automatiquement des emails de confirmation appropriés avec des détails pertinents et les prochaines étapes.",[68,1642,1644,1650],{"className":1643},[87,88,89],[91,1645,1647],{"id":1646},"_3-scénarios-de-demo-et-flux",[95,1648,1649],{},"3. Scénarios de Demo et Flux",[73,1651,1652],{},[77,1653,1654],{"href":102},[95,1655,105],{},[68,1657,1659],{"className":1658},[71],[73,1660,1661],{},"Le projet MCP-in-Chat inclut des scénarios de demo complets qui montrent les modèles d'utilisation du monde réel et démontrent les capacités du système.",[123,1663,1665],{"id":1664},"scénario-1-requête-dinformation-de-chaudière","Scénario 1: Requête d'Information de Chaudière",[73,1667,1668,1671],{},[95,1669,1670],{},"Client",": \"Quel est le statut de garantie de ma chaudière?\"",[73,1673,1674,901],{},[95,1675,1676],{},"Réponse du Chatbot",[334,1678,1683],{"className":1679,"code":1681,"language":1682},[1680],"language-text","Je vais vérifier les informations de votre chaudière immédiatement.\n\nSelon vos dossiers, vous avez une Worcester Bosch 8000 Style installée le 15 mars 2023. \nVotre garantie est valide jusqu'au 15 mars 2028 (garantie fabricant de 5 ans).\n\nDétails clés:\n- Modèle: Worcester Bosch 8000 Style 30kW\n- Date d'Installation: 15 mars 2023\n- Statut de Garantie: Actif (3 ans restants)\n- Dernier Service: 12 janvier 2024\n- Prochain Service: 12 janvier 2025\n\nVoulez-vous que je planifie votre service annuel ou vérifie s'il y a des réclamations de garantie?\n","text",[341,1684,1681],{"__ignoreMap":339},[123,1686,1688],{"id":1687},"scénario-2-planification-de-maintenance","Scénario 2: Planification de Maintenance",[73,1690,1691,1693],{},[95,1692,1670],{},": \"J'ai besoin de planifier la maintenance de ma chaudière\"",[73,1695,1696,901],{},[95,1697,1676],{},[334,1699,1702],{"className":1700,"code":1701,"language":1682},[1680],"Je vais vous aider à planifier la maintenance de votre chaudière. Laissez-moi vérifier votre planning actuel et les créneaux disponibles.\n\nSelon votre localisation et préférences, j'ai trouvé ces rendez-vous disponibles:\n\nSemaine Prochaine:\n- Mardi 21 janvier: 9h00 - 11h00\n- Jeudi 23 janvier: 14h00 - 16h00\n\nLes prévisions météo montrent des conditions claires pour les deux jours. Votre technicien préféré, John Smith (enregistré Gas Safe), est disponible mardi.\n\nJe recommande mardi à 9h00. Le service inclura:\n- Inspection complète du système\n- Vérifications de sécurité\n- Tests d'efficacité\n- Nettoyage des filtres\n\nCoût: £120 (inclut pièces et main d'œuvre)\n\nDois-je réserver ce rendez-vous pour vous?\n",[341,1703,1701],{"__ignoreMap":339},[123,1705,1707],{"id":1706},"scénario-3-achat-de-mise-à-niveau-de-chaudière","Scénario 3: Achat de Mise à Niveau de Chaudière",[73,1709,1710,1712],{},[95,1711,1670],{},": \"Je veux mettre à niveau ma chaudière vers un modèle plus efficace\"",[73,1714,1715,901],{},[95,1716,1676],{},[334,1718,1721],{"className":1719,"code":1720,"language":1682},[1680],"Excellent choix! Laissez-moi vous montrer les modèles les plus efficaces disponibles et vous aider avec la mise à niveau.\n\nChaudières Haute Efficacité Disponibles:\n\n1. **Worcester Bosch 8000 Style** (Classe A)\n - Efficacité: 94%\n - Prix: £2,800\n - Garantie 10 ans\n - Thermostat intelligent inclus\n\n2. **Vaillant ecoTEC plus** (Classe A)\n - Efficacité: 92%\n - Prix: £2,600\n - Garantie 7 ans\n - Design compact\n\n3. **Ideal Logic+** (Classe A)\n - Efficacité: 90%\n - Prix: £2,200\n - Garantie 10 ans\n - Certifié Quiet Mark\n\nBasé sur votre système actuel, je recommande la Worcester Bosch 8000 Style pour une efficacité et fiabilité maximales.\n\nVoulez-vous que je:\n1. Montre les spécifications détaillées\n2. Vérifie la disponibilité d'installation\n3. Traite l'achat\n4. Compare avec votre chaudière actuelle\n",[341,1722,1720],{"__ignoreMap":339},[68,1724,1726,1732],{"className":1725},[87,88,89],[91,1727,1729],{"id":1728},"_4-spécifications-techniques",[95,1730,1731],{},"4. Spécifications Techniques",[73,1733,1734],{},[77,1735,1736],{"href":102},[95,1737,105],{},[68,1739,1741],{"className":1740},[71],[73,1742,1743],{},"Le projet MCP-in-Chat implémente une architecture sophistiquée en couches qui assure la sécurité, l'évolutivité et la maintenabilité.",[123,1745,1747],{"id":1746},"architecture-de-sécurité","Architecture de Sécurité",[334,1749,1751],{"className":336,"code":1750,"language":338,"meta":339,"style":339},"---\nheader: MCP Security Flow and Authentication\n---\nsequenceDiagram\n participant Chatbot as External Chatbot\n participant MCP as MCP Server\n participant API as Backend API\n participant Auth as Authentication\n participant Service as Business Service\n participant DB as Mock Database\n \n rect rgb(59, 130, 246)\n note right of Chatbot: External Systems\n Chatbot->>+MCP: Request with customer_id\n end\n \n rect rgb(139, 92, 246)\n note right of MCP: MCP Protocol Layer\n MCP->>+API: API call with validation\n end\n \n rect rgb(16, 185, 129)\n note right of API: Security & API Layer\n API->>+Auth: Verify authentication\n Auth-->>-API: Authentication result\n end\n \n rect rgb(245, 158, 11)\n note right of Service: Business Logic Layer\n API->>+Service: Process business logic\n Service->>+DB: Query with access controls\n end\n \n rect rgb(239, 68, 68)\n note right of DB: Data Storage Layer\n DB-->>-Service: Return filtered data\n end\n \n rect rgb(245, 158, 11)\n note right of Service: Business Logic Layer\n Service-->>-API: Processed response\n end\n \n rect rgb(16, 185, 129)\n note right of API: Security & API Layer\n API-->>-MCP: API response\n end\n \n rect rgb(139, 92, 246)\n note right of MCP: MCP Protocol Layer\n MCP-->>-Chatbot: Formatted result\n end\n \n Note over Chatbot,DB: Secure communication flow with\u003Cbr/>authentication at each layer\n",[341,1752,1753,1757,1762,1766,1771,1776,1781,1786,1791,1796,1801,1805,1810,1815,1820,1824,1828,1833,1838,1843,1847,1851,1856,1861,1866,1871,1875,1879,1884,1889,1894,1899,1903,1907,1912,1917,1922,1926,1930,1934,1938,1943,1947,1951,1955,1959,1964,1968,1972,1976,1980,1985,1989,1993],{"__ignoreMap":339},[344,1754,1755],{"class":346,"line":347},[344,1756,350],{},[344,1758,1759],{"class":346,"line":353},[344,1760,1761],{},"header: MCP Security Flow and Authentication\n",[344,1763,1764],{"class":346,"line":359},[344,1765,350],{},[344,1767,1768],{"class":346,"line":365},[344,1769,1770],{},"sequenceDiagram\n",[344,1772,1773],{"class":346,"line":371},[344,1774,1775],{}," participant Chatbot as External Chatbot\n",[344,1777,1778],{"class":346,"line":377},[344,1779,1780],{}," participant MCP as MCP Server\n",[344,1782,1783],{"class":346,"line":383},[344,1784,1785],{}," participant API as Backend API\n",[344,1787,1788],{"class":346,"line":389},[344,1789,1790],{}," participant Auth as Authentication\n",[344,1792,1793],{"class":346,"line":395},[344,1794,1795],{}," participant Service as Business Service\n",[344,1797,1798],{"class":346,"line":401},[344,1799,1800],{}," participant DB as Mock Database\n",[344,1802,1803],{"class":346,"line":407},[344,1804,469],{},[344,1806,1807],{"class":346,"line":413},[344,1808,1809],{}," rect rgb(59, 130, 246)\n",[344,1811,1812],{"class":346,"line":419},[344,1813,1814],{}," note right of Chatbot: External Systems\n",[344,1816,1817],{"class":346,"line":425},[344,1818,1819],{}," Chatbot->>+MCP: Request with customer_id\n",[344,1821,1822],{"class":346,"line":430},[344,1823,463],{},[344,1825,1826],{"class":346,"line":436},[344,1827,469],{},[344,1829,1830],{"class":346,"line":442},[344,1831,1832],{}," rect rgb(139, 92, 246)\n",[344,1834,1835],{"class":346,"line":448},[344,1836,1837],{}," note right of MCP: MCP Protocol Layer\n",[344,1839,1840],{"class":346,"line":454},[344,1841,1842],{}," MCP->>+API: API call with validation\n",[344,1844,1845],{"class":346,"line":460},[344,1846,463],{},[344,1848,1849],{"class":346,"line":466},[344,1850,469],{},[344,1852,1853],{"class":346,"line":472},[344,1854,1855],{}," rect rgb(16, 185, 129)\n",[344,1857,1858],{"class":346,"line":478},[344,1859,1860],{}," note right of API: Security & API Layer\n",[344,1862,1863],{"class":346,"line":484},[344,1864,1865],{}," API->>+Auth: Verify authentication\n",[344,1867,1868],{"class":346,"line":490},[344,1869,1870],{}," Auth-->>-API: Authentication result\n",[344,1872,1873],{"class":346,"line":496},[344,1874,463],{},[344,1876,1877],{"class":346,"line":502},[344,1878,469],{},[344,1880,1881],{"class":346,"line":508},[344,1882,1883],{}," rect rgb(245, 158, 11)\n",[344,1885,1886],{"class":346,"line":513},[344,1887,1888],{}," note right of Service: Business Logic Layer\n",[344,1890,1891],{"class":346,"line":518},[344,1892,1893],{}," API->>+Service: Process business logic\n",[344,1895,1896],{"class":346,"line":524},[344,1897,1898],{}," Service->>+DB: Query with access controls\n",[344,1900,1901],{"class":346,"line":530},[344,1902,463],{},[344,1904,1905],{"class":346,"line":536},[344,1906,469],{},[344,1908,1909],{"class":346,"line":542},[344,1910,1911],{}," rect rgb(239, 68, 68)\n",[344,1913,1914],{"class":346,"line":548},[344,1915,1916],{}," note right of DB: Data Storage Layer\n",[344,1918,1919],{"class":346,"line":553},[344,1920,1921],{}," DB-->>-Service: Return filtered data\n",[344,1923,1924],{"class":346,"line":558},[344,1925,463],{},[344,1927,1928],{"class":346,"line":564},[344,1929,469],{},[344,1931,1932],{"class":346,"line":570},[344,1933,1883],{},[344,1935,1936],{"class":346,"line":576},[344,1937,1888],{},[344,1939,1940],{"class":346,"line":582},[344,1941,1942],{}," Service-->>-API: Processed response\n",[344,1944,1945],{"class":346,"line":588},[344,1946,463],{},[344,1948,1949],{"class":346,"line":593},[344,1950,469],{},[344,1952,1953],{"class":346,"line":598},[344,1954,1855],{},[344,1956,1957],{"class":346,"line":604},[344,1958,1860],{},[344,1960,1961],{"class":346,"line":610},[344,1962,1963],{}," API-->>-MCP: API response\n",[344,1965,1966],{"class":346,"line":616},[344,1967,463],{},[344,1969,1970],{"class":346,"line":622},[344,1971,469],{},[344,1973,1974],{"class":346,"line":628},[344,1975,1832],{},[344,1977,1978],{"class":346,"line":633},[344,1979,1837],{},[344,1981,1982],{"class":346,"line":638},[344,1983,1984],{}," MCP-->>-Chatbot: Formatted result\n",[344,1986,1987],{"class":346,"line":644},[344,1988,463],{},[344,1990,1991],{"class":346,"line":650},[344,1992,469],{},[344,1994,1995],{"class":346,"line":656},[344,1996,1997],{}," Note over Chatbot,DB: Secure communication flow with\u003Cbr/>authentication at each layer\n",[123,1999,2001],{"id":2000},"implémentation-des-services-simulés","Implémentation des Services Simulés",[73,2003,2004],{},"Le projet inclut 8 services simulés complets qui simulent des opérations métier réelles:",[186,2006,2007,2013,2019,2025,2031,2037,2043,2049],{},[151,2008,2009,2012],{},[95,2010,2011],{},"Service Client",": Gère les profils clients et préférences",[151,2014,2015,2018],{},[95,2016,2017],{},"Service Chaudières",": Gère les informations de chaudières et données de garantie",[151,2020,2021,2024],{},[95,2022,2023],{},"Service Paiement",": Traite les transactions et validation de paiements",[151,2026,2027,2030],{},[95,2028,2029],{},"Service Email",": Gère la communication et notifications",[151,2032,2033,2036],{},[95,2034,2035],{},"Service Météo",": Fournit les données météo pour la planification",[151,2038,2039,2042],{},[95,2040,2041],{},"Service Garantie",": Gère les informations de garantie et réclamations",[151,2044,2045,2048],{},[95,2046,2047],{},"Service Prédiction IA",": Simule les prédictions de maintenance",[151,2050,2051,2054],{},[95,2052,2053],{},"Service Technicien",": Gère la disponibilité et planification des techniciens",[123,2056,2058],{"id":2057},"structure-de-couche-de-données","Structure de Couche de Données",[334,2060,2064],{"className":2061,"code":2062,"language":2063,"meta":339,"style":339},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"customers\": {\n \"CUST001\": {\n \"name\": \"John Smith\",\n \"email\": \"john.smith@email.com\",\n \"address\": \"123 Main St, London\",\n \"phone\": \"+44 20 1234 5678\",\n \"preferences\": {\n \"contact_method\": \"email\",\n \"appointment_time\": \"morning\",\n \"technician_preference\": \"John Smith\"\n }\n }\n },\n \"boilers\": {\n \"BOIL001\": {\n \"customer_id\": \"CUST001\",\n \"model\": \"Worcester Bosch 8000 Style\",\n \"installation_date\": \"2023-03-15\",\n \"warranty_expiry\": \"2028-03-15\",\n \"last_service\": \"2024-01-12\",\n \"next_service_due\": \"2025-01-12\"\n }\n }\n}\n","json",[341,2065,2066,2071,2085,2100,2122,2141,2161,2181,2194,2214,2234,2252,2257,2262,2267,2280,2293,2311,2331,2351,2371,2391,2409,2413,2417],{"__ignoreMap":339},[344,2067,2068],{"class":346,"line":347},[344,2069,2070],{"class":888},"{\n",[344,2072,2073,2076,2079,2081,2083],{"class":346,"line":353},[344,2074,2075],{"class":888}," \"",[344,2077,2078],{"class":880},"customers",[344,2080,911],{"class":888},[344,2082,901],{"class":888},[344,2084,892],{"class":888},[344,2086,2087,2090,2094,2096,2098],{"class":346,"line":359},[344,2088,2089],{"class":888}," \"",[344,2091,2093],{"class":2092},"sBMFI","CUST001",[344,2095,911],{"class":888},[344,2097,901],{"class":888},[344,2099,892],{"class":888},[344,2101,2102,2105,2109,2111,2113,2115,2118,2120],{"class":346,"line":365},[344,2103,2104],{"class":888}," \"",[344,2106,2108],{"class":2107},"sbssI","name",[344,2110,911],{"class":888},[344,2112,901],{"class":888},[344,2114,904],{"class":888},[344,2116,2117],{"class":907},"John Smith",[344,2119,911],{"class":888},[344,2121,914],{"class":888},[344,2123,2124,2126,2128,2130,2132,2134,2137,2139],{"class":346,"line":371},[344,2125,2104],{"class":888},[344,2127,1475],{"class":2107},[344,2129,911],{"class":888},[344,2131,901],{"class":888},[344,2133,904],{"class":888},[344,2135,2136],{"class":907},"john.smith@email.com",[344,2138,911],{"class":888},[344,2140,914],{"class":888},[344,2142,2143,2145,2148,2150,2152,2154,2157,2159],{"class":346,"line":377},[344,2144,2104],{"class":888},[344,2146,2147],{"class":2107},"address",[344,2149,911],{"class":888},[344,2151,901],{"class":888},[344,2153,904],{"class":888},[344,2155,2156],{"class":907},"123 Main St, London",[344,2158,911],{"class":888},[344,2160,914],{"class":888},[344,2162,2163,2165,2168,2170,2172,2174,2177,2179],{"class":346,"line":383},[344,2164,2104],{"class":888},[344,2166,2167],{"class":2107},"phone",[344,2169,911],{"class":888},[344,2171,901],{"class":888},[344,2173,904],{"class":888},[344,2175,2176],{"class":907},"+44 20 1234 5678",[344,2178,911],{"class":888},[344,2180,914],{"class":888},[344,2182,2183,2185,2188,2190,2192],{"class":346,"line":389},[344,2184,2104],{"class":888},[344,2186,2187],{"class":2107},"preferences",[344,2189,911],{"class":888},[344,2191,901],{"class":888},[344,2193,892],{"class":888},[344,2195,2196,2199,2202,2204,2206,2208,2210,2212],{"class":346,"line":395},[344,2197,2198],{"class":888}," \"",[344,2200,2201],{"class":897},"contact_method",[344,2203,911],{"class":888},[344,2205,901],{"class":888},[344,2207,904],{"class":888},[344,2209,1475],{"class":907},[344,2211,911],{"class":888},[344,2213,914],{"class":888},[344,2215,2216,2218,2221,2223,2225,2227,2230,2232],{"class":346,"line":401},[344,2217,2198],{"class":888},[344,2219,2220],{"class":897},"appointment_time",[344,2222,911],{"class":888},[344,2224,901],{"class":888},[344,2226,904],{"class":888},[344,2228,2229],{"class":907},"morning",[344,2231,911],{"class":888},[344,2233,914],{"class":888},[344,2235,2236,2238,2241,2243,2245,2247,2249],{"class":346,"line":407},[344,2237,2198],{"class":888},[344,2239,2240],{"class":897},"technician_preference",[344,2242,911],{"class":888},[344,2244,901],{"class":888},[344,2246,904],{"class":888},[344,2248,2117],{"class":907},[344,2250,2251],{"class":888},"\"\n",[344,2253,2254],{"class":346,"line":413},[344,2255,2256],{"class":888}," }\n",[344,2258,2259],{"class":346,"line":419},[344,2260,2261],{"class":888}," }\n",[344,2263,2264],{"class":346,"line":425},[344,2265,2266],{"class":888}," },\n",[344,2268,2269,2271,2274,2276,2278],{"class":346,"line":430},[344,2270,2075],{"class":888},[344,2272,2273],{"class":880},"boilers",[344,2275,911],{"class":888},[344,2277,901],{"class":888},[344,2279,892],{"class":888},[344,2281,2282,2284,2287,2289,2291],{"class":346,"line":436},[344,2283,2089],{"class":888},[344,2285,2286],{"class":2092},"BOIL001",[344,2288,911],{"class":888},[344,2290,901],{"class":888},[344,2292,892],{"class":888},[344,2294,2295,2297,2299,2301,2303,2305,2307,2309],{"class":346,"line":442},[344,2296,2104],{"class":888},[344,2298,1009],{"class":2107},[344,2300,911],{"class":888},[344,2302,901],{"class":888},[344,2304,904],{"class":888},[344,2306,2093],{"class":907},[344,2308,911],{"class":888},[344,2310,914],{"class":888},[344,2312,2313,2315,2318,2320,2322,2324,2327,2329],{"class":346,"line":448},[344,2314,2104],{"class":888},[344,2316,2317],{"class":2107},"model",[344,2319,911],{"class":888},[344,2321,901],{"class":888},[344,2323,904],{"class":888},[344,2325,2326],{"class":907},"Worcester Bosch 8000 Style",[344,2328,911],{"class":888},[344,2330,914],{"class":888},[344,2332,2333,2335,2338,2340,2342,2344,2347,2349],{"class":346,"line":454},[344,2334,2104],{"class":888},[344,2336,2337],{"class":2107},"installation_date",[344,2339,911],{"class":888},[344,2341,901],{"class":888},[344,2343,904],{"class":888},[344,2345,2346],{"class":907},"2023-03-15",[344,2348,911],{"class":888},[344,2350,914],{"class":888},[344,2352,2353,2355,2358,2360,2362,2364,2367,2369],{"class":346,"line":460},[344,2354,2104],{"class":888},[344,2356,2357],{"class":2107},"warranty_expiry",[344,2359,911],{"class":888},[344,2361,901],{"class":888},[344,2363,904],{"class":888},[344,2365,2366],{"class":907},"2028-03-15",[344,2368,911],{"class":888},[344,2370,914],{"class":888},[344,2372,2373,2375,2378,2380,2382,2384,2387,2389],{"class":346,"line":466},[344,2374,2104],{"class":888},[344,2376,2377],{"class":2107},"last_service",[344,2379,911],{"class":888},[344,2381,901],{"class":888},[344,2383,904],{"class":888},[344,2385,2386],{"class":907},"2024-01-12",[344,2388,911],{"class":888},[344,2390,914],{"class":888},[344,2392,2393,2395,2398,2400,2402,2404,2407],{"class":346,"line":472},[344,2394,2104],{"class":888},[344,2396,2397],{"class":2107},"next_service_due",[344,2399,911],{"class":888},[344,2401,901],{"class":888},[344,2403,904],{"class":888},[344,2405,2406],{"class":907},"2025-01-12",[344,2408,2251],{"class":888},[344,2410,2411],{"class":346,"line":478},[344,2412,2261],{"class":888},[344,2414,2415],{"class":346,"line":484},[344,2416,1019],{"class":888},[344,2418,2419],{"class":346,"line":490},[344,2420,1024],{"class":888},[73,2422,2423,2426],{},[95,2424,2425],{},"Aperçu de la Structure de Données",": Le système utilise des fichiers JSON pour simuler une vraie base de données, avec des données structurées pour les clients, chaudières, planning de maintenance et commandes. Chaque enregistrement inclut des informations complètes nécessaires pour les interactions du chatbot.",[68,2428,2430,2436],{"className":2429},[87,88,89],[91,2431,2433],{"id":2432},"_5-tests-et-assurance-qualité",[95,2434,2435],{},"5. Tests et Assurance Qualité",[73,2437,2438],{},[77,2439,2440],{"href":102},[95,2441,105],{},[68,2443,2445],{"className":2444},[71],[73,2446,2447],{},"Le projet MCP-in-Chat inclut une suite de tests complète qui assure la fiabilité et la fonctionnalité dans tous les composants.",[123,2449,2451],{"id":2450},"couverture-de-tests","Couverture de Tests",[148,2453,2454,2460,2466,2472,2478],{},[151,2455,2456,2459],{},[95,2457,2458],{},"Outils MCP",": Tous les 4 outils testés avec divers scénarios d'entrée",[151,2461,2462,2465],{},[95,2463,2464],{},"Endpoints API",": Tests complets d'API REST avec authentification",[151,2467,2468,2471],{},[95,2469,2470],{},"Gestion d'Erreurs",": Validation des réponses d'erreur et cas limites",[151,2473,2474,2477],{},[95,2475,2476],{},"Intégration",": Tests de flux de travail de bout en bout",[151,2479,2480,2483],{},[95,2481,2482],{},"Performance",": Tests de temps de réponse et charge",[123,2485,2487],{"id":2486},"résumé-des-résultats-de-tests","Résumé des Résultats de Tests",[334,2489,2492],{"className":2490,"code":2491,"language":1682},[1680],"📊 RÉSUMÉ DES TESTS\n============================================================\nTotal des Tests: 5\nRéussis: 5 ✅\nÉchoués: 0 ❌\nTaux de Succès: 100.0%\n\n📋 RÉSULTATS DÉTAILLÉS\n------------------------------------------------------------\n1. boiler-info: ✅ RÉUSSI\n2. maintenance-get: ✅ RÉUSSI\n3. maintenance-schedule: ✅ RÉUSSI\n4. purchase: ✅ RÉUSSI\n5. email: ✅ RÉUSSI\n\n🎉 Tous les tests ont réussi! Les outils MCP fonctionnent correctement.\n",[341,2493,2491],{"__ignoreMap":339},[123,2495,2497],{"id":2496},"commandes-de-test-rapide","Commandes de Test Rapide",[334,2499,2503],{"className":2500,"code":2501,"language":2502,"meta":339,"style":339},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Exécuter tous les tests d'outils MCP\nnpm test\n\n# Tester des composants spécifiques\nnpm run test:api # Tests API backend\nnpm run test:mcp # Intégration MCP Cursor\nnpm run test:protocol # Validation protocole MCP\nnpm run test:compiled # Test version compilée\nnpm run test:connection # Test connexion\nnpm run test:quick # Vérification rapide santé\n","bash",[341,2504,2505,2510,2518,2524,2529,2542,2554,2566,2578,2590],{"__ignoreMap":339},[344,2506,2507],{"class":346,"line":347},[344,2508,2509],{"class":874},"# Exécuter tous les tests d'outils MCP\n",[344,2511,2512,2515],{"class":346,"line":353},[344,2513,2514],{"class":2092},"npm",[344,2516,2517],{"class":907}," test\n",[344,2519,2520],{"class":346,"line":359},[344,2521,2523],{"emptyLinePlaceholder":2522},true,"\n",[344,2525,2526],{"class":346,"line":365},[344,2527,2528],{"class":874},"# Tester des composants spécifiques\n",[344,2530,2531,2533,2536,2539],{"class":346,"line":371},[344,2532,2514],{"class":2092},[344,2534,2535],{"class":907}," run",[344,2537,2538],{"class":907}," test:api",[344,2540,2541],{"class":874}," # Tests API backend\n",[344,2543,2544,2546,2548,2551],{"class":346,"line":377},[344,2545,2514],{"class":2092},[344,2547,2535],{"class":907},[344,2549,2550],{"class":907}," test:mcp",[344,2552,2553],{"class":874}," # Intégration MCP Cursor\n",[344,2555,2556,2558,2560,2563],{"class":346,"line":383},[344,2557,2514],{"class":2092},[344,2559,2535],{"class":907},[344,2561,2562],{"class":907}," test:protocol",[344,2564,2565],{"class":874}," # Validation protocole MCP\n",[344,2567,2568,2570,2572,2575],{"class":346,"line":389},[344,2569,2514],{"class":2092},[344,2571,2535],{"class":907},[344,2573,2574],{"class":907}," test:compiled",[344,2576,2577],{"class":874}," # Test version compilée\n",[344,2579,2580,2582,2584,2587],{"class":346,"line":395},[344,2581,2514],{"class":2092},[344,2583,2535],{"class":907},[344,2585,2586],{"class":907}," test:connection",[344,2588,2589],{"class":874}," # Test connexion\n",[344,2591,2592,2594,2596,2599],{"class":346,"line":401},[344,2593,2514],{"class":2092},[344,2595,2535],{"class":907},[344,2597,2598],{"class":907}," test:quick",[344,2600,2601],{"class":874}," # Vérification rapide santé\n",[68,2603,2605,2611],{"className":2604},[87,88,89],[91,2606,2608],{"id":2607},"_6-commencer",[95,2609,2610],{},"6. Commencer",[73,2612,2613],{},[77,2614,2615],{"href":102},[95,2616,105],{},[68,2618,2620],{"className":2619},[71],[73,2621,2622],{},"Le projet MCP-in-Chat est conçu pour être facilement accessible aux développeurs qui veulent comprendre et implémenter des serveurs MCP pour leurs propres cas d'usage.",[123,2624,2626],{"id":2625},"prérequis","Prérequis",[148,2628,2629,2632,2635,2638],{},[151,2630,2631],{},"Node.js 18+ et npm",[151,2633,2634],{},"Connaissance de TypeScript",[151,2636,2637],{},"Compréhension de base du protocole MCP",[151,2639,2640],{},"Accès aux chatbots externes (Claude, ChatGPT, Cursor)",[123,2642,2644],{"id":2643},"installation","Installation",[334,2646,2648],{"className":2500,"code":2647,"language":2502,"meta":339,"style":339},"# Cloner le repository\ngit clone https://github.com/michaelwybraniec/mcp-in-chat.git\ncd mcp-in-chat\n\n# Installer les dépendances\nnpm install\n\n# Construire le projet\nnpm run build\n\n# Démarrer le serveur API\nnpm run start:api\n\n# Démarrer le serveur MCP (dans un autre terminal)\nnpm run start:mcp\n",[341,2649,2650,2655,2666,2675,2679,2684,2691,2695,2700,2709,2713,2718,2727,2731,2736],{"__ignoreMap":339},[344,2651,2652],{"class":346,"line":347},[344,2653,2654],{"class":874},"# Cloner le repository\n",[344,2656,2657,2660,2663],{"class":346,"line":353},[344,2658,2659],{"class":2092},"git",[344,2661,2662],{"class":907}," clone",[344,2664,2665],{"class":907}," https://github.com/michaelwybraniec/mcp-in-chat.git\n",[344,2667,2668,2672],{"class":346,"line":359},[344,2669,2671],{"class":2670},"s2Zo4","cd",[344,2673,2674],{"class":907}," mcp-in-chat\n",[344,2676,2677],{"class":346,"line":365},[344,2678,2523],{"emptyLinePlaceholder":2522},[344,2680,2681],{"class":346,"line":371},[344,2682,2683],{"class":874},"# Installer les dépendances\n",[344,2685,2686,2688],{"class":346,"line":377},[344,2687,2514],{"class":2092},[344,2689,2690],{"class":907}," install\n",[344,2692,2693],{"class":346,"line":383},[344,2694,2523],{"emptyLinePlaceholder":2522},[344,2696,2697],{"class":346,"line":389},[344,2698,2699],{"class":874},"# Construire le projet\n",[344,2701,2702,2704,2706],{"class":346,"line":395},[344,2703,2514],{"class":2092},[344,2705,2535],{"class":907},[344,2707,2708],{"class":907}," build\n",[344,2710,2711],{"class":346,"line":401},[344,2712,2523],{"emptyLinePlaceholder":2522},[344,2714,2715],{"class":346,"line":407},[344,2716,2717],{"class":874},"# Démarrer le serveur API\n",[344,2719,2720,2722,2724],{"class":346,"line":413},[344,2721,2514],{"class":2092},[344,2723,2535],{"class":907},[344,2725,2726],{"class":907}," start:api\n",[344,2728,2729],{"class":346,"line":419},[344,2730,2523],{"emptyLinePlaceholder":2522},[344,2732,2733],{"class":346,"line":425},[344,2734,2735],{"class":874},"# Démarrer le serveur MCP (dans un autre terminal)\n",[344,2737,2738,2740,2742],{"class":346,"line":430},[344,2739,2514],{"class":2092},[344,2741,2535],{"class":907},[344,2743,2744],{"class":907}," start:mcp\n",[123,2746,2748],{"id":2747},"intégration-avec-chatbots-externes","Intégration avec Chatbots Externes",[73,2750,2751],{},"Le serveur MCP est conçu pour fonctionner avec n'importe quel chatbot compatible MCP:",[186,2753,2754,2760,2766],{},[151,2755,2756,2759],{},[95,2757,2758],{},"Claude Desktop",": Ajouter le serveur MCP à la configuration de Claude",[151,2761,2762,2765],{},[95,2763,2764],{},"ChatGPT",": Utiliser le serveur MCP comme outil personnalisé",[151,2767,2768,2771],{},[95,2769,2770],{},"Cursor IDE",": Intégrer directement avec l'environnement de développement",[123,2773,2775],{"id":2774},"personnalisation","Personnalisation",[73,2777,2778],{},"Le projet est conçu pour être facilement personnalisable pour différents domaines métier:",[186,2780,2781,2787,2793,2799],{},[151,2782,2783,2786],{},[95,2784,2785],{},"Remplacer les Services Simulés",": Connecter aux APIs et bases de données réelles",[151,2788,2789,2792],{},[95,2790,2791],{},"Ajouter de Nouveaux Outils",": Étendre le serveur MCP avec fonctionnalité supplémentaire",[151,2794,2795,2798],{},[95,2796,2797],{},"Modifier la Logique Métier",": Adapter les services pour votre cas d'usage spécifique",[151,2800,2801,2804],{},[95,2802,2803],{},"Améliorer la Sécurité",": Ajouter des couches supplémentaires d'authentification et autorisation",[68,2806,2808,2814],{"className":2807},[87,88,89],[91,2809,2811],{"id":2810},"_7-leçons-apprises",[95,2812,2813],{},"7. Leçons Apprises",[73,2815,2816],{},[77,2817,2818],{"href":102},[95,2819,105],{},[68,2821,2823],{"className":2822},[71],[73,2824,2825],{},"Le projet MCP-in-Chat fournit des insights précieux sur la construction de serveurs MCP prêts pour la production et leur intégration avec des chatbots externes.",[123,2827,2829],{"id":2828},"facteurs-clés-de-succès","Facteurs Clés de Succès",[186,2831,2832,2838,2844,2850,2855],{},[151,2833,2834,2837],{},[95,2835,2836],{},"Architecture en Couches",": Séparation claire entre outils MCP, couche API et logique métier",[151,2839,2840,2843],{},[95,2841,2842],{},"Tests Complets",": 100% de couverture de tests assure la fiabilité",[151,2845,2846,2849],{},[95,2847,2848],{},"Sécurité en Premier",": Authentification, validation et limitation de débit dès le début",[151,2851,2852,2854],{},[95,2853,173],{},": Documentation complète pour une intégration facile",[151,2856,2857,2860],{},[95,2858,2859],{},"Services Simulés",": Simulation de données réaliste pour développement et tests",[123,2862,2864],{"id":2863},"défis-communs-et-solutions","Défis Communs et Solutions",[186,2866,2867,2886,2903,2920],{},[151,2868,2869,2872],{},[95,2870,2871],{},"Complexité d'Intégration Externe",[148,2873,2874,2880],{},[151,2875,2876,2879],{},[95,2877,2878],{},"Défi",": Tester avec des chatbots externes peut être difficile",[151,2881,2882,2885],{},[95,2883,2884],{},"Solution",": Suite de tests locaux complète avec scénarios réalistes",[151,2887,2888,2891],{},[95,2889,2890],{},"Implémentation de Sécurité",[148,2892,2893,2898],{},[151,2894,2895,2897],{},[95,2896,2878],{},": Assurer une communication sécurisée entre composants",[151,2899,2900,2902],{},[95,2901,2884],{},": Sécurité en couches avec authentification à chaque niveau",[151,2904,2905,2908],{},[95,2906,2907],{},"Gestion des Données",[148,2909,2910,2915],{},[151,2911,2912,2914],{},[95,2913,2878],{},": Maintenir un état cohérent entre services",[151,2916,2917,2919],{},[95,2918,2884],{},": Couche de données centralisée avec contrôles d'accès",[151,2921,2922,2924],{},[95,2923,2470],{},[148,2925,2926,2931],{},[151,2927,2928,2930],{},[95,2929,2878],{},": Gestion élégante des erreurs dans les interfaces conversationnelles",[151,2932,2933,2935],{},[95,2934,2884],{},": Réponses d'erreur structurées avec orientation actionnable",[123,2937,2939],{"id":2938},"considérations-de-performance","Considérations de Performance",[148,2941,2942,2948,2954,2960],{},[151,2943,2944,2947],{},[95,2945,2946],{},"Temps de Réponse",": Les outils MCP doivent répondre en 2-3 secondes",[151,2949,2950,2953],{},[95,2951,2952],{},"Limitation de Débit",": Implémenter des limites de débit appropriées pour prévenir l'abus",[151,2955,2956,2959],{},[95,2957,2958],{},"Cache",": Mettre en cache les données fréquemment accédées pour améliorer les performances",[151,2961,2962,2965],{},[95,2963,2964],{},"Monitoring",": Implémenter logging et monitoring complets",[68,2967,2969,2975],{"className":2968},[87,88,89],[91,2970,2972],{"id":2971},"_8-améliorations-futures",[95,2973,2974],{},"8. Améliorations Futures",[73,2976,2977],{},[77,2978,2979],{"href":102},[95,2980,105],{},[68,2982,2984],{"className":2983},[71],[73,2985,2986],{},"Le projet MCP-in-Chat sert de base pour des implémentations plus sophistiquées de serveurs MCP et fournit une feuille de route pour le développement futur.",[123,2988,2990],{"id":2989},"améliorations-planifiées","Améliorations Planifiées",[186,2992,2993,3012,3031,3050],{},[151,2994,2995,2998],{},[95,2996,2997],{},"Intégration de Services Réels",[148,2999,3000,3003,3006,3009],{},[151,3001,3002],{},"Remplacer les services simulés par des APIs réelles",[151,3004,3005],{},"Intégrer avec des passerelles de paiement",[151,3007,3008],{},"Connecter aux bases de données clients",[151,3010,3011],{},"Implémenter des services email réels",[151,3013,3014,3017],{},[95,3015,3016],{},"Fonctionnalités Avancées",[148,3018,3019,3022,3025,3028],{},[151,3020,3021],{},"Support multilingue",[151,3023,3024],{},"Intégration vocale",[151,3026,3027],{},"Intégration d'application mobile",[151,3029,3030],{},"Analyses avancées et rapports",[151,3032,3033,3036],{},[95,3034,3035],{},"Améliorations d'Évolutivité",[148,3037,3038,3041,3044,3047],{},[151,3039,3040],{},"Architecture de microservices",[151,3042,3043],{},"Équilibrage de charge",[151,3045,3046],{},"Optimisation de base de données",[151,3048,3049],{},"Stratégies de cache",[151,3051,3052,3055],{},[95,3053,3054],{},"Améliorations de Sécurité",[148,3056,3057,3060,3063,3066],{},[151,3058,3059],{},"Intégration OAuth 2.0",[151,3061,3062],{},"Contrôle d'accès basé sur les rôles",[151,3064,3065],{},"Logging d'audit",[151,3067,3068],{},"Fonctionnalités de conformité",[123,3070,3072],{"id":3071},"applications-dindustrie","Applications d'Industrie",[73,3074,3075],{},"L'architecture MCP-in-Chat peut être adaptée pour diverses industries:",[186,3077,3078,3084,3090,3096,3102],{},[151,3079,3080,3083],{},[95,3081,3082],{},"Santé",": Planification de rendez-vous patients et accès aux dossiers médicaux",[151,3085,3086,3089],{},[95,3087,3088],{},"Finance",": Gestion de comptes et traitement de transactions",[151,3091,3092,3095],{},[95,3093,3094],{},"Éducation",": Inscription aux cours et services étudiants",[151,3097,3098,3101],{},[95,3099,3100],{},"Immobilier",": Recherche de propriétés et gestion de réservations",[151,3103,3104,3107],{},[95,3105,3106],{},"Voyage",": Réservation de vols et gestion d'itinéraires",[68,3109,3111,3117],{"className":3110},[87,88,89],[91,3112,3114],{"id":3113},"_9-conclusion",[95,3115,3116],{},"9. Conclusion",[73,3118,3119],{},[77,3120,3121],{"href":102},[95,3122,105],{},[68,3124,3126],{"className":3125},[71],[73,3127,3128],{},"Le projet MCP-in-Chat démontre le pouvoir et le potentiel des serveurs du Protocole de Contexte de Modèle dans la création de systèmes d'IA conversationnelle sophistiqués. En fournissant un exemple complet et prêt pour la production, il sert à la fois de ressource d'apprentissage et de base pour des implémentations du monde réel.",[123,3130,3132],{"id":3131},"points-clés","Points Clés",[186,3134,3135,3141,3147,3153,3159],{},[151,3136,3137,3140],{},[95,3138,3139],{},"Les Serveurs MCP Permettent une Valeur Commerciale Réelle",": Le projet montre comment les serveurs MCP peuvent connecter l'IA conversationnelle aux systèmes d'entreprise",[151,3142,3143,3146],{},[95,3144,3145],{},"Le Développement Systématique Fonctionne",": La méthodologie AWP a assuré un développement cohérent et de haute qualité",[151,3148,3149,3152],{},[95,3150,3151],{},"La Sécurité est Primordiale",": L'architecture de sécurité en couches est essentielle pour les systèmes de production",[151,3154,3155,3158],{},[95,3156,3157],{},"Les Tests sont Critiques",": Les tests complets assurent la fiabilité et la fonctionnalité",[151,3160,3161,3164],{},[95,3162,3163],{},"La Documentation Compte",": La documentation complète permet une adoption et personnalisation faciles",[123,3166,3168],{"id":3167},"prochaines-étapes","Prochaines Étapes",[73,3170,3171],{},"Pour les développeurs intéressés par les serveurs MCP:",[186,3173,3174,3185,3191,3197],{},[151,3175,3176,3179,3180,3184],{},[95,3177,3178],{},"Étudier le Code",": Examiner le ",[77,3181,3183],{"href":79,"rel":3182},[81],"repository MCP-in-Chat"," pour comprendre l'implémentation",[151,3186,3187,3190],{},[95,3188,3189],{},"Exécuter le Demo",": Configurer le projet localement et tester avec des chatbots externes",[151,3192,3193,3196],{},[95,3194,3195],{},"Personnaliser",": Adapter l'architecture pour votre cas d'usage spécifique",[151,3198,3199,3202],{},[95,3200,3201],{},"Contribuer",": Partager les améliorations et améliorations avec la communauté",[73,3204,3205],{},"Le projet MCP-in-Chat représente un pas significatif vers l'avant dans la réalisation des serveurs MCP accessibles et pratiques pour les applications du monde réel. En fournissant un exemple complet et fonctionnel, il réduit la barrière d'entrée pour les développeurs qui veulent intégrer l'IA conversationnelle avec leurs systèmes métier.",[3207,3208],"hr",{},[73,3210,3211,901],{},[95,3212,3213],{},"Ressources",[148,3215,3216,3222,3229],{},[151,3217,3218],{},[77,3219,3221],{"href":79,"rel":3220},[81],"Repository MCP-in-Chat",[151,3223,3224],{},[77,3225,3228],{"href":3226,"rel":3227},"https://modelcontextprotocol.io/",[81],"Documentation du Protocole de Contexte de Modèle",[151,3230,3231],{},[77,3232,113],{"href":3233,"rel":3234},"https://github.com/michaelwybraniec/mcp-agentic-sldc",[81],[3236,3237,3238],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":339,"searchDepth":353,"depth":353,"links":3240},[3241,3249,3255,3260,3265,3270,3276,3281,3285],{"id":93,"depth":353,"text":97,"children":3242},[3243,3244,3245,3246,3247,3248],{"id":125,"depth":359,"text":126},{"id":145,"depth":359,"text":146},{"id":183,"depth":359,"text":184},{"id":272,"depth":359,"text":273},{"id":289,"depth":359,"text":290},{"id":331,"depth":359,"text":332},{"id":843,"depth":353,"text":846,"children":3250},[3251,3252,3253,3254],{"id":861,"depth":359,"text":862},{"id":1033,"depth":359,"text":1034},{"id":1253,"depth":359,"text":1254},{"id":1442,"depth":359,"text":1443},{"id":1646,"depth":353,"text":1649,"children":3256},[3257,3258,3259],{"id":1664,"depth":359,"text":1665},{"id":1687,"depth":359,"text":1688},{"id":1706,"depth":359,"text":1707},{"id":1728,"depth":353,"text":1731,"children":3261},[3262,3263,3264],{"id":1746,"depth":359,"text":1747},{"id":2000,"depth":359,"text":2001},{"id":2057,"depth":359,"text":2058},{"id":2432,"depth":353,"text":2435,"children":3266},[3267,3268,3269],{"id":2450,"depth":359,"text":2451},{"id":2486,"depth":359,"text":2487},{"id":2496,"depth":359,"text":2497},{"id":2607,"depth":353,"text":2610,"children":3271},[3272,3273,3274,3275],{"id":2625,"depth":359,"text":2626},{"id":2643,"depth":359,"text":2644},{"id":2747,"depth":359,"text":2748},{"id":2774,"depth":359,"text":2775},{"id":2810,"depth":353,"text":2813,"children":3277},[3278,3279,3280],{"id":2828,"depth":359,"text":2829},{"id":2863,"depth":359,"text":2864},{"id":2938,"depth":359,"text":2939},{"id":2971,"depth":353,"text":2974,"children":3282},[3283,3284],{"id":2989,"depth":359,"text":2990},{"id":3071,"depth":359,"text":3072},{"id":3113,"depth":353,"text":3116,"children":3286},[3287,3288],{"id":3131,"depth":359,"text":3132},{"id":3167,"depth":359,"text":3168},"2025-08-06","Une démonstration complète de comment construire un serveur MCP pour l\\'intégration de chatbot e-commerce, avec services de maintenance de chaudières, accès aux données en temps réel et flux de travail automatisés utilisant AWP.","md",{"src":3293},"/blog/mcp/mcp-cover.png",{},{"title":35,"description":3290},"P8LC4lAwNb3A1h50RgXfwGod9QuANRbeqN8tqrTsmTY",[3298],{"id":3299,"title":31,"authors":3300,"badge":3304,"body":3307,"date":4479,"description":4480,"extension":3291,"image":4481,"meta":4482,"navigation":2522,"path":32,"seo":4483,"stem":33,"__hash__":4484},"posts_fr/fr/blog/6. overvibing.md",[3301],{"name":55,"description":3302,"to":57,"avatar":3303},"Freelance, MCP Servers, Développement Full-Stack, Architecture",{"src":59},{"label":3305,"color":3306,"variant":63},"Développement Agentique, Overvibing","success",{"type":65,"value":3308,"toc":4464},[3309,3326,3332,3338,3520,3535,3538,3564,3579,3589,3604,3754,3769,3805,3810,3833,3848,3854,3926,3932,3974,3986,3990,3999,4005,4239,4256,4271,4303,4318,4368,4383,4419,4434,4449,4461],[68,3310,3312],{"className":3311},[71],[73,3313,3314,3317,3318,3321,3322,3325],{},[95,3315,3316],{},"Bankly",", un système bancaire backend construit en seulement deux jours en utilisant ",[95,3319,3320],{},"Apollo GraphQL"," et ",[95,3323,3324],{},"Prisma",". Conçu comme un test technique personnel et une preuve de concept qui démontre comment les flux de travail agentiques et le développement assisté par l'IA peuvent accélérer la livraison de logiciels modernes tout en maintenant la qualité et la structure.",[91,3327,3329],{"id":3328},"chronologie-du-développement",[95,3330,3331],{},"Chronologie du Développement",[68,3333,3335],{"className":3334},[71],[73,3336,3337],{},"Voici la progression complète commit par commit montrant comment l'AWP a permis un développement systématique sans perdre d'élan :",[334,3339,3341],{"className":336,"code":3340,"language":338,"meta":339,"style":339},"---\ntitle: Chronologie du Développement de Bankly - 24-25 Juin 2025 @michaelwybraniec\n---\ngitGraph\n commit id: \"Diagrammes ER\" tag: \"3.1.2\" type: HIGHLIGHT\n commit id: \"Modèles Prisma\" tag: \"3.1.1\"\n commit id: \"Politique AWP → Protocole\" tag: \"9.1\" type: REVERSE\n commit id: \"BD Sécurisée Transaction\" tag: \"3.3\"\n commit id: \"Dépendances\" tag: \"1.3\"\n commit id: \"API GraphQL\" tag: \"4.4\" type: HIGHLIGHT\n commit id: \"ESLint + Outillage\" tag: \"1.4\"\n commit id: \"User Stories\" tag: \"5.1\"\n commit id: \"Producteur Kafka\" tag: \"5.1\" type: HIGHLIGHT\n commit id: \"Émission d'Événements\" tag: \"5.2\"\n commit id: \"Étapes Kafka Terminées\" tag: \"5.0\"\n commit id: \"Procédures AWP\" tag: \"9.2\"\n branch pre-prod\n checkout pre-prod\n commit id: \"Tests Unitaires\" tag: \"8.1\"\n commit id: \"Docker Compose\" tag: \"10.1\"\n commit id: \"Release Sémantique\" tag: \"7.4\" type: HIGHLIGHT\n commit id: \"Winston + Prometheus\" tag: \"10.3\" type: HIGHLIGHT\n commit id: \"Contrôles Santé\" tag: \"10.3\"\n commit id: \"Événements d'Audit\" tag: \"6.1\"\n commit id: \"Actions GitHub\" tag: \"7.4\"\n commit id: \"Docs Observabilité\" tag: \"10.5\"\n commit id: \"Structure Projet\" tag: \"11\"\n checkout main\n merge pre-prod tag: \"v0.9.0\" type: HIGHLIGHT\n\n%%{init: {\n \"gitGraph\": {\n \"titleTopMargin\": 80,\n \"diagramPadding\": 20\n }\n }}%%\n",[341,3342,3343,3347,3352,3356,3361,3366,3371,3376,3381,3386,3391,3396,3401,3406,3411,3416,3421,3426,3431,3436,3441,3446,3451,3456,3461,3466,3471,3476,3481,3486,3490,3495,3500,3505,3510,3515],{"__ignoreMap":339},[344,3344,3345],{"class":346,"line":347},[344,3346,350],{},[344,3348,3349],{"class":346,"line":353},[344,3350,3351],{},"title: Chronologie du Développement de Bankly - 24-25 Juin 2025 @michaelwybraniec\n",[344,3353,3354],{"class":346,"line":359},[344,3355,350],{},[344,3357,3358],{"class":346,"line":365},[344,3359,3360],{},"gitGraph\n",[344,3362,3363],{"class":346,"line":371},[344,3364,3365],{}," commit id: \"Diagrammes ER\" tag: \"3.1.2\" type: HIGHLIGHT\n",[344,3367,3368],{"class":346,"line":377},[344,3369,3370],{}," commit id: \"Modèles Prisma\" tag: \"3.1.1\"\n",[344,3372,3373],{"class":346,"line":383},[344,3374,3375],{}," commit id: \"Politique AWP → Protocole\" tag: \"9.1\" type: REVERSE\n",[344,3377,3378],{"class":346,"line":389},[344,3379,3380],{}," commit id: \"BD Sécurisée Transaction\" tag: \"3.3\"\n",[344,3382,3383],{"class":346,"line":395},[344,3384,3385],{}," commit id: \"Dépendances\" tag: \"1.3\"\n",[344,3387,3388],{"class":346,"line":401},[344,3389,3390],{}," commit id: \"API GraphQL\" tag: \"4.4\" type: HIGHLIGHT\n",[344,3392,3393],{"class":346,"line":407},[344,3394,3395],{}," commit id: \"ESLint + Outillage\" tag: \"1.4\"\n",[344,3397,3398],{"class":346,"line":413},[344,3399,3400],{}," commit id: \"User Stories\" tag: \"5.1\"\n",[344,3402,3403],{"class":346,"line":419},[344,3404,3405],{}," commit id: \"Producteur Kafka\" tag: \"5.1\" type: HIGHLIGHT\n",[344,3407,3408],{"class":346,"line":425},[344,3409,3410],{}," commit id: \"Émission d'Événements\" tag: \"5.2\"\n",[344,3412,3413],{"class":346,"line":430},[344,3414,3415],{}," commit id: \"Étapes Kafka Terminées\" tag: \"5.0\"\n",[344,3417,3418],{"class":346,"line":436},[344,3419,3420],{}," commit id: \"Procédures AWP\" tag: \"9.2\"\n",[344,3422,3423],{"class":346,"line":442},[344,3424,3425],{}," branch pre-prod\n",[344,3427,3428],{"class":346,"line":448},[344,3429,3430],{}," checkout pre-prod\n",[344,3432,3433],{"class":346,"line":454},[344,3434,3435],{}," commit id: \"Tests Unitaires\" tag: \"8.1\"\n",[344,3437,3438],{"class":346,"line":460},[344,3439,3440],{}," commit id: \"Docker Compose\" tag: \"10.1\"\n",[344,3442,3443],{"class":346,"line":466},[344,3444,3445],{}," commit id: \"Release Sémantique\" tag: \"7.4\" type: HIGHLIGHT\n",[344,3447,3448],{"class":346,"line":472},[344,3449,3450],{}," commit id: \"Winston + Prometheus\" tag: \"10.3\" type: HIGHLIGHT\n",[344,3452,3453],{"class":346,"line":478},[344,3454,3455],{}," commit id: \"Contrôles Santé\" tag: \"10.3\"\n",[344,3457,3458],{"class":346,"line":484},[344,3459,3460],{}," commit id: \"Événements d'Audit\" tag: \"6.1\"\n",[344,3462,3463],{"class":346,"line":490},[344,3464,3465],{}," commit id: \"Actions GitHub\" tag: \"7.4\"\n",[344,3467,3468],{"class":346,"line":496},[344,3469,3470],{}," commit id: \"Docs Observabilité\" tag: \"10.5\"\n",[344,3472,3473],{"class":346,"line":502},[344,3474,3475],{}," commit id: \"Structure Projet\" tag: \"11\"\n",[344,3477,3478],{"class":346,"line":508},[344,3479,3480],{}," checkout main\n",[344,3482,3483],{"class":346,"line":513},[344,3484,3485],{}," merge pre-prod tag: \"v0.9.0\" type: HIGHLIGHT\n",[344,3487,3488],{"class":346,"line":518},[344,3489,2523],{"emptyLinePlaceholder":2522},[344,3491,3492],{"class":346,"line":524},[344,3493,3494],{},"%%{init: {\n",[344,3496,3497],{"class":346,"line":530},[344,3498,3499],{}," \"gitGraph\": {\n",[344,3501,3502],{"class":346,"line":536},[344,3503,3504],{}," \"titleTopMargin\": 80,\n",[344,3506,3507],{"class":346,"line":542},[344,3508,3509],{}," \"diagramPadding\": 20\n",[344,3511,3512],{"class":346,"line":548},[344,3513,3514],{}," }\n",[344,3516,3517],{"class":346,"line":553},[344,3518,3519],{}," }}%%\n",[68,3521,3523,3529],{"className":3522},[87,88,89],[91,3524,3526],{"id":3525},"vibe-coding",[95,3527,3528],{},"Vibe-Coding",[73,3530,3531],{},[77,3532,3533],{"href":102},[95,3534,105],{},[73,3536,3537],{},"Comment a-t-il été construit ? En utilisant le Vibe-Coding avec la Stratégie de Flux de Travail Agentique.",[68,3539,3541,3547,3561],{"className":3540},[71],[73,3542,3543,3546],{},[95,3544,3545],{},"Le Vibecoding avec Flux de Travail Agentique"," signifie :",[148,3548,3549,3552,3555,3558],{},[151,3550,3551],{},"Travailler dans un état de flux de haute créativité et de rapidité",[151,3553,3554],{},"Laisser les co-pilotes IA gérer les tâches dans un cadre structuré",[151,3556,3557],{},"Éviter l'épuisement cognitif ou le \"over-vibing\" grâce à des limites systématiques",[151,3559,3560],{},"Maintenir la clarté et le contexte tout au long du processus de développement",[73,3562,3563],{},"Le marché du travail évolue, et les ingénieurs doivent s'adapter. L'IA n'est plus optionnelle—c'est un multiplicateur. Mais l'ingénierie à grande échelle avec l'IA nécessite maturité, structure et conscience des risques.",[68,3565,3567,3573],{"className":3566},[87,88,89],[91,3568,3570],{"id":3569},"over-vibing",[95,3571,3572],{},"Over-Vibing",[73,3574,3575],{},[77,3576,3577],{"href":102},[95,3578,105],{},[68,3580,3582],{"className":3581},[71],[73,3583,3584,3585,3588],{},"J'appelle ce risque ",[95,3586,3587],{},"\"over-vibing\"","—un état où l'on pousse trop loin, trop vite, et perd le contexte. Les outils d'IA (en particulier les LLM) souffrent de la dérive du contexte. Les humains aussi. Lorsque vous êtes dans le flux mais perdez de vue l'image globale, la productivité peut rapidement se transformer en dette technique. Pour gérer ce risque, j'ai créé un \"AWP\" qui maintient la structure tout en préservant l'élan créatif.",[68,3590,3592,3598],{"className":3591},[87,88,89],[91,3593,3595],{"id":3594},"awp-protocole-de-flux-de-travail-agentique",[95,3596,3597],{},"AWP : Protocole de Flux de Travail Agentique",[73,3599,3600],{},[77,3601,3602],{"href":102},[95,3603,105],{},[68,3605,3607,3626],{"className":3606},[71],[73,3608,3609,3610,3613,3614,3617,3618,3621,3622,3625],{},"Le secret derrière le développement rapide de Bankly réside dans une méthodologie que j'appelle ",[95,3611,3612],{},"\"Vibecoding avec Flux de Travail Agentique\"",". Cette approche combine des états de flux de haute créativité avec une collaboration IA structurée, évitant les pièges de l'automatisation incontrôlée ou du \"over-vibing\". ",[95,3615,3616],{},"La preuve est dans les commits"," : Bankly a été construit les ",[95,3619,3620],{},"24-25 juin 2025"," en deux jours avec ",[95,3623,3624],{},"plus de 35 commits structurés"," suivant le Protocole de Flux de Travail Agentique (AWP). Chaque commit représente une étape délibérée dans le processus de développement, de la configuration initiale aux fonctionnalités de pré-production.",[334,3627,3629],{"className":336,"code":3628,"language":338,"meta":339,"style":339},"---\ntitle: AWP - Protocole de Flux de Travail Agentique\n---\ngraph TD\n subgraph Planification\n A[Définir les Tâches] --> B[Itérer les Tâches]\n end\n \n subgraph Développement\n C[Revoir la Portée] --> D[Développement]\n D --> E[Vérifier le Contexte]\n E --> F[Exécuter les Tests]\n end\n \n subgraph Documentation\n G[Documentation] --> H[Vérification Finale]\n end\n \n subgraph Contrôle de Version\n I[Revue Git] --> J[Tâche Suivante]\n end\n \n B --> C\n F --> G\n H --> I\n J --> B\n E --> C\n",[341,3630,3631,3635,3640,3644,3648,3653,3658,3662,3666,3671,3676,3681,3686,3690,3694,3699,3704,3708,3712,3717,3722,3726,3730,3735,3740,3744,3749],{"__ignoreMap":339},[344,3632,3633],{"class":346,"line":347},[344,3634,350],{},[344,3636,3637],{"class":346,"line":353},[344,3638,3639],{},"title: AWP - Protocole de Flux de Travail Agentique\n",[344,3641,3642],{"class":346,"line":359},[344,3643,350],{},[344,3645,3646],{"class":346,"line":365},[344,3647,433],{},[344,3649,3650],{"class":346,"line":371},[344,3651,3652],{}," subgraph Planification\n",[344,3654,3655],{"class":346,"line":377},[344,3656,3657],{}," A[Définir les Tâches] --> B[Itérer les Tâches]\n",[344,3659,3660],{"class":346,"line":383},[344,3661,463],{},[344,3663,3664],{"class":346,"line":389},[344,3665,469],{},[344,3667,3668],{"class":346,"line":395},[344,3669,3670],{}," subgraph Développement\n",[344,3672,3673],{"class":346,"line":401},[344,3674,3675],{}," C[Revoir la Portée] --> D[Développement]\n",[344,3677,3678],{"class":346,"line":407},[344,3679,3680],{}," D --> E[Vérifier le Contexte]\n",[344,3682,3683],{"class":346,"line":413},[344,3684,3685],{}," E --> F[Exécuter les Tests]\n",[344,3687,3688],{"class":346,"line":419},[344,3689,463],{},[344,3691,3692],{"class":346,"line":425},[344,3693,469],{},[344,3695,3696],{"class":346,"line":430},[344,3697,3698],{}," subgraph Documentation\n",[344,3700,3701],{"class":346,"line":436},[344,3702,3703],{}," G[Documentation] --> H[Vérification Finale]\n",[344,3705,3706],{"class":346,"line":442},[344,3707,463],{},[344,3709,3710],{"class":346,"line":448},[344,3711,469],{},[344,3713,3714],{"class":346,"line":454},[344,3715,3716],{}," subgraph Contrôle de Version\n",[344,3718,3719],{"class":346,"line":460},[344,3720,3721],{}," I[Revue Git] --> J[Tâche Suivante]\n",[344,3723,3724],{"class":346,"line":466},[344,3725,463],{},[344,3727,3728],{"class":346,"line":472},[344,3729,469],{},[344,3731,3732],{"class":346,"line":478},[344,3733,3734],{}," B --> C\n",[344,3736,3737],{"class":346,"line":484},[344,3738,3739],{}," F --> G\n",[344,3741,3742],{"class":346,"line":490},[344,3743,701],{},[344,3745,3746],{"class":346,"line":496},[344,3747,3748],{}," J --> B\n",[344,3750,3751],{"class":346,"line":502},[344,3752,3753],{}," E --> C\n",[68,3755,3757,3763],{"className":3756},[87,88,89],[91,3758,3760],{"id":3759},"mcp-outils-sldc-agentiques",[95,3761,3762],{},"MCP : Outils SLDC Agentiques",[73,3764,3765],{},[77,3766,3767],{"href":102},[95,3768,105],{},[68,3770,3772,3786,3791],{"className":3771},[71],[73,3773,3774,3777,3778,3781,3782,3785],{},[95,3775,3776],{},"MCP SLDC Agentique"," (Cycle de Développement Logiciel) est un ",[95,3779,3780],{},"protocole open-source"," conçu pour aider les équipes et les agents IA à maintenir la ",[95,3783,3784],{},"clarté, la transparence et le flux"," tout au long du développement.",[73,3787,3788],{},[95,3789,3790],{},"Avantages Clés :",[148,3792,3793,3796,3799,3802],{},[151,3794,3795],{},"Toujours savoir quelle est la prochaine étape",[151,3797,3798],{},"Restaurer le contexte après les pauses ou les réinitialisations",[151,3800,3801],{},"Maintenir la documentation et le code synchronisés",[151,3803,3804],{},"Équilibrer efficacement la collaboration humain-IA",[73,3806,3807],{},[95,3808,3809],{},"Considérations Clés en 2025 :",[68,3811,3813],{"className":3812},[71],[148,3814,3815,3821,3827],{},[151,3816,3817,3820],{},[95,3818,3819],{},"VIBE-CODING"," : Flux créatif productif en développement",[151,3822,3823,3826],{},[95,3824,3825],{},"OVER-VIBING"," : Perte de contrôle du projet due à une automatisation excessive ou à une dérive",[151,3828,3829,3832],{},[95,3830,3831],{},"Collaboration Agentique"," : Attribution de rôles et de responsabilités structurés aux humains et aux IA",[68,3834,3836,3842],{"className":3835},[87,88,89],[91,3837,3839],{"id":3838},"exemples-de-flux-de-travail",[95,3840,3841],{},"Exemples de Flux de Travail",[73,3843,3844],{},[77,3845,3846],{"href":102},[95,3847,105],{},[68,3849,3851],{"className":3850},[71],[73,3852,3853],{},"Voici un diagramme simplifié de la boucle de développement :",[334,3855,3857],{"className":336,"code":3856,"language":338,"meta":339,"style":339},"---\ntitle: SLDC Agentique - Boucle de Développement\n---\nflowchart TD\n Start([\"Début Étape (ex., 4.2)\"])\n Code[\"Implémenter Fonctionnalité/Tâche\"]\n Update[\"mcp:update\u003Cbr/>Mettre à jour README.md & mcp-agentic-sldc.yml\u003Cbr/>Marquer l'étape comme terminée\"]\n Commit[\"mcp:commit\u003Cbr/>Commit avec message Conventional Commit\"]\n Next[\"mcp:next\u003Cbr/>Passer à l'étape suivante\"]\n Review[\"Revoir Progression\u003Cbr/>(Si blocages, les signaler)\"]\n Done([\"Étape Terminée\"])\n\n Start --> Code --> Update --> Commit --> Next --> Review --> Done\n Review -- \"Si pas prêt\" --> Start\n",[341,3858,3859,3863,3868,3872,3877,3882,3887,3892,3897,3902,3907,3912,3916,3921],{"__ignoreMap":339},[344,3860,3861],{"class":346,"line":347},[344,3862,350],{},[344,3864,3865],{"class":346,"line":353},[344,3866,3867],{},"title: SLDC Agentique - Boucle de Développement\n",[344,3869,3870],{"class":346,"line":359},[344,3871,350],{},[344,3873,3874],{"class":346,"line":365},[344,3875,3876],{},"flowchart TD\n",[344,3878,3879],{"class":346,"line":371},[344,3880,3881],{}," Start([\"Début Étape (ex., 4.2)\"])\n",[344,3883,3884],{"class":346,"line":377},[344,3885,3886],{}," Code[\"Implémenter Fonctionnalité/Tâche\"]\n",[344,3888,3889],{"class":346,"line":383},[344,3890,3891],{}," Update[\"mcp:update\u003Cbr/>Mettre à jour README.md & mcp-agentic-sldc.yml\u003Cbr/>Marquer l'étape comme terminée\"]\n",[344,3893,3894],{"class":346,"line":389},[344,3895,3896],{}," Commit[\"mcp:commit\u003Cbr/>Commit avec message Conventional Commit\"]\n",[344,3898,3899],{"class":346,"line":395},[344,3900,3901],{}," Next[\"mcp:next\u003Cbr/>Passer à l'étape suivante\"]\n",[344,3903,3904],{"class":346,"line":401},[344,3905,3906],{}," Review[\"Revoir Progression\u003Cbr/>(Si blocages, les signaler)\"]\n",[344,3908,3909],{"class":346,"line":407},[344,3910,3911],{}," Done([\"Étape Terminée\"])\n",[344,3913,3914],{"class":346,"line":413},[344,3915,2523],{"emptyLinePlaceholder":2522},[344,3917,3918],{"class":346,"line":419},[344,3919,3920],{}," Start --> Code --> Update --> Commit --> Next --> Review --> Done\n",[344,3922,3923],{"class":346,"line":425},[344,3924,3925],{}," Review -- \"Si pas prêt\" --> Start\n",[68,3927,3929],{"className":3928},[71],[73,3930,3931],{},"Et comment retrouver le contexte après une pause :",[334,3933,3935],{"className":336,"code":3934,"language":338,"meta":339,"style":339},"---\ntitle: SLDC Agentique - Retrouver le contexte\n---\nflowchart TD\n Done --> MemoryLoss[\"Perte de Mémoire ?\"]\n MemoryLoss -- \"Oui\" --> Recall --> Start\n MemoryLoss -- \"Non\" --> Start\n Recall[\"Consulter mcp-agentic-sldc.yml\u003Cbr/>Restaurer contexte, voir progression, actions suivantes\"]\n",[341,3936,3937,3941,3946,3950,3954,3959,3964,3969],{"__ignoreMap":339},[344,3938,3939],{"class":346,"line":347},[344,3940,350],{},[344,3942,3943],{"class":346,"line":353},[344,3944,3945],{},"title: SLDC Agentique - Retrouver le contexte\n",[344,3947,3948],{"class":346,"line":359},[344,3949,350],{},[344,3951,3952],{"class":346,"line":365},[344,3953,3876],{},[344,3955,3956],{"class":346,"line":371},[344,3957,3958],{}," Done --> MemoryLoss[\"Perte de Mémoire ?\"]\n",[344,3960,3961],{"class":346,"line":377},[344,3962,3963],{}," MemoryLoss -- \"Oui\" --> Recall --> Start\n",[344,3965,3966],{"class":346,"line":383},[344,3967,3968],{}," MemoryLoss -- \"Non\" --> Start\n",[344,3970,3971],{"class":346,"line":389},[344,3972,3973],{}," Recall[\"Consulter mcp-agentic-sldc.yml\u003Cbr/>Restaurer contexte, voir progression, actions suivantes\"]\n",[68,3975,3977,3980],{"className":3976},[87,88,89],[91,3978,3979],{"id":3167},"Prochaines étapes",[73,3981,3982],{},[77,3983,3984],{"href":102},[95,3985,105],{},[123,3987,3989],{"id":3988},"mcp","MCP",[73,3991,3992],{},[95,3993,3994,3995,3998],{},"Le Fichier ",[341,3996,3997],{},"mcp-agentic-sldc.yml"," : Votre Feuille de Route Vivante",[68,4000,4002],{"className":4001},[71],[73,4003,4004],{},"Comme nous sommes en phase initiale, chaque projet utilisant le SLDC Agentique avec le Protocole de Flux de Travail Agentique devrait inclure un fichier structuré comme cet exemple :",[334,4006,4010],{"className":4007,"code":4008,"language":4009,"meta":339,"style":339},"language-yaml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","author: Michael Wybraniec\ngoal: Construire une API backend moderne pour la banque\noverview:\n - Configuration\n - Schéma & Modèles\n - Auth & Permissions\n - Tests & Documentation\noutcome: Une API bancaire prête à être étendue, construite avec GraphQL et Prisma\nsteps:\n - number: 1\n name: Configurer le projet\n owner: human\n done: true\n - number: 2\n name: Définir le schéma GraphQL\n owner: ai\n done: true\n - number: 3\n name: Connecter les modèles Prisma\n owner: ai\n done: true\n - number: 4\n name: Auth & middleware\n owner: human\n done: false\n","yaml",[341,4011,4012,4022,4032,4040,4048,4055,4062,4069,4079,4086,4098,4108,4118,4129,4140,4149,4158,4166,4177,4186,4194,4202,4213,4222,4230],{"__ignoreMap":339},[344,4013,4014,4017,4019],{"class":346,"line":347},[344,4015,4016],{"class":897},"author",[344,4018,901],{"class":888},[344,4020,4021],{"class":907}," Michael Wybraniec\n",[344,4023,4024,4027,4029],{"class":346,"line":353},[344,4025,4026],{"class":897},"goal",[344,4028,901],{"class":888},[344,4030,4031],{"class":907}," Construire une API backend moderne pour la banque\n",[344,4033,4034,4037],{"class":346,"line":359},[344,4035,4036],{"class":897},"overview",[344,4038,4039],{"class":888},":\n",[344,4041,4042,4045],{"class":346,"line":365},[344,4043,4044],{"class":888}," -",[344,4046,4047],{"class":907}," Configuration\n",[344,4049,4050,4052],{"class":346,"line":371},[344,4051,4044],{"class":888},[344,4053,4054],{"class":907}," Schéma & Modèles\n",[344,4056,4057,4059],{"class":346,"line":377},[344,4058,4044],{"class":888},[344,4060,4061],{"class":907}," Auth & Permissions\n",[344,4063,4064,4066],{"class":346,"line":383},[344,4065,4044],{"class":888},[344,4067,4068],{"class":907}," Tests & Documentation\n",[344,4070,4071,4074,4076],{"class":346,"line":389},[344,4072,4073],{"class":897},"outcome",[344,4075,901],{"class":888},[344,4077,4078],{"class":907}," Une API bancaire prête à être étendue, construite avec GraphQL et Prisma\n",[344,4080,4081,4084],{"class":346,"line":395},[344,4082,4083],{"class":897},"steps",[344,4085,4039],{"class":888},[344,4087,4088,4090,4093,4095],{"class":346,"line":401},[344,4089,4044],{"class":888},[344,4091,4092],{"class":897}," number",[344,4094,901],{"class":888},[344,4096,4097],{"class":2107}," 1\n",[344,4099,4100,4103,4105],{"class":346,"line":407},[344,4101,4102],{"class":897}," name",[344,4104,901],{"class":888},[344,4106,4107],{"class":907}," Configurer le projet\n",[344,4109,4110,4113,4115],{"class":346,"line":413},[344,4111,4112],{"class":897}," owner",[344,4114,901],{"class":888},[344,4116,4117],{"class":907}," human\n",[344,4119,4120,4123,4125],{"class":346,"line":419},[344,4121,4122],{"class":897}," done",[344,4124,901],{"class":888},[344,4126,4128],{"class":4127},"sfNiH"," true\n",[344,4130,4131,4133,4135,4137],{"class":346,"line":425},[344,4132,4044],{"class":888},[344,4134,4092],{"class":897},[344,4136,901],{"class":888},[344,4138,4139],{"class":2107}," 2\n",[344,4141,4142,4144,4146],{"class":346,"line":430},[344,4143,4102],{"class":897},[344,4145,901],{"class":888},[344,4147,4148],{"class":907}," Définir le schéma GraphQL\n",[344,4150,4151,4153,4155],{"class":346,"line":436},[344,4152,4112],{"class":897},[344,4154,901],{"class":888},[344,4156,4157],{"class":907}," ai\n",[344,4159,4160,4162,4164],{"class":346,"line":442},[344,4161,4122],{"class":897},[344,4163,901],{"class":888},[344,4165,4128],{"class":4127},[344,4167,4168,4170,4172,4174],{"class":346,"line":448},[344,4169,4044],{"class":888},[344,4171,4092],{"class":897},[344,4173,901],{"class":888},[344,4175,4176],{"class":2107}," 3\n",[344,4178,4179,4181,4183],{"class":346,"line":454},[344,4180,4102],{"class":897},[344,4182,901],{"class":888},[344,4184,4185],{"class":907}," Connecter les modèles Prisma\n",[344,4187,4188,4190,4192],{"class":346,"line":460},[344,4189,4112],{"class":897},[344,4191,901],{"class":888},[344,4193,4157],{"class":907},[344,4195,4196,4198,4200],{"class":346,"line":466},[344,4197,4122],{"class":897},[344,4199,901],{"class":888},[344,4201,4128],{"class":4127},[344,4203,4204,4206,4208,4210],{"class":346,"line":472},[344,4205,4044],{"class":888},[344,4207,4092],{"class":897},[344,4209,901],{"class":888},[344,4211,4212],{"class":2107}," 4\n",[344,4214,4215,4217,4219],{"class":346,"line":478},[344,4216,4102],{"class":897},[344,4218,901],{"class":888},[344,4220,4221],{"class":907}," Auth & middleware\n",[344,4223,4224,4226,4228],{"class":346,"line":484},[344,4225,4112],{"class":897},[344,4227,901],{"class":888},[344,4229,4117],{"class":907},[344,4231,4232,4234,4236],{"class":346,"line":490},[344,4233,4122],{"class":897},[344,4235,901],{"class":888},[344,4237,4238],{"class":4127}," false\n",[68,4240,4242],{"className":4241},[71],[73,4243,4244,4245,4248,4249,4248,4252,4255],{},"Le YAML définit également des procédures comme ",[341,4246,4247],{},"update",", ",[341,4250,4251],{},"commit",[341,4253,4254],{},"next",", et des règles pour les transferts humain-IA.",[68,4257,4259,4265],{"className":4258},[87,88,89],[123,4260,4262],{"id":4261},"meilleures-pratiques",[95,4263,4264],{},"Meilleures Pratiques",[73,4266,4267],{},[77,4268,4269],{"href":102},[95,4270,105],{},[68,4272,4274,4277],{"className":4273},[71],[73,4275,4276],{},"Comme le Vibe-Coding est nouveau, ainsi que tous les concepts, vous gardez le contrôle total, que vous le vouliez ou non. Par conséquent, gardez cette liste à l'esprit :",[148,4278,4279,4282,4285,4288,4291,4297,4300],{},[151,4280,4281],{},"Utiliser des commits conventionnels liés à chaque étape",[151,4283,4284],{},"Maintenir README.md et le YAML SLDC toujours à jour",[151,4286,4287],{},"Définir la propriété : Humain vs IA",[151,4289,4290],{},"Permettre un transfert structuré entre agents",[151,4292,4293,4294],{},"Récupérer d'une perte de mémoire avec une seule commande ",[341,4295,4296],{},"check",[151,4298,4299],{},"Maintenir une architecture de code modulaire et testable",[151,4301,4302],{},"Documenter les décisions et compromis au fur et à mesure",[68,4304,4306,4312],{"className":4305},[87,88,89],[123,4307,4309],{"id":4308},"pourquoi-ça-marche",[95,4310,4311],{},"Pourquoi Ça Marche ?",[73,4313,4314],{},[77,4315,4316],{"href":102},[95,4317,105],{},[68,4319,4321,4328,4361],{"className":4320},[71],[73,4322,4323,4324,4327],{},"Bankly a été complété en ",[95,4325,4326],{},"2 jours"," parce que :",[148,4329,4330,4333,4336,4339,4342,4345,4351],{},[151,4331,4332],{},"La feuille de route était claire et structurée via le protocole AWP",[151,4334,4335],{},"Le travail était modulaire et agentique avec une propriété définie",[151,4337,4338],{},"L'IA gérait les tâches structurées comme le schéma, la génération de modèles et la configuration",[151,4340,4341],{},"L'attention humaine restait sur l'architecture, la logique et la revue",[151,4343,4344],{},"Le contexte n'a jamais été perdu grâce au protocole SLDC",[151,4346,4347,4350],{},[95,4348,4349],{},"35+ commits"," montrent une progression systématique sans dérive fonctionnelle",[151,4352,75,4353,4356,4357,4360],{},[95,4354,4355],{},"Jour 1"," s'est concentré sur les fonctionnalités de base, le ",[95,4358,4359],{},"Jour 2"," sur la préparation à la production",[73,4362,4363,4364,4367],{},"Ce n'est pas juste de la productivité—c'est une ",[95,4365,4366],{},"vélocité durable",". Le système prévient l'épuisement tout en maintenant la qualité et en permettant une itération rapide.",[68,4369,4371,4377],{"className":4370},[87,88,89],[91,4372,4374],{"id":4373},"réflexions-finales",[95,4375,4376],{},"Réflexions Finales",[73,4378,4379],{},[77,4380,4381],{"href":102},[95,4382,105],{},[68,4384,4386,4389,4416],{"className":4385},[71],[73,4387,4388],{},"MCP SLDC Agentique ou mon AWP - Protocole de Flux de Travail Agentique - n'est pas juste un outil—c'est une philosophie pour le développement moderne :",[148,4390,4391,4401,4407,4413],{},[151,4392,4393,4394,4397,4398],{},"Construire ",[95,4395,4396],{},"plus rapidement",", mais rester ",[95,4399,4400],{},"ancré",[151,4402,4403,4404],{},"Collaborer avec l'IA, mais maintenir la ",[95,4405,4406],{},"stratégie et la propriété",[151,4408,4409,4410],{},"Utiliser la clarté et le processus pour ",[95,4411,4412],{},"éviter l'épuisement et la confusion",[151,4414,4415],{},"La structure est la nouvelle vitesse dans un monde assisté par l'IA",[73,4417,4418],{},"Que vous fassiez du Vibe-Coding en solo ou que vous gériez une équipe d'agents, la collaboration structurée est la clé d'une livraison de logiciels durable et de haute qualité.",[68,4420,4422,4428],{"className":4421},[87,88,89],[91,4423,4425],{"id":4424},"participez",[95,4426,4427],{},"Participez !",[73,4429,4430],{},[77,4431,4432],{"href":102},[95,4433,105],{},[68,4435,4437],{"className":4436},[71],[73,4438,4439,4440,4442,4443,4448],{},"Contribuez au ",[95,4441,3776],{}," et rejoignez le mouvement vers un développement centré sur l'humain et assisté par l'IA -> ",[77,4444,4447],{"href":4445,"rel":4446},"https://one-front.com/contact",[81],"ici",".",[68,4450,4455],{"className":4451},[4452,130,4453,4454],"text-md","mt-10","font-bold",[73,4456,4457],{},[77,4458,4459],{"href":102},[95,4460,105],{},[3236,4462,4463],{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":339,"searchDepth":353,"depth":353,"links":4465},[4466,4467,4468,4469,4470,4471,4472,4477,4478],{"id":3328,"depth":353,"text":3331},{"id":3525,"depth":353,"text":3528},{"id":3569,"depth":353,"text":3572},{"id":3594,"depth":353,"text":3597},{"id":3759,"depth":353,"text":3762},{"id":3838,"depth":353,"text":3841},{"id":3167,"depth":353,"text":3979,"children":4473},[4474,4475,4476],{"id":3988,"depth":359,"text":3989},{"id":4261,"depth":359,"text":4264},{"id":4308,"depth":359,"text":4311},{"id":4373,"depth":353,"text":4376},{"id":4424,"depth":353,"text":4427},"2025-06-29","Découvrez comment Bankly, un système bancaire backend, a été construit en seulement deux jours en utilisant Apollo GraphQL, Prisma et le Flux de Travail Agentique - un protocole pour le développement durable assisté par l'IA.",{"src":3293},{},{"title":31,"description":4480},"YK4sakb9zslMRc8p8ii8F05oAMn1YxZECH7H7RpY94E",1779118049289]