Skip to content

Conversation

@ulivz
Copy link
Member

@ulivz ulivz commented Sep 22, 2025

Summary

Fixed height control issue in Agent UI's Replay mode by restoring the missing container with proper styling and the Navbar component.

Problem: In replay mode, the UI was missing the outer container with flex h-screen bg-[#F2F3F5] dark:bg-gray-900 text-gray-900 dark:text-gray-100 overflow-hidden classes and the Navbar component, causing layout issues where the UI didn't fill the screen properly.

Root Cause: PR #1553 moved the layout structure but replay mode bypassed the normal routing and rendered <Layout> directly without the necessary container wrapper.

Solution: Wrapped the replay mode layout with the same container structure used for normal sessions, including the Sidebar, Navbar, and proper CSS classes.

Checklist

  • Added or updated necessary tests (Optional).
  • Updated documentation to align with changes (Optional).
  • Verified no breaking changes, or prepared solutions for any occurring breaking changes (Optional).
  • My change does not involve the above items.

@netlify
Copy link

netlify bot commented Sep 22, 2025

Deploy Preview for tarko ready!

Name Link
🔨 Latest commit 25a41cf
🔍 Latest deploy log https://app.netlify.com/projects/tarko/deploys/68d27ff93e425e0008269b02
😎 Deploy Preview https://deploy-preview-1615--tarko.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Sep 22, 2025

Deploy Preview for agent-tars-docs ready!

Name Link
🔨 Latest commit 25a41cf
🔍 Latest deploy log https://app.netlify.com/projects/agent-tars-docs/deploys/68d27ff9ec62e000084bd450
😎 Deploy Preview https://deploy-preview-1615--agent-tars-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Replay mode was missing the outer container with proper height
control and background styling, and the Navbar component.
This caused layout issues where the UI didn't fill the screen
properly in replay mode.

Fixes the height control issue introduced in PR #1553.
@ulivz ulivz force-pushed the fix/replay-height-control branch from 4e588b5 to 25a41cf Compare September 23, 2025 11:09
@ulivz ulivz merged commit 2afe334 into main Sep 23, 2025
10 checks passed
@ulivz ulivz deleted the fix/replay-height-control branch September 23, 2025 11:12
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