From c125d7b637b9e72accfc8f9896ac36ed27b4e6ea Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Wed, 14 Jun 2023 12:52:07 -0500
Subject: [PATCH 1/3] Allow delete all chats when chat not selected.

---
 src/lib/ChatOptionMenu.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/ChatOptionMenu.svelte b/src/lib/ChatOptionMenu.svelte
index dcc5ec9..514d76f 100644
--- a/src/lib/ChatOptionMenu.svelte
+++ b/src/lib/ChatOptionMenu.svelte
@@ -74,6 +74,7 @@
   }
 
   const confirmClearChats = () => {
+    if (!sortedChats.length) return
     close()
     openModal(PromptConfirm, {
       title: 'Delete ALL Chat',
@@ -148,7 +149,7 @@
       <a href={'#'} class="dropdown-item" class:is-disabled={!chatId} on:click|preventDefault={() => { if (chatId) close(); delChat() }}>
         <span class="menu-icon"><Fa icon={faTrash}/></span> Delete Chat
       </a>
-      <a href={'#'} class="dropdown-item" on:click|preventDefault={() => { if (chatId) confirmClearChats() }}>
+      <a href={'#'} class="dropdown-item" class:is-disabled={$chatsStorage && !$chatsStorage[0]} on:click|preventDefault={() => { confirmClearChats() }}>
         <span class="menu-icon"><Fa icon={faTrashCan}/></span> Delete ALL Chats
       </a>
       <hr class="dropdown-divider">

From 137d0140e10e917a2a41c8c762a8630cd5a3a6c8 Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Wed, 14 Jun 2023 14:44:21 -0500
Subject: [PATCH 2/3] Show code highlighting while streaming

---
 src/lib/EditMessage.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/EditMessage.svelte b/src/lib/EditMessage.svelte
index 672bd56..980c2c7 100644
--- a/src/lib/EditMessage.svelte
+++ b/src/lib/EditMessage.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import Code from './Code.svelte'
-  import { createEventDispatcher, onMount } from 'svelte'
+  import { afterUpdate, createEventDispatcher, onMount } from 'svelte'
   import { deleteMessage, chatsStorage, deleteSummaryMessage, truncateFromMessage, submitExitingPromptsNow, saveChatStore, continueMessage } from './Storage.svelte'
   import { getPrice } from './Stats.svelte'
   import SvelteMarkdown from 'svelte-markdown'
@@ -37,6 +37,7 @@
   let original:string
   let defaultModel:Model
   let imageUrl:string
+  let refreshCounter = 0
 
   onMount(() => {
     defaultModel = chatSettings.model
@@ -47,6 +48,10 @@
     }
   })
 
+  afterUpdate(() => {
+    if (message.content.slice(-5).match(/```/)) refreshCounter++
+  })
+
   const edit = () => {
     if (message.summarized || message.streaming || editing) return
     editing = true
@@ -224,11 +229,13 @@
         {#if message.summary && !message.summary.length}
         <p><b>Summarizing...</b></p>
         {/if}
+        {#key refreshCounter}
         <SvelteMarkdown 
           source={message.content} 
           options={markdownOptions} 
           renderers={{ code: Code, html: Code }}
         />
+        {/key}
         {#if imageUrl}
           <img src={imageUrl} alt="">
         {/if}

From a5d7560fa9df8334676bfca29951634fccf5d076 Mon Sep 17 00:00:00 2001
From: Webifi <john@webifi.com>
Date: Wed, 14 Jun 2023 14:58:28 -0500
Subject: [PATCH 3/3] Fix new chat not hiding menu in mobile #179

---
 src/lib/Sidebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
index 0c7a38a..3f8d1d4 100644
--- a/src/lib/Sidebar.svelte
+++ b/src/lib/Sidebar.svelte
@@ -47,7 +47,7 @@
             ></div>
           {:else}
           <div class="level-item">
-            <button on:click={() => { startNewChatWithWarning(activeChatId) }} class="panel-block button" title="Start new chat with default profile" class:is-disabled={!$apiKeyStorage}
+            <button on:click={() => { $pinMainMenu = false; startNewChatWithWarning(activeChatId) }} class="panel-block button" title="Start new chat with default profile" class:is-disabled={!$apiKeyStorage}
               ><span class="greyscale mr-2"><Fa icon={faSquarePlus} /></span> New chat</button>
             </div>
           {/if}