Remove floating Action Status Bar from chat UI

This commit is contained in:
2026-06-15 12:56:38 -07:00
parent 962114d1d3
commit 9504d5f4a9

View File

@@ -1290,6 +1290,7 @@ export function ChatPanel({
let assistantContent = "";
let lastKind = "";
let currentThoughtText = "";
const assistantMsg: Message = { role: "assistant", content: "" };
let msgIndex = -1;
@@ -1434,6 +1435,16 @@ export function ChatPanel({
});
} else if (ev.type === "thinking_delta" && ev.text) {
lastKind = "thought";
currentThoughtText += ev.text;
// Extract the latest bold heading to display in the spinner label
const matches = [...currentThoughtText.matchAll(/\*\*([^*]+)\*\*/g)];
if (matches.length > 0) {
setCurrentPhaseLabel(matches[matches.length - 1][1].trim() + "...");
} else {
setCurrentPhaseLabel("Thinking...");
}
setMessages((prev) => {
const next = [...prev];
if (msgIndex >= 0 && next[msgIndex]) {
@@ -2090,32 +2101,7 @@ export function ChatPanel({
</div>
)}
{/* Action Status Bar anchored above composer */}
{sending && currentPhaseLabel && (
<div
style={{
display: "flex",
alignItems: "center",
gap: 8,
padding: "4px 8px 10px",
marginLeft: 4,
}}
>
<Loader2
className="animate-spin"
style={{ width: 14, height: 14, color: "#8b5cf6" }}
/>
<span
style={{
fontSize: "0.75rem",
fontWeight: 500,
color: "#71717a",
}}
>
{currentPhaseLabel}
</span>
</div>
)}
<ProjectPreviewChatInputWrap unifiedShell={unifiedProjectShell}>
{(selectToggle) => (