Skip to content

feat(web): polish node UI with tooltips, animations, and error styling#11

Merged
jrob5756 merged 1 commit intomainfrom
feat/web-dashboard-node-polish
Mar 2, 2026
Merged

feat(web): polish node UI with tooltips, animations, and error styling#11
jrob5756 merged 1 commit intomainfrom
feat/web-dashboard-node-polish

Conversation

@jrob5756
Copy link
Copy Markdown
Collaborator

@jrob5756 jrob5756 commented Mar 2, 2026

Summary

Polish the web dashboard node UI with improved interactivity and visual feedback.

Changes

  • NodeTooltip component: Rich hover tooltips showing detailed stats (status, elapsed, model, tokens, cost, errors)
  • Live elapsed timer: Running nodes show a ticking elapsed clock
  • Status transition animations: Subtle scale/glow animations on node state changes (activate, complete, fail)
  • Inline node stats: Completed nodes display elapsed time, token count, and cost directly on the node
  • ErrorBanner component: Workflow-level failure banner for clear error visibility
  • StatusBar error styling: Red-tinted status bar on workflow failure
  • Workflow store: Track input/output token breakdown and error details (type, message)
  • Rebuilt static assets

- Add NodeTooltip component with detailed stats on hover
- Add live elapsed timer for running nodes
- Add status transition animations (activate, complete, fail glow)
- Show inline stats (elapsed, tokens, cost) on completed nodes
- Add ErrorBanner component for workflow-level failures
- Improve StatusBar error styling with red tint
- Track input/output tokens and error details in workflow store
- Rebuild static assets
@jrob5756 jrob5756 merged commit d1e8b52 into main Mar 2, 2026
1 check passed
@jrob5756 jrob5756 deleted the feat/web-dashboard-node-polish branch March 2, 2026 17:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant