|
<svg xmlns="http://www.w3.org/2000/svg" width="760" height="600" viewBox="0 0 760 600" font-family="Geist, system-ui, sans-serif">
|
|
<rect width="760" height="600" fill="#f8fafc"/>
|
|
<text x="32" y="40" font-size="20" font-weight="700" fill="#0f172a">#67 — Assistant : données entreprise + tendances marché</text>
|
|
|
|
<!-- user message -->
|
|
<rect x="380" y="70" width="348" height="48" rx="16" fill="#50a7af"/>
|
|
<text x="404" y="100" font-size="13" fill="#ffffff">Cette offre chez Acme me convient-elle ?</text>
|
|
<circle cx="744" cy="94" r="14" fill="#e2e8f0"/>
|
|
|
|
<!-- assistant message -->
|
|
<circle cx="48" cy="160" r="16" fill="#50a7af"/>
|
|
<text x="48" y="166" font-size="13" fill="#ffffff" text-anchor="middle">AI</text>
|
|
<rect x="72" y="142" width="600" height="330" rx="16" fill="#ffffff" stroke="#e2e8f0"/>
|
|
|
|
<text x="92" y="172" font-size="13" fill="#0f172a">Acme est une </text>
|
|
<rect x="186" y="160" width="42" height="18" rx="5" fill="#e0f2fe"/>
|
|
<text x="207" y="173" font-size="10" font-weight="600" fill="#075985" text-anchor="middle">ESN</text>
|
|
<text x="234" y="172" font-size="13" fill="#0f172a">: les missions y sont souvent</text>
|
|
<text x="92" y="192" font-size="13" fill="#0f172a">plus courtes et orientées prestation. Tu préfères les éditeurs</text>
|
|
<text x="92" y="212" font-size="13" fill="#0f172a">produit — à garder en tête.</text>
|
|
|
|
<!-- reasoning chip / priority skills over location -->
|
|
<rect x="92" y="228" width="560" height="116" rx="12" fill="#f2f9eb" stroke="#aedd88"/>
|
|
<text x="108" y="252" font-size="11" font-weight="600" fill="#487722">PRIORITÉ : COMPÉTENCES AVANT LOCALISATION</text>
|
|
<text x="108" y="276" font-size="12" fill="#475569">Avant de viser Paris, monte en compétence sur</text>
|
|
<text x="108" y="294" font-size="12" font-weight="600" fill="#0f172a">Kubernetes (7 086 offres)</text>
|
|
<text x="108" y="318" font-size="11" fill="#64748b">Je suggère Paris ensuite, car 60 % des rôles Frontend y sont</text>
|
|
<text x="108" y="334" font-size="11" fill="#64748b">localisés — c'est un levier secondaire.</text>
|
|
|
|
<!-- explainer line -->
|
|
<text x="92" y="372" font-size="11" font-style="italic" fill="#94a3b8">Chaque chiffre provient des tendances marché (agrégat) — aucune valeur inventée.</text>
|
|
|
|
<!-- affordance: source pills -->
|
|
<rect x="92" y="388" width="150" height="26" rx="13" fill="#f1f5f9"/>
|
|
<text x="167" y="405" font-size="11" fill="#475569" text-anchor="middle">🏢 Fiche Acme</text>
|
|
<rect x="252" y="388" width="190" height="26" rx="13" fill="#f1f5f9"/>
|
|
<text x="347" y="405" font-size="11" fill="#475569" text-anchor="middle">📈 Tendances Frontend</text>
|
|
|
|
<text x="92" y="448" font-size="11" fill="#94a3b8">Présentation : markdown existant (AssistantMessage) + badge type-société inline + encart « priorité » primary-light.</text>
|
|
|
|
<text x="32" y="500" font-size="13" font-weight="600" fill="#64748b">Design = présentation/affordances uniquement (pas la logique LLM).</text>
|
|
<text x="32" y="524" font-size="11" fill="#94a3b8">Réutilise AssistantMessage (atom), CompanyTypeBadge, ToolIndicator/puces sources. Aucune couleur nouvelle.</text>
|
|
<text x="32" y="542" font-size="11" fill="#94a3b8">Affordances : badge type société proactif, encart « compétences > localisation », puces sources cliquables (fiche + tendances).</text>
|
|
</svg>
|
