feat(desktop): clean up agents page UI - #124
Merged
Merged
Conversation
- Shrink Create buttons to icon-only + with tooltips and aria-labels - Remove Refresh buttons; add polling (30s personas, 15s relay agents) - Compact persona cards (smaller grid, avatars, padding) - Move prompt preview to info icon tooltip (avoids dropdown conflict) - Fix dark-mode readability: text-foreground/70 for toggle descriptions - Add scope descriptions to Create Agent token section - Remove dead onModelChanged prop threading - Handle empty systemPrompt edge case in promptPreview
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
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.
Summary
Cleans up the agents page UI based on feedback — smaller buttons, polling instead of manual refresh, compact persona cards, and improved dark-mode readability.
Changes
1. Compact Create buttons
Createbuttons replaced with icon-only+ghost buttonsaria-labeladded for accessibility2. Polling replaces Refresh buttons
refetchInterval: 30_000(30s), Refresh button removedrefetchInterval: 15_000(15s)handleRefreshfunction and allonRefreshprops removed fromAgentsView3. Compact persona cards
md:grid-cols-3 xl:grid-cols-5(was 2/4)h-8 w-8(was 10x10), padding:p-2(was p-3)4. Dark-mode readability in Create Agent dialog
text-muted-foreground→text-foreground/70text-foreground/60Files changed (6)
hooks.ts— addedrefetchIntervaltousePersonasQueryanduseRelayAgentsQueryAgentsView.tsx— removedhandleRefresh, removedonRefreshpropsManagedAgentsSection.tsx— icon-only create button, removed refresh, cleaned up deadonModelChangedpropPersonasSection.tsx— icon-only create, compact cards, ℹ️ tooltip for prompt previewCreateAgentDialogSections.tsx— dark-mode text contrast fix, scope descriptionsscopeOptions.ts— addeddescriptionfield to all scope optionsTesting
tsc --noEmit✅biome check✅