toc file changes for documentation revamping

code-studio-toc.html

@@ -3,16 +3,32 @@
 
     <li>Getting Started
         <ul>
-            <li>
-                <a href="/code-studio/getting-started/quick-start">Quickstart</a>
+             <li>
+                <a href="/code-studio/getting-started/overview">Overview</a>
             </li>
+
             <li>
                 <a href="/code-studio/getting-started/install-and-configuration">Install and Configuration</a>
             </li>
             <li>
-                <a href="/code-studio/getting-started/feature-summary">Features Summary</a>
+                <a href="/code-studio/getting-started/quick-start">Quickstart</a>
             </li>
+
+
+        </ul>
 
+    </li>
+    <li>Tutorials
+        <ul>
+            <li>
+                <a href="/code-studio/tutorials/generate-your-first-code-using-agent">Generate your first code change using Agent</a>
+            </li>
+            <li>
+                <a href="/code-studio/tutorials/build-ui-using-syncfusionui-builder">Build your first UI using Syncfusion UI Builder</a>
+            </li>
+            <li>
+                <a href="/code-studio/tutorials/compare-ai-models">Compare AI models</a>
+            </li>
         </ul>
 
     </li>
@@ -49,6 +65,40 @@
 
         </ul>
     </li>
+    <li>How to Guides
+        <ul>
+            <li>
+                <a href="/code-studio/how-to-guides/daily-cost-usage">Daily cost usage and token tracking</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/add-BYOK-model">Add BYOK model for your organization</a>
+            </li>
+            <li>
+                <a href="/code-studio/how-to-guides/add-local-model">Add Models for your Personal Use</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/Configure-default-model">How to configure Default Models</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/invite-new-user">Invite new user to your organization</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/budget-alert">Set Budget Alerts</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/buy-more-credits">Buy more credits</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/quick-fix-error">Quick Fix your errors</a>
+            </li>
+             <li>
+                <a href="/code-studio/how-to-guides/manage-chat-session">Manage chat sessions</a>
+            </li>
+            <li>
+                <a href="/code-studio/how-to-guides/add-ollama-model">How to Add Free/Ollama Models </a>
+            </li>
+        </ul>
+    </li>
     <li>Features
         <ul>
             <li>
@@ -85,9 +135,7 @@
             <li>
                 <a href="/code-studio/features/generatecode">Generate Code</a>
             </li>
-            <li>
-                <a href="/code-studio/features/quickfix">Quickfix</a>
-            </li>
+
 
             <!-- <li>
                 <a href="/code-studio/features/enhanceprompt">Enhance Prompt</a>
@@ -99,7 +147,7 @@
     </li>
     <li> <a href="/code-studio/ui-builder">UI Builder</a> </li>
 
-    <li> Configure the Syncfusion Code Studio
+    <li>Customization
 
         <ul>
             <li>MCP
@@ -115,10 +163,13 @@
             <li><a href="/code-studio/reference/configure-properties/usersettings">User Settings</a></li>
             <li><a href="/code-studio/reference/configure-properties/toolssupport">Tools</a></li>
 
-            <li><a href="/code-studio/reference/configure-properties/localmodels">Add models for personal use</a></li>
+
 
         </ul>
     </li>
+
+    <li> <a href="/code-studio/security">Security</a> </li>
+
     <li>Release Notes
         <ul>
             <li>
@@ -146,25 +197,41 @@
         </ul>
     </li>
 
-   <!-- <li>Troubleshoot
+    <li>Troubleshoot
         <ul>
             <li>
-                <a
-                    href="/code-studio/troubleshoot/how-to-remove-cache-folders-of-code-studio-to-resolve-the-app-corruption">How
-                    to remove cache folders of Code Studio to resolve the app corruption</a>
+                <a href="/code-studio/troubleshoot/how-to-resolve-the-app-corruption">How to resolve Code Studio app corruption</a>
             </li>
             <li>
-                <a href="/code-studio/troubleshoot/openai-integration">How to Resolve Error (Status Code 403) for O3
-                    model in OpenAI Integration via OpenRouter</a>
+                <a href="/code-studio/troubleshoot/openai-integration">How to Resolve Error (Status Code 403) for O3 model in OpenAI Integration via OpenRouter</a>
+            </li>
+             <li>
+                <a href="/code-studio/troubleshoot/migrate-code-studio-rules-to-instructions">How to migrate Code Studio Rules to Instructions in the latest release</a>
+            </li>
+             <li>
+                <a href="/code-studio/troubleshoot/migrate-legacy-prompt-files">How to migrate legacy Prompt files to the updated platform</a>
+            </li>
+            <li>
+                <a href="/code-studio/troubleshoot/migrate-agent-files">How to migrate Agent files from prior versions to the current release</a>
+            </li>
+            <li>
+                <a href="/code-studio/troubleshoot/access-session-history-files">How to access session history files in the revamped CodeStudio</a>
+            </li>
+
+            <li>
+                <a href="/code-studio/troubleshoot/enable-legacy-docs-indexing">How to enable legacy Docs Indexing within the updated platform</a>
             </li>
             <li>
