Add screenshot

Author: GromNaN

README.md

@@ -11,6 +11,10 @@ If you want to try it, you need to create an account on [OpenAI](https://beta.op
 
 **Contributions are welcome to improve the code and the UX.**
 
+## Screenshots
+
+<img width="1317" alt="screenshot" src="https://user-images.githubusercontent.com/400034/222999892-69957a41-acc6-49ac-9dd1-b2de8a89105c.png">
+
 ## Installation
 
 Clone the repository and install the dependencies:

templates/components/chatbox.html.twig

@@ -56,7 +56,7 @@
         </div>
 
         <div class="send-box">
-            <form action="{{ path('submit') }}" method="post" data-turbo-frame="chatbox" data-turbo-action="replace">
+            <form action="{{ path('submit') }}" method="post" data-turbo-frame="{{ this.conversation.isNew() ? 'container' : 'chatbox' }}" data-turbo-action="replace">
                 {{ form_widget(this.form.message) }}
                 {{ form_widget(this.form.id) }}
                 {# @todo would be nice to be able to add an icon. See https://stackoverflow.com/a/31275381/450789 #}

templates/index.html.twig

@@ -5,6 +5,7 @@
     <!-- char-area -->
     <section class="message-area">
         <div class="container">
+            <turbo-frame id="container">
             <div class="row">
                 <div class="col-12">
                     <div class="chat-area">
@@ -29,7 +30,7 @@
 
                 </div>
             </div>
-        </div>
+            </turbo-frame>
         </div>
     </section>
     <!-- char-area -->