fix: allow message switch during regeneration

Co-Authored-By: Pandazki <onlrrr@gmail.com>

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -352,9 +352,6 @@
 				{/if}
 			</Name>
 
-			{#if message.content === ''}
-				<Skeleton />
-			{:else}
 			{#if message.files}
 				<div class="my-2.5 w-full flex overflow-x-auto gap-2 flex-wrap">
 					{#each message.files as file}
@@ -429,6 +426,8 @@
 										{message.content}
 									</div>
 								</div>
+							{:else if message.content === ''}
+								<Skeleton />
 							{:else}
 								{#each tokens as token}
 									{#if token.type === 'code'}
@@ -486,7 +485,7 @@
 								</div>
 							{/if}
 
-								{#if message.done}
+							{#if message.done || siblings.length > 1}
 								<div
 									class=" flex justify-start space-x-1 overflow-x-auto buttons text-gray-700 dark:text-gray-500"
 								>
@@ -538,6 +537,7 @@
 										</div>
 									{/if}
 
+									{#if message.done}
 										{#if !readOnly}
 											<Tooltip content={$i18n.t('Edit')} placement="bottom">
 												<button
@@ -898,6 +898,7 @@
 												</button>
 											</Tooltip>
 										{/if}
+									{/if}
 								</div>
 							{/if}
 
@@ -915,7 +916,6 @@
 					{/if}
 				</div>
 			</div>
-			{/if}
 		</div>
 	</div>
 {/key}

src/lib/components/chat/Messages/Skeleton.svelte

@@ -1,4 +1,4 @@
-<div class="w-full mt-3">
+<div class="w-full mt-3 mb-4">
 	<div class="animate-pulse flex w-full">
 		<div class="space-y-2 w-full">
 			<div class="h-2 bg-gray-200 dark:bg-gray-600 rounded mr-14" />