-                <a href="/code-studio/troubleshoot/resolve-mcp-server-eaccess-issue">How to Resolve EACCESS error</a>
+                <a href="/code-studio/troubleshoot/review-gitdiff-changes">How to review Git diff changes in the current release</a>
             </li>
             <li>
-                <a href="/code-studio/troubleshoot/resolve-failed-to-parse-assistant">How to Resolve Failed to Parse
-                    Assistant error</a>
+                <a href="/code-studio/troubleshoot/use-codebase-search">How to use Codebase search in the latest version of CodeStudio</a>
             </li>
+            <li>
+                <a href="/code-studio/troubleshoot/resolve-uncaught-exception-error">How to resolve the Uncaught Exception error during Code Studio auto update</a>
+            </li>
+
         </ul>
 
-    </li> -->
+    </li> 
 </ul>

code-studio/enterprise-server/settings.md

@@ -17,13 +17,13 @@ The Settings area centralizes account and organization configuration for Code St
 ## 1. Profile
 
 - View user name, email address, and account type
-<img src="./enterprise-images/settingsprofile.png" alt="settings"  />
+<img src="./enterprise-images/profile.png" alt="settings"  />
 
 ## 2. Organization
 
 - View organization name and organization ID
 - Share the organization ID with your admins when requesting access or support
-<img src="./enterprise-images/settingsorg.png" alt="settings"  />
+<img src="./enterprise-images/organization.png" alt="settings"  />
 
 ## 3. Credits
 

code-studio/enterprise-server/userandteams.md

@@ -90,19 +90,19 @@ Use the context menu to:
 Accessible via the context menu (three-dot icon):
 - **Rename Team** – Update the team name.
 
-   <img src="./enterprise-images/renameTeam.png" alt="Rename Team" />
+
 
 - **Set Team Owner** – Assign ownership.
 
-   <img src="./enterprise-images/setTeamOwner.png" alt="Set Team Owner" />
+
 
 - **Delete Team** – Remove the team.
 
    <img src="./enterprise-images/deleteTeam.png" alt="Delete Team" />
 
 - **Change Team** – Move a user from one team to another.
 
-   <img src="./enterprise-images/changeTeam.png" alt="Change Team" />
+
 
 - **Remove Memeber** – Remove user from selected Team.
 
@@ -119,7 +119,7 @@ Accessible via the context menu (three-dot icon):
 
 - **Invite New Users:** Send an invite link through email to new users.
 
-   <img src="./enterprise-images/inviteNewUser.png" alt="Invite new User" />
+   <img src="./enterprise-images/inviteUserDialog.png" alt="Invite new User" />
 
 ## 4. Best Practices
 - **Maintain Clear Roles:** Assign roles based on responsibilities.

code-studio/features/add-context.md

@@ -13,12 +13,27 @@ Code Studio includes an AI powered chat that can help you understand your projec
 
 This document explains:
 
+- Use cases
 - What “Context” means  
 - Different types of contexts (files, folders, screenshots, problems, symbols, tools)  
 - How to add context to the chat  
 - How to use `@` and `#` to attach context  
 
-## What “Context” Means (and Why It Matters)
+## Use cases
+
+1. Attaching Exact Code for a Specific Question
+2. Understanding Project Structure or Dependencies
+3. Debugging Terminal or CLI Issues
+4. Asking About Editor Settings or VS Code Features
+5. Full Project Wide Questions
+6. Fixing UI or Styling Issues
+7. Solving Errors from the Problems Panel
+
+## Prerequisites 
+
+- Syncfusion Code Studio installed and configured on your system. If you have not yet downloaded Code Studio, please refer to this link [Install and Configure](/code-studio/getting-started/install-and-configuration) for step-by-step instructions on downloading and configuring Code Studio.
+
+## What “Context” Means
 
 **Context** is the extra information you attach to your chat message—such as a file, an error, a screenshot, or a terminal log—so the AI analyzes the **right** thing and responds precisely. You’ll get **better answers** when Chat can look at **the specific code**, **the exact error,** or **the UI you’re seeing**
 Examples
@@ -31,9 +46,6 @@ Examples
 - Seeing a build error? → Attach **the Problems item** or **terminal output**  
 - Confused by the UI? → Attach **a screenshot**
 
-> **Note — Privacy & scope**  
-> Chat only sees what you explicitly include (plus what’s implicitly added from your active editor).  
-> If a file is **not** attached or implicitly included, Chat won’t analyze it.
 
 ## Types of Context in Code Studio
 
