omarsol commited on
Commit
6ca0f84
·
1 Parent(s): 1a7aa63

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-x-0 top-0 h-[2.75rem]"
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-2 text-left text-[13px] font-semibold tracking-[-0.012em] text-[var(--ink)]"
317
  aria-expanded={isOpen}
318
  >
319
- <span className="inline-flex items-center gap-2 text-[var(--accent)]">
320
  <Sparkles
321
  className={clsx(
322
  "h-4 w-4 text-[var(--accent)]",
323
  isActive && "animate-pulse",
324
  )}
325
  />
326
- <span className="text-[var(--ink)]">
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
- </span>
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-x-0 top-0 h-[2.75rem]"
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