new ver update doc

Author: HomunMage

Backend/index.md

@@ -2,9 +2,11 @@
 
 The core file that convert json to LangGraph is [/src/WorkFlow.py](https://github.com/LangGraph-GUI/LangGraph-GUI-backend/blob/main/src/WorkFlow.py)
 
-This use Flask server to communicate with frontend.
+[llm.py](https://github.com/LangGraph-GUI/LangGraph-GUI-backend/blob/main/src/llm.py) demo how to replace to different LLM services.
 
-Current implementation only runs graph.json, need frontend upload.
+This use FastAPI server to communicate with frontend.
+
+Current implementation only runs graph.json.
 
 *For a beginner-friendly introduction to LangGraph, visit [LangGraph-learn](https://github.com/LangGraph-GUI/LangGraph-learn).*
 

Frontend/Graph.md

@@ -40,3 +40,7 @@ CONDITION node will mapping to LangGraph conditional_edge
 ## Other Resource
 *If you want to learn more about LangGraph, we have LangGraph for dummy : [LangGraph-learn](https://github.com/LangGraph-GUI/LangGraph-learn)*
 
+#### Information Node
+INFO node do nothing, just append info to previous stage output
+
+![](images/info.webp)

Frontend/Run.md

@@ -7,16 +7,13 @@ layout: frontend
 This will Run graph.json on server.
 That is, you need upload graph.json first.
 
-![](./images/run.webp)
+![](./images/run_window.webp)
 
 ## Run
-Execute graph.json into LangGraph with Ollama.
-After Run, recommand download files.
+Execute graph.json into LangGraph with LLM.
+After Run, recommand get files from server.
 
-## Stop
-To terminal remote running server. (Currently, many bugs. If stuck, plese restart docker compose)
-
-## Cancel
+## Leave
 Leave run menu
 
 ## Text Space

Frontend/UI.md

@@ -0,0 +1,29 @@
+---
+layout: frontend
+
+---
+
+
+# UI
+
+There are several buttoms  
+![](./images/panel_major.webp)
+
+## New Graph
+
+New will clean the canvas.
+
+## Save Graph
+
+Save the graph into json to your computer.
+
+## Load Graph
+Read the graph json from your computer.
+
+## Run Graph
+Run graph.json on server, for more info, see [Run](./Run)
+
+
+## Config
+* set what llm you want to use
+* api key

Frontend/UI1.md

@@ -0,0 +1,21 @@
+---
+layout: frontend
+
+---
+
+
+# UI
+
+There are several buttoms  
+![](./images/panel_server.webp)
+
+## Upload Files to Server
+
+Send file to workspace as environment, for such file processing.
+
+## Get Files from Server
+
+After process with LLM, download all files in workspace.
+
+## Clean Server Cache
+Remove all files at workspace

Frontend/UI2.md

@@ -1,7 +1,8 @@
 <h2>Frontend</h2>
 
 <a href="/Frontend/">About</a></br>
-<a href="/Frontend/UI">UI</a></br>
+<a href="/Frontend/UI1">UI1</a></br>
+<a href="/Frontend/UI2">UI2</a></br>
 <a href="/Frontend/Graph">Graph</a></br>
 <a href="/Frontend/Examples">Examples</a></br>
-<a href="/Frontend/Run">Run</a></br>
+<a href="/Frontend/Run">Run</a></br>

Frontend/images/button.webp

@@ -19,3 +19,6 @@ If you have any questions or would like to leave a message, please use our [GitH
 
 We hope you find the information you need. If you have any questions, feel free to reach out!
 
+
+## Others
+*For a beginner-friendly introduction to LangGraph, visit [LangGraph-learn](https://github.com/LangGraph-GUI/LangGraph-learn).*