feat(onboarding): add conversational ChatOnboarding component

2026-02-28 22:06:15 +01:00
parent 8301803a6f
commit 0ce9d546cf
9 changed files with 870 additions and 123 deletions
@@ -0,0 +1,18 @@
+export default function CoachMessage({ text, typing = false }) {
+  return (
+    <div className={`chat-message coach ${typing ? 'typing' : ''}`}>
+      <div className="chat-avatar">C</div>
+      <div className="chat-bubble">
+        {typing ? (
+          <div className="typing-indicator" aria-label="Coach skriver">
+            <span></span>
+            <span></span>
+            <span></span>
+          </div>
+        ) : (
+          text
+        )}
+      </div>
+    </div>
+  )
+}