docs: move premium and enterprise badges from heading to info in admonition (coder#15774)

EdwardAngert · EdwardAngert · web-flow · commit 21cc6f77fed4 · 2024-12-17T18:20:01.000Z
closes coder/coder.com#666 [preview](https://coder.com/docs/@666-unheading-premium/user-guides/workspace-scheduling#autostop-requirement) --------- Co-authored-by: EdwardAngert <2408959-EdwardAngert@users.noreply.gitlab.com> Co-authored-by: EdwardAngert <17991901+EdwardAngert@users.noreply.github.com>
diff --git a/.vscode/markdown.code-snippets b/.vscode/markdown.code-snippets
@@ -20,6 +20,14 @@
 		"body": "![${TM_SELECTED_TEXT:${1:alt}}](${2:url})$0",
 		"description": "image"
 	},
+	"premium-feature": {
+		"prefix": "#premium-feature",
+		"body": [
+			"<blockquote class=\"info\">\n",
+			"${1:feature} ${2|is,are|} an Enterprise and Premium feature. [Learn more](https://coder.com/pricing#compare-plans).\n",
+			"</blockquote>"
+		]
+	},
 	"tabs": {
 		"prefix": "#tabs",
 		"body": [
diff --git a/docs/admin/external-auth.md b/docs/admin/external-auth.md
@@ -179,11 +179,16 @@ Optionally, you can request custom scopes:
 CODER_EXTERNAL_AUTH_0_SCOPES="repo:read repo:write write:gpg_key"
 ```
 
-## Multiple External Providers (enterprise) (premium)
+## Multiple External Providers
 
-Multiple providers are an Enterprise feature.
-[Learn more](https://coder.com/pricing#compare-plans). Below is an example
-configuration with multiple providers.
+<blockquote class="info">
+
+Multiple providers is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
+
+Below is an example configuration with multiple providers:
 
 ```env
 # Provider 1) github.com
@@ -204,7 +209,7 @@ CODER_EXTERNAL_AUTH_1_TOKEN_URL="https://github.example.com/login/oauth/access_t
 CODER_EXTERNAL_AUTH_1_VALIDATE_URL="https://github.example.com/api/v3/user"
 ```
 
-To support regex matching for paths (e.g. github\.com/org), you'll need to add
+To support regex matching for paths (e.g. `github\.com/org`), you'll need to add
 this to the
 [Coder agent startup script](https://registry.terraform.io/providers/coder/coder/latest/docs/resources/agent#startup_script):
 
diff --git a/docs/admin/infrastructure/validated-architectures/index.md b/docs/admin/infrastructure/validated-architectures/index.md
@@ -343,7 +343,7 @@ could affect workspace users experience once the platform is live.
    versions into Coder from git. For example, on GitHub, you can use the
    [Setup Coder](https://github.com/marketplace/actions/setup-coder) action.
 1. Evaluate enabling
-   [automatic template updates](../../templates/managing-templates/index.md#template-update-policies-enterprise-premium)
+   [automatic template updates](../../templates/managing-templates/index.md#template-update-policies)
    upon workspace startup.
 
 ### Observability
diff --git a/docs/admin/monitoring/notifications/index.md b/docs/admin/monitoring/notifications/index.md
@@ -78,9 +78,8 @@ can only be delivered to one method, and this method is configured globally with
 will be disabled.
 
 Premium customers can configure which method to use for each of the supported
-[Events](#workspace-events); see the
-[Preferences](#delivery-preferences-enterprise-premium) section below for more
-details.
+[Events](#workspace-events); see the [Preferences](#delivery-preferences)
+section below for more details.
 
 ## SMTP (Email)
 
@@ -232,7 +231,14 @@ notification is indicated on the right hand side of this table.
 
 ![User Notification Preferences](../../../images/admin/monitoring/notifications/user-notification-preferences.png)
 
-## Delivery Preferences (enterprise) (premium)
+## Delivery Preferences
+
+<blockquote class="info">
+
+Delivery preferences is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Administrators can configure which delivery methods are used for each different
 [event type](#event-types).
diff --git a/docs/admin/networking/index.md b/docs/admin/networking/index.md
@@ -176,7 +176,14 @@ coder server, so they can only be geo-distributed with High Availability mode in
 our Premium Edition. [Reach out to Sales](https://coder.com/contact) to learn
 more.
 
-## Browser-only connections (enterprise) (premium)
+## Browser-only connections
+
+<blockquote class="info">
+
+Browser-only connections is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Some Coder deployments require that all access is through the browser to comply
 with security policies. In these cases, pass the `--browser-only` flag to
@@ -186,7 +193,14 @@ With browser-only connections, developers can only connect to their workspaces
 via the web terminal and
 [web IDEs](../../user-guides/workspace-access/web-ides.md).
 
-### Workspace Proxies (enterprise) (premium)
+### Workspace Proxies
+
+<blockquote class="info">
+
+Workspace proxies are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Workspace proxies are a Coder Enterprise feature that allows you to provide
 low-latency browser experiences for geo-distributed teams.
diff --git a/docs/admin/networking/port-forwarding.md b/docs/admin/networking/port-forwarding.md
@@ -129,7 +129,14 @@ resource uses a different method of authentication and **is not impacted by the
 template's maximum sharing level**, nor the level of a shared port that points
 to the app.
 
-### Configure maximum port sharing level (enterprise) (premium)
+### Configure maximum port sharing level
+
+<blockquote class="info">
+
+Configuring port sharing level is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Premium-licensed template admins can control the maximum port sharing level for
 workspaces under a given template in the template settings. By default, the
diff --git a/docs/admin/setup/appearance.md b/docs/admin/setup/appearance.md
@@ -1,4 +1,11 @@
-# Appearance (enterprise) (premium)
+# Appearance
+
+<blockquote class="info">
+
+Customizing Coder's appearance is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Customize the look of your Coder deployment to meet your enterprise
 requirements.
diff --git a/docs/admin/templates/managing-templates/index.md b/docs/admin/templates/managing-templates/index.md
@@ -58,7 +58,14 @@ infrastructure, software, or security patches. Learn more about
 
 ![Updating a template](../../../images/templates/update.png)
 
-### Template update policies (enterprise) (premium)
+### Template update policies
+
+<blockquote class="info">
+
+Template update policies are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Licensed template admins may want workspaces to always remain on the latest
 version of their parent template. To do so, enable **Template Update Policies**
diff --git a/docs/admin/templates/managing-templates/schedule.md b/docs/admin/templates/managing-templates/schedule.md
@@ -12,9 +12,8 @@ Template [admins](../../users/index.md) may define these default values:
 - [**Default autostop**](../../../user-guides/workspace-scheduling.md#autostop):
   How long a workspace runs without user activity before Coder automatically
   stops it.
-- [**Autostop requirement**](#autostop-requirement-enterprise-premium): Enforce
-  mandatory workspace restarts to apply template updates regardless of user
-  activity.
+- [**Autostop requirement**](#autostop-requirement): Enforce mandatory workspace
+  restarts to apply template updates regardless of user activity.
 - **Activity bump**: The duration of inactivity that must pass before a
   workspace is automatically stopped.
 - **Dormancy**: This allows automatic deletion of unused workspaces to reduce
@@ -27,13 +26,27 @@ allow users to define their own autostart and autostop schedules. Admins can
 restrict the days of the week a workspace should automatically start to help
 manage infrastructure costs.
 
-## Failure cleanup (enterprise) (premium)
+## Failure cleanup
+
+<blockquote class="info">
+
+Failure cleanup is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Failure cleanup defines how long a workspace is permitted to remain in the
 failed state prior to being automatically stopped. Failure cleanup is only
 available for licensed customers.
 
-## Dormancy threshold (enterprise) (premium)
+## Dormancy threshold
+
+<blockquote class="info">
+
+Dormancy threshold is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Dormancy Threshold defines how long Coder allows a workspace to remain inactive
 before being moved into a dormant state. A workspace's inactivity is determined
@@ -43,13 +56,27 @@ the user before being accessible. Coder stops workspaces during their transition
 to the dormant state if they are detected to be running. Dormancy Threshold is
 only available for licensed customers.
 
-## Dormancy auto-deletion (enterprise) (premium)
+## Dormancy auto-deletion
+
+<blockquote class="info">
+
+Dormancy auto-deletion is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Dormancy Auto-Deletion allows a template admin to dictate how long a workspace
 is permitted to remain dormant before it is automatically deleted. Dormancy
 Auto-Deletion is only available for licensed customers.
 
-## Autostop requirement (enterprise) (premium)
+## Autostop requirement
+
+<blockquote class="info">
+
+Autostop requirement is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Autostop requirement is a template setting that determines how often workspaces
 using the template must automatically stop. Autostop requirement ignores any
@@ -79,7 +106,14 @@ Autostop requirement is disabled when the template is using the deprecated max
 lifetime feature. Templates can choose to use a max lifetime or an autostop
 requirement during the deprecation period, but only one can be used at a time.
 
-## User quiet hours (enterprise) (premium)
+## User quiet hours
+
+<blockquote class="info">
+
+User quiet hours are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 User quiet hours can be configured in the user's schedule settings page.
 Workspaces on templates with an autostop requirement will only be forcibly
diff --git a/docs/admin/templates/template-permissions.md b/docs/admin/templates/template-permissions.md
@@ -1,4 +1,11 @@
-# Permissions (enterprise) (premium)
+# Permissions
+
+<blockquote class="info">
+
+Template permissions are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Licensed Coder administrators can control who can use and modify the template.
 
diff --git a/docs/admin/users/groups-roles.md b/docs/admin/users/groups-roles.md
@@ -31,7 +31,14 @@ Roles determine which actions users can take within the platform.
 A user may have one or more roles. All users have an implicit Member role that
 may use personal workspaces.
 
-## Custom Roles (Premium) (Beta)
+## Custom Roles
+
+<blockquote class="info">
+
+Custom roles are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Starting in v2.16.0, Premium Coder deployments can configure custom roles on the
 [Organization](./organizations.md) level. You can create and assign custom roles
diff --git a/docs/admin/users/idp-sync.md b/docs/admin/users/idp-sync.md
@@ -1,4 +1,11 @@
-# IDP Sync (enterprise) (premium)
+# IDP Sync
+
+<blockquote class="info">
+
+IDP sync is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 If your OpenID Connect provider supports group claims, you can configure Coder
 to synchronize groups in your auth provider to groups within Coder. To enable
@@ -205,7 +212,14 @@ Users who are not in a matching group will see the following error:
 
 <Image height="412px" src="../../images/admin/group-allowlist.png" alt="Unauthorized group error" align="center" />
 
-## Role sync (enterprise) (premium)
+## Role sync
+
+<blockquote class="info">
+
+Role sync is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 If your OpenID Connect provider supports roles claims, you can configure Coder
 to synchronize roles in your auth provider to roles within Coder.
@@ -337,7 +351,14 @@ Visit the Coder UI to confirm these changes:
 
 </div>
 
-## Organization Sync (Premium)
+## Organization Sync
+
+<blockquote class="info">
+
+Organization sync is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 If your OpenID Connect provider supports groups/role claims, you can configure
 Coder to synchronize claims in your auth provider to organizations within Coder.
diff --git a/docs/admin/users/oidc-auth.md b/docs/admin/users/oidc-auth.md
@@ -130,7 +130,14 @@ your Coder deployment:
 CODER_DISABLE_PASSWORD_AUTH=true
 ```
 
-## SCIM (enterprise) (premium)
+## SCIM
+
+<blockquote class="info">
+
+SCIM is an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Coder supports user provisioning and deprovisioning via SCIM 2.0 with header
 authentication. Upon deactivation, users are
diff --git a/docs/user-guides/workspace-access/vscode.md b/docs/user-guides/workspace-access/vscode.md
@@ -16,7 +16,7 @@ extension, authenticates with Coder, and connects to the workspace.
 ![Demo](https://github.com/coder/vscode-coder/raw/main/demo.gif?raw=true)
 
 > The `VS Code Desktop` button can be hidden by enabling
-> [Browser-only connections](../../admin/networking/index.md#browser-only-connections-enterprise-premium).
+> [Browser-only connections](../../admin/networking/index.md#browser-only-connections).
 
 ### Manual Installation
 
diff --git a/docs/user-guides/workspace-management.md b/docs/user-guides/workspace-management.md
@@ -88,7 +88,14 @@ manually updated the workspace.
 
 ![Automatic Updates](../images/workspace-automatic-updates.png)
 
-## Bulk operations (enterprise) (premium)
+## Bulk operations
+
+<blockquote class="info">
+
+Bulk operations are an Enterprise and Premium feature.
+[Learn more](https://coder.com/pricing#compare-plans).
+
+</blockquote>
 
 Licensed admins may apply bulk operations (update, delete, start, stop) in the
 **Workspaces** tab. Select the workspaces you'd like to modify with the
diff --git a/docs/user-guides/workspace-scheduling.md b/docs/user-guides/workspace-scheduling.md
diff --git a/enterprise/coderd/scim.go b/enterprise/coderd/scim.go
diff --git a/site/src/pages/DeploymentSettingsPage/SecuritySettingsPage/SecuritySettingsPageView.tsx b/site/src/pages/DeploymentSettingsPage/SecuritySettingsPage/SecuritySettingsPageView.tsx
diff --git a/site/src/pages/TemplateVersionEditorPage/PublishTemplateVersionDialog.tsx b/site/src/pages/TemplateVersionEditorPage/PublishTemplateVersionDialog.tsx
