diff --git a/docs/docs/getting-started/workspace.mdx b/docs/docs/getting-started/workspace.mdx
index 338ef840c..0e8973072 100644
--- a/docs/docs/getting-started/workspace.mdx
+++ b/docs/docs/getting-started/workspace.mdx
@@ -24,6 +24,26 @@ The large central area where users can visually assemble and connect components
- **My Collection**: Provides access to saved or user-defined collections of components or flows.
- **Store**: Opens the component store where users can browse and add new components to their workspace.
+In the top navigation bar, the dropdown menu labeled with the project name offers several management and customization options for the current flow in the Langflow Workspace.
+
+
+
+**New**: Create a new flow from scratch.
+**Settings**: Adjust settings specific to the current flow, such as its Name, Description, and Endpoint Name.
+**Logs**: View logs for the current project, including execution history, errors, and other runtime events.
+**Import**: Import a flow or component from a JSON file into the Workspace.
+**Export**: Export the current flow as a JSON file.
+**Undo (⌘Z)**: Revert the last action taken in the project.
+**Redo (⌘Y)**: Reapply a previously undone action.
+**Refresh All**: Refresh all components and data within the Workspace.
+
## Control Panel
- **Star**: Located in the top-right corner, allowing users to star or favorite the project for easy access.
@@ -31,10 +51,6 @@ The large central area where users can visually assemble and connect components
- **API**: Provides API access details and integration options for the current flow.
- **Share**: Allows users to share their project or flow with others, providing options for collaboration and review.
-## Footer
-
-- **Langflow DataStax**: Displays the branding, indicating that the workspace is part of the Langflow suite, maintained or developed by DataStax.
-
## Utility Buttons
- **Plus (+)**: Located at the bottom of the sidebar, used to add new components to the workspace.
@@ -97,7 +113,7 @@ will see orange o and purple{" "}
dark: useBaseUrl("img/single-component-dark.png"),
}}
style={{ width: "40%", margin: "20px auto" }}
-/> */}
+/>
In the top right corner of the component, you'll find the component status icon ().
diff --git a/docs/static/img/topnav.png b/docs/static/img/topnav.png
new file mode 100644
index 000000000..c129156c1
Binary files /dev/null and b/docs/static/img/topnav.png differ