refac

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

@@ -39,6 +39,7 @@
 
 	export let isFirstMessage: boolean;
 	export let readOnly: boolean;
+	export let preview = false;
 	export let editCodeBlock = true;
 	export let topPadding = false;
 
@@ -415,7 +416,8 @@
 						>
 							<time
 								datetime={new Date(message.timestamp * 1000).toISOString()}
-								class="invisible group-hover:visible {($settings?.chatBubble ?? true)
+								class="{preview ? '' : 'invisible group-hover:visible'} {($settings?.chatBubble ??
+								true)
 									? 'mr-1'
 									: 'ml-1 shrink-0 whitespace-nowrap'} text-[0.6875rem] tabular-nums text-gray-400 dark:text-gray-600 select-none"
 							>
@@ -424,7 +426,7 @@
 						</Tooltip>
 					{/if}
 
-					{#if !($settings?.chatBubble ?? true)}
+					{#if !preview && !($settings?.chatBubble ?? true)}
 						{#if siblings.length > 1}
 							<div class="flex self-center" dir="ltr">
 								<button
@@ -518,7 +520,7 @@
 							</div>
 						{/if}
 					{/if}
-					{#if !readOnly}
+					{#if !preview && !readOnly}
 						<Tooltip content={$i18n.t('Edit')} placement="bottom">
 							<button
 								class="{($settings?.highContrastMode ?? false)
@@ -546,7 +548,7 @@
 						</Tooltip>
 					{/if}
 
-					{#if message?.content}
+					{#if !preview && message?.content}
 						<Tooltip content={$i18n.t('Copy')} placement="bottom">
 							<button
 								class="{($settings?.highContrastMode ?? false)
@@ -575,7 +577,7 @@
 					{/if}
 
 					{#if $_user?.role === 'admin' || ($_user?.permissions?.chat?.delete_message ?? false)}
-						{#if !readOnly && (!isFirstMessage || siblings.length > 1)}
+						{#if !preview && !readOnly && (!isFirstMessage || siblings.length > 1)}
 							<Tooltip content={$i18n.t('Delete')} placement="bottom">
 								<button
 									class="{($settings?.highContrastMode ?? false)
@@ -608,7 +610,7 @@
 						{/if}
 					{/if}
 
-					{#if $settings?.chatBubble ?? true}
+					{#if !preview && ($settings?.chatBubble ?? true)}
 						{#if siblings.length > 1}
 							<div class="flex self-center" dir="ltr">
 								<button