chore: disable message bubble for the AI agent responses

oliverlaz · oliverlaz · commit 381fb76cd21e · 2025-12-03T15:18:15.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -151,3 +151,5 @@ android.iml
 *.hprof
 
 .idea/
+.vercel
+.env*.local
diff --git a/examples/react-chatbot/components/MessageBubble/MessageBubble.scss b/examples/react-chatbot/components/MessageBubble/MessageBubble.scss
@@ -16,9 +16,9 @@
     justify-content: flex-start;
 
     .ai-demo-message__bubble {
-      background-color: var(--ai-demo-bg-tertiary);
-      border-radius: 18px;
-      padding: 0.5rem 0.75rem;
+      background-color: transparent;
+      border-radius: 0;
+      padding: 0;
       min-width: 50%;
       width: auto;
     }
@@ -90,7 +90,7 @@
 
     &--ai .ai-demo-message__bubble {
       min-width: 60%;
-      padding: 0.5rem 0.75rem;
+      padding: 0;
     }
   }
 }

-Original file line number
+Diff line change
 *.hprof
 .idea/
 +.vercel
 +.env*.local
Original file line number	Diff line number	Diff line change
`@@ -16,9 +16,9 @@`
`16`	`16`	`justify-content: flex-start;`
`17`	`17`
`18`	`18`	`.ai-demo-message__bubble {`
`19`		`- background-color: var(--ai-demo-bg-tertiary);`
`20`		`- border-radius: 18px;`
`21`		`- padding: 0.5rem 0.75rem;`
	`19`	`+ background-color: transparent;`
	`20`	`+ border-radius: 0;`
	`21`	`+ padding: 0;`
`22`	`22`	`min-width: 50%;`
`23`	`23`	`width: auto;`
`24`	`24`	`}`
`@@ -90,7 +90,7 @@`
`90`	`90`
`91`	`91`	`&--ai .ai-demo-message__bubble {`
`92`	`92`	`min-width: 60%;`
`93`		`- padding: 0.5rem 0.75rem;`
	`93`	`+ padding: 0;`
`94`	`94`	`}`
`95`	`95`	`}`
`96`	`96`	`}`