Base

views/partials/bot-message-placeholder.html

@@ -1,13 +0,0 @@
-<article class="message bot-message" id="bot-message-placeholder" hx-trigger="load" hx-swap="outerHTML"
-    hx-get="/generateOpenai" hx-target="#bot-message-placeholder">
-    <div class="message-header">
-        <p>Bot</p>
-        <form>
-            <input type="hidden">
-            <button class="delete" aria-label="delete"></button>
-        </form>
-    </div>
-    <div class="message-body">
-        Waiting...
-    </div>
-</article>

views/partials/bot-message.gohtml

@@ -1,12 +0,0 @@
-<article class="message bot-message">
-    <div class="message-header">
-        <p>Bot</p>
-        <form>
-            <input type="hidden">
-            <button class="delete" aria-label="delete"></button>
-        </form>
-    </div>
-    <div class="message-body">
-        {{ .Content }}
-    </div>
-</article>

views/partials/bot-message.html

@@ -1,12 +0,0 @@
-<article class="message bot-message">
-    <div class="message-header">
-        <p>Bot</p>
-        <form>
-            <input type="hidden">
-            <button class="delete" aria-label="delete"></button>
-        </form>
-    </div>
-    <div class="message-body">
-        {{ Message.Content }}
-    </div>
-</article>

views/partials/chat-input.html

@@ -1,3 +0,0 @@
-<form hx-put="/chat" hx-swap="beforeend" hx-target="#chat-messages">
-    <input class="input" type="text" placeholder="Type your message here..." name="message" />
-</form>

views/partials/chat-messages.html

@@ -1,11 +0,0 @@
-<div class="columns is-centered" hx-trigger="sse:bot-message" hx-swap="beforeend" hx-target="#chat-messages">
-    <div class="column is-half" id="chat-messages">
-        {% for Message in Messages %}
-        {% if Message.Role == "user" %}
-        {% include "partials/user-message.html" %}
-        {% else %}
-        {% include "partials/bot-message.html" %}
-        {% endif %}
-        {% endfor %}
-    </div>
-</div>

views/partials/message-bot.html

@@ -0,0 +1,22 @@
+<div class="message-user mt-3" style="display: flex; align-items: flex-start;" {% if IsPlaceholder %}
+    hx-get="/generateOpenai" hx-trigger="load" hx-swap="outerHTML" hx-indicator="#spinner" {% endif %}>
+    <figure class="image is-48x48 mr-2" style="flex-shrink: 0;">
+        <img src="icons/openai.png" alt="User Image">
+    </figure>
+    <article class="message">
+        <div class="message-header">
+            <p>User</p>
+            <form>
+                <input type="hidden">
+                <button class="delete" aria-label="delete"></button>
+            </form>
+        </div>
+        <div class="message-body">
+            {% if IsPlaceholder %}
+            <img id="spinner" class="htmx-indicator" src="/puff.svg" />
+            {% else %}
+            {{ Content }}
+            {% endif %}
+        </div>
+    </article>
+</div>

views/partials/message-user.html

@@ -0,0 +1,17 @@
+<div class="message-user mt-3" style="display: flex; align-items: flex-start;">
+    <figure class="image is-48x48 mr-2" style="flex-shrink: 0;">
+        <img src="icons/huggingface.png" alt="User Image">
+    </figure>
+    <article class="message">
+        <div class="message-header">
+            <p>User</p>
+            <form>
+                <input type="hidden">
+                <button class="delete" aria-label="delete"></button>
+            </form>
+        </div>
+        <div class="message-body">
+            {{ Content }}
+        </div>
+    </article>
+</div>

views/partials/navbar.html

@@ -1,7 +1,7 @@
 <nav class="navbar is-primary">
     <div class="navbar-brand">
         <a class="navbar-item" href="https://www.bouvai.com">
-            <img src="/bouvai.png">
+            <img src="/icons/bouvai.png">
         </a>
     </div>
     <div class="navbar-menu">

views/partials/test-button.html

@@ -1 +0,0 @@
-<button class="button is-primary" hx-get="/test-button" hx-swap="outerHTML">Test</button>

views/partials/test-display.html

@@ -1 +0,0 @@
-<p sse-swap="test">Test</p>

views/partials/user-message.html

@@ -1,15 +0,0 @@
-<article class="message user-message">
-    <div class="message-header">
-        <p>User</p>
-        <form>
-            <input type="hidden">
-            <button class="delete" aria-label="delete"></button>
-        </form>
-    </div>
-    <div class="message-body">
-        {{ Message.Content }}
-    </div>
-</article>
-{% if IncludePlaceholder %}
-{% include "partials/bot-message-placeholder.html" %}
-{% endif %}