v1.1.2

Author: HomunMage

Backend/index.md

@@ -6,31 +6,38 @@ The core file that convert json to LangGraph is [/src/WorkFlow.py](https://githu
 
 ## Json Format
 
-json node format like this:
-you can extend ext to put your data, this is elastic design.
-for example, the ext.info is a ext and able to parse in our backend.
+It will be subgraphs.
+
+for each subgraph, contain graph_name, graph_nodes, graph_serial_number
+
+you can put anything at ext
+
 ```
-{
-  "nodes": [
-    {
-      "uniq_id": "1",
-      "nexts": [
-        "2"
-      ],
-      "type": "START",
-      "name": "Node 1",
-      "description": "",
-      "tool": "",
-      "true_next": null,
-      "false_next": null,
-      "ext": {
-        "pos_x": 126,
-        "pos_y": 146,
-        "width": 200,
-        "height": 200,
-        "info": ""
+[
+  {
+    "name": "root",
+    "nodes": [
+      {
+        "uniq_id": "1",
+        "type": "STEP",
+        "name": "Node 1",
+        "description": "",
+        "tool": "",
+        "nexts": [],
+        "true_next": null,
+        "false_next": null,
+        "ext": {
+          "pos_x": 420,
+          "pos_y": 60,
+          "width": 150,
+          "height": 200,
+          "info": null
+        }
       }
-    },
+    ],
+    "serial_number": 2
+  }
+]
 ```
 
 

Frontend/Graph.md

@@ -10,37 +10,45 @@ layout: frontend
 #### Start Node
 A graph(json) only have one start node, this will mapping to LangGraph START
 
-![](images/start.webp)
+![](images/node_start.webp)
 
 #### Step Node
 Step Node will mapping to LangGraph add_node, you can drag edge from left node(right port) to right node(left port)
 
-![](images/step.webp)
+![](images/node_step.webp)
 
 if you drag two node toward to each other, can create cycle.
 
 #### Step Node with tool
 Step node fill tool will call function, the tool definition need a tool node
 
-![](images/use_tool.webp)
+![](images/node_use_tool.webp)
 
 #### Tool Node
 Tool node need write real python function code, and need `@tool` decorator like LangChain Custom Tools
 
-![](images/tool.webp)
+![](images/node_tool.webp)
 
 #### Contition Node
 CONDITION node will mapping to LangGraph conditional_edge
 
 * green edge is true case path
 * red edge is false case path
 
-![](images/condition.webp)
-
-## Other Resource
-*If you want to learn more about LangGraph, we have LangGraph for dummy : [LangGraph-learn](https://github.com/LangGraph-GUI/LangGraph-learn)*
+![](images/node_condition.webp)
 
 #### Information Node
-INFO node do nothing, just append info to previous stage output
+INFO node just append info to previous stage output
+
+![](images/node_info.webp)
+
+
+#### Subgraph Node
+SUBGRAPH node will run another graph (need have same subgraph name )
 
-![](images/info.webp)
+![](images/node_subgraph.webp)
+
+
+
+## Other Resource
+*If you want to learn more about LangGraph, we have LangGraph for dummy : [LangGraph-learn](https://github.com/LangGraph-GUI/LangGraph-learn)*

Frontend/images/condition.webp renamed to Frontend/images/node_condition.webp

@@ -4,6 +4,7 @@ If you want to learn more about LangGraph, we also have [learning LangGraph for
 
 ## deprecated projects
 
-* old Qt version of [CrewAI-GUI](https://github.com/LangGraph-GUI/CrewAI-GUI)
+* old js version: [LangGraph-GUI](https://github.com/LangGraph-GUI/LangGraph-GUI/tree/0.6.1)
+* old flask version: [backend](https://github.com/LangGraph-GUI/LangGraph-GUI-backend/tree/flask)
 * old Qt version: [LangGraph-GUI-Qt](https://github.com/LangGraph-GUI/LangGraph-GUI-backend/tree/GUI-Qt)
-* old ver [Flask backend](https://github.com/LangGraph-GUI/LangGraph-GUI-backend/tree/flask)
+* old Qt version: [CrewAI-GUI](https://github.com/LangGraph-GUI/CrewAI-GUI)

Frontend/images/info.webp renamed to Frontend/images/node_info.webp

@@ -23,5 +23,5 @@ If you have any questions or would like to leave a message, please use our [GitH
 * [task manager](https://github.com/orgs/LangGraph-GUI/projects)
 
 
-## _
+## Others
 We hope you find the information you need. If you have any questions, feel free to reach out!