Add a reusable expandable thinking trace across chat and agent transcript surfaces. - Add the ThinkingTrace component, styling, localized labels, and documentation. - Render trace sections across chat, planning, mission, milestone, workflow, and agent log views. - Preserve streaming trace data and add regression and surface coverage. Files changed: .changeset/fn-155-thinking-trace.md | 7 ++ docs/dashboard-guide.md | 4 + .../dashboard/app/components/AgentLogViewer.tsx | 11 +- packages/dashboard/app/components/ChatView.css | 10 +- .../app/components/ConversationHistory.tsx | 3 +- .../components/MilestoneSliceInterviewModal.tsx | 3 +- .../app/components/MissionInterviewModal.tsx | 3 +- .../dashboard/app/components/PlanningModeModal.tsx | 9 +- .../app/components/StandardChatSurface.tsx | 21 ++-- packages/dashboard/app/components/TaskChatTab.tsx | 17 +-- .../dashboard/app/components/ThinkingTrace.css | 7 ++ .../dashboard/app/components/ThinkingTrace.tsx | 99 ++++++++++++++++++ .../app/components/WorkflowResultsTab.tsx | 4 + .../__tests__/ChatView.core-interactions.test.tsx | 25 +++++ .../MilestoneSliceInterviewModal.test.tsx | 15 ++- .../__tests__/MissionInterviewModal.test.tsx | 15 ++- .../PlanningModeModal.planning-flow.test.tsx | 33 +++++- .../app/components/__tests__/TaskChatTab.test.tsx | 16 +++ .../__tests__/ThinkingTrace.surfaces.test.tsx | 70 +++++++++++++ .../components/__tests__/ThinkingTrace.test.tsx | 115 +++++++++++++++++++++ .../dashboard/src/__tests__/chat-manager.test.ts | 11 ++ packages/engine/src/__tests__/agent-logger.test.ts | 15 +++ packages/engine/src/__tests__/streaming-delta.test.ts | 13 +++ packages/engine/src/execution/streaming-delta.ts | 4 + packages/i18n/locales/en/app.json | 8 ++ packages/i18n/locales/es/app.json | 8 ++ packages/i18n/locales/fr/app.json | 8 ++ packages/i18n/locales/ko/app.json | 8 ++ packages/i18n/locales/pt-BR/app.json | 8 ++ packages/i18n/locales/zh-CN/app.json | 8 ++ packages/i18n/locales/zh-TW/app.json | 8 ++ packages/i18n/src/resources.d.ts | 8 ++ 32 files changed, 539 insertions(+), 55 deletions(-) Fusion-Task-Id: FN-155 Fusion-Task-Lineage: 2aafff54-2146-4480-874b-393dc991d52b Co-authored-by: Fusion <noreply@runfusion.ai>
8 lines
918 B
CSS
8 lines
918 B
CSS
.thinking-trace-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); color: var(--text-muted); font-family: var(--font-primary); font-size: var(--font-size-xs); }
|
|
.thinking-trace-section { border-block-start: var(--btn-border-width) solid var(--border); }
|
|
.thinking-trace-section-summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-2) 0; color: var(--text); font-family: var(--font-primary); font-size: var(--font-size-sm); }
|
|
.thinking-trace-section-empty, .thinking-trace-empty-message { color: var(--text-muted); font-size: var(--font-size-xs); }
|
|
.thinking-trace-section-body { padding-block-end: var(--space-2); }
|
|
.thinking-trace-plain { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--font-mono); }
|
|
@media (max-width: 768px) { .thinking-trace-section-summary { overflow-wrap: anywhere; } }
|