diff --git a/docs/get-started/quickstart.md b/docs/get-started/quickstart.md index 46ae539..3a49644 100644 --- a/docs/get-started/quickstart.md +++ b/docs/get-started/quickstart.md @@ -11,9 +11,9 @@ keywords: [quickstart, getting started, dreamflow tutorial, ai app generation, f When starting a new Dreamflow project you have three options: -- **[Start from a prompt](/quickstart#start-with-a-prompt)**: when you want to get a jumpstart on a brand new app idea. -- **[Start from scratch](/quickstart#start-from-scratch)**: when you want to incrementally build from a blank project. -- **[Start from a template](/quickstart#start-from-a-template)**: when you want to start from an existing beautiful, tailored app. +- **[Start from a prompt](#start-with-a-prompt)**: when you want to get a jumpstart on a brand new app idea. +- **[Start from scratch](#start-from-scratch)**: when you want to incrementally build from a blank project. +- **[Start from a template](#start-from-a-template)**: when you want to start from an existing beautiful, tailored app. ## Start With a Prompt diff --git a/docs/imgs/overview.avif b/docs/imgs/overview.avif index 156f08b..1cce5b3 100644 Binary files a/docs/imgs/overview.avif and b/docs/imgs/overview.avif differ diff --git a/docs/workspace/imgs/widget-tree.avif b/docs/workspace/imgs/widget-tree.avif new file mode 100644 index 0000000..3a7489e Binary files /dev/null and b/docs/workspace/imgs/widget-tree.avif differ diff --git a/docs/workspace/imgs/widget-tree.png b/docs/workspace/imgs/widget-tree.png deleted file mode 100644 index 8d1ce93..0000000 Binary files a/docs/workspace/imgs/widget-tree.png and /dev/null differ diff --git a/docs/workspace/imgs/workspace.avif b/docs/workspace/imgs/workspace.avif index 56c034d..3045115 100644 Binary files a/docs/workspace/imgs/workspace.avif and b/docs/workspace/imgs/workspace.avif differ diff --git a/docs/workspace/modules-panel/assets.md b/docs/workspace/modules-panel/assets.md index 145dd4a..f0b858a 100644 --- a/docs/workspace/modules-panel/assets.md +++ b/docs/workspace/modules-panel/assets.md @@ -13,7 +13,7 @@ The **Assets** panel in Dreamflow is where you manage all the files your app nee :::info -Right now you can only upload assets through the Asset Module. You cannot upload a file directly into the file tree in the [code editor](/workspace/content-panel#code-editor) +Right now you can only upload assets through the Asset Module. You cannot upload a file directly into the file tree in the [code editor](../content-panel.md#code-editor) ::: diff --git a/docs/workspace/modules-panel/widget-panel.md b/docs/workspace/modules-panel/widget-panel.md index 6954fd5..6a63a62 100644 --- a/docs/workspace/modules-panel/widget-panel.md +++ b/docs/workspace/modules-panel/widget-panel.md @@ -25,14 +25,14 @@ The widget tree in Dreamflow allows you to view the widgets that are currently r **Hierarchical Tree View**: Displays your app's widget structure as an expandable tree, showing the parent-child relationships between widgets. Each node represents a widget with its type, properties, and children clearly visible. -**Widget Selection**: Click on any widget in the tree to select it. When you have **[Inspect Mode](/workspace/content-panel#inspect-mode)** turned on, you'll visually see the widget highlighted in the preview. Double clicking the widget in the widget tree also pulls up the **[Properties Panel](/workspace/properties-panel)** for the widget - allowing you to easily specify input parameters for the widget. +**Widget Selection**: Click on any widget in the tree to select it. When you have **[Inspect Mode](../content-panel.md#inspect-mode)** turned on, you'll visually see the widget highlighted in the preview. Double clicking the widget in the widget tree also pulls up the **[Properties Panel](../properties-panel.md)** for the widget - allowing you to easily specify input parameters for the widget. **Real-Time Synchronization**: The tree automatically updates in real-time as you make changes to your code, reflecting the current state of your running Flutter app. ## Nodes (Widgets) -![Widget Tree Panel](../imgs/widget-tree.png) +![Widget Tree Panel](../imgs/widget-tree.avif) **Nodes** are individual widgets in your Flutter app's hierarchy, displayed as tree items in the Widget Tree panel. Each node represents a widget instance configired with properties and relationships. @@ -65,7 +65,7 @@ You can change the *view* of the Widget Tree to be either Consolidated or Detail ## Widget Management Right-click on any widget to access a comprehensive context menu with options for: -- [Adding new widgets](/workspace/widget-tree#add-widget)(to widgets that take other widgets as children or have properties that take a widget) +- [Adding new widgets] (to widgets that take other widgets as children or have properties that take a widget) - Wrapping existing widgets - Copying, cutting, and pasting widgets - Navigating to component definitions diff --git a/docs/workspace/properties-panel.md b/docs/workspace/properties-panel.md index 9627b27..a935db2 100644 --- a/docs/workspace/properties-panel.md +++ b/docs/workspace/properties-panel.md @@ -61,7 +61,7 @@ Modifiers refer to wrapper widgets that can be added around existing Flutter wid - **Animation properties** (transitions, transformations) :::note[Modifiers in the Widget Tree] -Modifier widgets are hidden from the "Simplified View" in the [widget tree](/workspace/widget-tree). +Modifier widgets are hidden from the "Simplified View" in the [**widget tree**](modules-panel/widget-panel.md#nodes-widgets). :::