Voici une reproduction fidèle de l'interface de Claude. J'ai répliqué les éléments suivants :

• La sidebar avec navigation, conversations récentes et compte utilisateur
• La barre supérieure avec sélecteur de modèle et actions
• La zone de messages avec bulles utilisateur et réponses assistant
• La zone de composition avec outils, pièces jointes et envoi

L'ensemble respecte la palette chaude caractéristique (ocre #D97757 sur fond crème sombre), la typographie Inter, et les micro-interactions natives.

export function ChatMessage({ role, content }) {
  return (
    <div className={`msg ${role}`}>
      <Avatar role={role} />
      <Markdown>{content}</Markdown>
    </div>
  );
}

Tu peux maintenant taper un message ci-dessous, ouvrir le sélecteur de modèle, ou explorer la sidebar.