Skip to content

Releases: aws/mynah-ui

v4.35.1

30 May 06:08
1f3d303
Compare
Choose a tag to compare

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 focus
  • mynah-color-text-input-border-focused - the color of the input box border when it does have focus

v4.35.0

26 May 15:21
Compare
Choose a tag to compare

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 to DetailedListItem too to allow status colors on icons
  • filterActions to DetailedList: an array of ChatItemButton objects, which render at the bottom of the detailed list sheet
  • status to
    sheet header
  • clickabke option to DetailedListItem selectable property. Now you can say true, false or 'clickable'. Clickable will make it clickable and trigger a different handler called onItemClick
  • Back button to sheet header
  • actions to sheet header
  • confirmation 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 the selectable property set to true specifically, it doesn't make the items selectable. Previously the unset was true 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

Screenshot 2025-05-09 at 16 02 49

 

iconForegroundStatus

Screenshot 2025-05-09 at 16 03 29

 

filterActions

Screenshot 2025-05-09 at 16 05 24

 

select/option background

image

 

Sheet content height/scroll

Screen.Recording.2025-05-26.at.15.53.17.mov

 

Splash loader actions

splashLoaderActions

 

confirmation on buttons

image

 

Screen shift (buggy state)

image

 

Sheet status and back button

image

 

summary in ChatItem

image image

 

select in prompt input field footer

image

 

Markdown list items have additional spacing

image

 

Form items

image

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

Full Changelog: v4.34.1...v4.35.0

v4.34.1

09 May 10:49
516bc6d
Compare
Choose a tag to compare

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

02 May 01:46
04435ab
Compare
Choose a tag to compare

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

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

30 Apr 16:28
db7cba0
Compare
Choose a tag to compare

Updated Q icon
image

v4.33.0

30 Apr 13:32
2a9a409
Compare
Choose a tag to compare

This version includes several fixes and improvements;

Problems addressed

  • header status fields without a status color applied should get the disabled color instead of the weak color.
  • header is not possible to update partially, it requires all or none
  • switch component styles are not matching
  • status for the header 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 specific header.status.status value is given for muted cards
  • header can be updated partially, it helps keeping the user triggered collapsed/uncollapsed state of the fileList inside a header too. Basically every item in header can be updated partially. To update the buttons, you don't need to send the whole header object with its all previous values anymore.
  • switch component is created as an individual component with its own new styles.
  • Added position option to header.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

image
image
image
image
image

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

29 Apr 14:41
5fbdf92
Compare
Choose a tag to compare

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' button status 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:

image

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

Fixed the file indexing:
image

v4.32.0

28 Apr 12:43
3c846e1
Compare
Choose a tag to compare

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

Wrapped code blocks:

image

v4.31.1

27 Apr 18:50
87e6cbd
Compare
Choose a tag to compare

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

25 Apr 13:47
51a7e8e
Compare
Choose a tag to compare

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)
    Screenshot 2025-04-25 at 15 43 31

  • Added foreground status color options for icons (by @Jurredr in #297)

icon
  • Added muted property on chat item cards (by @Jurredr in #299)
icon icon
  • Added alternateTooltip to checkboxes (by @dogusata in #294)

  • Added onMessageDismiss event (by @dogusata in #294)

  • Added shimmer text effect for chat items (by @Jurredr in #307)
    shimmer

  • Added center alignment option for card contents (by @dogusata in #294)
    Screenshot 2025-04-25 at 15 47 12

  • Added stop button in prompt input, taking send button's place while streaming (by @dogusata in #294)
    Screenshot 2025-04-25 at 15 43 56

  • Added dismissible cards (by @dogusata in #294)

icon fileListDetailsChanges padding

Changed

  • Updated several parts of file lists to be usable for code suggestions (by @dogusata in #294)
codeResult
  • 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