refine: process flows

added context_based_handoff.png , groupchat_manager.png, llm_based_handoff.png. also refined process flows images for sequential pattern , starpattern example , triage_tasks_example. i am keeping the process_notebook line commented as a choice of how i want to build the documentation, so ignore the commented line. I guess now we can approve with  5 star rating

Author: priyansh4320

website/docs/user-guide/advanced-concepts/orchestration/assets/context_based_handoff.png

@@ -372,17 +372,8 @@ tech_agent.handoffs.add_llm_conditions([
 
 With these LLM-based handoffs, the tech agent analyzes the user's message to identify if they're discussing a computer or smartphone issue, then routes accordingly. The LLM evaluates the prompt against the conversation content to make this decision.
 
-```mermaid
-flowchart TD
-    Tech[Tech Agent] -->|"LLM analyzes: Computer issue?"| Computer[Computer Agent]
-    Tech -->|"LLM analyzes: Smartphone issue?"| Smartphone[Smartphone Agent]
-    Tech -->|"Neither condition met"| User([User])
-
-    style Tech fill:#e8f5e9,stroke:#4caf50
-    style Computer fill:#d1c4e9,stroke:#673ab7
-    style Smartphone fill:#bbdefb,stroke:#2196f3
-    style User fill:#f9f9f9,stroke:#333
-```
+![llm_based_handoff](../assets/llm_based_handoff.png)
+
 
 ### Configuring Context-Based Handoffs
 
@@ -412,18 +403,8 @@ smartphone_agent.handoffs.add_context_conditions([
 
 These context-based handoffs check if `repeat_issue` is set to `True` in the context variables. When a user says their issue wasn't solved, the `check_repeat_issue` tool sets this flag, and the handoff condition triggers a transfer to advanced troubleshooting.
 
-```mermaid
-flowchart TD
-    Computer[Computer Agent] -->|"Context check: repeat_issue == True"| Advanced[Advanced Troubleshooting]
-    Computer ---->|"First-time issue"| User([User])
-    Smartphone[Smartphone Agent] ---->|"Context check: repeat_issue == True"| Advanced
-    Smartphone ---->|"First-time issue"| User
-
-    style Computer fill:#d1c4e9,stroke:#673ab7
-    style Smartphone fill:#bbdefb,stroke:#2196f3
-    style Advanced fill:#ffccbc,stroke:#e64a19
-    style User fill:#f9f9f9,stroke:#333
-```
+![context_based_handoff](../assets/context_based_handoff.png)
+
 
 ### Setting Default After-Work Behavior
 

website/docs/user-guide/advanced-concepts/orchestration/assets/groupchat_manager.png

@@ -116,26 +116,8 @@ The following diagram illustrates how the triage example unfolds. The user submi
 
 We are using the `AutoPattern` in this example, where the next speaker is automatically selected for based on the context of the conversation.
 
-```mermaid
-flowchart TD
-    User([User]) --> GroupManager[Group Manager]
+![groupchat_manager](../assets/groupchat_manager.png)
 
-    GroupManager -->  Triage[Triage Agent]
-    Triage -->  GroupManager
-
-    GroupManager -->  Tech[Tech Agent]
-    Tech -->  GroupManager
-
-    GroupManager -->  General[General Agent]
-    General -->  GroupManager
-
-    GroupManager -->  User
-
-    style GroupManager fill:#ffebee,stroke:#f44336
-    style Triage fill:#e1f5fe,stroke:#0288d1
-    style Tech fill:#f1f8e9,stroke:#689f38
-    style General fill:#fce4ec,stroke:#d81b60
-```
 
 ### Complete Code Example