Adds cloud patches to home & welcome

src/webviews/apps/home/home.html

@@ -169,7 +169,7 @@
 						class="nav-list__access"
 						title="Requires a trial or paid plan to use this on privately hosted repos"
 						aria-label="Requires a trial or paid plan to use this on privately hosted repos"
-						>✨</span
+						><span class="nav-list__access--preview">Preview</span> ✨</span
 					></a
 				>
 				<a
@@ -198,6 +198,23 @@
 				>
 				<a
 					class="nav-list__item"
+					href="command:gitlens.showDraftsView"
+					title="Show Cloud Patches view"
+					aria-label="Show Cloud Patches view"
+					data-requires="repo"
+					><code-icon class="nav-list__icon" icon="gl-cloud-patch"></code-icon
+					><span class="nav-list__group"
+						><span class="nav-list__label">Cloud Patches</span
+						><span class="nav-list__desc">New!</span></span
+					><span
+						class="nav-list__access"
+						title="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
+						aria-label="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
+						><span class="nav-list__access--preview">Preview</span> ☁️</span
+					></a
+				>
+				<a
+					class="nav-list__item"
 					href="command:gitlens.showStashesView"
 					title="Show Stashes view"
 					aria-label="Show Stashes view"
@@ -216,22 +233,6 @@
 				>
 				<a
 					class="nav-list__item"
-					href="command:gitlens.showDraftsView"
-					title="Show Cloud Patches view"
-					aria-label="Show Cloud Patches view"
-					data-requires="repo"
-					hidden
-					><code-icon class="nav-list__icon" icon="gl-cloud-patch"></code-icon
-					><span class="nav-list__label">Cloud Patches</span
-					><span
-						class="nav-list__access"
-						title="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
-						aria-label="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
-						>☁️</span
-					></a
-				>
-				<a
-					class="nav-list__item"
 					href="command:gitlens.showWorkspacesView"
 					title="Show GitKraken Workspaces view"
 					aria-label="Show GitKraken Workspaces view"
@@ -242,7 +243,7 @@
 						class="nav-list__access"
 						title="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
 						aria-label="Requires a GitKraken account and access is based on your plan, e.g. Free, Pro, etc"
-						>☁️</span
+						><span class="nav-list__access--preview">Preview</span> ☁️</span
 					></a
 				>
 				<a

src/webviews/apps/home/home.scss

@@ -376,17 +376,42 @@ gl-button {
 		width: 100%;
 	}
 
+	&__desc {
+		color: var(--color-foreground--65);
+		font-variant: all-small-caps;
+		margin-left: 1rem;
+	}
+
+	&__group {
+		width: 100%;
+		display: flex;
+		justify-content: flex-start;
+	}
+
+	&__group &__label {
+		width: auto;
+	}
+
 	&__access {
 		position: relative;
 		left: 1.5rem;
 		filter: grayscale(1);
 		opacity: 0.4;
+		white-space: nowrap;
+
+		&--preview {
+			font-variant: all-small-caps;
+		}
 	}
 
 	&__item:hover &__label {
 		text-decoration: underline;
 	}
 
+	&__item:hover &__desc {
+		color: var(--color-foreground);
+	}
+
 	&__item:hover &__access {
 		filter: none;
 		opacity: 1;

src/webviews/apps/welcome/welcome.html

@@ -193,6 +193,13 @@
 						><code-icon icon="gl-branches-view" size="20"></code-icon>Branches</a
 					>
 					<a
+						href="command:gitlens.showDraftsView"
+						data-requires="repo"
+						title="Show Cloud Patches view"
+						aria-label="Show Cloud Patches view"
+						><code-icon icon="gl-cloud-patch" size="20"></code-icon>Cloud Patches ☁️</a
+					>
+					<a
 						href="command:gitlens.showRemotesView"
 						data-requires="repo"
 						title="Show Remotes view"
@@ -231,14 +238,6 @@
 						><code-icon icon="gl-search-view" size="20"></code-icon>Search &amp; Compare</a
 					>
 					<a
-						href="command:gitlens.showDraftsView"
-						data-requires="repo"
-						title="Show Cloud Patches view"
-						aria-label="Show Cloud Patches view"
-						hidden
-						><code-icon icon="gl-cloud-patch" size="20"></code-icon>Cloud Patches ☁️</a
-					>
-					<a
 						href="command:gitlens.showWorkspacesView"
 						data-requires="repo"
 						title="Show GitKraken Workspaces view"
@@ -522,25 +521,10 @@
 						><code-icon icon="graph-scatter"></code-icon><span>Visual File History ✨</span></a
 					>
 					<a
-						href="command:gitlens.showStashesView"
-						data-requires="repo"
-						title="Show Stashes view"
-						aria-label="Show Stashes view"
-						><code-icon icon="gl-stashes-view"></code-icon>Stashes</a
-					>
-					<a
-						href="command:gitlens.showSearchAndCompareView"
-						data-requires="repo"
-						title="Show Search &amp; Compare view"
-						aria-label="Show Search &amp; Compare view"
-						><code-icon icon="gl-search-view"></code-icon>Search &amp; Compare</a
-					>
-					<a
 						href="command:gitlens.showDraftsView"
 						data-requires="repo"
 						title="Show Cloud Patches view"
 						aria-label="Show Cloud Patches view"
-						hidden
 						><code-icon icon="gl-cloud-patch"></code-icon>Cloud Patches ☁️</a
 					>
 					<a
@@ -551,6 +535,20 @@
 						><code-icon icon="gl-workspaces-view"></code-icon>GitKraken Workspaces ☁️</a
 					>
 					<a
+						href="command:gitlens.showStashesView"
+						data-requires="repo"
+						title="Show Stashes view"
+						aria-label="Show Stashes view"
+						><code-icon icon="gl-stashes-view"></code-icon>Stashes</a
+					>
+					<a
+						href="command:gitlens.showSearchAndCompareView"
+						data-requires="repo"
+						title="Show Search &amp; Compare view"
+						aria-label="Show Search &amp; Compare view"
+						><code-icon icon="gl-search-view"></code-icon>Search &amp; Compare</a
+					>
+					<a
 						href="command:gitlens.showWorktreesView"
 						data-requires="repo"
 						title="Show Worktrees view"