Skip to content

[Agent Builder] Sidebar designs#258547

Merged
chrisbmar merged 14 commits intoelastic:ab-agent-centric-ux-feature-branchfrom
chrisbmar:ab-sidebar-designs-13409
Mar 19, 2026
Merged

[Agent Builder] Sidebar designs#258547
chrisbmar merged 14 commits intoelastic:ab-agent-centric-ux-feature-branchfrom
chrisbmar:ab-sidebar-designs-13409

Conversation

@chrisbmar
Copy link
Copy Markdown
Contributor

@chrisbmar chrisbmar commented Mar 19, 2026

wip - no need for review yet

image

@chrisbmar chrisbmar self-assigned this Mar 19, 2026
@chrisbmar chrisbmar added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting labels Mar 19, 2026
@@ -0,0 +1,180 @@
/*
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just moved from another location, not new

Comment on lines -54 to -71
<KibanaPageTemplate
offset={0}
restrictWidth={false}
data-test-subj="agentBuilderPageConversations"
grow={false}
panelled={false}
mainProps={{
css: mainStyles,
}}
responsive={[]}
>
<KibanaPageTemplate.Header
css={headerStyles}
bottomBorder={false}
aria-label={labels.header}
paddingSize="m"
responsive={false}
>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These components should not be here anymore, they now live in the AppLayout

Comment on lines +144 to +153
{/* <EuiFlexItem grow={false}>
<EuiButtonIcon
color="text"
iconType="search"
size="s"
display="base"
aria-label={searchConversationsLabel}
onClick={() => {}}
/>
</EuiFlexItem> */}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Out of scope to implement the search functionality via a modal rn

Comment on lines +36 to +40
const sidebarStyles = css`
@media (max-width: ${euiTheme.breakpoint.m - 1}px) {
display: none;
}
`;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

removes the sidebar at the correct breakpoint, same as how discover do it

Comment on lines +29 to +34
const onKeyDown = useCallback((event: KeyboardEvent) => {
if ((event.code === 'Period' || event.key === '.') && (isMac ? event.metaKey : event.ctrlKey)) {
event.preventDefault();
setIsCondensed((v) => !v);
}
}, []);
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

keyboard shortcut for opening and closing the sidebar

@chrisbmar chrisbmar marked this pull request as ready for review March 19, 2026 18:59
@chrisbmar chrisbmar requested a review from a team as a code owner March 19, 2026 18:59
@chrisbmar
Copy link
Copy Markdown
Contributor Author

Screen.Recording.2026-03-19.at.18.37.40.mov

@elasticmachine
Copy link
Copy Markdown
Contributor

elasticmachine commented Mar 19, 2026

💔 Build Failed

Failed CI Steps

Metrics [docs]

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

History

cc @chrisbmar

Copy link
Copy Markdown
Contributor

@SiddharthMantri SiddharthMantri left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally. LGTM on stateful too. Noticed that the sidebar disappears on smaller screens, but maybe we don't need to optimize for narrow screens? attached screenshot for reference

Image

@chrisbmar chrisbmar merged commit 53f5bfd into elastic:ab-agent-centric-ux-feature-branch Mar 19, 2026
12 of 14 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting release_note:skip Skip the PR/issue when compiling release notes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants