fix(web-vue): show source docs for AIAnswer only when present

Author: mohdashraf010897

packages/vue/src/components/search/SearchBox.jsx

@@ -1511,7 +1511,8 @@ const SearchBox = defineComponent({
 				&& this.AIResponse
 				&& this.AIResponse.response
 				&& this.AIResponse.response.answer
-				&& this.AIResponse.response.answer.documentIds ? (
+				&& this.AIResponse.response.answer.documentIds
+				&& this.AIResponse.response.answer.documentIds.length ? (
 					<Footer themePreset={this.$props.themePreset}>
 					Summary generated using the following sources:{' '}
 						<SourceTags>

packages/web/src/components/search/SearchBox.js

@@ -1310,7 +1310,7 @@ const SearchBox = (props) => {
 		};
 		return showSourceDocuments
 			&& showAIScreenFooter
-			&& sourceDocIds ? (
+			&& Array.isArray(sourceDocIds) && sourceDocIds.length ? (
 				<Footer themePreset={props.themePreset}>
 					Summary generated using the following sources:{' '}
 					<SourceTags>

packages/web/src/styles/AIAnswer.js

@@ -362,18 +362,7 @@ export const MessageInput = styled(TextArea)`
 	border-radius: 5px;
 	border: 1px solid #ccc;
 	color: ${props => 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