From b66273b7ae67c25ec654c84dd3b451f57d5ddd99 Mon Sep 17 00:00:00 2001
From: Akhilesh Shastri <akhilesh@writer.com>
Date: Tue, 30 Dec 2025 14:00:42 +0000
Subject: [PATCH 1/2] fix: put add blueprint plus button behind FF - AB-824

---
 .../sidebar/BuilderSidebarComponentTree.vue   | 51 +++++++++++--------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue b/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
index 919174bf6..d9558407c 100644
--- a/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
+++ b/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
@@ -19,17 +19,18 @@
 				:key="section.key"
 				class="section"
 			>
-				<div class="section__header">
-					<span class="section__title">{{ section.title }}</span>
-					<WdsButton
-						variant="neutral"
-						size="smallIcon"
-						:data-automation-action="section.addAction"
-						@click="section.onAdd"
-					>
-						<WdsIcon name="plus" />
-					</WdsButton>
-				</div>
+			<div class="section__header">
+				<span class="section__title">{{ section.title }}</span>
+				<WdsButton
+					v-if="section.showAddButton"
+					variant="neutral"
+					size="smallIcon"
+					:data-automation-action="section.addAction"
+					@click="section.onAdd"
+				>
+					<WdsIcon name="plus" />
+				</WdsButton>
+			</div>
 				<div class="section__content">
 					<BuilderSidebarComponentTreeBranch
 						v-for="blueprint in section.items"
@@ -59,16 +60,16 @@
 					<WdsIcon name="plus" />
 					Add page
 				</WdsButton>
-				<WdsButton
-					v-if="rootComponentId == 'blueprints_root'"
-					variant="special"
-					size="small"
-					data-automation-action="add-blueprint-footer"
-					@click="addBlueprint"
-				>
-					<WdsIcon name="plus" />
-					Add blueprint
-				</WdsButton>
+			<WdsButton
+				v-if="rootComponentId == 'blueprints_root'"
+				variant="special"
+				size="small"
+				data-automation-action="add-blueprint-footer"
+				@click="addBlueprint"
+			>
+				<WdsIcon name="plus" />
+				Add blueprint
+			</WdsButton>
 			</div>
 		</template>
 	</BuilderSidebarPanel>
@@ -120,6 +121,10 @@ const sharedBlueprintItems = computed(() => {
 	return allBlueprints.value.filter((c) => isSharedBlueprint(c));
 });
 
+const isSharedBlueprintsEnabled = computed(() =>
+	wf.featureFlags.value?.includes("shared_blueprints"),
+);
+
 const blueprintSections = computed(() => {
 	const sections = [
 		{
@@ -129,10 +134,11 @@ const blueprintSections = computed(() => {
 			addAction: "add-blueprint",
 			onAdd: addBlueprint,
 			emptyText: "No blueprints yet",
+			showAddButton: isSharedBlueprintsEnabled.value,
 		},
 	];
 
-	if (wf.featureFlags.value?.includes("shared_blueprints")) {
+	if (isSharedBlueprintsEnabled.value) {
 		sections.push({
 			key: "shared-blueprints",
 			title: "Shared Blueprints",
@@ -140,6 +146,7 @@ const blueprintSections = computed(() => {
 			addAction: "add-shared-blueprint",
 			onAdd: addSharedBlueprint,
 			emptyText: "No shared blueprints yet",
+			showAddButton: true,
 		});
 	}
 

From 580a8b19c2e72380b14e513e5dc5f470c8a30d9c Mon Sep 17 00:00:00 2001
From: Akhilesh Shastri <akhilesh@writer.com>
Date: Fri, 2 Jan 2026 13:07:55 +0000
Subject: [PATCH 2/2] chore: lint

---
 .../sidebar/BuilderSidebarComponentTree.vue   | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue b/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
index d9558407c..9c53da375 100644
--- a/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
+++ b/src/ui/src/builder/sidebar/BuilderSidebarComponentTree.vue
@@ -19,18 +19,18 @@
 				:key="section.key"
 				class="section"
 			>
-			<div class="section__header">
-				<span class="section__title">{{ section.title }}</span>
-				<WdsButton
-					v-if="section.showAddButton"
-					variant="neutral"
-					size="smallIcon"
-					:data-automation-action="section.addAction"
-					@click="section.onAdd"
-				>
-					<WdsIcon name="plus" />
-				</WdsButton>
-			</div>
+				<div class="section__header">
+					<span class="section__title">{{ section.title }}</span>
+					<WdsButton
+						v-if="section.showAddButton"
+						variant="neutral"
+						size="smallIcon"
+						:data-automation-action="section.addAction"
+						@click="section.onAdd"
+					>
+						<WdsIcon name="plus" />
+					</WdsButton>
+				</div>
 				<div class="section__content">
 					<BuilderSidebarComponentTreeBranch
 						v-for="blueprint in section.items"
@@ -60,16 +60,16 @@
 					<WdsIcon name="plus" />
 					Add page
 				</WdsButton>
-			<WdsButton
-				v-if="rootComponentId == 'blueprints_root'"
-				variant="special"
-				size="small"
-				data-automation-action="add-blueprint-footer"
-				@click="addBlueprint"
-			>
-				<WdsIcon name="plus" />
-				Add blueprint
-			</WdsButton>
+				<WdsButton
+					v-if="rootComponentId == 'blueprints_root'"
+					variant="special"
+					size="small"
+					data-automation-action="add-blueprint-footer"
+					@click="addBlueprint"
+				>
+					<WdsIcon name="plus" />
+					Add blueprint
+				</WdsButton>
 			</div>
 		</template>
 	</BuilderSidebarPanel>