Copy code or full message

views/partials/message-bot.html

@@ -31,7 +31,8 @@
             </div>
             <div class="is-flex is-justify-content mt-2">
                 {% if not NotClickable %}
-                <button class="button is-small is-primary message-button is-outlined mr-5">
+                <button class="button is-small is-primary message-button is-outlined mr-5"
+                    onclick="copyToClipboard(this)">
                     <span class="icon">
                         <i class="fa-solid fa-copy"></i>
                     </span>
@@ -48,6 +49,20 @@
                 </button>
                 {% endfor %}
                 {% endif %}
+
+                {% if IsPlaceholder %}
+                <hx hx-get="/generateMultipleMessages" hx-trigger="load" hx-swap="outerHTML" hx-indicator="#spinner"
+                    hx-target="#chat-container">
+                </hx>
+
+                <div class="message-content" {% if message.Hidden %}style="display: none;" {% endif %}>
+                    <div class="message-body">
+                        <div class="content">
+                            <img id="spinner" class="htmx-indicator" src="/puff.svg" />
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
             </div>
         </div>
     </div>

views/partials/popover-models.html

@@ -1,4 +1,4 @@
-<div class="dropdown is-hoverable is-up">
+<div class="dropdown is-hoverable is-up is-right">
     <div class="dropdown-trigger">
         <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
             <span class="icon"><i class="fa-solid fa-robot"></i></span>

views/partials/popover-settings.html

@@ -1,4 +1,4 @@
-<div class="dropdown is-hoverable is-up">
+<div class="dropdown is-hoverable is-up is-right">
     <div class="dropdown-trigger">
         <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
             <span class="icon"><i class="fa-solid fa-key"></i></span>

views/partials/popover-usage.html

@@ -1,4 +1,4 @@
-<div class="dropdown is-hoverable is-up">
+<div class="dropdown is-hoverable is-up is-right">
     <div class="dropdown-trigger">
         <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
             <span class="icon"><i class="fa-regular fa-money-bill-1"></i></span>