@@ -102,7 +114,7 @@ The selected screenshot/image will be added as context.
 
 <img src="./feature-images/screenshot.png" alt="screenshot"  />
 
----
+
 
 ### 4. Problems Context
 
@@ -168,3 +180,8 @@ To use a chat participant, simply type **@** in the chat input box. Code Studio
 Selecting one routes your request to that domain expert.
 
 <img src="./feature-images/@-context.png" alt="@-context"  />
+
+
+## Releted Features
+ - [Inline Chat](/code-studio/features/inlinechat) Inline Chat in Syncfusion Code Studio lets you talk to AI directly inside your code or terminal without switching screens.
+ - [Generate Code](/code-studio/features/generatecode) The Generate Code feature speeds up development by automatically handling repetitive tasks and giving instant AI-powered help right inside your editor.

code-studio/features/agent.md

@@ -7,25 +7,24 @@ keywords: "code, IDE, AI, developer-tools, syncfusion, code-assistance, producti
 
 # Agent
 
- Agents are intelligent, goal oriented AI assistants that can perform complex, multistep tasks across your project. Unlike simple prompt-based editing, agents can understand high-level instructions, analyze your codebase, and decide what actions need to be taken to achieve the desired outcome.
+## Overview 
 
-## How are agents differ from custom agents?
+Agent Mode is an autonomous AI that plans and executes multi-step coding tasks across your project. It explores your codebase, makes changes with workspace tools, and adapts to errors—while you review and approve each step. Enable it in Settings > Agents, switch to Agent mode in chat, then describe your goal.
 
-Agents and Custom Agents both act as AI assistants that can perform coding tasks for you, but they differ mainly in how they behave and how much control you have over them.
+## Use Cases
 
-An **Agent** is a builtin, general-purpose assistant that works automatically. You give it a goal, and it figures out how to complete it by exploring your project, reading files, planning updates, and applying changes.
+- Scaffold new apps or components
+- Refactor across files (rename, move, split)
+- Generate or fix unit tests
+- Update docs and README from code
+- Configure scripts, tasks, and settings
+- Prototype simple UIs and pages
 
-A **Custom Agent**, however, is something you create with your own rules, instructions, or constraints—so it behaves exactly the way you want every time.
+## Prerequisites
 
-*Learn more about creating [custom agents](/code-studio/reference/configure-properties/custom-agents).*
-
-## Key benefits
-
-- Automates complex, cross-file tasks.
-
-- Speeds iterative development and scaffolding.
-
-- Review and approve changes at each step.
+- Syncfusion Code Studio is installed (see the [installation guide](/code-studio/getting-started/install-and-configuration)).
+- Open a project folder with write access.
+- At least one AI model configured ( BYOK, or local).
 
 ## Agent Capabilities
 
@@ -53,6 +52,7 @@ A **Custom Agent**, however, is something you create with your own rules, instru
 
 **6.Task Complete** - Summarize what was changed, why, and how to reproduce or undo it; provide next steps or follow-ups if needed. Hand control back to the user for review or further instructions.
 
+
 ## How to Enable Agent mode?
 
 **Step 1** : Open settings and select Code Studio settings.
@@ -79,7 +79,7 @@ Consider creating the ToDo application,
 
 > **Note**: Make sure agents are enabled in your Code Studio settings.
 
-    <img src="./feature-images/inputPrompt.png" alt="Input Prompt" />
+<img src="./feature-images/inputPrompt.png" alt="Input Prompt" />
 
 - By default, Agent mode will ask for your permission before using any tool. Click **“Allow”** to approve the action, or **“Skip”** to deny it.
 
@@ -89,12 +89,10 @@ Consider creating the ToDo application,
 
     <img src="./feature-images/keepChanges.png" alt="Keep or Undo" />
 
-
 - Run your application in terminal; now you have a working ToDo app. By using an agent, you can interactively generate and refine your code in real-time.
 
-## Best Practices
+> **Note:** Projects created in Code Studio are compatible with other IDEs (for example, Visual Studio and VS Code), allowing you to open and work on the same project across different development environments.
+
+## Related Features
 
-1. **Give Clear, Goal-Focused Instructions** – Provide high-level objectives rather than step-by-step commands.
-2. **Break Large Tasks into Manageable Parts** – While the agent can handle multi-step workflows, extremely large tasks are easier to manage when divided into smaller, logical segments.
-3. **Review Each Action Before Approving** – Agent Mode provides step-by-step previews for every operation. Always review each action to confirm it matches your expectations.
-4. **Provide Additional Context When Needed** – If your goal involves interconnected modules, shared utilities, or cross-file dependencies, consider adding relevant files to the context.
+- [Custom Agent](/code-studio/reference/configure-properties/custom-agents): Define rules/instructions for consistent, constrained behavior.