[UI] [owl] Fix tool call step formatting ; Replace Chevron with Sparkle for "Thought for X seconds" (#844)

- [UI] Replace Chevron with Sparkle for "Thought for X seconds"
- [Backend] Fix tool call step formatting: Add double new lines

Author: jiahuei

services/api/src/owl/utils/lm.py

@@ -669,7 +669,7 @@ async def _openai_responses_stream(
                         yield self._stream_delta(
                             Delta(
                                 role="assistant",
-                                reasoning_content=f'Searched the web for "{chunk.item.action.query}".',
+                                reasoning_content=f'\n\nSearched the web for "{chunk.item.action.query}".',
                             )
                         )
                         yield self._stream_delta(Delta(role="assistant", reasoning_content="\n\n"))
@@ -679,7 +679,7 @@ async def _openai_responses_stream(
                     yield self._stream_delta(
                         Delta(
                             role="assistant",
-                            reasoning_content=f"Ran Python code:\n\n```python\n{code_snippet}\n```",
+                            reasoning_content=f"\n\nRan Python code:\n\n```python\n{code_snippet}\n```",
                         )
                     )
                     yield self._stream_delta(Delta(role="assistant", reasoning_content="\n\n"))

services/app/src/lib/components/output-details/OutputDetails.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import { ChevronRight } from '@lucide/svelte';
+	import { Sparkle } from '@lucide/svelte';
 	import converter from '$lib/showdown';
 	import { chatCitationPattern } from '$lib/constants';
 	import { citationReplacer } from '$lib/utils';
@@ -144,7 +144,7 @@
 			<div class="flex h-1 grow flex-col items-center gap-2 overflow-auto px-8 py-4">
 				{#if showOutputDetails.reasoningTime}
 					<div class="mb-2 flex select-none items-center gap-2 self-start text-sm text-[#667085]">
-						<ChevronRight size={16} />
+						<Sparkle size={16} />
 						Thought for {showOutputDetails.reasoningTime.toFixed()} second{Number(
 							showOutputDetails.reasoningTime.toFixed()
 						) > 1