root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(KB-243): fix loading state text and ensure thinking container visibility in PlanningModeModal

Browse Source 
- Fix loading state text rendering in PlanningModeModal

- Ensure thinking container is always visible during planning operations

- Add comprehensive tests for loading state behavior and thinking container visibility
This commit is contained in:
gsxdsm
2026-03-30 19:26:38 -07:00
parent aa488c613e
commit 762b8d1107
2 changed files with 208 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/dashboard/app/components/PlanningModeModal.tsx
View File

@@ -401,23 +401,21 @@ export function PlanningModeModal({ isOpen, onClose, onTaskCreated, tasks, initi
{view.type === "loading" && (
<div className="planning-loading">
<Loader2 size={40} className="spin" style={{ color: "var(--todo)" }} />
<p>{streamingOutput ? "AI is thinking..." : "Connecting..."}</p>
{streamingOutput && (
<div className="planning-thinking-container">
<button
className="planning-thinking-toggle"
onClick={() => setShowThinking(!showThinking)}
type="button"
>
{showThinking ? "Hide thinking" : "Show thinking"}
</button>
{showThinking && (
<div className="planning-thinking-output">
<pre>{streamingOutput}</pre>
</div>
)}
</div>
)}
<p>{streamingOutput ? "AI is thinking..." : "Generating next question..."}</p>
<div className="planning-thinking-container">
<button
className="planning-thinking-toggle"
onClick={() => setShowThinking(!showThinking)}
type="button"
>
{showThinking ? "Hide thinking" : "Show thinking"}
</button>
{showThinking && streamingOutput && (
<div className="planning-thinking-output">
<pre>{streamingOutput}</pre>
</div>
)}
</div>
</div>
)}