Skip to content

frontend: step detail modals, errors, autoscroll, responses, duration#967

Merged
frdel merged 10 commits intoagent0ai:developmentfrom
3clyp50:ui-polishing
Jan 29, 2026
Merged

frontend: step detail modals, errors, autoscroll, responses, duration#967
frdel merged 10 commits intoagent0ai:developmentfrom
3clyp50:ui-polishing

Conversation

@3clyp50
Copy link
Contributor

@3clyp50 3clyp50 commented Jan 29, 2026

Refactors the collapsible message system for cleaner architecture and adds per-segment copy buttons to the step detail modal, while simplifying their design.

Changes

  • Extracted collapsible logic into a reusable setupCollapsible function, eliminating ~70 lines of duplicated code across drawStandaloneMessage and drawMessageResponse

  • Moved collapsible CSS from messages.css to dedicated simple-action-buttons.css

  • Preserves expansion state (expanded, has-overflow) when message classes are updated

  • Added individual copy buttons for each segment (heading, details, content) in the step detail modal

  • Copy actions now show toast notification feedback ("Copied to clipboard!"), they weren't

  • Cleaned up modal HTML structure

  • Added CSS constraints for

    elements in thought/process groups to prevent overflow

Others:

  • - Flatten out kvps in step details
  • - Smoother scroller in chat container, terminals, steps generation
  • - Attach duration element to calculation between first step and start of response generation (end of process group)
  • - Added LIST mode where we collapse all steps and keep only process groups expanded

When you select LIST mode:
applyModeSteps("list", showUtils) is called
- Groups expand because: mode !== "collapsed" → "list" !== "collapsed" ✓
- Steps stay collapsed because: mode === "expanded" → "list" === "expanded" ✗
- During streaming, steps don't auto-expand because the condition checks for detailMode === "current", which is false.

This is why we only need one line for this new modality to work.
@3clyp50 3clyp50 changed the title frontend: step detail modals and collapsible responses rework frontend: step detail modals, errors, autoscroll, responses, duration Jan 29, 2026
@frdel frdel merged commit 22d914a into agent0ai:development Jan 29, 2026
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.

2 participants