[Experimental] Release 33

in order to receive this update, you have to use the experimental build of the app!

NOTE: Most of this update is design-related

Changes

Let's all welcome a new design language: StudioUI 2!
Why the redesign?
- The app provided a very poor experience for low-contrast monitors / colorblind users.
- The old design language didn't provide a proper reaction to interaction.
- The old design was generally inconsistent.

Let's see what's new:

(top image: new, bottom image: old)
- Commands within folders are now marked with a simple bar at the left - easily allowing for multiple commands inside one singular folder!
- Elements occupy all the space of the container
- Command symbols are contained in an indicator box (you're going to see a trend)

The same design language applies to actions too, but the changes aren't as noticeable:

Now, let's move on to interaction reactions a bit - this was seriously changed.

STATE:Normal

STATE:Hover

Element grows a border inside of itself, element text moves to the right.

STATE:Active

Element maintains border, but uses accent color. This is not seeable in the provided example, but the accent color can be a different color other than white. Currently, the accent is not settable from within the app, but that's a planned feature.

STATE:Selected

Element indicator receives scale-up, whilst element itself slightly glows, element text slightly moves to the right.

Let's take a look at the command info pane. Notice what's changed?
Current

Old

It's become less bulky! It also adapted parts of the new design language (where it could).

Moving on to parameters, they were also redesigned (& new functionality was added too!)

Parameters adapted the current design language. Not only, but now they have either a "?" or a "!" inside the indicator box to show if they're required or optional!
Also, you can also use the up/down arrow keys to browse parameters & del to delete one.

I also updated right-click menu animations to further feel more consistent with the rest of the app

Variable insertion was also updated - but not just visually

It also has a better, non case-sensitive, whitespace-ignorant search algorithm.

Updated action search - with the one crucial feature I didn't add.

You can now use the up/down arrow keys and enter to select an action you searched for! An outline will be placed around the action you searched.

The action window was also darkened
Current

Old

Toggles were also updated (again)
Current

Old

Not only has their animation changed, they got smaller (therefore allowing for more content)

Say hello to search! (again)

Search was first introduced back in October - just a while after the app launched. Search was very basic, though! Now, search can run automations (more about these later) & look for commands/events and actions.
Not to add, search was also redesigned to further match the design language of this app

The animations were also updated:

Send Message update options

Remember when edit message was a separate action? When it was merged into send message, the "Don't Edit" feature was taken away - but it's made a comeback!

Other Changes

• Set Bot Activity received a "Streaming" option
• Added a boost event
• Fixed lag in permissions editor
• Get Message Info > Content on message commands returning undefined has been fixed

The redesigns don't stop here - but I'm just waiting for user feedback.