{
this.divElement = ref
}}
diff --git a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss
index c512271f..11b6da68 100644
--- a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss
+++ b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss
@@ -4,8 +4,7 @@ orama-chat {
flex-direction: column;
flex-grow: 1;
overflow: hidden;
- // todo: this is probabily to fix, since now it's not meant for generic purpose, but to be used in orama website
- max-height: pxToRem(613);
+ height: 100%;
// background: linear-gradient(180deg, var(--background-ai-gradient-one) 0%, var(--background-ai-gradient-two) 50%);
background: var(--background-color-primary, background-color('primary'));
}
@@ -30,6 +29,10 @@ orama-chat {
background-color: #b2b2b285;
border-radius: var(--border-radius-l, $radius-l);
}
+
+ &.isEmpty {
+ justify-content: flex-end;
+ }
}
.messages-container-wrapper-non-scrollable {
@@ -72,14 +75,6 @@ orama-chat {
margin-bottom: var(--spacing-s, $spacing-s);
}
-.suggestions-wrapper {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- justify-content: end;
- overflow-x: auto;
-}
-
orama-logo-icon {
z-index: -1;
position: absolute;
diff --git a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx
index 033e971d..50497cc4 100644
--- a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx
+++ b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx
@@ -136,6 +136,7 @@ export class OramaChat {
render() {
const lastInteraction = chatContext.interactions?.[chatContext.interactions.length - 1]
const lastInteractionStatus = lastInteraction?.status
+ const lastInteractionStreaming = lastInteractionStatus === TAnswerStatus.streaming
// ? Question: Maybe should be a orama-button variant?
return (
@@ -153,16 +154,17 @@ export class OramaChat {
)}
{/* CHAT MESSAGES */}