updated the docs

Author: utkarshx

docs/agents/1_agentIntroduction.md

@@ -1,3 +1,7 @@
+---
+sidebar_label: Introduction
+---
+
 # Agent Introduction
 
 Codebolt is an extremely powerful tool for AI Code Editing and AI Code Generation. Most of the power of Codebolt comes from the ability to use Agents. These agents are powerful tools that can be used to automate tasks, generate code, and even create entire applications. 
@@ -6,7 +10,6 @@ Codebolt is an extremely powerful tool for AI Code Editing and AI Code Generatio
 
 Codebolt uses AI Agents for doing all the actions. Thing of Codebolt Editor as a big Agent Orchestrator that can use any agent in the marketplace to do any task.
 AI Agents interface with Codebolt using Codebolt Editor APIs. They can run any logic from talking to LLMs, updating the code, and any other tasks. They can use decision making power of LLMs to make decisions and take actions.
-
 <!-- ## Codebolt Editor APIs
 
 Codebolt Editor exposes all the functionality of the Editor in the format of APIs. We have created various Libraries to access the Editor APIs. These libraries are available in the following languages:
@@ -25,3 +28,4 @@ Universal Agents are called whenever the user sends any chat in the editor or as
 ### Action Agents
 Action Agents are called whenever the user sends any chat in the editor or asks to perform any action that can be resolved to any agent. You can learn more about them at [Action Agents](./AgentTypes/actionAgents.md) -->
 
+

docs/agents/1_agentarchitecture/1_architecture.md

@@ -0,0 +1,6 @@
+{
+    "position": 3,
+    "label": "What is an Agent?",
+    "collapsible": true,
+    "collapsed": true
+}

docs/agents/1_agentarchitecture/_category_.json

@@ -0,0 +1,3 @@
+---
+sidebar_label: QuickStart
+---

docs/agents/2_usingagents/2_quickstart.md

@@ -11,7 +11,7 @@ To use or run an agent, you’ll need to follow these steps:
 
 * **Switch Agents as Needed**: If you need a different set of functions, return to your agent list to deactivate the current agent and select another. For instance, if you’re done with development and need to deploy, switch from CodeBolt Dev to CodeBolt Web Deployment for automated deployment support.
 
-![selectAgent](../../static/img/browseAgent.png)
+![selectAgent](../../../static/img/browseAgent.png)
 
 **To use agent in chat, you can follow these steps:**
 
@@ -23,6 +23,6 @@ In the chat interface, click on the `# symbol`. This will open list of all avail
 
 * **Switch Agents if Needed**: If you need help with a different type of task, click # again to open the agent list, select another agent, and start your next interaction.
 
-![runAgent2](../../static/img/selectMarketplaceAgent.png)
+![runAgent2](../../../static/img/selectMarketplaceAgent.png)
 
-![runAgent2](../../static/img/SelectFormAgent.png)
+![runAgent2](../../../static/img/SelectFormAgent.png)

docs/agents/4_runAgent.md renamed to docs/agents/2_usingagents/5_runAgent.md

@@ -0,0 +1,6 @@
+{
+    "position": 3,
+    "label": "Using Agents",
+    "collapsible": true,
+    "collapsed": true
+}

docs/agents/2_usingagents/_category_.json

@@ -1,3 +1,7 @@
+---
+sidebar_label: First Extension
+---
+
 # Creating Your First Codebolt Agent
 
 This guide will walk you through the process of creating your first custom Codebolt agent. Custom agents allow you to extend Codebolt's functionality with your own AI-powered tools.
@@ -18,15 +22,15 @@ To begin creating a new agent:
 1. **Open Codebolt** and navigate to the chat interface.
 2. **Click on the "Create Agent" button** in the chat window. This option is typically found in the sidebar or main interface.
 
-![In chat window click on create agent](../../static/img/create-agent.png)
+![In chat window click on create agent](../../../static/img/create-agent.png)
 
 ### 2. Select Agent Type
 
 Next, you'll need to choose the type of agent you want to create:
 
 1. **Select "Custom Agent"** from the available options. This allows you to create an agent with your own defined functionality.
 
