Skip to content

feat(agent-builder): agent centric ux design tweaks#259296

Merged
SiddharthMantri merged 8 commits intoelastic:ab-agent-centric-ux-feature-branchfrom
SiddharthMantri:ab/chat-centric-tweaks
Mar 24, 2026
Merged

feat(agent-builder): agent centric ux design tweaks#259296
SiddharthMantri merged 8 commits intoelastic:ab-agent-centric-ux-feature-branchfrom
SiddharthMantri:ab/chat-centric-tweaks

Conversation

@SiddharthMantri
Copy link
Copy Markdown
Contributor

Summary

Design tweaks to match figma

Screen.Recording.2026-03-24.at.11.22.01.mov

@SiddharthMantri SiddharthMantri requested a review from a team as a code owner March 24, 2026 10:28
@SiddharthMantri SiddharthMantri added the feature:agent-builder Identify agent builder functionalities to be grouped together for release notes label Mar 24, 2026
@chrisbmar
Copy link
Copy Markdown
Contributor

border-radius should be 4px, think you have it at 8px atm
image

@chrisbmar
Copy link
Copy Markdown
Contributor

image

width of this left column should be 340px, it looks a bit thinner than that rn.

@chrisbmar
Copy link
Copy Markdown
Contributor

image Font sizes should be 24px for heading and 14px for sub heading

@chrisbmar
Copy link
Copy Markdown
Contributor

image the left columns grows in width when select a skill that has the badge and a longer text name (this is visible in your video), can we make this a fixed width or a maxWidth to stop this happening + the text ellipsis thing that is exposed from EUI that we can use 🙏🏽

@chrisbmar
Copy link
Copy Markdown
Contributor

image View skill in library positioning should be under the titel

@chrisbmar
Copy link
Copy Markdown
Contributor

button sizes:
image

@chrisbmar
Copy link
Copy Markdown
Contributor

image plugins header should have a badge with the X amount of skills

@chrisbmar
Copy link
Copy Markdown
Contributor

image instead of horizontal scroll, same comment as above^ fixed width with text ellipsis

@chrisbmar
Copy link
Copy Markdown
Contributor

image read-only badge missing from tool header next to remove button

@chrisbmar
Copy link
Copy Markdown
Contributor

can't see in video, for custom tools, is there an "edit in library" button next to remove?

@SiddharthMantri
Copy link
Copy Markdown
Contributor Author

SiddharthMantri commented Mar 24, 2026

@chrisbmar

  • Border radius fixed
  • Left column width set to 340px with shared cnostant
  • Font sizes fixed to 24px for heading and 14px for sub heading
  • Left column text uses ellipsis now.
  • fixed view skill in library link positioning to be under the title
  • fixed button sizes for Manage All... links
  • Plugins header fixed to have a badge with the number of skills
  • Added read only badge correctly to the tools
  • Edit in library correctly displayed
Screen.Recording.2026-03-24.at.12.59.31.mov

@SiddharthMantri SiddharthMantri merged commit b8ad270 into elastic:ab-agent-centric-ux-feature-branch Mar 24, 2026
12 of 14 checks passed
@elasticmachine
Copy link
Copy Markdown
Contributor

elasticmachine commented Mar 24, 2026

💔 Build Failed

Failed CI Steps

Metrics [docs]

‼️ ERROR: no builds found for mergeBase sha [3f9a26e]

History

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature:agent-builder Identify agent builder functionalities to be grouped together for release notes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants