refac

src/lib/components/chat/Settings/Interface.svelte

@@ -69,6 +69,8 @@
 	let temporaryChatByDefault = false;
 	let chatFadeStreamingText = true;
 	let collapseCodeBlocks = false;
+	let renderMarkdownInUserMessages = true;
+	let renderMarkdownInAssistantMessages = true;
 	let expandDetails = false;
 	let renderMarkdownInPreviews = true;
 	let showChatTitleInTab = true;
@@ -232,6 +234,8 @@
 		copyFormatted = $settings?.copyFormatted ?? false;
 
 		collapseCodeBlocks = $settings?.collapseCodeBlocks ?? false;
+		renderMarkdownInUserMessages = $settings?.renderMarkdownInUserMessages ?? true;
+		renderMarkdownInAssistantMessages = $settings?.renderMarkdownInAssistantMessages ?? true;
 		expandDetails = $settings?.expandDetails ?? false;
 		renderMarkdownInPreviews = $settings?.renderMarkdownInPreviews ?? true;
 
@@ -776,6 +780,44 @@
 				</div>
 			</div>
 
+			<div>
+				<div class=" py-0.5 flex w-full justify-between">
+					<div id="render-markdown-user-label" class=" self-center text-xs">
+						{$i18n.t('Render Markdown in User Messages')}
+					</div>
+
+					<div class="flex items-center gap-2 p-1">
+						<Switch
+							ariaLabelledbyId="render-markdown-user-label"
+							tooltip={true}
+							bind:state={renderMarkdownInUserMessages}
+							on:change={() => {
+								saveSettings({ renderMarkdownInUserMessages });
+							}}
+						/>
+					</div>
+				</div>
+			</div>
+
+			<div>
+				<div class=" py-0.5 flex w-full justify-between">
+					<div id="render-markdown-assistant-label" class=" self-center text-xs">
+						{$i18n.t('Render Markdown in Assistant Messages')}
+					</div>
+
+					<div class="flex items-center gap-2 p-1">
+						<Switch
+							ariaLabelledbyId="render-markdown-assistant-label"
+							tooltip={true}
+							bind:state={renderMarkdownInAssistantMessages}
+							on:change={() => {
+								saveSettings({ renderMarkdownInAssistantMessages });
+							}}
+						/>
+					</div>
+				</div>
+			</div>
+
 			<div>
 				<div class=" py-0.5 flex w-full justify-between">
 					<div id="auto-generation-label" class=" self-center text-xs">