chore: added ui builder to stellar navigation tree

Author: stevedylandev

src/components/layout/docs-layout-client.tsx

@@ -33,7 +33,9 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 		}
 
 		const isSharedPath =
-			pathname.startsWith("/monitor") || pathname.startsWith("/relayer");
+			pathname.startsWith("/monitor") ||
+			pathname.startsWith("/relayer") ||
+			pathname.startsWith("/ui-builder");
 		const lastEcosystem =
 			typeof window !== "undefined"
 				? sessionStorage.getItem("lastEcosystem")
@@ -42,7 +44,7 @@ export function DocsLayoutClient({ children }: DocsLayoutClientProps) {
 		// Include shared paths in Stellar tab only if coming from Stellar context
 		const stellarUrls =
 			isSharedPath && lastEcosystem === "stellar"
-				? new Set(["/stellar-contracts", "/monitor", "/relayer"])
+				? new Set(["/stellar-contracts", "/monitor", "/relayer", "/ui-builder"])
 				: new Set(["/stellar-contracts"]);
 
 		// Include shared paths in Polkadot tab only if coming from Polkadot context

src/hooks/use-navigation-tree.ts

@@ -30,13 +30,14 @@ export function useNavigationTree() {
 			pathname.startsWith("/community-contracts") ||
 			pathname.startsWith("/upgrades-plugins") ||
 			pathname.startsWith("/wizard") ||
-			pathname.startsWith("/ui-builder") ||
 			pathname.startsWith("/upgrades") ||
 			pathname.startsWith("/defender") ||
 			pathname.startsWith("/tools")
 		) {
 			sessionStorage.setItem("lastEcosystem", "ethereum");
 		}
+		// Note: /ui-builder, /monitor, and /relayer paths are intentionally NOT set here
+		// They inherit the lastEcosystem from whichever tab the user was in before navigating
 	}, [pathname]);
 
 	// Determine which navigation tree to use based on the current path
@@ -65,7 +66,11 @@ export function useNavigationTree() {
 	if (typeof window !== "undefined") {
 		const lastEcosystem = sessionStorage.getItem("lastEcosystem");
 
-		if (pathname.startsWith("/monitor") || pathname.startsWith("/relayer")) {
+		if (
+			pathname.startsWith("/monitor") ||
+			pathname.startsWith("/relayer") ||
+			pathname.startsWith("/ui-builder")
+		) {
 			switch (lastEcosystem) {
 				case "stellar":
 					return stellarTree;

src/navigation/stellar.json

@@ -500,5 +500,51 @@
 				"external": true
 			}
 		]
+	},
+	{
+		"type": "folder",
+		"name": "UI Builder",
+		"children": [
+			{
+				"type": "page",
+				"name": "Quickstart",
+				"url": "/ui-builder"
+			},
+			{
+				"type": "page",
+				"name": "Networks",
+				"url": "/ui-builder/networks"
+			},
+			{
+				"type": "page",
+				"name": "Loading Contracts",
+				"url": "/ui-builder/loading-contracts"
+			},
+			{
+				"type": "page",
+				"name": "Functions",
+				"url": "/ui-builder/functions"
+			},
+			{
+				"type": "page",
+				"name": "Customization",
+				"url": "/ui-builder/customization"
+			},
+			{
+				"type": "page",
+				"name": "Exporting and History",
+				"url": "/ui-builder/exporting-and-history"
+			},
+			{
+				"type": "page",
+				"name": "Building Adapters",
+				"url": "/ui-builder/building-adapters"
+			},
+			{
+				"type": "page",
+				"name": "Changelog",
+				"url": "/ui-builder/changelog"
+			}
+		]
 	}
 ]