ff

src/app.scss

@@ -248,10 +248,13 @@ select option.is-default {
 }
 
 .message {
-  border-radius: 0px !important;
   margin-bottom: 0px !important;
 }
 
+.chat-message {
+  padding: 10px 20px;
+}
+
 .user-message>.message-body {
   border-radius: 0;
   border-width: 0;

src/lib/ChatMenuItem.svelte

@@ -95,7 +95,7 @@
     <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold edit-button" href={'$'} on:click|preventDefault={() => edit()}><Fa icon={faPencil} /></a>
     <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold delete-button" href={'$'} on:click|preventDefault={() => delChat()}><Fa icon={faTrash} /></a>
     {/if}
-    <span class="chat-item-name">{chat.name || `New Chat`}</span>
+    <span class="chat-item-name">{chat.name || 'Error'}</span>
   </a>
   {/if}
 </li>

src/lib/Home.svelte

@@ -14,7 +14,7 @@ let hasModels = hasActiveModels()
 onMount(() => {
     if (!$started) {
       $started = true
-      // console.log('started', apiKey, $lastChatId, getChat($lastChatId))
+      console.log('started', apiKey, $lastChatId, getChat($lastChatId))
       if (hasActiveModels() && getChat($lastChatId)) {
         const chatId = $lastChatId
         $lastChatId = ''