-![Select custom agent](../../static/img/custom-agent.png)
+![Select custom agent](../../../static/img/custom-agent.png)
 
 ### 3. Configure Your Agent
 
@@ -35,15 +39,15 @@ Now it's time to set up the basic details for your agent:
 1. **Name Your Agent**: Enter a descriptive name that indicates the agent's purpose.
 2. **Add a Description**: Provide a brief description explaining what your agent does.
 
-![Name and description for agent](../../static/img/agent-name.png)
+![Name and description for agent](../../../static/img/agent-name.png)
 
 ### 4. Creation Confirmation
 
 After configuring your agent, the system will create the necessary files and structure:
 
 1. **Success Message**: You'll see a confirmation screen indicating that your agent has been successfully created.
 
-![Success confirmation screen](../../static/img/success.png)
+![Success confirmation screen](../../../static/img/success.png)
 
 ### 5. Explore Generated Code
 
@@ -54,7 +58,7 @@ Codebolt will generate a starter code structure for your agent:
    - Configuration files
    - Dependencies and setup scripts
 
-![Generated code structure](../../static/img/code.png)
+![Generated code structure](../../../static/img/code.png)
 
 ### 6. Understanding the Agent Structure
 

docs/agents/2_firstExtension.md renamed to docs/agents/3_customagents/3_firstExtension.md

@@ -8,28 +8,28 @@ This guide will walk you through the process of running a local agent in Codebol
 - Open Codebolt and locate the "Agent" section in the chat window
 - Click on the "Agent" dropdown menu in the top bar
 
-![Access Agent Menu](../../static/img/browseAgent.png)
+![Access Agent Menu](../../../static/img/browseAgent.png)
 
 ### 2. Navigate to Local Agents
 - Click on "Browse agents" in the dropdown menu
 - Select "Local agent" from the available options
 
-![Select Local Agent](../../static/img/selectLocalAgent.png)
+![Select Local Agent](../../../static/img/selectLocalAgent.png)
 
 ### 3. Select Your Agent
 - Browse through the list of available local agents
 - Each agent will display its name and basic information
 - Click on the agent you want to activate
 - The selected agent will become your active assistant
 
-![Select From Local Agents](../../static/img/selectFormAllLocalAgent.png)
+![Select From Local Agents](../../../static/img/selectFormAllLocalAgent.png)
 
 ### 4. Debug Your Agent
 - All debug logs will be displayed in the debug window
 - Use these logs to troubleshoot any issues with your agent's performance
 - Monitor the execution of your agent's actions in real-time
 
-![Debug Agent](../../static/img/DebugAgent.png)
+![Debug Agent](../../../static/img/DebugAgent.png)
 
 ### 5. Interact with Your Agent
 - Once activated, you can communicate with your local agent directly in the chat window
@@ -39,6 +39,6 @@ This guide will walk you through the process of running a local agent in Codebol
 ## Additional Information
 - Local agents run directly on your machine, ensuring your code and queries remain private
 - You can switch between different agents at any time by repeating the selection process
-- For information on creating your own custom agent, refer to our [Agent Development Guide](./2_firstExtension.md)
+- For information on creating your own custom agent, refer to our [Agent Development Guide](../2_firstExtension.md)
 
 

docs/agents/3_runExtension.md renamed to docs/agents/3_customagents/4_runExtension.md

@@ -21,4 +21,4 @@ Once you're in the correct directory and logged in, publish the agent using the
 npx codebolt-cli publish
 ```
 
-![publish agent](../../static/img/publish_agent.png)
+![publish agent](../../../static/img/publish_agent.png)

docs/agents/5_publishExtension.md renamed to docs/agents/3_customagents/6_publishExtension.md

@@ -0,0 +1,6 @@
+{
+    "position": 3,
+    "label": "Code Based Agents",
+    "collapsible": true,
+    "collapsed": true
+}