fix(title): Restructure the agent (scout) detail header#2919
Merged
Conversation
Show the agent description as full text on the detail page instead of a tooltip on the name, surface the runs-window stats directly under the title (moved into the card), and move the enable/disable toggle to the far right of the title row. Detail-only via the linkToDetail flag; fleet rows are unchanged. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
Dissolve the header card on the scout detail screen. The agent name now sits on the page-title row (under the Agents breadcrumb) with the origin and dry-run badges, the skill link, and the cadence beside it, and the chat/settings/enable controls aligned to its right. The runs-window stats sit directly under the title, and the description renders as plain page text instead of inside a card. ScoutRowCard is reverted to its fleet-list form (its ScoutChatButton is now exported for reuse) and the detail header lives in the new ScoutDetailHeader component. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
Put the recent-runs boxes on the same row as the runs-window stats text instead of a row below, reducing vertical spacing in the detail header. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
The description was 13px — the same size as the Signals/Runs section headings — which flattened the hierarchy. Move it to 12.5px so it reads as body text below the semibold headings, matching the stats line and run summaries. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
…load The runs-window stats load from a separate query than the config that renders the title, so the stats line popped in late and shifted the layout. Show the app's standard animate-pulse skeleton in the stats row while runs are pending, so the space is reserved and the stats swap in without a jump. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
|
React Doctor found no issues in the changed files. 🎉 Reviewed by React Doctor for commit |
Contributor
|
Reviews (1): Last reviewed commit: "fix(scouts): reserve the detail stats ro..." | Re-trigger Greptile |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
rubychilds
changed the title
…rflowing A flex item defaults to min-width:auto and won't shrink below its content width, so the `truncate` on the title had no effect — a long agent name overflowed the row. min-w-0 lets it shrink and ellipsise. Generated-By: PostHog Code Task-Id: 124dba4f-35df-4f39-a23a-52d2712767bf
andrewm4894
approved these changes
Jun 25, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
AI:
Reworks the header on the agent (scout) detail screen so it reads as a page header rather than a card, and tightens the loading + type hierarchy.
animate-pulseskeleton while runs are pending, reserving the space.Detail-page only — the fleet-list rows are unchanged.
ScoutRowCardis reverted to its original fleet-list form (itsScoutChatButtonis now exported for reuse), and the detail header lives in the newScoutDetailHeadercomponent.This image shows how we have settings for the agent. If this expands we should place it elsewhere, but not a concern for now.
Files
packages/ui/src/features/scouts/components/ScoutDetailHeader.tsx(new) — the detail-page header.packages/ui/src/features/scouts/components/ScoutDetailView.tsx— renders the new header; description as plain body text.packages/ui/src/features/scouts/components/ScoutRowCard.tsx— reverted to fleet-list form; exportScoutChatButton.Testing
pnpm --filter @posthog/ui typecheck(scout files clean) and Biome lint clean.Created with PostHog Code