🤖 SECRÉTAIRE IA

\" },\n style: { fontSize: \"64\", textAlign: \"center\", color: C.blanc },\n position: { x: 0, y: Y1 - 380 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: { content: \"

Plan de Journée Pharmacie

\" },\n style: { fontSize: \"32\", textAlign: \"center\", color: \"#B8CCFF\" },\n position: { x: 0, y: Y1 - 310 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\n// Badges tech\nconst badges = [\n { text: \"n8n\", color: \"#FF6D5A\", x: -200 },\n { text: \"Claude 3.5 Sonnet\", color: C.violet, x: 0 },\n { text: \"100% Automatique\", color: C.vert, x: 220 },\n];\nfor (const b of badges) {\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${b.text}

`,\n },\n style: {\n fillColor: b.color,\n fontSize: \"16\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: b.x, y: Y1 - 200 },\n geometry: { width: 180, height: 44 },\n });\n await w(250);\n}\n\n// Description principale\nawait txt({\n data: {\n content:\n \"

Votre IA personnelle qui prépare

votre journée chaque matin à 6h45

\",\n },\n style: { fontSize: \"36\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y1 - 80 },\n geometry: { width: 1100 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content:\n \"

Elle lit vos emails, vérifie votre agenda, identifie les priorités
et vous envoie un plan d'action clair avant votre arrivée.

\",\n },\n style: { fontSize: \"20\", textAlign: \"center\", color: C.grisMoyen },\n position: { x: 0, y: Y1 + 10 },\n geometry: { width: 900 },\n});\nawait w(300);\n\n// Ligne de séparation\nawait shape({\n data: { shape: \"rectangle\" },\n style: { fillColor: C.jaune, borderWidth: \"0\" },\n position: { x: 0, y: Y1 + 100 },\n geometry: { width: 800, height: 5 },\n});\nawait w(200);\n\n// Info client\nawait txt({\n data: { content: \"

Préparé pour

\" },\n style: { fontSize: \"16\", textAlign: \"center\", color: C.grisMoyen },\n position: { x: 0, y: Y1 + 160 },\n geometry: { width: 600 },\n});\nawait w(200);\n\nawait txt({\n data: { content: \"

Théo — Pharmacie du client

\" },\n style: { fontSize: \"28\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y1 + 200 },\n geometry: { width: 600 },\n});\nawait w(200);\n\n// Bandeau jaune en bas\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

⚡ Résultat : 45 min récupérées chaque matin × 6 jours = 4h30 / semaine = 18h / mois

`,\n },\n style: {\n fillColor: C.jaune,\n fontSize: \"18\",\n textAlign: \"center\",\n color: C.noir,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y1 + 340 },\n geometry: { width: 1400, height: 60 },\n});\nawait w(300);\n\nconsole.log(\"✅ Frame 1 — Cover OK\");\n\n// ═══════════════════════════════════════════════════════════════\n// FRAME 2 — LE PROBLÈME\n// ═══════════════════════════════════════════════════════════════\nconst Y2 = 1200;\n\nawait frame({\n data: { title: \"2 — Le Problème\", format: \"custom\", type: \"freeform\" },\n style: { fillColor: C.blanc },\n position: { x: 0, y: Y2 },\n geometry: { width: 1400, height: 900 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content:\n \"

Sans automatisation, chaque matin c'est :

\",\n },\n style: { fontSize: \"42\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y2 - 350 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content: \"

Le temps perdu n'est pas récupérable

\",\n },\n style: { fontSize: \"22\", textAlign: \"center\", color: C.rouge },\n position: { x: 0, y: Y2 - 290 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\n// Ligne séparation\nawait shape({\n data: { shape: \"rectangle\" },\n style: { fillColor: C.rouge, borderWidth: \"0\" },\n position: { x: 0, y: Y2 - 250 },\n geometry: { width: 800, height: 4 },\n});\nawait w(200);\n\n// Problèmes listés\nconst problemes = [\n {\n emoji: \"📧\",\n badge: \"Emails\",\n badgeColor: C.rouge,\n text: \"30 min à trier les emails, chercher ce qui est urgent\",\n detail: \"Relance URSSAF noyée dans les newsletters\",\n x: -350,\n },\n {\n emoji: \"📅\",\n badge: \"Agenda\",\n badgeColor: C.orange,\n text: \"15 min à vérifier l'agenda et les RDV\",\n detail: \"Oubli du RDV fournisseur de 10h\",\n x: -350,\n },\n {\n emoji: \"📋\",\n badge: \"Tâches\",\n badgeColor: C.violet,\n text: \"10 min à se rappeler les tâches récurrentes\",\n detail: \"La commande Teva oubliée car pas notée\",\n x: -350,\n },\n {\n emoji: \"🧠\",\n badge: \"Mental\",\n badgeColor: \"#666666\",\n text: \"Charge mentale permanente dès l'ouverture\",\n detail: \"Stress de rater quelque chose d'important\",\n x: -350,\n },\n];\n\nfor (let i = 0; i < problemes.length; i++) {\n const p = problemes[i];\n const py = Y2 - 160 + (i * 120);\n\n // Emoji\n await txt({\n data: { content: `

${p.emoji}

` },\n style: { fontSize: \"40\", textAlign: \"center\", color: C.noir },\n position: { x: -550, y: py },\n geometry: { width: 80 },\n });\n await w(150);\n\n // Badge\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${p.badge}

`,\n },\n style: {\n fillColor: p.badgeColor,\n fontSize: \"14\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: -430, y: py },\n geometry: { width: 120, height: 36 },\n });\n await w(150);\n\n // Texte principal\n await txt({\n data: { content: `

${p.text}

` },\n style: { fontSize: \"20\", textAlign: \"left\", color: C.noir },\n position: { x: -50, y: py - 12 },\n geometry: { width: 650 },\n });\n await w(150);\n\n // Sous-texte\n await txt({\n data: { content: `

${p.detail}

` },\n style: { fontSize: \"15\", textAlign: \"left\", color: C.grisMoyen },\n position: { x: -50, y: py + 18 },\n geometry: { width: 650 },\n });\n await w(150);\n}\n\n// Box résumé chiffres\nawait shape({\n data: {\n shape: \"round_rectangle\",\n content:\n `

⏱️ 55 min perdues / matin

📅 5h30 / semaine • 22h / mois • 264h / an

`,\n },\n style: {\n fillColor: C.rougeClair,\n fontSize: \"20\",\n textAlign: \"center\",\n color: C.rouge,\n borderColor: C.rouge,\n borderWidth: \"3\",\n },\n position: { x: 0, y: Y2 + 240 },\n geometry: { width: 700, height: 100 },\n});\nawait w(300);\n\n// Bandeau jaune\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

Objectif : récupérer ce temps et éliminer 100% des oublis

`,\n },\n style: {\n fillColor: C.jaune,\n fontSize: \"18\",\n textAlign: \"center\",\n color: C.noir,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y2 + 350 },\n geometry: { width: 1400, height: 60 },\n});\nawait w(300);\n\nconsole.log(\"✅ Frame 2 — Problème OK\");\n\n// ═══════════════════════════════════════════════════════════════\n// FRAME 3 — LA SOLUTION EN 4 BLOCS\n// ═══════════════════════════════════════════════════════════════\nconst Y3 = 2400;\n\nawait frame({\n data: { title: \"3 — La Solution\", format: \"custom\", type: \"freeform\" },\n style: { fillColor: C.blanc },\n position: { x: 0, y: Y3 },\n geometry: { width: 1400, height: 900 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content: \"

Comment ça marche ? 4 étapes simples

\",\n },\n style: { fontSize: \"42\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y3 - 350 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content:\n \"

L'IA fait le travail pendant que vous dormez

\",\n },\n style: { fontSize: \"22\", textAlign: \"center\", color: C.bleu },\n position: { x: 0, y: Y3 - 290 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait shape({\n data: { shape: \"rectangle\" },\n style: { fillColor: C.bleu, borderWidth: \"0\" },\n position: { x: 0, y: Y3 - 250 },\n geometry: { width: 800, height: 4 },\n});\nawait w(200);\n\n// 4 blocs\nconst blocs = [\n {\n x: -480,\n color: C.bleu,\n bgColor: C.bleuClair,\n num: \"1\",\n title: \"DÉCLENCHEUR\",\n icon: \"⏰\",\n items: [\n \"Cron automatique\",\n \"06h45 du lundi au samedi\",\n \"Aucune action humaine\",\n \"Le robot se réveille seul\",\n ],\n },\n {\n x: -160,\n color: C.orange,\n bgColor: C.orangeClair,\n num: \"2\",\n title: \"COLLECTE\",\n icon: \"📥\",\n items: [\n \"📧 Emails non lus (Gmail)\",\n \"📅 Agenda du jour (Calendar)\",\n \"📋 Tâches récurrentes (Sheets)\",\n \"3 sources en parallèle\",\n ],\n },\n {\n x: 160,\n color: C.rouge,\n bgColor: C.rougeClair,\n num: \"3\",\n title: \"TRAITEMENT IA\",\n icon: \"🧠\",\n items: [\n \"Normalisation des données\",\n \"Classification par priorité :\",\n \"🔴 CRITIQUE (paie, URSSAF)\",\n \"🟠 HAUTE (fournisseurs)\",\n \"🟢 NORMALE (le reste)\",\n \"Claude 3.5 génère le plan\",\n ],\n },\n {\n x: 480,\n color: C.vert,\n bgColor: C.vertClair,\n num: \"4\",\n title: \"LIVRAISON\",\n icon: \"📤\",\n items: [\n \"Email envoyé à Théo\",\n \"📊 Résumé des priorités\",\n \"🚨 Actions critiques\",\n \"📅 Planning horaire\",\n \"✅ Checklist à cocher\",\n \"💡 Conseil du jour\",\n ],\n },\n];\n\nconst blocIds: Record = {};\n\nfor (const b of blocs) {\n // Numéro rond\n await shape({\n data: { shape: \"circle\", content: `

${b.num}

` },\n style: {\n fillColor: b.color,\n fontSize: \"24\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: b.x, y: Y3 - 180 },\n geometry: { width: 50, height: 50 },\n });\n await w(200);\n\n // Titre\n await txt({\n data: { content: `

${b.title}

` },\n style: { fontSize: \"18\", textAlign: \"center\", color: b.color },\n position: { x: b.x, y: Y3 - 140 },\n geometry: { width: 260 },\n });\n await w(200);\n\n // Icône\n await txt({\n data: { content: `

${b.icon}

` },\n style: { fontSize: \"48\", textAlign: \"center\" },\n position: { x: b.x, y: Y3 - 80 },\n geometry: { width: 100 },\n });\n await w(200);\n\n // Carte corps\n const content = b.items.map((i) => `

${i}

`).join(\"\");\n const card = await shape({\n data: { shape: \"round_rectangle\", content },\n style: {\n fillColor: b.bgColor,\n fontSize: \"14\",\n textAlign: \"left\",\n color: C.noir,\n borderColor: b.color,\n borderWidth: \"2\",\n },\n position: { x: b.x, y: Y3 + 60 },\n geometry: { width: 260, height: 240 },\n });\n await w(200);\n blocIds[b.num] = card.id;\n}\n\n// Flèches entre blocs\nfor (let i = 1; i <= 3; i++) {\n await conn({\n startItem: { id: blocIds[String(i)], position: { x: 1.0, y: 0.5 } },\n endItem: { id: blocIds[String(i + 1)], position: { x: 0.0, y: 0.5 } },\n style: {\n strokeColor: C.noir,\n strokeWidth: \"4\",\n startStrokeCap: \"none\",\n endStrokeCap: \"stealth\",\n },\n });\n await w(200);\n}\n\n// Bandeau\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

100% automatique • 0 action de votre part • Résultat dans votre boîte mail avant 7h

`,\n },\n style: {\n fillColor: C.jaune,\n fontSize: \"18\",\n textAlign: \"center\",\n color: C.noir,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y3 + 350 },\n geometry: { width: 1400, height: 60 },\n});\nawait w(300);\n\nconsole.log(\"✅ Frame 3 — Solution OK\");\n\n// ═══════════════════════════════════════════════════════════════\n// FRAME 4 — ARCHITECTURE TECHNIQUE (les vrais nœuds n8n)\n// ═══════════════════════════════════════════════════════════════\nconst Y4 = 3600;\n\nawait frame({\n data: {\n title: \"4 — Architecture Technique\",\n format: \"custom\",\n type: \"freeform\",\n },\n style: { fillColor: \"#0D1117\" },\n position: { x: 0, y: Y4 },\n geometry: { width: 1400, height: 900 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content:\n \"

Architecture Technique — Les 8 nœuds réels

\",\n },\n style: { fontSize: \"36\", textAlign: \"center\", color: C.blanc },\n position: { x: 0, y: Y4 - 350 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content: \"

Chaque nœud est réel, testé et fonctionnel dans n8n

\",\n },\n style: { fontSize: \"18\", textAlign: \"center\", color: \"#58A6FF\" },\n position: { x: 0, y: Y4 - 300 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\n// Les vrais nœuds du JSON\nconst nodes = [\n {\n emoji: \"⏰\",\n name: \"Rituel Matin\",\n detail: \"06h45 L→S\",\n color: C.bleu,\n bg: \"#1B2838\",\n x: -560,\n },\n {\n emoji: \"📧\",\n name: \"Emails non lus\",\n detail: \"Gmail INBOX\",\n color: C.orange,\n bg: \"#2D1F00\",\n x: -400,\n },\n {\n emoji: \"📅\",\n name: \"Agenda du jour\",\n detail: \"Google Calendar\",\n color: C.orange,\n bg: \"#2D1F00\",\n x: -240,\n },\n {\n emoji: \"📋\",\n name: \"Tâches récurr.\",\n detail: \"Google Sheets\",\n color: C.orange,\n bg: \"#2D1F00\",\n x: -80,\n },\n {\n emoji: \"🔧\",\n name: \"Normaliser\",\n detail: \"Code JavaScript\",\n color: C.violet,\n bg: \"#1F0D2B\",\n x: 80,\n },\n {\n emoji: \"⚖️\",\n name: \"Classifier\",\n detail: \"Règles priorité\",\n color: C.violet,\n bg: \"#1F0D2B\",\n x: 240,\n },\n {\n emoji: \"🧠\",\n name: \"Claude 3.5\",\n detail: \"OpenRouter API\",\n color: C.rouge,\n bg: \"#2B0D0D\",\n x: 400,\n },\n {\n emoji: \"📤\",\n name: \"Envoyer Email\",\n detail: \"Gmail → Théo\",\n color: C.vert,\n bg: \"#0D2B11\",\n x: 560,\n },\n];\n\nlet prevNodeId: string | null = null;\n\nfor (let i = 0; i < nodes.length; i++) {\n const n = nodes[i];\n\n const nd = await shape({\n data: {\n shape: \"round_rectangle\",\n content:\n `

${n.emoji}

${n.name}

${n.detail}

`,\n },\n style: {\n fillColor: n.bg,\n fontSize: \"13\",\n textAlign: \"center\",\n color: C.blanc,\n borderColor: n.color,\n borderWidth: \"2\",\n },\n position: { x: n.x, y: Y4 - 140 },\n geometry: { width: 140, height: 120 },\n });\n await w(200);\n\n if (prevNodeId) {\n await conn({\n startItem: { id: prevNodeId, position: { x: 1.0, y: 0.5 } },\n endItem: { id: nd.id, position: { x: 0.0, y: 0.5 } },\n style: {\n strokeColor: \"#58A6FF\",\n strokeWidth: \"2\",\n startStrokeCap: \"none\",\n endStrokeCap: \"stealth\",\n },\n });\n await w(150);\n }\n prevNodeId = nd.id;\n}\n\n// Labels de phases sous les nœuds\nconst phases = [\n { label: \"TRIGGER\", color: C.bleu, x: -560, w: 140 },\n {\n label: \"COLLECTE (3 sources en parallèle)\",\n color: C.orange,\n x: -240,\n w: 480,\n },\n { label: \"TRAITEMENT\", color: C.violet, x: 160, w: 300 },\n { label: \"IA\", color: C.rouge, x: 400, w: 140 },\n { label: \"SORTIE\", color: C.vert, x: 560, w: 140 },\n];\nfor (const p of phases) {\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${p.label}

`,\n },\n style: {\n fillColor: \"transparent\",\n fontSize: \"11\",\n textAlign: \"center\",\n color: p.color,\n borderColor: p.color,\n borderWidth: \"1\",\n },\n position: { x: p.x, y: Y4 - 40 },\n geometry: { width: p.w, height: 30 },\n });\n await w(150);\n}\n\n// Détails techniques\nconst techDetails = [\n {\n title: \"🔧 Normalisation\",\n items: [\n \"Fusionne 3 sources en 1 format\",\n \"Détecte les urgences par mots-clés\",\n \"Calcule les créneaux libres\",\n \"Trie par priorité métier\",\n ],\n x: -350,\n color: C.violet,\n },\n {\n title: \"⚖️ Règles de priorité\",\n items: [\n \"🔴 CRITIQUE : paie, URSSAF, banque\",\n \"🟠 HAUTE : fournisseurs, travaux\",\n \"🟢 NORMALE : le reste\",\n \"4 axes : urgence/impact/risque/effort\",\n ],\n x: 0,\n color: C.rouge,\n },\n {\n title: \"🧠 Prompt IA (Claude 3.5)\",\n items: [\n \"Rôle : secrétaire de pharmacien\",\n \"Format de sortie strict imposé\",\n \"Contexte injecté : date, fin de mois\",\n \"Max 2500 tokens de réponse\",\n ],\n x: 350,\n color: \"#58A6FF\",\n },\n];\n\nfor (const td of techDetails) {\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${td.title}

────────────────

${\n td.items.map((i) => `

${i}

`).join(\"\")\n }`,\n },\n style: {\n fillColor: \"#161B22\",\n fontSize: \"13\",\n textAlign: \"left\",\n color: \"#C9D1D9\",\n borderColor: td.color,\n borderWidth: \"2\",\n },\n position: { x: td.x, y: Y4 + 140 },\n geometry: { width: 310, height: 200 },\n });\n await w(200);\n}\n\n// Bandeau\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

🛠️ Stack : n8n (orchestration) + OpenRouter (IA) + Google Workspace (données) + Gmail (livraison)

`,\n },\n style: {\n fillColor: \"#1F6FEB\",\n fontSize: \"16\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y4 + 350 },\n geometry: { width: 1400, height: 55 },\n});\nawait w(300);\n\nconsole.log(\"✅ Frame 4 — Architecture OK\");\n\n// ═══════════════════════════════════════════════════════════════\n// FRAME 5 — CE QUE VOUS RECEVEZ (mockup email)\n// ═══════════════════════════════════════════════════════════════\nconst Y5 = 4800;\n\nawait frame({\n data: { title: \"5 — Le Résultat\", format: \"custom\", type: \"freeform\" },\n style: { fillColor: C.blanc },\n position: { x: 0, y: Y5 },\n geometry: { width: 1400, height: 900 },\n});\nawait w(300);\n\nawait txt({\n data: { content: \"

Ce que Théo reçoit chaque matin

\" },\n style: { fontSize: \"42\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y5 - 350 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content:\n \"

Un email actionnable, priorisé, prêt à exécuter

\",\n },\n style: { fontSize: \"22\", textAlign: \"center\", color: C.vert },\n position: { x: 0, y: Y5 - 290 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\n// Mockup email - cadre extérieur\nawait shape({\n data: { shape: \"round_rectangle\" },\n style: { fillColor: \"#F6F8FA\", borderColor: \"#D0D7DE\", borderWidth: \"2\" },\n position: { x: 0, y: Y5 + 30 },\n geometry: { width: 800, height: 580 },\n});\nawait w(200);\n\n// Header email\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

De : Secrétaire IA 🤖 <noreply@ia-pharmacie.com>

À : theo@pharmacie-du-client.fr

Objet : 📋 Ton plan du Lundi 10 Février

`,\n },\n style: {\n fillColor: C.blanc,\n fontSize: \"13\",\n textAlign: \"left\",\n color: C.noir,\n borderColor: \"#D0D7DE\",\n borderWidth: \"1\",\n },\n position: { x: 0, y: Y5 - 205 },\n geometry: { width: 760, height: 90 },\n});\nawait w(200);\n\n// Corps email\nconst emailBody = `

📊 RÉSUMÉ

2 tâches critiques, 3 priorité haute, 5 normales

🚨 PRIORITÉS CRITIQUES

🔴 Virement salaires — 15 min — Échéance demain !

🔴 Déclaration URSSAF T4 — 20 min — Pénalité si retard

⚡ PRIORITÉS HAUTES

🟠 Relance grossiste Alliance — 10 min — Livraison bloquée

🟠 Devis travaux rayon para — 15 min — Artisan attend réponse

🟠 Commande Teva urgente — 10 min — Rupture stock Doliprane

📅 PLANNING HORAIRE

08h00 — 🔴 Virement salaires (15 min)

08h15 — 🔴 Déclaration URSSAF (20 min)

08h45 — 🟠 Appel grossiste Alliance (10 min)

09h00 — 📅 RDV commercial Biogaran

10h00 — 🟠 Répondre devis travaux (15 min)

10h30 — 🟠 Commande Teva (10 min)

11h00 — Comptoir / patients

14h00 — 📅 Réunion équipe hebdo

15h00 — Tâches normales + comptoir

✅ CHECKLIST RAPIDE

□ Valider virement salaires

□ Soumettre déclaration URSSAF

□ Appeler Alliance Healthcare

□ Répondre devis artisan

□ Passer commande Teva

□ Vérifier stock vaccins grippe

💡 CONSEIL DU JOUR

C'est la semaine de paie : pensez à vérifier les variables

de paie (heures sup, primes) avant le virement de demain.

`;\n\nawait shape({\n data: { shape: \"rectangle\", content: emailBody },\n style: {\n fillColor: C.blanc,\n fontSize: \"12\",\n textAlign: \"left\",\n color: C.noir,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y5 + 85 },\n geometry: { width: 720, height: 470 },\n});\nawait w(300);\n\n// Bandeau\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

📩 Reçu automatiquement à 6h50 — Prêt avant l'ouverture de la pharmacie

`,\n },\n style: {\n fillColor: C.jaune,\n fontSize: \"18\",\n textAlign: \"center\",\n color: C.noir,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y5 + 350 },\n geometry: { width: 1400, height: 60 },\n});\nawait w(300);\n\nconsole.log(\"✅ Frame 5 — Résultat OK\");\n\n// ═══════════════════════════════════════════════════════════════\n// FRAME 6 — PROCHAINES ÉTAPES / ROADMAP\n// ═══════════════════════════════════════════════════════════════\nconst Y6 = 6000;\n\nawait frame({\n data: { title: \"6 — Prochaines Étapes\", format: \"custom\", type: \"freeform\" },\n style: { fillColor: C.blanc },\n position: { x: 0, y: Y6 },\n geometry: { width: 1400, height: 900 },\n});\nawait w(300);\n\nawait txt({\n data: { content: \"

Roadmap : on ne s'arrête pas là

\" },\n style: { fontSize: \"42\", textAlign: \"center\", color: C.noir },\n position: { x: 0, y: Y6 - 350 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait txt({\n data: {\n content: \"

Chaque phase s'appuie sur la précédente

\",\n },\n style: { fontSize: \"22\", textAlign: \"center\", color: C.bleu },\n position: { x: 0, y: Y6 - 290 },\n geometry: { width: 1200 },\n});\nawait w(300);\n\nawait shape({\n data: { shape: \"rectangle\" },\n style: { fillColor: C.bleu, borderWidth: \"0\" },\n position: { x: 0, y: Y6 - 250 },\n geometry: { width: 800, height: 4 },\n});\nawait w(200);\n\n// Phases roadmap\nconst roadmap = [\n {\n phase: \"PHASE 1\",\n status: \"✅ EN COURS\",\n statusColor: C.vert,\n title: \"Secrétaire Matin\",\n desc:\n \"Plan de journée automatique chaque matin à 6h45. Emails + Agenda + Tâches → Email priorisé.\",\n color: C.vert,\n bgColor: C.vertClair,\n y: Y6 - 140,\n },\n {\n phase: \"PHASE 2\",\n status: \"🔜 PROCHAIN\",\n statusColor: C.orange,\n title: \"Résumé de Fin de Journée\",\n desc:\n \"À 19h, l'IA envoie un résumé : ce qui a été fait, ce qui reste, ce qui est reporté à demain.\",\n color: C.orange,\n bgColor: C.orangeClair,\n y: Y6 + 20,\n },\n {\n phase: \"PHASE 3\",\n status: \"🔮 FUTUR\",\n statusColor: C.violet,\n title: \"Assistant WhatsApp Temps Réel\",\n desc:\n 'Posez une question à votre IA par WhatsApp : \"C\\'est quoi mon prochain RDV ?\" → Réponse instantanée.',\n color: C.violet,\n bgColor: C.violetClair,\n y: Y6 + 180,\n },\n];\n\nfor (const r of roadmap) {\n // Badge phase\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${r.phase}

`,\n },\n style: {\n fillColor: r.color,\n fontSize: \"14\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: -520, y: r.y },\n geometry: { width: 120, height: 38 },\n });\n await w(150);\n\n // Badge status\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${r.status}

`,\n },\n style: {\n fillColor: C.blanc,\n fontSize: \"13\",\n textAlign: \"center\",\n color: r.statusColor,\n borderColor: r.statusColor,\n borderWidth: \"2\",\n },\n position: { x: -380, y: r.y },\n geometry: { width: 140, height: 38 },\n });\n await w(150);\n\n // Carte détail\n await shape({\n data: {\n shape: \"round_rectangle\",\n content: `

${r.title}

${r.desc}

`,\n },\n style: {\n fillColor: r.bgColor,\n fontSize: \"15\",\n textAlign: \"left\",\n color: C.noir,\n borderColor: r.color,\n borderWidth: \"2\",\n },\n position: { x: 100, y: r.y },\n geometry: { width: 700, height: 100 },\n });\n await w(200);\n}\n\n// Bandeau final\nawait shape({\n data: {\n shape: \"rectangle\",\n content:\n `

🚀 On commence quand vous voulez, Théo. Le système est prêt.

`,\n },\n style: {\n fillColor: C.bleu,\n fontSize: \"20\",\n textAlign: \"center\",\n color: C.blanc,\n borderWidth: \"0\",\n },\n position: { x: 0, y: Y6 + 350 },\n geometry: { width: 1400, height: 65 },\n});\nawait w(300);\n\nconsole.log(\"\\n══════════════════════════════════════════\");\nconsole.log(\"🎉 V2 TERMINÉE — 6 FRAMES CRÉÉES !\");\nconsole.log(\"══════════════════════════════════════════\");\nconsole.log(\"👉 Retourne sur Miro → Cmd+R pour rafraîchir\");\nconsole.log(\"👉 Clique 'Présenter' pour naviguer frame par frame\");\nconsole.log(\"👉 Lance ton Loom et parcours les 6 slides !\");\nconsole.log(\"══════════════════════════════════════════\");","deleted","label",[100],"permalink","https://www.val.town/x/juandbas/untitled-7042/code/main.ts","extension","actionData","errors"]