Releases: aws/mynah-ui
v4.35.1
In this version added new css custom properties to allow hosts define border colors for the input box, both for when the box has focus and when it doesn't:
mynah-color-text-input-border
- the color of the input box border when the box does not have focusmynah-color-text-input-border-focused
- the color of the input box border when it does have focus
v4.35.0
This version includes several feature additions and bug fixes.
Added
- Form item of type
list
, which will group one or multiple form items and allow adding / removing rows iconForegroundStatus
toDetailedListItem
too to allow status colors on iconsfilterActions
toDetailedList
: an array ofChatItemButton
objects, which render at the bottom of the detailed list sheetstatus
to
sheet headerclickabke
option to DetailedListItemselectable
property. Now you can saytrue
,false
or'clickable'
. Clickable will make it clickable and trigger a different handler calledonItemClick
- Back button to sheet header
actions
to sheet headerconfirmation
to all the available action and buttons in system.summary
structure to ChatItem.- added/updated icons:
eye
,play
,block
,cancel-circle
,ellipsis-h
,minus-circled
,ok-circled
,ok
,pencil
,plus
,refresh
,tools
,trash
Updated
- Splash loader spinner replaced with regular spinner from icons. Old Q animation is removed.
Fixed
- Theme background doesn't apply to select option picker background.
- Tabs sometimes being closed with right mouse click too. It should close only when middle mouse button clicked
- Context selector button is visible (but disabled) even of there is no context available. Has to be completely hidden.
- Context selection fails if prompt input field doesn't have focus.
- If the form or description field on top of the sheet is too high, it is not possible to see the content underneath. It has to scroll as a whole
- It is not possible to skip/cancel the splash loader screen. It requires additional buttons
- cards have radiuses more than they should have
- if
datailedList
doesn't have theselectable
property set totrue
specifically, it doesn't make the items selectable. Previously the unset wastrue
by default. - If you have a
/
command, which doesn't have a placeholder (which means that you can only directly select it without an additonal prompt text) and triggers onChatPrompt after it is being selected with enter or mouse click and on the onChatPrompt if you switch to a different tab dynamically, screen shifts. It should properly show the screen. - It is not possible to update the header actions, header title and the description field on a
sheet
content field. In addition to detailedList content and filterOptions, it should also update all the header content. - Texts are clipping from button if a whole chat content is reloaded. It should properly show the texts.
- Tooltips sometimes remains on screen. They should be removed if their target element is moved or removed too.
switch
formItem type component's color are reverse. It should use the bacground color when active in the handle not in the background.- Size of select form item inside prompt input field footer is too big. It should be a little bit smaller.
- There is an extra space after the list items inside a list item. It should follow the same line-height and the spacing with the normal texts.
- Form item sizings are not looking proper, especially inside IDEs. They should be smaller in padding and size (especially for checkbox and radiogroup).
- Description of form items shows underneath the form item, they should appear after the label of the form item.
Changes' Screenshots
list
form item type
iconForegroundStatus
filterActions
select/option background
Sheet content height/scroll
Screen.Recording.2025-05-26.at.15.53.17.mov
Splash loader actions

confirmation
on buttons

Screen shift (buggy state)

Sheet status and back button

summary
in ChatItem


select
in prompt input field footer

Markdown list items have additional spacing

Form items

