rd.source === "server", "chat-end": record.source === "user"}' class="chat">
                  <div class="chat-bubble text-sm" x-text="record.message"></div>
                </div>
             </template>
          </div>
          <div class="flex flex-row gap-x-2 border-t border-base-300">
            <input type="text" x-model="$store.chat.chatInput" placeholder="Waiting on your question..." class="input input-sm input-bordered w-full max-w-xs" />
            <button @click="$store.chat.post" :disabled