Ben Schumacher 7099dac602 [MM-70277] Improve plugin upload dropzone UX (#37569)
* Improve plugin upload dropzone UX

Co-authored-by: Ben Schumacher <hanzei@users.noreply.github.com>

* Refine plugin upload dropzone presentation

Co-authored-by: Ben Schumacher <hanzei@users.noreply.github.com>

* Update plugin upload Cypress specs

Co-authored-by: Ben Schumacher <hanzei@users.noreply.github.com>

* Preserve plugin upload drag state over children

Co-authored-by: Ben Schumacher <hanzei@users.noreply.github.com>

* Show plugin manifest name in upload success message

The success toast previously interpolated the raw uploaded filename
(e.g. mattermost-plugin-fl3xx-v0.8.1-linux-amd64.tar.gz), which is not
meaningful to admins. Use the plugin manifest name returned by the
upload response instead, falling back to the filename if unavailable.

* Indicate upgrade/downgrade/same-version on plugin overwrite

State whether an overwritten plugin's success message represents an
upgrade, downgrade, or same-version replace, comparing the previously
installed manifest version with the newly uploaded one via semver.

* Refine plugin upload dropzone presentation and uploading state.

Use a native button with Compass upload icon, keep progress inside the dropzone without changing height, and reserve button color for hover/drag-active.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Show selected filename in the dropzone and improve upload status messaging.

Keep success/error feedback aligned with the dropzone, with a green check or red alert icon beside the message.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix no-nested-ternary lint error in plugin upload dropzone

Extract the upload dropzone title text into a helper method to
satisfy eslint's no-nested-ternary rule.

* Fix stylelint order/properties-order errors in plugin_management.scss

* Add unit tests for formatUploadOverwriteMessage semver paths

Covers the upgrade, downgrade, same-version, and fallback
(missing/invalid semver) branches, which the automated test-analysis
bot flagged as untested.

* Add unit tests for remaining disabled-reason branches and file drop

Covers renderUploadDisabledReason's isDisabled and !enable branches,
and adds a fireEvent.drop test for handleUploadDrop, closing out the
remaining gaps from the automated test-analysis review.

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Ben Schumacher <hanzei@users.noreply.github.com>
Co-authored-by: Mattermost Build <build@mattermost.com>
Co-authored-by: Matthew Birtch <2040554+matthewbirtch@users.noreply.github.com>
Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-20 09:35:36 +02:00
2018-05-30 10:23:25 -04:00
2026-04-01 13:03:36 +00:00

Mattermost logo

Mattermost is an open core, self-hosted collaboration platform that offers chat, workflow automation, voice calling, screen sharing, and AI integration. This repo is the primary source for core development on the Mattermost platform; it's written in Go and React, runs as a single Linux binary, and relies on PostgreSQL. A new compiled version is released under an MIT license every month on the 16th.

Deploy Mattermost on-premises, or try it for free in the cloud.

mattermost user interface

Learn more about the following use cases with Mattermost:

Other useful resources:

Table of contents

Install Mattermost

Other install guides:

Native mobile and desktop apps

In addition to the web interface, you can also download Mattermost clients for Android, iOS, Windows PC, macOS, and Linux.

Get Mattermost on Google Play Get Mattermost on the App Store Get Mattermost on Windows PC Get Mattermost on Mac OSX Get Mattermost on Linux

Get security bulletins

Receive notifications of critical security updates. The sophistication of online attackers is perpetually increasing. If you're deploying Mattermost it's highly recommended you subscribe to the Mattermost Security Bulletin mailing list for updates on critical security releases.

Subscribe here

Get involved

Learn more

License

See the LICENSE file for license rights and limitations.

Get the latest news

Contributing

Small Image

Please see CONTRIBUTING.md. Join the Mattermost Contributors server to join community discussions about contributions, development, and more.

S
Description
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
Readme 2.3 GiB
Languages
TypeScript 48.2%
Go 41.4%
JavaScript 5.4%
SCSS 2.6%
HTML 2.1%
Other 0.2%