Fix reasoning font
Browse files
frontend/components/chat-message.tsx
CHANGED
|
@@ -304,7 +304,7 @@ function ReasoningBlock({
|
|
| 304 |
{isActive ? (
|
| 305 |
<span
|
| 306 |
aria-hidden="true"
|
| 307 |
-
className="activity-sheen pointer-events-none absolute inset-
|
| 308 |
/>
|
| 309 |
) : null}
|
| 310 |
<button
|
|
@@ -313,26 +313,24 @@ function ReasoningBlock({
|
|
| 313 |
event.stopPropagation();
|
| 314 |
setIsOpen((current) => !current);
|
| 315 |
}}
|
| 316 |
-
className="relative z-[1] flex w-full items-center justify-between gap-
|
| 317 |
aria-expanded={isOpen}
|
| 318 |
>
|
| 319 |
-
<
|
| 320 |
<Sparkles
|
| 321 |
className={clsx(
|
| 322 |
"h-4 w-4 text-[var(--accent)]",
|
| 323 |
isActive && "animate-pulse",
|
| 324 |
)}
|
| 325 |
/>
|
| 326 |
-
<span
|
| 327 |
-
{isActive ? "Thinking" : "Reasoning trace"}
|
| 328 |
-
</span>
|
| 329 |
{isActive ? (
|
| 330 |
<span
|
| 331 |
aria-hidden="true"
|
| 332 |
-
className="processing-button__pulse ml-0.5 h-1.5 w-1.5 rounded-full"
|
| 333 |
/>
|
| 334 |
) : null}
|
| 335 |
-
</
|
| 336 |
<ChevronDown
|
| 337 |
className={clsx(
|
| 338 |
"h-4 w-4 text-[var(--muted)] transition-transform",
|
|
@@ -376,7 +374,7 @@ function ToolActivityBlock({
|
|
| 376 |
{isActive ? (
|
| 377 |
<span
|
| 378 |
aria-hidden="true"
|
| 379 |
-
className="activity-sheen pointer-events-none absolute inset-
|
| 380 |
/>
|
| 381 |
) : null}
|
| 382 |
<button
|
|
|
|
| 304 |
{isActive ? (
|
| 305 |
<span
|
| 306 |
aria-hidden="true"
|
| 307 |
+
className="activity-sheen pointer-events-none absolute inset-0"
|
| 308 |
/>
|
| 309 |
) : null}
|
| 310 |
<button
|
|
|
|
| 313 |
event.stopPropagation();
|
| 314 |
setIsOpen((current) => !current);
|
| 315 |
}}
|
| 316 |
+
className="relative z-[1] flex w-full items-center justify-between gap-3 text-left"
|
| 317 |
aria-expanded={isOpen}
|
| 318 |
>
|
| 319 |
+
<div className="inline-flex items-center gap-2 text-[13px] font-semibold tracking-[-0.012em] text-[var(--ink)]">
|
| 320 |
<Sparkles
|
| 321 |
className={clsx(
|
| 322 |
"h-4 w-4 text-[var(--accent)]",
|
| 323 |
isActive && "animate-pulse",
|
| 324 |
)}
|
| 325 |
/>
|
| 326 |
+
<span>{isActive ? "Thinking" : "Reasoning trace"}</span>
|
|
|
|
|
|
|
| 327 |
{isActive ? (
|
| 328 |
<span
|
| 329 |
aria-hidden="true"
|
| 330 |
+
className="processing-button__pulse ml-0.5 h-1.5 w-1.5 rounded-full text-[var(--accent)]"
|
| 331 |
/>
|
| 332 |
) : null}
|
| 333 |
+
</div>
|
| 334 |
<ChevronDown
|
| 335 |
className={clsx(
|
| 336 |
"h-4 w-4 text-[var(--muted)] transition-transform",
|
|
|
|
| 374 |
{isActive ? (
|
| 375 |
<span
|
| 376 |
aria-hidden="true"
|
| 377 |
+
className="activity-sheen pointer-events-none absolute inset-0"
|
| 378 |
/>
|
| 379 |
) : null}
|
| 380 |
<button
|