discourse/app/assets/stylesheets/admin
Martin Brennan d4ac43e605
FEATURE: Upcoming changes part 1 (#34617)
This PR introduces part one of the "Upcoming changes" interface for
Discourse admins.

The upcoming changes feature is an enhancement around our existing
site-setting based feature flagging and experiments system. With some
light metadata, we can give admins a much better overview of the current
work we are doing, with ways for them to opt-out in early stages and
opt-in to things that we haven’t yet turned on by default for them.

This system, along with encouraging a more liberal use of site setting
flags for features, experiments, and refactors in the app, should
minimise the problem of breakages and disruptions for all Discourse
users. It is also our intent with this system for it to be easier for
designers to add and remove these changes.

Finally, it also gives us a kind of running changelog that we can use to
communicate with site owners before releases and “What’s new?” updates.

### FOR REVIEWERS

This initial PR is gated behind a hidden `enable_upcoming_changes` site
setting, because there is still more work to do before we reveal this to
admins.

To test the UI, you can add this metadata under any boolean-based site
setting, though upcoming change settings will specifically be hidden:

```
upcoming_change:
   status: "alpha" (see UpcomingChanges.statuses.keys)
   impact: "feature,staff" (feature|other for the first part, staff|admins|moderators|all_members|developers for the second part)
   learn_more_url: "https://some.url"
```

To test the images, add an image under `public/images/upcoming_changes`
with the file name as `SITE_SETTING_NAME.png`

### Interface

Admins can see the following in the interface for upcoming changes:

* The status of the change. Changes can progress along these statuses:
   * Pre-Alpha
   * Alpha
   * Beta
   * Stable
   * Permanent
* The impact of the change. This is split into Type and Role. Type can
be "Feature" or "Other" for now. Changes may affect the following roles:
   * Admins
   * Moderators
   * Staff
   * All members
* The plugin that is making the change
* The groups that are opted-in to the change. Admins can control these
groups for a gradual rollout. If a change is enabled, it is limited to
these groups.
* In some cases, an image related to the change, behind the "Preview"
link
* A link to learn more about the change

Admins can filter the changes by name, description, plugin, status,
impact type, and whether the change is enabled.

### Promotion system

For our hosted customers, we intend to have a status-based
auto-promotion system as changes progress.

For all sites, once a change reaches the Stable status, if an admin
opts-out of that change it will generate an admin problem message that
will be shown on the dashboard.

For self-hosted Discourse admins, changes will only be forcibly enabled
when they reach the Permanent state.

### Notification system

A notification system for upcoming changes so admins can stay informed
will be added in a followup PR.

---------

Co-authored-by: awesomerobot <kris.aubuchon@discourse.org>
2025-10-30 10:46:14 +10:00
..
admin_base.scss FEATURE: Upcoming changes part 1 (#34617) 2025-10-30 10:46:14 +10:00
admin_bulk_users_delete_modal.scss
admin_config_area.scss FEATURE: Enable new color palette edit page (#34566) 2025-09-01 05:37:34 +03:00
admin_config_color_palettes.scss FEATURE: Enable new color palette edit page (#34566) 2025-09-01 05:37:34 +03:00
admin_config_components.scss DEV: Use reusable d-table instead of admin-only styles (#33531) 2025-07-10 19:58:04 -06:00
admin_filter.scss DEV: Replace all @breakpoint with @viewport.* (#32649) 2025-05-12 12:52:45 +01:00
admin_filter_controls.scss FEATURE: Upcoming changes part 1 (#34617) 2025-10-30 10:46:14 +10:00
admin_intro.scss DEV: Replace all @breakpoint with @viewport.* (#32649) 2025-05-12 12:52:45 +01:00
admin_report.scss UX: don't highlight admin content on hover if it isn't clickable (#34332) 2025-08-14 15:59:29 -04:00
admin_report_chart.scss
admin_report_counters.scss DEV: Introduce postcss minmax transform (#31885) 2025-03-18 19:28:52 +00:00
admin_report_inline_table.scss
admin_report_radar.scss
admin_report_stacked_chart.scss
admin_report_stacked_line_chart.scss
admin_report_table.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
admin_reports.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
admin_section_landing_page.scss UX: don't highlight admin content on hover if it isn't clickable (#34332) 2025-08-14 15:59:29 -04:00
admin_table.scss UX: make admin list item headings clickable (#34772) 2025-09-15 09:08:50 -04:00
admin_user_fields.scss FEATURE: Allow hiding user fields on signup form (#34672) 2025-09-15 10:42:07 +08:00
api.scss DEV: Use reusable d-table instead of admin-only styles (#33531) 2025-07-10 19:58:04 -06:00
backups.scss UX: fix width on hidden-upload-field on the admin backup btn (#34103) 2025-08-06 10:08:29 +02:00
badges.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
color-palette-editor.scss FIX: Safari color palette pasting (#35348) 2025-10-13 13:37:37 +08:00
color_palettes.scss UX: make admin list item headings clickable (#34772) 2025-09-15 09:08:50 -04:00
customize-install-theme.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
customize.scss UX: Replace dropdown with a dedicated index page for email templates (#35284) 2025-10-13 13:05:26 +03:00
customize_show_schema.scss FEATURE: porting type object to site settings (#32706) 2025-05-13 14:30:24 -03:00
dashboard.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
emails.scss UX: minor improvements to the admin email log layout (#34735) 2025-09-05 10:11:45 -04:00
flags.scss DEV: Move mobile-specific admin styles to admin css bundle (#31529) 2025-02-27 17:20:55 +00:00
json_schema_editor.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
mini_profiler.scss
penalty.scss DEV: Update linting (#32836) 2025-05-21 12:02:52 +02:00
plugins.scss UX: on plugin index, unlink preinstall, simplify install banner (#33910) 2025-07-29 09:04:07 -04:00
schema_field.scss DEV: Replace all @breakpoint with @viewport.* (#32649) 2025-05-12 12:52:45 +01:00
schema_setting_editor.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00
search.scss UX: Improve admin search padding (#34280) 2025-08-13 17:00:53 +10:00
settings.scss FEATURE: Show themeable site settings in site setting lists (#34666) 2025-09-22 10:55:23 +10:00
sidebar.scss
site-settings.scss FEATURE: Themeable site settings (#32233) 2025-07-16 11:00:21 +10:00
staff_logs.scss FEATURE: Upcoming changes part 1 (#34617) 2025-10-30 10:46:14 +10:00
upcoming-changes.scss FEATURE: Upcoming changes part 1 (#34617) 2025-10-30 10:46:14 +10:00
users.scss UX: Content border color (#33908) 2025-07-28 16:17:06 -05:00