Add generated code references

Author: PoojaB26

docs/resources/data-representation/app-state.md

@@ -82,6 +82,10 @@ How this app state update will affect your app.
 - **Rebuild Current Page:** Rebuilds only the current page when this app state is updated. 
 - **No Rebuild:** No rebuild is required. 
 
+:::tip[Generated Code]
+Curious about how state changes are handled internally when you choose different **Update Type** options? Explore the detailed [**FFAppState**](../../generated-code/ff-app-state) guide.
+:::
+
 Here's a quick guide to updating the app state variable. We need to add an action to the 'Add to Bag' button. Within this action, we'll provide the product details and configure it to add to the current cart list.
 
 <div style={{

docs/resources/projects/what-is-a-project.md

@@ -48,3 +48,7 @@ A FlutterFlow project includes all the files and packages generated by the `flut
 - [**timeago**](https://pub.dev/packages/timeago): A library to format dates as a relative time (e.g., "5 minutes ago").
 
 Any elements (e.g. pages, widgets), business logic or packages that are added to the project will be included in the generated code.
+
+:::tip[Generated Code]
+FlutterFlow automatically generates a complete Flutter application for you. To dive deeper into the project structure of a Flutter app generated by FlutterFlow, explore the [**Directory Structure**](../../generated-code/directory-structure.md) guide.
+:::

docs/resources/ui/pages/intro-pages.md

@@ -13,13 +13,8 @@ In FlutterFlow, each **Page** you create is fundamentally structured using a **S
 For more details on how to use Scaffold and the various Page Elements in FlutterFlow, see the dedicated **[Page Elements](page-elements.md)** guide.
 :::
 
-<!--
-:::tip[Generated Code]
 
-[See how](../generated-code.md) FlutterFlow converts your page into Flutter
-code
-:::
--->
+
 
 ## Creating a Page
 
@@ -31,6 +26,10 @@ FlutterFlow allows you to easily create new pages using the Page Selector
 button, which is available in the **Widget Tree menu (Tab+2)**. This will help you
 quickly start and add new pages to your app.
 
+:::tip[Generated Code]
+When you create a page in FlutterFlow, a `Widget` class and a corresponding `Model` class are automatically generated. You can view these in the Code Viewer. To explore the details of the generated `Model` class, take a closer [**look at the code**](../../../generated-code/page-model.md).
+:::
+
 
 <img src="/img/page-selector.png" width="50%" />