Add "Exit subgraph" section to subgraph documentation

interface/features/subgraph.mdx

@@ -1,14 +1,14 @@
 ---
 title: "Subgraph - Simplify your workflow"
 description: "An introduction to the Subgraph feature in ComfyUI, including how to create, navigate, and manage subgraphs."
 sidebarTitle: "Subgraph"
 icon: "share-nodes"
 ---
 
 <Note>
     The subgraph feature requires ComfyUI frontend version 1.24.3 or later. If you don't see this feature, please refer to: [How to Update ComfyUI](/installation/update_comfyui)
     - Images in this document are made with nightly version frontend, please refer to the actual interface
     - Some features like converting subgraph back to nodes will be supported in the future
 </Note>
 
 <iframe
@@ -18,63 +18,63 @@
   allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
   allowFullScreen
 ></iframe>
 A subgraph is a powerful ComfyUI feature that lets you package complex workflows into a single reusable subgraph node, making them easier to manage and share.
 
 ![Subgraph](/images/interface/features/subgraph/subgraph.jpg)
 
 Think of a subgraph as a "folder" for your workflow – you can group related nodes together and use the entire collection as one unified subgraph node.
 
 **Use subgraphs to:**
 - Simplify complex workflows
 - Reuse common node combinations
 - Build more efficient workflows with modular components
 
 ## Creating a Subgraph
 
 <Steps>
     <Step title="Select nodes">
     Select the nodes you want to group in ComfyUI
     </Step>
     <Step title="Click the subgraph icon">
         ![Subgraph icon](/images/interface/features/subgraph/subgraph_icon.jpg)
         Find the subgraph icon in the toolbar
     </Step>
     <Step title="Subgraph created">
         ![Workflow using subgraph](/images/interface/features/subgraph/workflow_using_subgraph.jpg)
         ComfyUI automatically creates a subgraph based on your selected nodes' inputs and outputs
     </Step>
     <Step title="Customize your subgraph">
         Refer to [Editing Subgraphs](#editing-subgraphs), you can edit and organize the subgraph to create a fully functional node
         ![Workflow using subgraph](/images/interface/features/subgraph/subgraph_after_edited.jpg)
     </Step>
 </Steps>
 
 ## Working with Subgraphs
 
 ### Basic Operations
 
 Subgraphs work just like regular nodes. You can:
 - Change colors and names
 - Use bypass to disable
 - Apply all standard node operations
 
 ### Editing Subgraphs
 
 **To enter edit mode:**
 - Double-click the empty area inside the subgraph (not on widgets), or
 - Click the subgraph edit button
 
 ![Subgraph editing mode](/images/interface/features/subgraph/editing_subgraph.jpg)
 
 **In edit mode you'll see:**
 
 1. **Navigation bar**: Exit the current subgraph and return to the parent level
 2. **Input slots**: Internal node inputs exposed to the outside
     - Connect outputs to slots like normal nodes
     - **Right-click** connection points to rename/delete exposed slots
 3. **Output slots**: Outputs exposed to the outside (same functionality as input slots)
 
 ![Subgraph slots](/images/interface/features/subgraph/subgraph_slot.jpg)
 
 **Working with slots:**
 1. **Default slot** (labeled 1): Use this to add new input/output connections
@@ -84,75 +84,83 @@
 
 ### Parameters Panel
 
 With ComfyUI v0.3.66 or later, you can edit the subgraph parameters directly from the parameters panel without entering the subgraph.
 
 You can select any subgraph and use the "Edit Subgraph Widgets" button to open the parameters panel.
 ![Open Parameters Panel](/images/interface/features/subgraph/parameters_panel_open.jpg)
 
 After it is opened, you can edit the order and visibility of the subgraph widgets directly in the parameters panel.
 
 ![Open Parameters Panel](/images/interface/features/subgraph/parameters_panel_edit.jpg)
 1. Reordering: you use right-click and hold the widget to drag it to the desired position
 2. Visibility: you can check the visibility of the widget by clicking the eye icon
 
 ### Nested Subgraphs
 
 Create even more complex workflows by nesting subgraphs within subgraphs.
 
 ![Nested subgraph](/images/interface/features/subgraph/subgraph_nested.jpg)
 
 The navigation bar shows your current level and lets you easily move between nested subgraphs.
 
 ![Nested subgraph navigation](/images/interface/features/subgraph/subgraph_navigation.jpg)
 
+### Exit subgraph
+
+To exit a subgraph and return to the parent level, use the **Navigation bar** (labeled 1 in the image) at the top of the canvas.
+
+![Subgraph editing mode](/images/interface/features/subgraph/editing_subgraph.jpg)
+
+Click on the navigation bar to exit the current subgraph and return to the parent workflow.
+
 ## Unpack Subgraphs to Nodes
 
 When you're done creating a subgraph, you can convert it back to nodes if you need to.
 
 ![Subgraph to node](/images/interface/features/subgraph/subgraph_to_nodes.jpg)
 
 1. You can select the subgraph node then use right-click menu "Unpack subgraph" to convert it back to nodes.
 2. Click the "Unpack subgraph" button in the select toolbox to convert it back to nodes.
 
 ## Subgraph Blueprint
 
 With ComfyUI frontend version 1.27.7 or later, you can publish your subgraph to the node library.
 
 This feature allows you to convert a subgraph to a `Subgraph Blueprints` node, which means it's a reusable subgraph node.
 
 ### Publish Subgraph to Node Library
 
 ![Publish Subgraph](/images/interface/features/subgraph/subgraph_publishing.jpg)
 
 Currently, you have two ways to publish subgraph to node library, both are in the selection toolbox:
 
 1. Click the `book(publish)` icon on the selection toolbox
 2. Open the selection toolbox menu, use the `Add Subgraph to Library` menu to publish subgraph
 
 
 After you click on the `book(publish)` icon or `Add Subgraph to Library` menu, you will see the following dialog:
 
 ![Subgraph naming](/images/interface/features/subgraph/subgraph_naming.jpg)
 
 By default, the subgraph will use the name of the subgraph node as the name of the subgraph blueprint.
 
 After publishing, you will see the subgraph blueprint node in the node library.
 
 ![Subgraph blueprint node](/images/interface/features/subgraph/subgraph_blueprints.jpg)
 
 Now, you can drag or search the subgraph just like a normal node. The new subgraph node that has been added from Subgraph Blueprints is still isolated, which means after adding it to the workflow, it can be edited independently, they will not affect each other.
 
 ### Edit Subgraph Blueprint
 
 If you want to edit the subgraph blueprint, you can click the edit button just like the image below, you can delete it as well.
 
 ![Edit Subgraph Blueprint](/images/interface/features/subgraph/edit_subgraph_blueprints.jpg)
 
 This will enable the subgraph editing mode
 
 ![Subgraph editing mode](/images/interface/features/subgraph/subgraph_editing_mode.jpg)
 
 After editing the subgraph blueprint, you can go to the parent level to preview the subgraph.
 
 ![Update Subgraph Blueprint](/images/interface/features/subgraph/save_updated_subgraph.jpg)
 

zh-CN/interface/features/subgraph.mdx

@@ -90,11 +90,11 @@
 
 ![嵌套子图导航](/images/interface/features/subgraph/subgraph_navigation.jpg)
 
-### 参数面板(Parameters)
+### 4. 参数面板
 
 从 ComfyUI v0.3.66 版本开始，你可以直接在新增的参数面板中编辑子图参数，无需进入子图内部进行编辑。
 
-你可以选中任何子图，点击“编辑子图控件（Edit Subgraph Widgets）”按钮来打开参数面板。
+你可以选中任何子图，点击"编辑子图控件（Edit Subgraph Widgets）"按钮来打开参数面板。
 ![打开参数面板](/images/interface/features/subgraph/parameters_panel_open.jpg)
 
 打开后，可以直接在参数面板中调整子图控件的顺序和可见性。
@@ -103,6 +103,14 @@
 1. 调整顺序：按住右键拖动控件，即可更改其排列位置
 2. 控件可见性：点击眼睛图标可以设置控件是否显示
 
+### 5. 退出子图
+
+要退出子图并返回上一级，可以使用画布顶部的**导航栏**(图中标记为 1)。
+
+![子图编辑状态](/images/interface/features/subgraph/editing_subgraph.jpg)
+
+点击导航栏即可退出当前子图，返回到父级工作流。
+
 ## 将子图转回普通节点
 
 当子图编辑完成后，你可以将子图转回为普通节点，只需要选中子图后，再在选择工具箱上选择同样的按钮即可完成子图转回节点的操作，在右键菜单上也有对应的选项
@@ -151,4 +159,4 @@
 
 ![更新子图蓝图](/images/interface/features/subgraph/save_updated_subgraph.jpg)
 
-如果你想保存更新后的子图蓝图，可以点击保存按钮， 或者使用 Ctrl + S 进行保存, 即可更新子图
+如果你想保存更新后的子图蓝图，可以点击保存按钮， 或者使用 Ctrl + S 进行保存, 即可更新子图