style: adjust chat styles

Author: manfredsteyer

src/app/domains/shared/ui-assistant/assistant-chat/assistant-chat.css

@@ -159,18 +159,14 @@
   border-radius: var(--radius);
   padding: 12px 14px;
   background: var(--assistant);
-  line-height: 1.4;
+  font-size: var(--font-size-sm);
+  line-height: 1.35;
   overflow-wrap: anywhere;
   white-space: normal;
   max-width: 100%;
   width: fit-content;
 }
 
-:host ::ng-deep .bubble app-message {
-  font-size: var(--font-size-sm);
-  line-height: 1.35;
-}
-
 :host ::ng-deep .msg.user .bubble {
   background: var(--assistant);
   color: var(--text);

src/app/domains/shared/ui-assistant/chat-messages/chat-messages.css

@@ -5,8 +5,6 @@
 .bubble {
   display: flex;
   flex-direction: column;
-<<<<<<< HEAD
-<<<<<<< HEAD
   gap: 10px;
 }
 
@@ -26,42 +24,16 @@
   gap: 6px;
   padding: 0;
   width: fit-content;
-  font-size: 11px;
+  font-size: calc(var(--font-size-sm) - 1pt);
   line-height: 1.2;
 }
 
 .tool-call-label {
-  font-size: 11px;
+  font-size: calc(var(--font-size-sm) - 1pt);
   line-height: 1.2;
 }
 
 app-widget-container {
   display: block;
   margin: 0;
-=======
-  gap: 12px;
-=======
-  gap: 10px;
->>>>>>> 88a5fc6 (style: adjust chat style to new design)
-}
-
-.tool-call {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 0;
-  width: fit-content;
-}
-
-.tool-call app-message {
-  font-size: 11px;
-}
-
-app-widget-container {
-  display: block;
-<<<<<<< HEAD
->>>>>>> 8c1c217 (refactor: rename events used in event api example)
-=======
-  margin: 0;
->>>>>>> 88a5fc6 (style: adjust chat style to new design)
 }

src/app/domains/shared/ui-assistant/chat-messages/chat-messages.ts

@@ -36,7 +36,7 @@ export class ChatMessages {
     error: '⚡️',
   };
 
-  private hasContent(message: UiChatMessage): boolean {
+  private hasContent(message: AgUiChatMessage): boolean {
     const content = message.content as unknown;
 
     if (content == null) {