diff --git a/packages/vue-playground b/packages/vue-playground index ac356f0c7..4a979525d 160000 --- a/packages/vue-playground +++ b/packages/vue-playground @@ -1 +1 @@ -Subproject commit ac356f0c78974a0cfb16e72f5fe189332aca8ba6 +Subproject commit 4a979525de952e664f93bdcd07741fc37ddca5a5 diff --git a/packages/vue/src/components/search/AIAnswer.jsx b/packages/vue/src/components/search/AIAnswer.jsx index 9a59bccc3..f4486e6e1 100644 --- a/packages/vue/src/components/search/AIAnswer.jsx +++ b/packages/vue/src/components/search/AIAnswer.jsx @@ -195,8 +195,12 @@ const AIAnswer = defineComponent({ // pushing message history so far if (messagesHistory && Array.isArray(messagesHistory)) { finalMessages.push( - ...messagesHistory.filter((msg) => msg.role !== AI_ROLES.SYSTEM).slice(1), + ...messagesHistory.filter((msg) => msg.role !== AI_ROLES.SYSTEM), ); + + if (finalMessages[0].role === AI_ROLES.USER) { + finalMessages.shift(); + } } else if (response && response.answer && response.answer.text) { finalMessages.push({ role: AI_ROLES.ASSISTANT, content: response.answer.text }); if (!this.AISessionId) diff --git a/packages/vue/src/styles/AIAnswer.js b/packages/vue/src/styles/AIAnswer.js index 0560f6280..e0f55960a 100644 --- a/packages/vue/src/styles/AIAnswer.js +++ b/packages/vue/src/styles/AIAnswer.js @@ -390,17 +390,6 @@ export const MessageInput = styled(TextArea)` ? props.theme.colors.titleColor : props.theme.colors.textColor}; - ::placeholder { - color: ${(props) => props.theme.colors.textColor}; - } - - :-ms-input-placeholder { - color: ${(props) => props.theme.colors.textColor}; - } - - ::-ms-input-placeholder { - color: ${(props) => props.theme.colors.textColor}; - } ${({ enterButton }) => enterButton && ` diff --git a/packages/vue/src/styles/Input.js b/packages/vue/src/styles/Input.js index b0c6f6c9f..76efdaa34 100644 --- a/packages/vue/src/styles/Input.js +++ b/packages/vue/src/styles/Input.js @@ -326,6 +326,8 @@ const TextArea = styled('textarea')` height: 42px; padding-left: 0; padding-right: 0; + border-color: transparent; + `; const Actions = styled('div')` diff --git a/packages/vue/src/styles/InputAddon.js b/packages/vue/src/styles/InputAddon.js index 27b046a94..88b015971 100644 --- a/packages/vue/src/styles/InputAddon.js +++ b/packages/vue/src/styles/InputAddon.js @@ -5,8 +5,8 @@ const InputAddon = styled('span')` align-items: center; justify-content: center; background-color: #fafafa; - border: 1px solid #ccc; - border-radius: 2px; + border: 1px solid transparent; + border-radius: 6px; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-weight: 400;