From aee4cbf4639281f711018af08e029e0f501fd3c4 Mon Sep 17 00:00:00 2001
From: Classic298 <27028174+Classic298@users.noreply.github.com>
Date: Tue, 20 Oct 2026 18:58:10 +0200
Subject: [PATCH] fix: question card lays out Hebrew and Arabic text left to
 right (#32784)

When a model asks a question with Ask User in Hebrew, Arabic or another right-to-left language, the card is still laid out left to right, so the text is left-aligned and punctuation lands on the wrong end. The card now follows the Chat Direction setting like chat messages do: with the default Auto the whole card takes its direction from its text, and the Other answer box picks the direction of whatever is typed into it. English cards look the same as before.

Fixes #32778
---
 src/lib/components/chat/AskUserCard.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/AskUserCard.svelte b/src/lib/components/chat/AskUserCard.svelte
index aa93fbcaeb..cbf2dac7b4 100644
--- a/src/lib/components/chat/AskUserCard.svelte
+++ b/src/lib/components/chat/AskUserCard.svelte
@@ -3,6 +3,7 @@
 	import { onDestroy } from 'svelte';
 	import type { Writable } from 'svelte/store';
 	import type { i18n as i18nType } from 'i18next';
+	import { settings } from '$lib/stores';
 	import Tooltip from '$lib/components/common/Tooltip.svelte';
 
 	const i18n: Writable<i18nType> = getContext('i18n');
@@ -171,7 +172,10 @@
 </script>
 
 {#if show}
-	<section class="my-1 rounded-2xl bg-gray-50/70 px-3.5 py-3 dark:bg-white/[0.035]">
+	<section
+		dir={$settings?.chatDirection ?? 'auto'}
+		class="my-1 rounded-2xl bg-gray-50/70 px-3.5 py-3 dark:bg-white/[0.035]"
+	>
 		<div class="space-y-2">
 			{#if question}
 				{#key question.id}
@@ -199,7 +203,7 @@
 								{#each question.options || [] as option, optionIndex}
 									<button
 										type="button"
-										class="group flex w-full min-w-0 items-baseline gap-2 rounded-lg py-1.5 text-left transition-colors {isSelectedOption(
+										class="group flex w-full min-w-0 items-baseline gap-2 rounded-lg py-1.5 text-start transition-colors {isSelectedOption(
 											question,
 											optionIndex
 										)
@@ -241,6 +245,7 @@
 										{$i18n.t('Other')}
 									</div>
 									<input
+										dir={$settings?.chatDirection ?? 'auto'}
 										class="min-w-0 flex-1 bg-transparent text-xs text-gray-800 outline-hidden placeholder:text-gray-400 dark:text-gray-100 dark:placeholder:text-gray-500"
 										placeholder={$i18n.t('Type your answer')}
 										value={otherText(question)}