What's Changed
- Jurredr/split e2e platforms by @Jurredr in #328
- Added "list" form item, detailedList icon colors & filterActions by @Jurredr in #329
- fix: apply background to selection list items by @awschristou in #331
- Middle click (and only middle click) closes tabs by @bryceitoc9 in #332
- feat: added new functionalities and fixes on detailedList sheet by @dogusata in #325
- Changed version to 4.35.0 by @Jurredr in #333
- Jurredr/scroll issue by @Jurredr in #334
- Dogusata/bug fixes related with detailed list by @dogusata in #335
- fix: autofocus shifts screen after command selection with click by @dogusata in #337
New Contributors
- @awschristou made their first contribution in #331
- @bryceitoc9 made their first contribution in #332
Full Changelog: v4.34.1...v4.35.0
v4.34.1
This version includes several hot fixes related with context selector button and the content selection with mouse input instead of keyboard navigation.
- Context button visibility is binded to the available context items list. Instead of making it disabled, now we're hiding it completely if there is no context available.
- Before inserting the context, we're now strictly checking if the
window.getSelection()
is in the range of the actual input itself, to avoid unmatched range while inserting items with mouse click instead of keyboard navigation. - Lowered the opacity of muted cards to make them more distinguishable
v4.34.0
This version includes the addition of promptInputButtons
and complete new rendering structure for markdown udpates. Many of rerenders are being skipped now if they are already the same.
New feature
- Added
promptInputButtons
to the same place with the prompt input options but they work as buttons. The button actions can be handled through onPromptInputButtonClick.
Updates
- Rendering structure of markdown updates are completely changed. Now instead of rerendering all the markdown content block, it partially checks elements created, compares their render-index tokens and content changes for each child element. Especially on code blocks, it just checks the inner part of the pre elements and updates the block partially without touching the code block action and especially the more content indicator in case the code block content height exceeds the max height.
'block'
(MynahIcons.BLOCK
) icon updated with the corrected one
v4.33.1
v4.33.0
This version includes several fixes and improvements;
Problems addressed
header
status fields without a status color applied should get thedisabled
color instead of theweak
color.header
is not possible to update partially, it requires all or noneswitch
component styles are not matchingstatus
for theheader
is only available on the right side, it should be optional to put it on the left- spacings are not matching the expected designs
- spacing after a DIRECTIVE without lines or horizontally center aligned was wrong
- no option to horizontally align the DIRECTIVE card to center without having the side lines
- Refreshing content on the header causes a flickr jump
Solutions applied
- Color of the
header.status
is changed in case of no specificheader.status.status
value is given formuted
cards header
can be updated partially, it helps keeping the user triggered collapsed/uncollapsed state of thefileList
inside a header too. Basically every item in header can be updated partially. To update the buttons, you don't need to send the wholeheader
object with its all previous values anymore.switch
component is created as an individual component with its own new styles.- Added
position
option toheader.status
to allow consumer to put the status field to the left of the header or keep it on right. - All spacings readjusted depending on the expected values
- Spacing after DIRECTIVE card depending on its state is updated.
- side lines for the DIRECTIVE card are being added only if the card is horizontally center and
fullWidth: true
- Removed the reveal animation from the header blocks
What's Changed
- Disabled color for no-status header status fields by @Jurredr in #319
- Dogusata/styling updates status changes by @dogusata in #320
Full Changelog: v4.32.1...v4.33.0
v4.32.1
This version includes several fixes and styling improvements.
- Fixed side and top/bottom padding of user prompt cards
- Reduced the font size and set the color to weak for DIRECTIVE card types and the footer text block
- Added
'dimmed-clear'
buttonstatus
option. - Reduced the spacing for more content indicator
- Increased space after DIRECTIVE content.
- Fixed some files were not showing up in the file-tree list:
With data:
{
"messageId": "tooluse_8-ry4ir8SVq2PqDm_8s0tA",
"type": "answer",
"body": "\n\n\n\n\n\n",
"header": {
"fileList": {
"fileTreeTitle": "",
"filePaths": [
"/Users/laileni/Downloads/hupper/src/hupper",
"/Users/laileni/Downloads/hupper/src/hupper/tests",
"/Users/laileni/Downloads/hupper/tests",
"/Users/laileni/Downloads/hupper/tests/hupper"
],
"rootFolderTitle": "4 directories listed",
"flatList": true,
"collapsed": true,
"hideFileCount": true,
"details": {}
}
},
"buttons": [],
"padding": false,
"codeBlockActions": {
"insert-to-cursor": null,
"copy": null
}
}
Solution
v4.32.0
This version includes several UI papercut fixes and a new parameter on ChatItem
called wrapCodes
, which wraps codes.
- Code block font-size is readjusted
- Spacing between cards and sides of the main wrapper readjusted
- Fixed fader for transitioning to scroll area at the bottom of the main wrapper
- Fixed side padding on DIRECTIVE type cards

v4.31.1
This version introduces a bugfix to remove an extra curly brace from the detailed list item description. Refer to the full changelog for details.
Fixed
- Removed extra curly brace in detailed list item description (by @avi-alpert in #313)
Full Changelog: v4.31.0...v4.31.1
v4.31.0
This version introduces a ton of new features and changes to allow for a more complete, modern, and compact chat experience. Several new properties were added to chat items, and countless minor bugs and paper cuts were addressed. Refer to the updated documentation for more information on the new properties.
Added
-
Added custom SVG icon loader from base64 (by @Jurredr in #301)
-
Added foreground status color options for icons (by @Jurredr in #297)



-
Added
shimmer
text effect for chat items (by @Jurredr in #307)
-
Added center alignment option for card contents (by @dogusata in #294)
-
Added stop button in prompt input, taking send button's place while streaming (by @dogusata in #294)



Changed

- Updated context selector search algorithm to be less overly lenient (by @Jurredr in #298)
- Adjusted almost all sizings, spacing, line heights, and font sizes (by @dogusata in #294)
- Moved CSS style loading to centralized StyleLoader (by @dogusata in #294)
- Extended onFileClick to return full file details (by @Jurredr in #306)
- Right aligned buttons for full-width cards (by @Jurredr in #306)
- Persist folder underline and collapsed state on re-renders (by @dogusata in #294)
- Removed the streaming answer loading indicator on chat item cards (by @dogusata in #294)
- Countless minor bug fixes (by @dogusata in #294)
Full Changelog: v4.30.3...v4.31.0