diff --git a/src/frontend/src/lib/components/ChatInterface.svelte b/src/frontend/src/lib/components/ChatInterface.svelte
index 072369b..697d622 100644
--- a/src/frontend/src/lib/components/ChatInterface.svelte
+++ b/src/frontend/src/lib/components/ChatInterface.svelte
@@ -6,6 +6,7 @@
 	interface Props {
 		bot: Bot | null;
 		messages: ChatMessage[];
+		isSending?: boolean;
 		onSendMessage: (message: string) => void;
 		onSelectBot?: (botId: string) => void;
 		availableBots?: Bot[];
@@ -15,6 +16,7 @@
 	let {
 		bot,
 		messages,
+		isSending = false,
 		onSendMessage,
 		onSelectBot,
 		availableBots = [],
@@ -132,6 +134,18 @@
 				</div>
 			</div>
 	{/each}
+
+		{#if isSending}
+			<div class="message assistant">
+				<div class="message-content">
+					<div class="typing">
+						<span class="dot"></span>
+						<span class="dot"></span>
+						<span class="dot"></span>
+					</div>
+				</div>
+			</div>
+		{/if}
 	</div>
 
 	{#if bot}
diff --git a/src/frontend/src/routes/bot/[id]/+page.svelte b/src/frontend/src/routes/bot/[id]/+page.svelte
index df004b0..1fd5d5a 100644
--- a/src/frontend/src/routes/bot/[id]/+page.svelte
+++ b/src/frontend/src/routes/bot/[id]/+page.svelte
@@ -109,6 +109,7 @@
 		<ChatInterface
 			bot={$currentBotStore}
 			messages={$chatStore}
+			isSending={isSending}
 			onSendMessage={handleSendMessage}
 		/>
 	</div>