From 6768f52aca633945292da08ff9450fd4dc62705f Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Fri, 16 Oct 2026 02:15:09 +0400
Subject: [PATCH] refac

---
 .../chat/FileNav/MarkdownDocument.svelte      |  2 +-
 .../Messages/Markdown/MarkdownTokens.svelte   | 23 ++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/chat/FileNav/MarkdownDocument.svelte b/src/lib/components/chat/FileNav/MarkdownDocument.svelte
index 8bd8b12663..f54b18d4e0 100644
--- a/src/lib/components/chat/FileNav/MarkdownDocument.svelte
+++ b/src/lib/components/chat/FileNav/MarkdownDocument.svelte
@@ -73,7 +73,7 @@
 		margin: 0.5rem 0;
 	}
 	.document-markdown :global(li) {
-		margin: 0.125rem 0;
+		margin-block: 0.125rem;
 	}
 	.document-markdown :global(blockquote) {
 		margin: 0.75rem 0;
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
index de9ae88dce..4dea350912 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
@@ -327,10 +327,10 @@
 		{#if token.ordered}
 			<ol start={token.start || 1} dir="auto">
 				{#each token.items as item, itemIdx}
-					<li class="text-start">
+					<li dir="auto" class="text-start">
 						{#if item?.task}
 							<input
-								class=" translate-y-[1px] -translate-x-1 flex-shrink-0"
+								class=" translate-y-[1px] -translate-x-1 [&:dir(rtl)]:translate-x-1 flex-shrink-0"
 								type="checkbox"
 								disabled={markdown?.document ?? false}
 								checked={item.checked}
@@ -369,7 +369,12 @@
 		{:else}
 			<ul dir="auto" class="">
 				{#each token.items as item, itemIdx}
-					<li class="text-start {item?.task ? 'flex -translate-x-6.5 gap-3 ' : ''}">
+					<li
+						dir="auto"
+						class="text-start {item?.task
+							? 'flex -translate-x-6.5 [&:dir(rtl)]:translate-x-6.5 gap-3 '
+							: ''}"
+					>
 						{#if item?.task}
 							<input
 								class="flex-shrink-0"
@@ -647,3 +652,15 @@
 		{console.log('Unknown token', token)}
 	{/if}
 {/each}
+
+<style>
+	/* Reserve marker space on each item's start side, independently of the list's direction. */
+	ul,
+	ol {
+		padding-inline: 0;
+	}
+
+	li {
+		margin-inline-start: 1.5em;
+	}
+</style>