diff --git a/src/browser/assets/animations/thinking-dots.svg b/src/browser/assets/animations/thinking-dots.svg new file mode 100644 index 0000000000..e97ba3d7b2 --- /dev/null +++ b/src/browser/assets/animations/thinking-dots.svg @@ -0,0 +1 @@ + diff --git a/src/browser/components/Messages/ChatBarrier/BaseBarrier.tsx b/src/browser/components/Messages/ChatBarrier/BaseBarrier.tsx index becde41fd5..318cc60c9a 100644 --- a/src/browser/components/Messages/ChatBarrier/BaseBarrier.tsx +++ b/src/browser/components/Messages/ChatBarrier/BaseBarrier.tsx @@ -2,10 +2,11 @@ import React from "react"; import { cn } from "@/common/lib/utils"; interface BaseBarrierProps { - text: string; + text: React.ReactNode; color: string; animate?: boolean; className?: string; + leadingElement?: React.ReactNode; } export const BaseBarrier: React.FC = ({ @@ -13,6 +14,7 @@ export const BaseBarrier: React.FC = ({ color, animate = false, className, + leadingElement, }) => { return (
= ({ }} />
+ {leadingElement} {text}
= ({ workspaceId, tps={tps} cancelText={cancelText} className={className} + isStreamingPhase={phase === "streaming"} hintElement={ showCompactionHint ? (