diff --git a/code-studio/enterprise-server/dashboard.md b/code-studio/enterprise-server/dashboard.md
index 0b4d3db..7318801 100644
--- a/code-studio/enterprise-server/dashboard.md
+++ b/code-studio/enterprise-server/dashboard.md
@@ -1,6 +1,6 @@
---
-title: Code Studio Enterprise Dashboard
-description: Monitor and analyze organization, team, and user metrics such as cost, tokens, requests, and latency in Syncfusion Code Studio.
+title: Syncfusion Code Enterprise Dashboard
+description: Monitor and analyze organization, team, and user metrics such as cost, tokens, requests, and latency in Syncfusion Code.
platform: syncfusion-code-studio
keywords: dashboard, analytics, monitoring, usage, tokens, requests, latency, teams, users, cost, syncfusion, code-studio, enterprise
tocname: code-studio-enterprise-server-toc
diff --git a/code-studio/enterprise-server/fallback.md b/code-studio/enterprise-server/fallback.md
index eb71a7e..9c79d24 100644
--- a/code-studio/enterprise-server/fallback.md
+++ b/code-studio/enterprise-server/fallback.md
@@ -1,5 +1,5 @@
---
-title: Configuring Fallback Policies in Syncfusion Code Studio
+title: Configuring Fallback Policies in Syncfusion Code
description: Set up resilient AI workflows by defining fallback and retry rules that automatically switch to backup models when the primary model fails.
platform: syncfusion-code-studio
keywords: fallback, failover, retries, policy, models, routing, reliability, code-studio, enterprise-server
@@ -8,7 +8,7 @@ tocname: code-studio-enterprise-server-toc
# Fallback Policy Configuration
-Fallback Policies in Code Studio ensure uninterrupted AI workflows by automatically rerouting requests to alternative models when the primary model fails. This feature improves reliability, success rates, and cost efficiency.
+Fallback Policies in Syncfusion Code ensure uninterrupted AI workflows by automatically rerouting requests to alternative models when the primary model fails. This feature improves reliability, success rates, and cost efficiency.
## Prerequisites
diff --git a/code-studio/enterprise-server/freemodel.md b/code-studio/enterprise-server/freemodel.md
index ee9392e..5a3c9d4 100644
--- a/code-studio/enterprise-server/freemodel.md
+++ b/code-studio/enterprise-server/freemodel.md
@@ -1,6 +1,6 @@
---
-title: Use OpenRouter Free Models in Syncfusion Code Studio
-description: Instructions to use Code Studio effectively while minimizing or eliminating costs through free models.
+title: Use OpenRouter Free Models in Syncfusion Code
+description: Instructions to use Syncfusion Code effectively while minimizing or eliminating costs through free models.
platform: syncfusion-code-studio
control: IDE
documentation: Getting Started
@@ -8,10 +8,10 @@ keywords: code, IDE, freemodel, openrouter
tocname: code-studio-enterprise-server-toc
---
-# Use OpenRouter Free Models in Syncfusion Code Studio
+# Use OpenRouter Free Models in Syncfusion Code
## Why this Matters
-AI model costs can add up quickly during development. This guide shows you how to use Code Studio effectively while minimizing or eliminating costs through free models.
+AI model costs can add up quickly during development. This guide shows you how to use Syncfusion Code effectively while minimizing or eliminating costs through free models.
## When to use
- You need instant access for coding models with no token limits.
@@ -35,7 +35,7 @@ AI model costs can add up quickly during development. This guide shows you how t
## OpenRouter Free Tier Models
-OpenRouter's free tier unlocks powerful, hosted models that are free (with fair usage limits to keep things sustainable). It's perfect for testing and prototyping without cost. You can easily connect the free models to Code Studio by following this [Configuration steps](/code-studio/enterprise-server/providersandmodels).
+OpenRouter's free tier unlocks powerful, hosted models that are free (with fair usage limits to keep things sustainable). It's perfect for testing and prototyping without cost. You can easily connect the free models to Syncfusion Code by following this [Configuration steps](/code-studio/enterprise-server/providersandmodels).
**Note:** These free models generally deliver about 60% proper results, so use them for prototyping and non-sensitive tasks rather than production.
diff --git a/code-studio/enterprise-server/getting-started.md b/code-studio/enterprise-server/getting-started.md
index 864cbd0..298c493 100644
--- a/code-studio/enterprise-server/getting-started.md
+++ b/code-studio/enterprise-server/getting-started.md
@@ -1,18 +1,18 @@
---
-title: Getting started with Syncfusion Code Studio
-description: Set up your account, download the app, and configure your organization to begin using Code Studio for AI-assisted development.
+title: Getting started with Syncfusion Code
+description: Set up your account, download the app, and configure your organization to begin using Syncfusion Code for AI-assisted development.
platform: syncfusion-code-studio
-keywords: getting started, onboarding, setup, account, dashboard, profile, settings, download, syncfusion, Code Studio
+keywords: getting started, onboarding, setup, account, dashboard, profile, settings, download, syncfusion, Syncfusion Code
tocname: code-studio-enterprise-server-toc
---
# Getting Started
-Start using Code Studio
+Start using Syncfusion Code
### 1. Create and Access Your Account
-To start using Code Studio, visit: [Syncfusion Code Studio](https://app.sfcodestudio.com)
+To start using Syncfusion Code, visit: [Syncfusion Code](https://app.sfcodestudio.com)
**Sign-In Options**
You can sign in using one of the following methods:
diff --git a/code-studio/enterprise-server/providersandmodels.md b/code-studio/enterprise-server/providersandmodels.md
index 7c994e7..82f530e 100644
--- a/code-studio/enterprise-server/providersandmodels.md
+++ b/code-studio/enterprise-server/providersandmodels.md
@@ -1,6 +1,6 @@
---
-title: Configure LLM Providers and Models in Syncfusion Code Studio
-description: Admin guide to connect LLM providers, manage API keys, and add models to your enterprise catalog in Code Studio.
+title: Configure LLM Providers and Models in Syncfusion Code
+description: Admin guide to connect LLM providers, manage API keys, and add models to your enterprise catalog in Syncfusion Code.
platform: syncfusion-code-studio
keywords: llm, providers, models, configuration, admin, enterprise, syncfusion, code-studio, api keys, model catalog, openai, anthropic, azure openai, gemini
tocname: code-studio-enterprise-server-toc
@@ -8,17 +8,17 @@ tocname: code-studio-enterprise-server-toc
# Configure LLM Providers and Models
-This guide provides step-by-step instructions for administrators to configure Large Language Model (LLM) providers and manage models within Code Studio.
+This guide provides step-by-step instructions for administrators to configure Large Language Model (LLM) providers and manage models within Syncfusion Code.
> **Note**: Only admins can configure LLM providers and models.
## Prerequisites
-- You need an active account on Code Studio
+- You need an active account on Syncfusion Code
- OpenRouter API Key - Follow the detailed instructions [here](/code-studio/enterprise-server/freemodel) to obtain an OpenRouter API key and the list of recommended free models for integration.
## 1. Adding an LLM Provider
-To integrate an LLM provider into Code Studio:
+To integrate an LLM provider into Syncfusion Code:
### Steps
1. Navigate to the **LLM Keys** page under the **BYOK** section.
diff --git a/code-studio/enterprise-server/settings.md b/code-studio/enterprise-server/settings.md
index 3278688..3d547e5 100644
--- a/code-studio/enterprise-server/settings.md
+++ b/code-studio/enterprise-server/settings.md
@@ -1,6 +1,6 @@
---
-title: Code Studio Enterprise Settings
-description: Manage profile, organization, credits, billing, and subscriptions in Syncfusion Code Studio Enterprise.
+title: Syncfusion Code Enterprise Settings
+description: Manage profile, organization, credits, billing, and subscriptions in Syncfusion Code Enterprise.
platform: syncfusion-code-studio
keywords: settings, profile, organization, credits, billing, subscription, plans,payments, enterprise, syncfusion, code-studio
tocname: code-studio-enterprise-server-toc
@@ -8,11 +8,11 @@ tocname: code-studio-enterprise-server-toc
# Settings
-The Settings area centralizes account and organization configuration for Code Studio Enterprise. Use it to manage your profile, organization details, credits, and billing/subscription plans.
+The Settings area centralizes account and organization configuration for Syncfusion Code Enterprise. Use it to manage your profile, organization details, credits, and billing/subscription plans.
## How to Access
-- Open the [Code Studio page](https://app.sfcodestudio.com) and navigate to Settings from the left sidebar
+- Open the [Syncfusion Code page](https://app.sfcodestudio.com) and navigate to Settings from the left sidebar
- Select one of the tabs: Profile, Organization, Credits, or Billing & Subscription
## 1. Profile
@@ -109,7 +109,7 @@ Add-on credits fund model usage across your organization.
-
-
- Full access to Code Studio IDE & Enterprise Server +
- Full access to Syncfusion Code IDE & Enterprise Server
- Five AI modes: Chat, Edit, Agent, Plan, Autocomplete
- Image input support
- MCP server integration diff --git a/code-studio/enterprise-server/userandteams.md b/code-studio/enterprise-server/userandteams.md index ef8e52b..c38238d 100644 --- a/code-studio/enterprise-server/userandteams.md +++ b/code-studio/enterprise-server/userandteams.md @@ -1,13 +1,13 @@ --- -title: Managing Users and Teams in Syncfusion Code Studio -description: Learn how to manage users, roles, and teams in Syncfusion Code Studio Enterprise Server for secure collaboration, governance, and usage visibility. +title: Managing Users and Teams in Syncfusion Code +description: Learn how to manage users, roles, and teams in Syncfusion Code Enterprise Server for secure collaboration, governance, and usage visibility. platform: syncfusion-code-studio keywords: users, teams, roles, admin, team lead, invitations, access control, governance, syncfusion, code-studio, enterprise tocname: code-studio-enterprise-server-toc --- # User & Teams -Code Studio empowers administrators and team leads to manage organization members, assign roles, and organize users into teams for seamless collaboration and governance. +Syncfusion Code empowers administrators and team leads to manage organization members, assign roles, and organize users into teams for seamless collaboration and governance. ## 1. Key Benefits - **Role Assignment:** Assign roles such as Admin, Team Lead, or User to match your organizational hierarchy. diff --git a/code-studio/ide/customization/agent-plugin.md b/code-studio/ide/customization/agent-plugin.md index a4115dc..4da4cd4 100644 --- a/code-studio/ide/customization/agent-plugin.md +++ b/code-studio/ide/customization/agent-plugin.md @@ -2,14 +2,14 @@ title: Autopilot and Agent Permissions description: Learn how to configure and control agent autonomy in code studio using the new Autopilot and permissions picker. This tutorial walks you through enabling Autopilot with chat.autopilot.enabled, choosing between Default Approvals, Bypass Approvals, or Autopilot (Preview), and understanding the security implications of each mode platform: syncfusion-code-studio -keywords: syncfusion, syncfusion Code Studio,Autopilot, agent permissions, bypass approvals, agent-scoped hooks, agent debugging +keywords: syncfusion, Syncfusion Code,Autopilot, agent permissions, bypass approvals, agent-scoped hooks, agent debugging tocname: code-studio-ide-toc --- # Agent Plugins ## Purpose -Agent plugins are bundles of customizations you can install from plugin marketplaces. They extend Code Studio with combinations of slash commands, skills, agents, hooks, and MCP servers, while working alongside your existing customizations. +Agent plugins are bundles of customizations you can install from plugin marketplaces. They extend Syncfusion Code with combinations of slash commands, skills, agents, hooks, and MCP servers, while working alongside your existing customizations. **Key Benefits:** - Simplify Configuration — Install complete workflows in one action - Standardize Practices — Enforce consistent coding standards across your team - Share Knowledge — Distribute expertise and best practices organization-wide @@ -64,7 +64,7 @@ To install a plugin from a marketplace: - Click the **Install** button to add it to your user profile. -- Code Studio automatically downloads and registers the plugin. +- Syncfusion Code automatically downloads and registers the plugin.
@@ -82,7 +82,7 @@ To install a plugin that is not available in a marketplace:
-- Code Studio automatically clones the repository and installs the plugin.
+- Syncfusion Code automatically clones the repository and installs the plugin.
### Step 3: Manage Installed Plugins
@@ -100,9 +100,9 @@ To manage your installed plugins:
### Step 4: Update Plugins
-Code Studio provides two methods to check for plugin updates:
+Syncfusion Code provides two methods to check for plugin updates:
-- **Automatic Updates**: Code Studio checks for updates automatically every 24 hours if the `extensions.autoUpdate` setting is enabled.
+- **Automatic Updates**: Syncfusion Code checks for updates automatically every 24 hours if the `extensions.autoUpdate` setting is enabled.
- **On-Demand Updates**: Press `Ctrl+Shift+P` (or `Cmd+Shift+P` on macOS) and run **Extensions: Check for Extension Updates**.
@@ -133,15 +133,15 @@ When you disable a plugin, the following components become inactive:
## Understanding How Plugins Become Available
-Once you install a plugin, Code Studio processes the plugin's configuration and makes its components available for use. Here is what happens behind the scenes:
+Once you install a plugin, Syncfusion Code processes the plugin's configuration and makes its components available for use. Here is what happens behind the scenes:
### Plugin Processing
A typical plugin contains the following components: `plugin.json` (manifest), `agents/` (custom agents), `skills/` (reusable skills), `hooks/` (lifecycle automation), and `.mcp.json` .
-When you install a plugin, Code Studio performs the following steps:
+When you install a plugin, Syncfusion Code performs the following steps:
-1. **Configuration Reading**: Code Studio reads the plugin's `plugin.json` file to understand the plugin's structure and components.
+1. **Configuration Reading**: Syncfusion Code reads the plugin's `plugin.json` file to understand the plugin's structure and components.
2. **Component Registration**: The plugin's AI components (agents, skills, and slash commands) are registered and made available for use in your chats.
diff --git a/code-studio/ide/customization/configure-the-code-studio.md b/code-studio/ide/customization/configure-the-code-studio.md
index ad4358e..87fed6e 100644
--- a/code-studio/ide/customization/configure-the-code-studio.md
+++ b/code-studio/ide/customization/configure-the-code-studio.md
@@ -1,15 +1,15 @@
---
-title: Cofigure the Syncfusion Code Studio
-description: Instructions on how to set up and customize Syncfusion Code Studio for your development environment
+title: Cofigure the Syncfusion Code
+description: Instructions on how to set up and customize Syncfusion Code for your development environment
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation
tocname: code-studio-ide-toc
---
-# Configure the Syncfusion Code Studio
+# Configure the Syncfusion Code
-The Syncfusion Code Studio can be configured using the `config.yaml` specification. To open this file, follow the below steps.
+The Syncfusion Code can be configured using the `config.yaml` specification. To open this file, follow the below steps.
-1. Open the settings of Syncfusion Code Studio chat
+1. Open the settings of Syncfusion Code chat
2. And click `Open Config File`
diff --git a/code-studio/ide/customization/custom-agents.md b/code-studio/ide/customization/custom-agents.md
index e1bba43..91f6bb2 100644
--- a/code-studio/ide/customization/custom-agents.md
+++ b/code-studio/ide/customization/custom-agents.md
@@ -1,13 +1,13 @@
---
-title: Syncfusion Code Studio Custom Agent
-description: Custom Agent Mode in Syncfusion Code Studio is an autonomous AI assistant that can analyze, edit, and execute changes across your codebase with minimal input.
+title: Syncfusion Code Custom Agent
+description: Custom Agent Mode in Syncfusion Code is an autonomous AI assistant that can analyze, edit, and execute changes across your codebase with minimal input.
platform: syncfusion-code-studio
keywords: "code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation"
tocname: code-studio-ide-toc
---
# Custom Agents
-Custom Agents are specialized versions of Syncfusion Code Studio that deliver consistent expertise across end-to-end workflows. They are assigned to specific tasks and retain their configuration throughout the process. This reduces setup time, enforces team standards, and makes outcomes repeatable.
+Custom Agents are specialized versions of Syncfusion Code that deliver consistent expertise across end-to-end workflows. They are assigned to specific tasks and retain their configuration throughout the process. This reduces setup time, enforces team standards, and makes outcomes repeatable.
By switching to the right agent (e.g., Planner, Security Reviewer, Architect), you get the correct behavior, tool access, and expertise — without manual reconfiguration each time.
@@ -113,7 +113,7 @@ Select your preferred location → click **Continue**.
### Step 5: Save and Activate
- Save the file (Ctrl+S or ⌘S).
-- Code Studio automatically detects the new agent.
+- Syncfusion Code automatically detects the new agent.
- Open Chat view and click the agent dropdown.
- Your new agent appears in the list.
@@ -122,7 +122,7 @@ Select your preferred location → click **Continue**.
## Using Your Custom Agents
**To Use the CodeReview Agent:**
-- Open Chat view in Code Studio.
+- Open Chat view in Syncfusion Code.
- Click the agent dropdown.
diff --git a/code-studio/ide/customization/custom-instructions.md b/code-studio/ide/customization/custom-instructions.md
index 7e80a4f..f520e0d 100644
--- a/code-studio/ide/customization/custom-instructions.md
+++ b/code-studio/ide/customization/custom-instructions.md
@@ -1,6 +1,6 @@
---
title: Custom Instruction
-description: Details about configuring rules that define the behavior and constraints for language models in Syncfusion Code Studio IDE.
+description: Details about configuring rules that define the behavior and constraints for language models in Syncfusion Code IDE.
platform: syncfusion-code-studio
control: IDE
documentation: Getting Started
@@ -12,7 +12,7 @@ tocname: code-studio-ide-toc
## Purpose
-Custom Instructions allow you to define guidelines and rules that automatically influence how the AI generates code and handles development tasks in Syncfusion Code Studio.
+Custom Instructions allow you to define guidelines and rules that automatically influence how the AI generates code and handles development tasks in Syncfusion Code.
They serve the following key purposes:
@@ -57,11 +57,11 @@ Use Custom Instructions when you want to:
## Enabling Custom Instruction Files
-**Step 1:** Open **settings** at the bottom left in Code Studio.
+**Step 1:** Open **settings** at the bottom left in Syncfusion Code.
-**Step 2:** Select **Code Studio Settings** in the pop-up options.
+**Step 2:** Select **Syncfusion Code Settings** in the pop-up options.
@@ -105,7 +105,7 @@ You will see three options:
- Click the “Generate instructions” and select New instruction(workspace) in the pop up.
-**Step 2:** Now Code Studio will automatically create and open `codestudio-instructions.md`.
+**Step 2:** Now Syncfusion Code will automatically create and open `codestudio-instructions.md`.
diff --git a/code-studio/ide/customization/custom-prompt.md b/code-studio/ide/customization/custom-prompt.md
index 19b5331..8cd8816 100644
--- a/code-studio/ide/customization/custom-prompt.md
+++ b/code-studio/ide/customization/custom-prompt.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio Custom Prompts
+title: Syncfusion Code Custom Prompts
description: "Guide for creating and using AI-driven prompt templates to standardize development workflows"
platform: syncfusion-code-studio
keywords: custom-prompts, ai-assistance, templates, workflows, best-practices
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
# Custom Prompt Files
## Purpose
-Prompt Files in Syncfusion Code Studio are reusable AI instructions you can save and run anytime. They act like templates for common tasks such as generating code, reviewing code, or documentation.
+Prompt Files in Syncfusion Code are reusable AI instructions you can save and run anytime. They act like templates for common tasks such as generating code, reviewing code, or documentation.
Why they matter: Instead of typing the same request again and again, you save it once as a Prompt File.
@@ -30,7 +30,7 @@ Prompt Files are helpful when you want to:
## Steps to Create and Use Prompt Files
### Step 1: Open Chat Window
-Open your project in Code Studio. Open the Code Studio Chat window.
+Open your project in Syncfusion Code. Open the Syncfusion Code Chat window.
### Step 2: Select Prompt Files
diff --git a/code-studio/ide/customization/hooks.md b/code-studio/ide/customization/hooks.md
index 1ac2592..b04ea86 100644
--- a/code-studio/ide/customization/hooks.md
+++ b/code-studio/ide/customization/hooks.md
@@ -1,6 +1,6 @@
---
title: Hooks
-description: Reference documentation for configuring hooks in Syncfusion Code Studio to run custom shell commands at agent lifecycle events.
+description: Reference documentation for configuring hooks in Syncfusion Code to run custom shell commands at agent lifecycle events.
platform: syncfusion-code-studio
control: IDE
documentation: Getting Started
@@ -12,7 +12,7 @@ tocname: code-studio-ide-toc
## Overview
-Hooks let you run custom shell commands at specific lifecycle points during an agent session in Syncfusion Code Studio. Use hooks to automate repetitive tasks, enforce security policies, validate tool usage, and integrate external systems into AI-assisted workflows.
+Hooks let you run custom shell commands at specific lifecycle points during an agent session in Syncfusion Code. Use hooks to automate repetitive tasks, enforce security policies, validate tool usage, and integrate external systems into AI-assisted workflows.
Unlike instructions or prompts, hooks execute deterministically. They run at defined events, receive structured JSON input, and can return JSON output that influences how the session continues.
@@ -24,7 +24,7 @@ Hooks are useful when you need to:
- Inject additional context into the agent or subagent.
- Enforce approval workflows for sensitive operations.
-> **Important:** Hooks run locally with the same permissions as your Code Studio session. Review every hook command and script carefully before enabling it.
+> **Important:** Hooks run locally with the same permissions as your Syncfusion Code session. Review every hook command and script carefully before enabling it.
> **Note:** Hook behavior and UI can vary slightly by product version or organization policy.
@@ -32,7 +32,7 @@ Hooks are useful when you need to:
Before you configure hooks, make sure that:
-1. Syncfusion Code Studio with a workspace is open and you have write access to the workspace.
+1. Syncfusion Code with a workspace is open and you have write access to the workspace.
2. Agent mode and tool usage are available in your environment.
3. Familiar with the shell used on your operating system:
- Windows: PowerShell (`.ps1`)
@@ -40,7 +40,7 @@ Before you configure hooks, make sure that:
## How Hooks Work
-At runtime, Code Studio:
+At runtime, Syncfusion Code:
1. Detects a lifecycle event such as `PreToolUse` or `PostToolUse`.
2. Reads the matching hook configuration from your project configuration.
@@ -51,7 +51,7 @@ At runtime, Code Studio:
## Hook Lifecycle Events
-Code Studio supports the following hook lifecycle events. Event names are case-sensitive and must use the exact PascalCase values shown below.
+Syncfusion Code supports the following hook lifecycle events. Event names are case-sensitive and must use the exact PascalCase values shown below.
### SessionStart
@@ -174,7 +174,7 @@ Code Studio supports the following hook lifecycle events. Event names are case-s
1. **Click** the Settings icon in the Chat window and **Select** **Agent Customizations**.
- 
+
2. **Select** hooks and **click** **Generate Hooks**.
@@ -185,7 +185,7 @@ Code Studio supports the following hook lifecycle events. Event names are case-s
4. **Enter** a descriptive hook name and press Enter.
- 
+
5. It will create a **Default Configuration** like below Image
@@ -195,7 +195,7 @@ Code Studio supports the following hook lifecycle events. Event names are case-s
7. **Run** a test prompt to verify the hook is active.
- 
+
## Verification
@@ -250,5 +250,5 @@ After you configure hooks, verify them with a simple test flow.
- [Custom Instructions](/code-studio/reference/configure-properties/custom-instructions)
- [Tools Support](/code-studio/reference/configure-properties/toolssupport)
-- [Enhancing Security Reviews and Code Quality with Automated Hooks in Code Studio](/code-studio/tutorials/enhance-security-with-hooks)
+- [Enhancing Security Reviews and Code Quality with Automated Hooks in Syncfusion Code](/code-studio/tutorials/enhance-security-with-hooks)
- [Custom Agents](/code-studio/reference/configure-properties/custom-agents)
\ No newline at end of file
diff --git a/code-studio/ide/customization/localmodels.md b/code-studio/ide/customization/localmodels.md
index 4a05b6a..483a3b0 100644
--- a/code-studio/ide/customization/localmodels.md
+++ b/code-studio/ide/customization/localmodels.md
@@ -1,6 +1,6 @@
---
title: How to Add Local and BYOK Models
-Description: Steps to add local chat models and BYOK (Bring Your Own Key) models in Code Studio, including adding provider API/LLM keys and registering models.
+Description: Steps to add local chat models and BYOK (Bring Your Own Key) models in Syncfusion Code, including adding provider API/LLM keys and registering models.
platform: syncfusion-code-studio
keywords: local, BYOK
tocname: code-studio-ide-toc
@@ -14,7 +14,7 @@ A model is the underlying AI engine responsible for producing text, code, or exp
## Why Personal Models?
-The **“Add Personal Model”** feature allows you to use required AI model providers and API keys inside Code Studio instead of relying only on organization‑configured models. This gives you more flexibility and control over your AI experience.
+The **“Add Personal Model”** feature allows you to use required AI model providers and API keys inside Syncfusion Code instead of relying only on organization‑configured models. This gives you more flexibility and control over your AI experience.
You can:
diff --git a/code-studio/ide/customization/mcp/customservers.md b/code-studio/ide/customization/mcp/customservers.md
index 00f0edd..891db25 100644
--- a/code-studio/ide/customization/mcp/customservers.md
+++ b/code-studio/ide/customization/mcp/customservers.md
@@ -1,6 +1,6 @@
---
title: Custom MCP Servers
-description: "Instructions for connecting remote, NPM, and local MCP servers to Syncfusion Code Studio for enhanced accessibility and control."
+description: "Instructions for connecting remote, NPM, and local MCP servers to Syncfusion Code for enhanced accessibility and control."
control: IDE
documentation: Getting Started
platform: syncfusion-code-studio
@@ -12,9 +12,9 @@ tocname: code-studio-ide-toc
## Purpose
-[Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) is an open standard that enables AI models to interact with external tools and services through a unified interface. In Code Studio, MCP servers extend your workspace by integrating with external APIs.
+[Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) is an open standard that enables AI models to interact with external tools and services through a unified interface. In Syncfusion Code, MCP servers extend your workspace by integrating with external APIs.
-**Custom MCP Servers** let you add and manage MCP servers in Code Studio.
+**Custom MCP Servers** let you add and manage MCP servers in Syncfusion Code.
You can add a custom MCP server using one of these connection types, based on how the server is hosted and delivered:
@@ -26,7 +26,7 @@ You can add a custom MCP server using one of these connection types, based on ho
## When to use
-Use a Custom MCP Server to integrate external tools or services into Code Studio. Choose this option whenever an MCP server exists for the tool or service you want to connect.
+Use a Custom MCP Server to integrate external tools or services into Syncfusion Code. Choose this option whenever an MCP server exists for the tool or service you want to connect.
## Prerequisites
@@ -123,11 +123,11 @@ Runs an MCP server via .NET packages.
## Step-by-Step Guide: Postman MCP Server with CodeStudio
-This example shows how to configure the Postman MCP Server (via an npm package) as a Custom MCP Server in Code Studio. Once connected, you can use the Code Studio chat agent to interact with Postman directly—automating API testing and validation tasks without leaving your workspace.
+This example shows how to configure the Postman MCP Server (via an npm package) as a Custom MCP Server in Syncfusion Code. Once connected, you can use the Syncfusion Code chat agent to interact with Postman directly—automating API testing and validation tasks without leaving your workspace.
Follow the steps below to configure the Postman MCP Server in CodeStudio,
-**Step 1:** In Code Studio Extension, click the Settings icon and select MCP Servers
+**Step 1:** In Syncfusion Code Extension, click the Settings icon and select MCP Servers
@@ -167,7 +167,7 @@ Step 4: Review the Terms and Conditions, then click Accept and proceed.
-**Step 10:** Enter a Server ID. This is a label you choose in Code Studio to identify the custom server (not a Postman ID).
+**Step 10:** Enter a Server ID. This is a label you choose in Syncfusion Code to identify the custom server (not a Postman ID).
@@ -185,7 +185,7 @@ Step 4: Review the Terms and Conditions, then click Accept and proceed.
### How to access the MCP tools
-**Step 1** : Click the Syncfusion Code Studio icon. The chat window is displayed.
+**Step 1** : Click the Syncfusion Code icon. The chat window is displayed.
@@ -207,11 +207,11 @@ You can create your own collection and add API requests by following Postman’s
### Generate test scripts
-- In this section, you will use Code Studio and the Postman MCP Server to generate standardized test scripts for the **User Management API** collection.
+- In this section, you will use Syncfusion Code and the Postman MCP Server to generate standardized test scripts for the **User Management API** collection.
-- When you give the prompt, Code Studio generates test scripts for all API requests in the collection.
+- When you give the prompt, Syncfusion Code generates test scripts for all API requests in the collection.
-- Code Studio then applies the generated scripts in Postman under each API request’s **Test Scripts** tab.
+- Syncfusion Code then applies the generated scripts in Postman under each API request’s **Test Scripts** tab.
**Sample prompt**
@@ -255,6 +255,6 @@ To remove a custom MCP server:
1. Click Manage next to the MCP server.
2. Select Uninstall.
-3. The server is removed from your device and Code Studio.
+3. The server is removed from your device and Syncfusion Code.
diff --git a/code-studio/ide/customization/mcp/marketplace.md b/code-studio/ide/customization/mcp/marketplace.md
index 813d33f..6386348 100644
--- a/code-studio/ide/customization/mcp/marketplace.md
+++ b/code-studio/ide/customization/mcp/marketplace.md
@@ -1,6 +1,6 @@
---
title: MCP Marketplace
-description: "Guide for discovering, installing, and managing MCP servers in Syncfusion Code Studio via the marketplace interface."
+description: "Guide for discovering, installing, and managing MCP servers in Syncfusion Code via the marketplace interface."
control: IDE
documentation: Getting Started
platform: syncfusion-code-studio
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
# MCP Marketplace
## Purpose
-The **MCP Marketplace** is a centralized platform for server management, helping users discover, install, and connect the right servers for their needs through an easy-to-use interface. It showcases a variety of available MCP servers. Users can explore server options and configure them for use by simply clicking the **Install** button, which initiates an automated setup process to integrate the server with the Code Studio extension. Users can download servers either globally across all projects or for a specific workspace.
+The **MCP Marketplace** is a centralized platform for server management, helping users discover, install, and connect the right servers for their needs through an easy-to-use interface. It showcases a variety of available MCP servers. Users can explore server options and configure them for use by simply clicking the **Install** button, which initiates an automated setup process to integrate the server with the Syncfusion Code extension. Users can download servers either globally across all projects or for a specific workspace.
## When to Use
MCP servers are essential in the following scenarios:
@@ -21,13 +21,13 @@ MCP servers are essential in the following scenarios:
## Prerequisites
Before installing MCP servers from the marketplace, ensure that:
-- You are using the latest version of Syncfusion Code Studio
+- You are using the latest version of Syncfusion Code
- You have any required authentication credentials ready (Personal Access Tokens, API keys, or other tokens as needed by specific servers)
- Node.js and npm are installed on your system, as certain MCP servers depend on npm packages for functionality
- Help Link for installing Node.js and npm : [Install Node.js](https://nodejs.org/en/download)
## Steps to Install an MCP Server from Marketplace
-- Click the **Syncfusion Code Studio** icon on the top right side to open the Syncfusion Code Studio chat window.
+- Click the **Syncfusion Code** icon on the top right side to open the Syncfusion Code chat window.
diff --git a/code-studio/ide/customization/model-comparison.md b/code-studio/ide/customization/model-comparison.md
index 17cebed..4fd812f 100644
--- a/code-studio/ide/customization/model-comparison.md
+++ b/code-studio/ide/customization/model-comparison.md
@@ -1,6 +1,6 @@
---
title: Model Comparison
-description: Compare AI models in Syncfusion Code Studio and choose the right model for coding, debugging, refactoring, and agentic tasks.
+description: Compare AI models in Syncfusion Code and choose the right model for coding, debugging, refactoring, and agentic tasks.
platform: syncfusion-code-studio
keywords: "model-comparison, compare-ai-models, choose-model, claude-haiku-4.5, claude-opus-4.1, claude-opus-4.5, claude-sonnet-4.5, claude-sonnet-4.6, gemini-3-flash, gemini-3.1-flash-lite, gemini-3.1-pro, gpt-4.1, gpt-5, gpt-5-mini, gpt-5.1-codex, gpt-5.2, gpt-5.2-codex, gpt-5.3-codex, gpt-5.4, gpt-5.4-mini, gpt-5.4-nano, code-generation, debugging, refactoring, reasoning, low-latency"
tocname: code-studio-ide-toc
@@ -10,9 +10,9 @@ tocname: code-studio-ide-toc
## Overview
-Code Studio supports multiple premium AI models, each suited to different kinds of development work. Some models are optimized for speed and quick tasks, while others offer deep reasoning for complex problems. This guide helps you pick the right model based on what you need to accomplish.
+Syncfusion Code supports multiple premium AI models, each suited to different kinds of development work. Some models are optimized for speed and quick tasks, while others offer deep reasoning for complex problems. This guide helps you pick the right model based on what you need to accomplish.
-> **Note:** The models listed in this guide are premium models available in Code Studio. Different models consume different amounts of your usage allowance.
+> **Note:** The models listed in this guide are premium models available in Syncfusion Code. Different models consume different amounts of your usage allowance.
@@ -144,4 +144,4 @@ For single-step reasoning or debugging, see [Deep reasoning and debugging](#task
If you're not sure which model to start with, GPT-4.1 or Claude Sonnet 4.6 are good general-purpose defaults. Switch to a deeper reasoning model like GPT-5 or Claude Opus 4.5 when a task requires more thorough analysis.
-- To get started with Code Studio, see [Quick Start](/code-studio/getting-started/quick-start)
+- To get started with Syncfusion Code, see [Quick Start](/code-studio/getting-started/quick-start)
diff --git a/code-studio/ide/customization/skills.md b/code-studio/ide/customization/skills.md
index 4c52fa6..b8753fc 100644
--- a/code-studio/ide/customization/skills.md
+++ b/code-studio/ide/customization/skills.md
@@ -1,6 +1,6 @@
---
-title: Skills in Code Studio
-description: Skills in Syncfusion Code Studio enhance your development experience by providing intelligent assistance and automation.
+title: Skills in Syncfusion Code
+description: Skills in Syncfusion Code enhance your development experience by providing intelligent assistance and automation.
platform: syncfusion-code-studio
control: IDE
documentation: Customization
@@ -8,11 +8,11 @@ keywords: code, IDE, AI, skills, SKILL.md, custom workflows, automation, slash c
tocname: code-studio-ide-toc
---
-# Skills in Code Studio
+# Skills in Syncfusion Code
## Overview
-Skills let you extend Code Studio with reusable, task-focused capabilities packaged as a structured folder. Each Skill bundles a `SKILL.md` file alongside any supporting assets—scripts, templates, and examples—that Code Studio loads when the Skill becomes relevant.
+Skills let you extend Syncfusion Code with reusable, task-focused capabilities packaged as a structured folder. Each Skill bundles a `SKILL.md` file alongside any supporting assets—scripts, templates, and examples—that Syncfusion Code loads when the Skill becomes relevant.
Unlike one-off instructions or prompts, Skills encapsulate complete workflows: testing routines, deployment steps, debugging procedures, UI generation patterns, or domain-specific automation. Skills are portable and work across any skills-compatible agent.
@@ -24,7 +24,7 @@ Use Skills when you need to:
- Share team-wide AI workflows by storing Skills in the repository under version control.
- Automate domain-specific tasks—such as security scanning, UI generation, or documentation generation—without re-entering the same context in every chat session.
- Override or supplement default AI behavior for a specific class of tasks.
-- Create portable capabilities that work across different AI tools, not just Code Studio.
+- Create portable capabilities that work across different AI tools, not just Syncfusion Code.
@@ -32,7 +32,7 @@ Use Skills when you need to:
> **Tip:** Type `/skills` in the chat input to quickly open the Configure Skills menu.
-Skills are stored in directories with a `SKILL.md` file. Code Studio supports two storage scopes:
+Skills are stored in directories with a `SKILL.md` file. Syncfusion Code supports two storage scopes:
| Scope | Supported paths |
| ------------------------------------------------- | --------------------------------------------------------------------------------------- |
@@ -41,7 +41,7 @@ Skills are stored in directories with a `SKILL.md` file. Code Studio supports tw
### Step 1: Open the Skills Menu
-Open your project in Code Studio. Open the chat box and type `/skills` in the chat input.
+Open your project in Syncfusion Code. Open the chat box and type `/skills` in the chat input.
@@ -64,11 +64,11 @@ Select where to store your Skill:
### Step 4: Name the Skill Folder
-Enter a name for your Skill folder. The directory name must match the `name` field you will set in `SKILL.md`. Code Studio creates the folder structure automatically.
+Enter a name for your Skill folder. The directory name must match the `name` field you will set in `SKILL.md`. Syncfusion Code creates the folder structure automatically.
### Step 5: Create the SKILL.md File
-Code Studio creates a `SKILL.md` file inside the Skill folder. Edit it with the following structure:
+Syncfusion Code creates a `SKILL.md` file inside the Skill folder. Edit it with the following structure:
@@ -106,11 +106,11 @@ Each Skill is defined by a `SKILL.md` file consisting of a YAML frontmatter head
| Field | Required | Description |
| ------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `name` | Yes | Unique identifier for the Skill, used in slash commands. Must be lowercase with hyphens (for example, `documentation`). **Must match the parent directory name.** Maximum 64 characters. |
-| `description` | Yes | Description of what the Skill does and when to use it. Be specific about both capabilities and use cases so Code Studio can decide when to load the Skill automatically. Maximum 1024 characters. |
+| `description` | Yes | Description of what the Skill does and when to use it. Be specific about both capabilities and use cases so Syncfusion Code can decide when to load the Skill automatically. Maximum 1024 characters. |
### Body
-The body contains free-form Markdown with the instructions, guidelines, and examples Code Studio follows when using the Skill. Include:
+The body contains free-form Markdown with the instructions, guidelines, and examples Syncfusion Code follows when using the Skill. Include:
- What the Skill accomplishes.
- When to use the Skill.
@@ -120,13 +120,13 @@ The body contains free-form Markdown with the instructions, guidelines, and exam
You can reference files within the Skill directory using relative paths. For example: `[documentation template](./doc-template.md)`.
-## How Code Studio Uses Skills
+## How Syncfusion Code Uses Skills
Skills load content progressively to keep context efficient:
-1. **Discovery** — Code Studio reads the Skill's `name` and `description` from the YAML frontmatter. When you send a prompt such as "review the getting-started guide for gaps", Code Studio matches it to the `documentation` Skill based on its description.
-2. **Instructions loading** — Code Studio loads the `SKILL.md` body into its context, giving it access to the detailed review procedures and guidelines. You can also trigger this step directly by typing `/documentation` in chat.
-3. **Resource access** — As Code Studio works through the instructions, it accesses additional files in the Skill directory (such as `doc-template.md` or example improvements) only when referenced.
+1. **Discovery** — Syncfusion Code reads the Skill's `name` and `description` from the YAML frontmatter. When you send a prompt such as "review the getting-started guide for gaps", Syncfusion Code matches it to the `documentation` Skill based on its description.
+2. **Instructions loading** — Syncfusion Code loads the `SKILL.md` body into its context, giving it access to the detailed review procedures and guidelines. You can also trigger this step directly by typing `/documentation` in chat.
+3. **Resource access** — As Syncfusion Code works through the instructions, it accesses additional files in the Skill directory (such as `doc-template.md` or example improvements) only when referenced.
This three-level loading system means you can install many Skills without consuming unnecessary context—only what is relevant for each task is loaded.
diff --git a/code-studio/ide/customization/toolssupport.md b/code-studio/ide/customization/toolssupport.md
index 6a6203c..434cf38 100644
--- a/code-studio/ide/customization/toolssupport.md
+++ b/code-studio/ide/customization/toolssupport.md
@@ -1,6 +1,6 @@
---
-title: Introduction to Tools in Syncfusion Code Studio
-description: Learn how to use the built-in and MCP tools in Syncfusion Code Studio to streamline your development workflow and automate tasks efficiently.
+title: Introduction to Tools in Syncfusion Code
+description: Learn how to use the built-in and MCP tools in Syncfusion Code to streamline your development workflow and automate tasks efficiently.
platform: syncfusion-code-studio
keywords: tools, syncfusion, code-studio, development, automation, workflow, built-in-tools, MCP
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Purpose
-The Tools Support feature in Syncfusion Code Studio empowers developers to perform specific actions within the development environment, such as creating folders, reading files, searching within files, and interacting with browsers. This guide provides a step-by-step approach to use the built-in and MCP tools, enabling you to streamline your development workflow and automate tasks efficiently with simple prompts.
+The Tools Support feature in Syncfusion Code empowers developers to perform specific actions within the development environment, such as creating folders, reading files, searching within files, and interacting with browsers. This guide provides a step-by-step approach to use the built-in and MCP tools, enabling you to streamline your development workflow and automate tasks efficiently with simple prompts.
## When to use
@@ -41,7 +41,7 @@ The tools are designed to automate and simplify common development tasks, allowi
## Types of Tools
-Syncfusion Code Studio provides a suite of tools to streamline your workflow. You can use two types of tools in chat:
+Syncfusion Code provides a suite of tools to streamline your workflow. You can use two types of tools in chat:
### 1. Built-In Tools
@@ -52,7 +52,7 @@ Syncfusion Code Studio provides a suite of tools to streamline your workflow. Yo
### 2. MCP Tools
- Model Context Protocol (MCP) is an open standard that enables AI models to use external tools and services through a unified interface.
-- MCP servers provide tools that you can add to Syncfusion Code Studio to extend chat with additional capabilities.
+- MCP servers provide tools that you can add to Syncfusion Code to extend chat with additional capabilities.
- To use MCP tools, you must install and configure MCP servers first.
- MCP servers can run locally on your machine or be hosted remotely.
@@ -76,7 +76,7 @@ Below is a list of available tools and their descriptions for reference:
diff --git a/code-studio/ide/customization/usersettings.md b/code-studio/ide/customization/usersettings.md
index 70e47dd..f18690c 100644
--- a/code-studio/ide/customization/usersettings.md
+++ b/code-studio/ide/customization/usersettings.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio User Settings Reference
+title: Syncfusion Code User Settings Reference
description: "Professional guide for customizing development environment settings and optimizing workflow efficiency"
classification: "User Guide - Configuration Documentation"
platform: syncfusion-code-studio
@@ -34,7 +34,7 @@ The User Settings page can be accessed in three ways:
### 1. From the Account
-- Click the Code Studio Account icon.
+- Click the Syncfusion Code Account icon.
@@ -44,8 +44,8 @@ The User Settings page can be accessed in three ways:
### 2. From the Toggle Sidebar
-- Click the **gear icon** on the left sidebar of the Code Studio window.
-- Select Code Studio Settings from the menu.
+- Click the **gear icon** on the left sidebar of the Syncfusion Code window.
+- Select Syncfusion Code Settings from the menu.
@@ -55,7 +55,7 @@ The User Settings page can be accessed in three ways:
### 3. From the Chat Window
-- Navigate to the **Code Studio Chat Window**.
+- Navigate to the **Syncfusion Code Chat Window**.
- Click the **gear icon** located at the top right corner.
- Select Open Settings.
@@ -134,10 +134,10 @@ The following settings are available on the User Settings page.
### Instructions & Skills
#### Use codestudio-instructions.md File
-- Controls whether instructions from `.codestudio/codestudio-instructions.md` are added to Code Studio requests.
+- Controls whether instructions from `.codestudio/codestudio-instructions.md` are added to Syncfusion Code requests.
- Default: `Enabled`
-> **Note:** Keep your instructions short and precise. Poor instructions can degrade Code Studio quality and performance.
+> **Note:** Keep your instructions short and precise. Poor instructions can degrade Syncfusion Code quality and performance.
#### Instruction File Locations
- Specify locations of instruction files (`*.instructions.md`) that can be attached in chat sessions.
@@ -160,14 +160,14 @@ The following settings are available on the User Settings page.
### Autocomplete
-- When enabled, Code Studio provides inline code suggestions across all supported languages.
+- When enabled, Syncfusion Code provides inline code suggestions across all supported languages.
- Default: `Enabled`
### Indexing
-- When enabled, Code Studio will start an indexing process to scan and embed workspace files for accurate search results.
+- When enabled, Syncfusion Code will start an indexing process to scan and embed workspace files for accurate search results.
@@ -182,7 +182,7 @@ The following settings are available on the User Settings page.
### Telemetry
-- When enabled, Code Studio collects anonymous telemetry data to improve the product.
+- When enabled, Syncfusion Code collects anonymous telemetry data to improve the product.
- Default: `Enabled`
@@ -190,7 +190,7 @@ The following settings are available on the User Settings page.
### Help & Support
- **Documentation**
- Access the official Syncfusion Code Studio documentation for configuration guidance and usage instructions.
+ Access the official Syncfusion Code documentation for configuration guidance and usage instructions.
- **Have an Issue?**
If you encounter any problems, you can easily reach out to our support team at [support.syncfusion.com](https://support.syncfusion.com).
diff --git a/code-studio/ide/features/add-context.md b/code-studio/ide/features/add-context.md
index cabee82..ec1a8e8 100644
--- a/code-studio/ide/features/add-context.md
+++ b/code-studio/ide/features/add-context.md
@@ -1,8 +1,8 @@
---
-title: Adding More Context Providers in Syncfusion Code Studio
-description: Learn how to add more context providers to enhance AI understanding of your project in Syncfusion Code Studio by editing the config.yaml file.
+title: Adding More Context Providers in Syncfusion Code
+description: Learn how to add more context providers to enhance AI understanding of your project in Syncfusion Code by editing the config.yaml file.
platform: syncfusion-code-studio
-keywords: syncfusion, syncfusion Code Studio, context providers, add context, config.yaml, ai, developer-tools, productivity
+keywords: syncfusion, Syncfusion Code, context providers, add context, config.yaml, ai, developer-tools, productivity
tocname: code-studio-ide-toc
---
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Code Studio includes an AI powered chat that can help you understand your project, write code, fix issues, and answer questions. For the chat to give the best and most accurate responses, it needs to understand what you are currently working on. This is where providing context helps. By adding the relevant files, folders, or code snippets—such as the file you’re editing or the parts of your project related to your question—you allow the chat to see the right information. The more context you provide, the better the chat can analyze your code, understand your problem, and guide you effectively.
+Syncfusion Code includes an AI powered chat that can help you understand your project, write code, fix issues, and answer questions. For the chat to give the best and most accurate responses, it needs to understand what you are currently working on. This is where providing context helps. By adding the relevant files, folders, or code snippets—such as the file you’re editing or the parts of your project related to your question—you allow the chat to see the right information. The more context you provide, the better the chat can analyze your code, understand your problem, and guide you effectively.
This document explains:
@@ -46,7 +46,7 @@ Examples
- Confused by the UI? → Attach **a screenshot**
-## Types of Context in Code Studio
+## Types of Context in Syncfusion Code
You can use the **Add Context(+)** button to include extra information that helps the chat understand your request better. When you click this button, you will see options like:
@@ -66,7 +66,7 @@ You can select **any** of these based on what you want to share with the chat.
### 1. Automatic Context
-Implicit context is the context that Code Studio adds automatically. When you have a file open in the editor, Code Studio will suggest that **active file** at the bottom of the chat. You can simply click the plus button in it to include the file as context without doing anything extra. This makes it easy for the chat to understand which file you’re working on and give better answers.
+Implicit context is the context that Syncfusion Code adds automatically. When you have a file open in the editor, Syncfusion Code will suggest that **active file** at the bottom of the chat. You can simply click the plus button in it to include the file as context without doing anything extra. This makes it easy for the chat to understand which file you’re working on and give better answers.
@@ -76,7 +76,7 @@ Implicit context is the context that Code Studio adds automatically. When you ha
#### **1. Type # in the chat**
- Type **#** in the chat input
-- Code Studio shows a list of open files and workspace files
+- Syncfusion Code shows a list of open files and workspace files
- Click the file or folder you want to add
@@ -103,7 +103,7 @@ Screenshot Context allows you to capture your screen or use an image from your c
#### Steps to Add Screenshot Context
1. Capture a screenshot or copy an image to your clipboard
-2. Open the chat panel in Code Studio
+2. Open the chat panel in Syncfusion Code
3. Click **Add Context(+)** button
4. Select:
- **Screenshot Window** (to capture a new screenshot)
@@ -141,7 +141,7 @@ Symbols Context lets you add specific parts of your code—like functions, varia
### 6. Tools Context
-Tools Context lets you add information from different tools inside Code Studio—such as the terminal, debugger, or build tools. This helps the AI understand issues that are related to your development tools instead of your code.
+Tools Context lets you add information from different tools inside Syncfusion Code—such as the terminal, debugger, or build tools. This helps the AI understand issues that are related to your development tools instead of your code.
#### Steps to Add Tools Context
1. Click the **Add Context(+)** button
@@ -165,11 +165,11 @@ Tools Context lets you add information from different tools inside Code Studio
## @‑mentions in chat
-**@-mentions** allow you to directly invoke specialized chat participants in Code Studio. These participants act as **domain experts** that you can route your question to. When you @ mention one of them, your message is handed off to that expert assistant, and it provides a response based on its specific area of knowledge.
+**@-mentions** allow you to directly invoke specialized chat participants in Syncfusion Code. These participants act as **domain experts** that you can route your question to. When you @ mention one of them, your message is handed off to that expert assistant, and it provides a response based on its specific area of knowledge.
Chat participants are **not the same as tools**. Tools are triggered automatically as part of an agent flow, whereas chat participants respond only when you explicitly mention them using **@**.
### How @mentions work
-To use a chat participant, simply type **@** in the chat input box. Code Studio will show a list of available participants such as:
+To use a chat participant, simply type **@** in the chat input box. Syncfusion Code will show a list of available participants such as:
- **@terminal** – for shell/CLI questions
- **@codestudio** – for editor settings & features
@@ -179,5 +179,5 @@ Selecting one routes your request to that domain expert.
## 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.
+ - [Inline Chat](/code-studio/features/inlinechat) Inline Chat in Syncfusion Code 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.
\ No newline at end of file
diff --git a/code-studio/ide/features/agent.md b/code-studio/ide/features/agent.md
index bd067e5..18b16a0 100644
--- a/code-studio/ide/features/agent.md
+++ b/code-studio/ide/features/agent.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Agent Mode
-description: Agent Mode in Syncfusion Code Studio is an autonomous AI assistant that can analyze, edit, and execute changes across your codebase with minimal input.
+title: Syncfusion Code Agent Mode
+description: Agent Mode in Syncfusion Code is an autonomous AI assistant that can analyze, edit, and execute changes across your codebase with minimal input.
platform: syncfusion-code-studio
keywords: "code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation"
tocname: code-studio-ide-toc
@@ -51,9 +51,9 @@ Agent Mode is an autonomous AI that plans and executes multi-step coding tasks a
## How to Enable Agent mode?
-**Step 1** : Open settings and select Code Studio settings.
+**Step 1** : Open settings and select Syncfusion Code settings.
-
+
**Step 2** : Select Agents in sidebar list items and Enable agent mode.
@@ -69,11 +69,11 @@ Agent Mode is an autonomous AI that plans and executes multi-step coding tasks a
Consider creating the ToDo application,
- Create a new project folder.
-- Open the project folder in Code Studio.
+- Open the project folder in Syncfusion Code.
- Enter the prompt in the chat input field to scaffold the todo app. For example:
*“Create a simple todo app with HTML, CSS and JavaScript. Include an input field to add todos, a list to display them, and a delete button for each item”* and Click **"Send"**.
-> **Note**: Make sure agents are enabled in your Code Studio settings.
+> **Note**: Make sure agents are enabled in your Syncfusion Code settings.
@@ -87,7 +87,7 @@ Consider creating the ToDo application,
- 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.
-> **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.
+> **Note:** Projects created in Syncfusion Code 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
diff --git a/code-studio/ide/features/applytocurrentfile.md b/code-studio/ide/features/applytocurrentfile.md
index d0105c0..e0b8f6c 100644
--- a/code-studio/ide/features/applytocurrentfile.md
+++ b/code-studio/ide/features/applytocurrentfile.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio Apply to Current File
+title: Syncfusion Code Apply to Current File
description: "Guide for instantly applying AI-suggested code changes directly into your open file to streamline development workflows"
classification: "User Guide - Feature Documentation"
platform: syncfusion-code-studio
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
# Apply To Current File
-The **Syncfusion Code Studio** provides an efficient way to apply suggested code directly into your currently opened file. With a single click, changes are applied in place so you can review, adjust, and continue coding without copy-paste.
+The **Syncfusion Code** provides an efficient way to apply suggested code directly into your currently opened file. With a single click, changes are applied in place so you can review, adjust, and continue coding without copy-paste.
## Purpose
@@ -20,9 +20,9 @@ The **Syncfusion Code Studio** provides an efficient way to apply suggested code
## How to Apply Changes to the Current File
-### 1. Open Code Studio Extension
+### 1. Open Syncfusion Code Extension
-Click the **Syncfusion Code Studio** icon on the left toolbar to open the Syncfusion Code Studio chat window.
+Click the **Syncfusion Code** icon on the left toolbar to open the Syncfusion Code chat window.
### 2. Enter Your Query
@@ -32,7 +32,7 @@ In the chat window, ask for specific tasks, such as code optimization, debugging
### 3. Apply Changes
-Once Syncfusion Code Studio provides a code solution or modification in the chat, review the changes to ensure they meet your requirements and click the **Apply** button to insert the provided code directly into the currently opened file in your IDE.
+Once Syncfusion Code provides a code solution or modification in the chat, review the changes to ensure they meet your requirements and click the **Apply** button to insert the provided code directly into the currently opened file in your IDE.
### 4. Verify the Changes
diff --git a/code-studio/ide/features/ask.md b/code-studio/ide/features/ask.md
index 9be7ca7..3d2a28f 100644
--- a/code-studio/ide/features/ask.md
+++ b/code-studio/ide/features/ask.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Ask Mode
-description: Ask Mode in Code Studio provides AI-powered explanations, code examples, and best practices in a non-invasive conversational interface that does not modify workspace files.
+title: Syncfusion Code Ask Mode
+description: Ask Mode in Syncfusion Code provides AI-powered explanations, code examples, and best practices in a non-invasive conversational interface that does not modify workspace files.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Ask Mode is a conversational interface within Code Studio that provides immediate technical guidance without modifying your workspace. It delivers explanations, code examples, and best practice recommendations based on your queries, operating independently of your project files. This mode is designed for knowledge acquisition and exploration rather than direct code manipulation.
+Ask Mode is a conversational interface within Syncfusion Code that provides immediate technical guidance without modifying your workspace. It delivers explanations, code examples, and best practice recommendations based on your queries, operating independently of your project files. This mode is designed for knowledge acquisition and exploration rather than direct code manipulation.
## Use Cases
@@ -27,7 +27,7 @@ Ask Mode is a conversational interface within Code Studio that provides immediat
### Step 1: Activate Ask Mode
-- Launch Code Studio IDE
+- Launch Syncfusion Code IDE
- Select **Ask** from the agent dropdown menu in the chat panel
@@ -45,7 +45,7 @@ Type your query using natural language. For optimal results:
### Step 3: Review the Response
-Code Studio processes your query and returns:
+Syncfusion Code processes your query and returns:
- Technical explanations with relevant context
- Executable code snippets with syntax highlighting
- Best practice recommendations specific to your query
diff --git a/code-studio/ide/features/autocomplete.md b/code-studio/ide/features/autocomplete.md
index 7d940e6..121de78 100644
--- a/code-studio/ide/features/autocomplete.md
+++ b/code-studio/ide/features/autocomplete.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Autocomplete mode
-description: Autocomplete mode in Syncfusion Code Studio offers real-time, inline code suggestions as you type.
+title: Syncfusion Code Autocomplete mode
+description: Autocomplete mode in Syncfusion Code offers real-time, inline code suggestions as you type.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation
tocname: code-studio-ide-toc
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
# Autocomplete
## Overview
-Syncfusion Code Studio provides an AI‑powered Autocomplete system designed to accelerate coding by offering intelligent inline suggestions and completing code based on context. The feature supports multiple programming languages and frameworks, helping developers write faster, cleaner, and more consistent code.
+Syncfusion Code provides an AI‑powered Autocomplete system designed to accelerate coding by offering intelligent inline suggestions and completing code based on context. The feature supports multiple programming languages and frameworks, helping developers write faster, cleaner, and more consistent code.
Key capabilities include:
- Inline code suggestions (ghost text)
@@ -23,16 +23,16 @@ Key capabilities include:
1. Faster Code Writing
Autocomplete reduces repetitive typing and automatically completes structures like loops, functions, and common patterns.
2. Maintaining Coding Style Consistency
-Code Studio analyzes your codebase and aligns suggestions with your naming conventions, patterns, and structure.
+Syncfusion Code analyzes your codebase and aligns suggestions with your naming conventions, patterns, and structure.
3. Code Generation from Comments
-By writing descriptive comments, Code Studio can generate classes, fields, and method logic automatically.
+By writing descriptive comments, Syncfusion Code can generate classes, fields, and method logic automatically.
4. Error Correction and Refactoring
Next Edit Suggestions help predict and guide your next change.
5. Sequential Edits Across Code
-When performing multi‑step updates—like renaming, refactoring, or modifying patterns—Code Studio highlights and suggests the next best edit to maintain flow.
+When performing multi‑step updates—like renaming, refactoring, or modifying patterns—Syncfusion Code highlights and suggests the next best edit to maintain flow.
@@ -40,9 +40,9 @@ When performing multi‑step updates—like renaming, refactoring, or modifying
## Inline Suggestion
Inline suggestions appear as light, faded (ghost) text directly at the cursor while you type. These suggestions help you complete code quickly without interrupting your flow.
-### How to get your first inline suggestion in Code Studio
+### How to get your first inline suggestion in Syncfusion Code
**Steps:**
-1. Start typing normally in the file which is inside the Code Studio editor.
+1. Start typing normally in the file which is inside the Syncfusion Code editor.
2. A faded (ghost) suggestion will appear based on your context.
3. **Accept full suggestion:** Press `Tab`
4. **Dismiss suggestion:** Press `Esc`
@@ -51,27 +51,27 @@ Inline suggestions appear as light, faded (ghost) text directly at the cursor wh
### Maintaining Coding Style Consistency
-Code Studio analyzes your existing code patterns—such as parameter names, method structure, and naming conventions—and automatically suggests completions that match your style. This ensures consistent code quality across your project.
+Syncfusion Code analyzes your existing code patterns—such as parameter names, method structure, and naming conventions—and automatically suggests completions that match your style. This ensures consistent code quality across your project.
**Example:**
-If your method `calculateTotal` uses parameters like **price** and **quantity**, then when you start writing a new method such as `calculateDiscountedTotal`, Code Studio will suggest the same parameter names to maintain consistency.
+If your method `calculateTotal` uses parameters like **price** and **quantity**, then when you start writing a new method such as `calculateDiscountedTotal`, Syncfusion Code will suggest the same parameter names to maintain consistency.
### Alternative Suggestions
-Code Studio may provide multiple alternative suggestions. Hover over a suggestion to view alternatives and choose the one that best fits your code.
+Syncfusion Code may provide multiple alternative suggestions. Hover over a suggestion to view alternatives and choose the one that best fits your code.
### Code Generation from Comments
-You can provide hints to Code Studio to generate code by simply writing a comment that describes what you want.
+You can provide hints to Syncfusion Code to generate code by simply writing a comment that describes what you want.
**Example:**
If you write comment like,
```
// Create a PriceCalculator class in Typescript with methods to calculate total price and discounted price
```
-Code Studio may automatically generate the corresponding class with:
+Syncfusion Code may automatically generate the corresponding class with:
- Fields
- Methods
- Default logic matching your description
@@ -79,15 +79,15 @@ Code Studio may automatically generate the corresponding class with:
## Next Edit Suggestion
-- Next Edit Suggestions in Syncfusion Code Studio help you move quickly through related edits by predicting where your next change should occur and suggesting what that change might be.
+- Next Edit Suggestions in Syncfusion Code help you move quickly through related edits by predicting where your next change should occur and suggesting what that change might be.
- This feature keeps you in the flow of editing—especially when making sequential updates, correcting mistakes, or refactoring code across multiple lines.
### How Next Edit Suggestions Work
**1. Predicting the Next Edit:**
-When you start editing a block of code, Code Studio analyzes the intent and predicts where your next edit is likely needed.
-For example, if you rename a variable in one place, Code Studio suggests updating other references automatically.
+When you start editing a block of code, Syncfusion Code analyzes the intent and predicts where your next edit is likely needed.
+For example, if you rename a variable in one place, Syncfusion Code suggests updating other references automatically.
**2. Navigating to the Suggested Edit**
- A small arrow icon appears in the gutter to indicate an upcoming edit suggestion.
@@ -99,23 +99,23 @@ For example, if you rename a variable in one place, Code Studio suggests updatin
### Use Cases for Next Edit Suggestions
### 1. Correcting Mistakes
- **Correcting incorrect comparison operator:** Code Studio identifies cases where an incorrect comparison operator is used and suggests a correction based on the intended logic of the code.
+ **Correcting incorrect comparison operator:** Syncfusion Code identifies cases where an incorrect comparison operator is used and suggests a correction based on the intended logic of the code.
- **Example:** A developer intends to compare numbers to find the largest value, but mistakenly uses the `<` operator instead of `>`. Code Studio identifies this logical mistake and suggests replacing the incorrect operator:
+ **Example:** A developer intends to compare numbers to find the largest value, but mistakenly uses the `<` operator instead of `>`. Syncfusion Code identifies this logical mistake and suggests replacing the incorrect operator:
- **Correcting incorrect variable declaration:** Code Studio identifies cases where the developer’s intent is clear, but the code is written incorrectly due to a typo or swapped identifier.
+ **Correcting incorrect variable declaration:** Syncfusion Code identifies cases where the developer’s intent is clear, but the code is written incorrectly due to a typo or swapped identifier.
- **Example:** The developer intends to return a constant value, but accidentally types `cont` instead of `const` and refers to the function name instead of the variable. Code Studio infers the intended logic and suggests the corrected declaration and return value:
+ **Example:** The developer intends to return a constant value, but accidentally types `cont` instead of `const` and refers to the function name instead of the variable. Syncfusion Code infers the intended logic and suggests the corrected declaration and return value:
### 2. Updating variable names consistently
-Code Studio identifies when a variable has been renamed and suggests updating all related references to keep the code consistent.
+Syncfusion Code identifies when a variable has been renamed and suggests updating all related references to keep the code consistent.
-**Example:** When a developer renames a variable or introduces a new naming pattern, Code Studio detects the intent and recommends updating subsequent occurrences of the variable to match the new name:
+**Example:** When a developer renames a variable or introduces a new naming pattern, Syncfusion Code detects the intent and recommends updating subsequent occurrences of the variable to match the new name:
@@ -125,7 +125,7 @@ Code Studio identifies when a variable has been renamed and suggests updating al
### Enable or Disable Autocomplete
**Steps:**
1. Click the **Gear icon** at the bottom-left corner.
-2. Select **Code Studio Settings**.
+2. Select **Syncfusion Code Settings**.
@@ -139,7 +139,7 @@ Code Studio identifies when a variable has been renamed and suggests updating al
1. Open command palette by pressing `Ctrl/Cmd + Shift + P`.
2. Type **Change completions model**.
-3. Choose **Code Studio: Change Completions Model**.
+3. Choose **Syncfusion Code: Change Completions Model**.
@@ -151,11 +151,11 @@ Code Studio identifies when a variable has been renamed and suggests updating al
- **Write meaningful comments:** Better clarity leads to more accurate code generation.
- **Review suggestions carefully:** Avoid unintended logic.
- **Maintain consistent coding style:** Improves the accuracy and quality of suggestions.
-- **Make intentional edits:** When you rename, reorganize, or modify code with a clear purpose, Code Studio can more accurately infer your intent and provide aligned follow up suggestions.
+- **Make intentional edits:** When you rename, reorganize, or modify code with a clear purpose, Syncfusion Code can more accurately infer your intent and provide aligned follow up suggestions.
- **Validate propagated changes:** Next Edit Suggestions may update related code across the file or project. Review these changes to ensure they match your design intent.
## 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.
+ - [Inline Chat](/code-studio/features/inlinechat) Inline Chat in Syncfusion Code 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.
diff --git a/code-studio/ide/features/checkpoints.md b/code-studio/ide/features/checkpoints.md
index f5a37ae..99f987b 100644
--- a/code-studio/ide/features/checkpoints.md
+++ b/code-studio/ide/features/checkpoints.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Checkpoints
-description: The Checkpoints feature in Syncfusion Code Studio allows you to automatically track, preview, and restore your workspace state at key moments.
+title: Syncfusion Code Checkpoints
+description: The Checkpoints feature in Syncfusion Code allows you to automatically track, preview, and restore your workspace state at key moments.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, checkpoints, versioning, history, workspace, file-recovery, diff, restore
tocname: code-studio-ide-toc
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
## Overview
-The Checkpoints and Editing Requests features in Syncfusion Code Studio provide powerful tools for managing your development workflow. Checkpoints automatically record the state of your workspace at important moments, while Editing Requests allows you to revise previous chat instructions and revert the workspace to the state before those instructions were applied. Together, these features create a safe, traceable, and flexible environment that supports iterative development and experimentation.
+The Checkpoints and Editing Requests features in Syncfusion Code provide powerful tools for managing your development workflow. Checkpoints automatically record the state of your workspace at important moments, while Editing Requests allows you to revise previous chat instructions and revert the workspace to the state before those instructions were applied. Together, these features create a safe, traceable, and flexible environment that supports iterative development and experimentation.
## Use Cases
@@ -25,7 +25,7 @@ The Checkpoints and Editing Requests features in Syncfusion Code Studio provide
## Editing a Previous Chat Request
-Code Studio allows you to edit any previous chat request in your conversation history. When you modify an earlier request, Code Studio treats it as a new instruction and sends it again to the AI model. The workspace is then reverted to the state it was in before the original request—undoing any file changes made by that request and the requests that came after it.
+Syncfusion Code allows you to edit any previous chat request in your conversation history. When you modify an earlier request, Syncfusion Code treats it as a new instruction and sends it again to the AI model. The workspace is then reverted to the state it was in before the original request—undoing any file changes made by that request and the requests that came after it.
### How to Edit Previous Chat request ?
@@ -38,9 +38,9 @@ Code Studio allows you to edit any previous chat request in your conversation hi
## Restoring a Checkpoint
-When you restore a checkpoint, Code Studio returns your workspace to the exact state it was in when that checkpoint was created. Any file changes made after that point are undone, allowing you to safely roll back to a known good version.
+When you restore a checkpoint, Syncfusion Code returns your workspace to the exact state it was in when that checkpoint was created. Any file changes made after that point are undone, allowing you to safely roll back to a known good version.
-### How to use Restore Check Point in Code Studio ?
+### How to use Restore Check Point in Syncfusion Code ?
**Steps**:
@@ -54,7 +54,7 @@ When you restore a checkpoint, Code Studio returns your workspace to the exact s
3. Confirm that you want to restore the checkpoint and undo any file changes made after that point. Notice that the chat request is removed from the conversation history, and the workspace files are restored to their state at the time of the checkpoint
## Redo Changes After Restoring a Checkpoint
-After restoring the previous checkpoint, Code Studio allows you to redo the changes that were undone. This is helpful if you restored the checkpoint by mistake or want to reapply the edits you rolled back.
+After restoring the previous checkpoint, Syncfusion Code allows you to redo the changes that were undone. This is helpful if you restored the checkpoint by mistake or want to reapply the edits you rolled back.
### How to redo changes After Restoring a Checkpoint ?
@@ -63,7 +63,7 @@ After restoring the previous checkpoint, Code Studio allows you to redo the chan
## How to Undo and Redo the Last Request
-Code Studio lets you quickly reverse or reapply your most recent action. Use Undo Last Request to roll back the workspace to the state before the change was applied. If you change your mind, select Redo Last Request to bring the workspace back to the state with those changes. This helps you stay flexible and in control while experimenting with edits.
+Syncfusion Code lets you quickly reverse or reapply your most recent action. Use Undo Last Request to roll back the workspace to the state before the change was applied. If you change your mind, select Redo Last Request to bring the workspace back to the state with those changes. This helps you stay flexible and in control while experimenting with edits.
diff --git a/code-studio/ide/features/chronicle.md b/code-studio/ide/features/chronicle.md
index 5c8cf8f..6a0ae76 100644
--- a/code-studio/ide/features/chronicle.md
+++ b/code-studio/ide/features/chronicle.md
@@ -1,6 +1,6 @@
---
-title: Chronicle - Coding History and Productivity Insights in Code Studio
-description: Discover how Chronicle in Syncfusion Code Studio tracks your coding history, provides standup summaries, and delivers personalized productivity tips to enhance your workflow.
+title: Chronicle - Coding History and Productivity Insights in Syncfusion Code
+description: Discover how Chronicle in Syncfusion Code tracks your coding history, provides standup summaries, and delivers personalized productivity tips to enhance your workflow.
platform: syncfusion-code-studio
keywords: chronicle, coding-history, productivity-tips, standup-report, workflow-analysis, code-studio
tocname: code-studio-ide-toc
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
## Overview
-Chronicle is a feature in Syncfusion Code Studio that keeps a detailed history of everything you do in your workspace. It records your changes, actions, and the context around your coding so you can review, retrace steps, or share exactly what happened. Chronicle makes your coding journey visible and easy to review, helping you learn, debug, and collaborate better.
+Chronicle is a feature in Syncfusion Code that keeps a detailed history of everything you do in your workspace. It records your changes, actions, and the context around your coding so you can review, retrace steps, or share exactly what happened. Chronicle makes your coding journey visible and easy to review, helping you learn, debug, and collaborate better.
## Use Cases
@@ -58,7 +58,7 @@ Chronicle will answer in plain language based on your coding sessions.
Run `/chronicle:standup` before your daily standup to get a ready-to-share summary of what you worked on, organized by branch or feature.
### 2. Review tips regularly to build better habits
-Run `/chronicle:tips` weekly to get actionable feedback on your workflow patterns and refine how you use Code Studio`s AI tools.
+Run `/chronicle:tips` weekly to get actionable feedback on your workflow patterns and refine how you use Syncfusion Code`s AI tools.
### 3. Use custom questions to trace decisions
If you are not sure when or why a change was made, ask Chronicle directly — for example, `/chronicle when did I last edit the auth module?`
diff --git a/code-studio/ide/features/context-compaction.md b/code-studio/ide/features/context-compaction.md
index e631016..eeef4f2 100644
--- a/code-studio/ide/features/context-compaction.md
+++ b/code-studio/ide/features/context-compaction.md
@@ -1,6 +1,6 @@
---
-title: Context Compaction - Optimize Chat Context for Sharper AI in Code Studio
-description: Master the /compact command in Syncfusion Code Studio to streamline chat history, maintain relevant context, and boost AI performance during long coding sessions.
+title: Context Compaction - Optimize Chat Context for Sharper AI in Syncfusion Code
+description: Master the /compact command in Syncfusion Code to streamline chat history, maintain relevant context, and boost AI performance during long coding sessions.
platform: syncfusion-code-studio
keywords: context-compaction, chat-history, ai-context, compact-command, productivity, code-studio
tocname: code-studio-ide-toc
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
## Overview
-As your chat sessions in Code Studio grow, the conversation history can become lengthy, making it harder for the AI to focus on the most relevant information. Context Compaction lets you streamline your chat context by summarizing or removing less important messages using the `/compact` command, ensuring the AI remains efficient and accurate throughout long sessions.
+As your chat sessions in Syncfusion Code grow, the conversation history can become lengthy, making it harder for the AI to focus on the most relevant information. Context Compaction lets you streamline your chat context by summarizing or removing less important messages using the `/compact` command, ensuring the AI remains efficient and accurate throughout long sessions.
## Use Cases
diff --git a/code-studio/ide/features/edit.md b/code-studio/ide/features/edit.md
index 8684ce3..95b93ef 100644
--- a/code-studio/ide/features/edit.md
+++ b/code-studio/ide/features/edit.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Edit Mode
-description: Edit mode in Syncfusion Code Studio allows you to make targeted changes to your codebase with the help of AI.
+title: Syncfusion Code Edit Mode
+description: Edit mode in Syncfusion Code allows you to make targeted changes to your codebase with the help of AI.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Edit Mode is an AI-powered feature in Syncfusion Code Studio that helps developers modify source code using natural language prompts. It enables targeted, bulk, or repetitive changes with a consistent workflow, allowing users to preview, keep, or undo each suggested change for maximum control and accuracy.
+Edit Mode is an AI-powered feature in Syncfusion Code that helps developers modify source code using natural language prompts. It enables targeted, bulk, or repetitive changes with a consistent workflow, allowing users to preview, keep, or undo each suggested change for maximum control and accuracy.
## Use Cases
@@ -24,7 +24,7 @@ Edit Mode is an AI-powered feature in Syncfusion Code Studio that helps develope
## How to Use the Edit mode
-**Step 1:** Open Syncfusion Code Studio in your machine.
+**Step 1:** Open Syncfusion Code in your machine.
**Step 2:** Switch to **Edit** mode in the chat panel.
diff --git a/code-studio/ide/features/generatecode.md b/code-studio/ide/features/generatecode.md
index 4ecf79c..93b19c5 100644
--- a/code-studio/ide/features/generatecode.md
+++ b/code-studio/ide/features/generatecode.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio Automate Code Fixes and Reviews
+title: Syncfusion Code Automate Code Fixes and Reviews
description: The Automate Code Fixes and Reviews feature helps developers work faster by automating common coding tasks.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation, code-reviw, testing, generate-code
@@ -65,5 +65,5 @@ When you choose **Review**, the AI:
## 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.
- - [Autocomplete](/code-studio/features/autocomplete) Syncfusion Code Studio’s AI Autocomplete speeds up development by giving smart inline suggestions, completing code from context, generating code from comments, and offering style‑aware alternatives for faster, cleaner coding.
\ No newline at end of file
+ - [Inline Chat](/code-studio/features/inlinechat) Inline Chat in Syncfusion Code lets you talk to AI directly inside your code or terminal without switching screens.
+ - [Autocomplete](/code-studio/features/autocomplete) Syncfusion Code’s AI Autocomplete speeds up development by giving smart inline suggestions, completing code from context, generating code from comments, and offering style‑aware alternatives for faster, cleaner coding.
\ No newline at end of file
diff --git a/code-studio/ide/features/globalagent.md b/code-studio/ide/features/globalagent.md
index 06313ff..03c99fa 100644
--- a/code-studio/ide/features/globalagent.md
+++ b/code-studio/ide/features/globalagent.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Global Agent
-description: Agent rule in Syncfusion Code Studio is a Markdown based file format designed to provide structured, project specific instructions for AI coding agents.
+title: Syncfusion Code Global Agent
+description: Agent rule in Syncfusion Code is a Markdown based file format designed to provide structured, project specific instructions for AI coding agents.
platform: syncfusion-code-studio
keywords: "code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation"
tocname: code-studio-ide-toc
@@ -8,7 +8,7 @@ tocname: code-studio-ide-toc
# Global Agents
## Overview
-Global Agent refers to agents.md, an open-source, standardized file format designed to streamline collaboration between AI coding agents in **Syncfusion® Code Studio**. It serves as a centralized instruction manual, similar to a `README.md`, but specifically tailored for machine interpretation and execution. By consolidating setup instructions, testing protocols, and coding guidelines into a single file, Global Agent simplifies workflows and ensures consistency across projects.
+Global Agent refers to agents.md, an open-source, standardized file format designed to streamline collaboration between AI coding agents in **Syncfusion® Code**. It serves as a centralized instruction manual, similar to a `README.md`, but specifically tailored for machine interpretation and execution. By consolidating setup instructions, testing protocols, and coding guidelines into a single file, Global Agent simplifies workflows and ensures consistency across projects.
## Use Cases
- Team Collaboration: Standardizes coding guidelines and workflows across multiple developers, ensuring AI agents interpret instructions consistently.
@@ -23,7 +23,7 @@ Global Agent refers to agents.md, an open-source, standardized file format desig
## How to Configure Global Agents
-Using Global Agent in Code Studio is straightforward:
+Using Global Agent in Syncfusion Code is straightforward:
1. Click Create File
@@ -37,7 +37,7 @@ Using Global Agent in Code Studio is straightforward:
-4. Go to Settings and click the Code Studio Settings option.
+4. Go to Settings and click the Syncfusion Code Settings option.
diff --git a/code-studio/ide/features/inlinechat.md b/code-studio/ide/features/inlinechat.md
index 3e4283c..c3412ed 100644
--- a/code-studio/ide/features/inlinechat.md
+++ b/code-studio/ide/features/inlinechat.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio Inline Chat
+title: Syncfusion Code Inline Chat
description: "Professional guide for AI-powered inline code editing and contextual modifications"
classification: "User Guide - Feature Documentation"
platform: syncfusion-code-studio
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
# Inline Chat
## Overview
-Inline Chat in Syncfusion Code Studio is designed to bring AI assistance directly into your workflow. Instead of switching panels or navigating away from your code, you can interact with AI right inside the editor or terminal. This seamless integration helps you stay focused, get context-aware suggestions, and streamline both coding and command-line tasks.
+Inline Chat in Syncfusion Code is designed to bring AI assistance directly into your workflow. Instead of switching panels or navigating away from your code, you can interact with AI right inside the editor or terminal. This seamless integration helps you stay focused, get context-aware suggestions, and streamline both coding and command-line tasks.
## Use Cases
- Debugging Code Quickly – Use Inline Chat to identify errors and generate fixes directly in the editor without switching panels.
@@ -23,11 +23,11 @@ Inline Chat in Syncfusion Code Studio is designed to bring AI assistance directl
## Using Inline Chat in the Editor
-When you use Inline Chat inside the editor, Code Studio scopes your request to the content in the active file. It may also use related files in your workspace to provide more accurate suggestions.
+When you use Inline Chat inside the editor, Syncfusion Code scopes your request to the content in the active file. It may also use related files in your workspace to provide more accurate suggestions.
### How to Use Editor Inline Chat
**Steps:**
-1. **Open a file** in the Code Studio editor.
+1. **Open a file** in the Syncfusion Code editor.
2. Open Inline Chat by doing one of the following:
- Press `Ctrl + I`
- Or **Right-click** inside the editor → **Open Inline Chat**
@@ -42,7 +42,7 @@ When you use Inline Chat inside the editor, Code Studio scopes your request to t
> **Tip:** Select a block of code before opening Inline Chat if you want AI to focus on that part.
### Reviewing Suggestions
-After processing your request, Code Studio shows an inline diff view. You can:
+After processing your request, Syncfusion Code shows an inline diff view. You can:
- **Keep** the changes
- **Undo** the changes
@@ -50,7 +50,7 @@ After processing your request, Code Studio shows an inline diff view. You can:
## Using Inline Chat in the Terminal
-Terminal Inline Chat helps you work with shell commands, scripts, and terminal workflows directly inside Code Studio’s integrated terminal.
+Terminal Inline Chat helps you work with shell commands, scripts, and terminal workflows directly inside Syncfusion Code’s integrated terminal.
### How to Use Terminal Inline Chat
**Steps:**
@@ -61,14 +61,14 @@ Terminal Inline Chat helps you work with shell commands, scripts, and terminal w
### Running or Inserting Commands
-After Code Studio generates a shell command:
+After Syncfusion Code generates a shell command:
- Select **Run (Ctrl + Enter)** to execute immediately
- Select **Insert (Alt + Enter)** to add it into the terminal for editing
## Releted Features
-- [Add context to your chat prompt](/code-studio/features/add-context) - Enhance your prompt by providing extra details. This helps Code Studio generate more accurate results and keeps your workspace aligned with your goals.
+- [Add context to your chat prompt](/code-studio/features/add-context) - Enhance your prompt by providing extra details. This helps Syncfusion Code generate more accurate results and keeps your workspace aligned with your goals.
diff --git a/code-studio/ide/features/plan.md b/code-studio/ide/features/plan.md
index 2b78bbf..2d03f2e 100644
--- a/code-studio/ide/features/plan.md
+++ b/code-studio/ide/features/plan.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Plan Mode
-description: Plan Mode in Syncfusion Code Studio helps you design, review, and refine your steps before moving into execution.
+title: Syncfusion Code Plan Mode
+description: Plan Mode in Syncfusion Code helps you design, review, and refine your steps before moving into execution.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-The Plan Agent is a powerful feature in Syncfusion Code Studio that helps you create detailed implementation plans before writing code. It analyzes your task, breaks it down into clear steps, and identifies any questions that need clarification without making code changes until you approve.
+The Plan Agent is a powerful feature in Syncfusion Code that helps you create detailed implementation plans before writing code. It analyzes your task, breaks it down into clear steps, and identifies any questions that need clarification without making code changes until you approve.
## Use Cases
@@ -27,7 +27,7 @@ Use the Plan Agent when you need to:
### Step 1: Open Chat
-* Open Syncfusion Code Studio and select plan mode in the mode dropdown in the chat panel.
+* Open Syncfusion Code and select plan mode in the mode dropdown in the chat panel.
@@ -67,7 +67,7 @@ The Plan Agent will show you:
* Select **Start Implementation** button
* The command will appear in the chat box and the mode will automatically switch to **Agent Mode** . Click Enter for execute your plan.
- **Note:** For more information, refer to the [Syncfusion Code Studio Agent Mode](/code-studio/features/agent)
+ **Note:** For more information, refer to the [Syncfusion Code Agent Mode](/code-studio/features/agent)
@@ -91,11 +91,11 @@ The Plan Agent will show you:
* Executes the approved plan with AI-powered code generation
* Automatically activated after plan approval
- **Note:** For more information on agent mode features, visit the [Syncfusion Code Studio Agent Mode](/code-studio/features/agent).
+ **Note:** For more information on agent mode features, visit the [Syncfusion Code Agent Mode](/code-studio/features/agent).
### Ask Mode
* Ask is optimized for answering questions about your codebase, coding, and general technology concepts
* Use Ask when you want to understand how something works, explore ideas, or get help with coding tasks
- **Note:** For more information on ask mode features, visit the [Syncfusion Code Studio Ask Mode](/code-studio/features/ask).
+ **Note:** For more information on ask mode features, visit the [Syncfusion Code Ask Mode](/code-studio/features/ask).
diff --git a/code-studio/ide/features/project-manager.md b/code-studio/ide/features/project-manager.md
index 05319df..bd31703 100644
--- a/code-studio/ide/features/project-manager.md
+++ b/code-studio/ide/features/project-manager.md
@@ -1,6 +1,6 @@
---
title: Project Manager Extension
-description: Project Manager in Syncfusion Code Studio is a structured SDLC workflow panel that guides AI-assisted development from project setup to shipping, with built-in quality gates, skill-driven execution, and full task history.
+description: Project Manager in Syncfusion Code is a structured SDLC workflow panel that guides AI-assisted development from project setup to shipping, with built-in quality gates, skill-driven execution, and full task history.
platform: syncfusion-code-studio
keywords: "code, IDE, AI, developer-tools, syncfusion, project-manager, SDLC, workflow, knowledge, plugins, history, settings"
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Project Manager is a built-in extension in Syncfusion Code Studio that helps you build software in a structured, step-by-step way with AI assistance. Instead of asking the agent to do everything at once, it breaks your work into clear stages such as defining requirements, planning tasks, writing code, and reviewing results, so nothing gets missed.
+Project Manager is a built-in extension in Syncfusion Code that helps you build software in a structured, step-by-step way with AI assistance. Instead of asking the agent to do everything at once, it breaks your work into clear stages such as defining requirements, planning tasks, writing code, and reviewing results, so nothing gets missed.
You describe what you want to build, and Project Manager figures out how much process is needed based on the type and complexity of your task. Simple fixes get a lightweight flow. Bigger or riskier changes get more review steps.
@@ -29,7 +29,7 @@ Use Project Manager when you need to:
### Step 1: Open Project Manager
-Click the **Settings** (gear) icon at the top of the Code Studio panel and select **Project Manager** from the dropdown menu.
+Click the **Settings** (gear) icon at the top of the Syncfusion Code panel and select **Project Manager** from the dropdown menu.
diff --git a/code-studio/ide/features/telemetry.md b/code-studio/ide/features/telemetry.md
index 12eb042..23a1d66 100644
--- a/code-studio/ide/features/telemetry.md
+++ b/code-studio/ide/features/telemetry.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Telemetry
-description: Syncfusion Code Studio collects anonymous usage data to improve the product experience.
+title: Syncfusion Code Telemetry
+description: Syncfusion Code collects anonymous usage data to improve the product experience.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, UI-generation, bug-fixing, documentation, telemetry
tocname: code-studio-ide-toc
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
# Telemetry
## Overview
-Syncfusion Code Studio collects anonymous usage data to improve product quality and user experience. This data helps the development team understand feature usage, identify performance issues, and prioritize enhancements.
+Syncfusion Code collects anonymous usage data to improve product quality and user experience. This data helps the development team understand feature usage, identify performance issues, and prioritize enhancements.
Telemetry collection is optional and can be disabled at any time by the user.
@@ -19,7 +19,7 @@ Telemetry data is collected and stored using [PostHog](https://posthog.com/), an
## Data Collection Policy
-Syncfusion Code Studio collects a limited set of **anonymous usage metrics** to help improve product performance and user experience. We ensure that **no personal data or user-generated content** (such as code, prompts, or files) is ever collected or stored.
+Syncfusion Code collects a limited set of **anonymous usage metrics** to help improve product performance and user experience. We ensure that **no personal data or user-generated content** (such as code, prompts, or files) is ever collected or stored.
## Collected Data Types
@@ -41,7 +41,7 @@ Telemetry can be disabled through the application settings at any time.
### Steps to Disable Telemetry:
-1. Open **Settings** in Syncfusion Code Studio.
+1. Open **Settings** in Syncfusion Code.
diff --git a/code-studio/ide/getting-started/build-voice-notes-app-with-spec-driven-development.md b/code-studio/ide/getting-started/build-voice-notes-app-with-spec-driven-development.md
index bee2d58..b3990e6 100644
--- a/code-studio/ide/getting-started/build-voice-notes-app-with-spec-driven-development.md
+++ b/code-studio/ide/getting-started/build-voice-notes-app-with-spec-driven-development.md
@@ -1,19 +1,19 @@
---
title: Build Your First App Using Spec-Driven Development
-description: "Learn how to build a Voice Notes web app using Spec-Driven Development (SDD) approach with Syncfusion Code Studio"
+description: "Learn how to build a Voice Notes web app using Spec-Driven Development (SDD) approach with Syncfusion Code"
classification: "User Guide - Tutorial"
platform: syncfusion-code-studio
keywords: spec-driven-development, ai-development, voice-notes-app, openspec, code-generation, agent-mode
tocname: code-studio-ide-toc
---
-# Build Your First App in Code Studio
+# Build Your First App in Syncfusion Code
## Overview
-Ready to build your first app? In this guide, you'll create a **Voice Notes web app** directly in **Syncfusion Code Studio** using a simple, step-by-step approach. Code Studio guides you through planning, building, and organizing your project using clear commands that make the whole process stress-free.
+Ready to build your first app? In this guide, you'll create a **Voice Notes web app** directly in **Syncfusion Code** using a simple, step-by-step approach. Syncfusion Code guides you through planning, building, and organizing your project using clear commands that make the whole process stress-free.
-You'll move from idea to working application by following **Spec-Driven Development (SDD)** — a beginner-friendly approach where you describe what you want to build, and Code Studio generates the code for you. No complex setup. No guesswork. Just clear instructions and working code.
+You'll move from idea to working application by following **Spec-Driven Development (SDD)** — a beginner-friendly approach where you describe what you want to build, and Syncfusion Code generates the code for you. No complex setup. No guesswork. Just clear instructions and working code.
@@ -21,7 +21,7 @@ You'll move from idea to working application by following **Spec-Driven Developm
Before getting started, make sure that:
-1. **Syncfusion Code Studio is installed**
+1. **Syncfusion Code is installed**
If it’s not installed, refer to the [installation guide](/code-studio/getting-started/install-and-configuration) to set it up properly.
2. Node.js >= 20.19.0 is installed.
@@ -45,34 +45,34 @@ By the end of this tutorial, you'll know how to:
Spec-Driven Development (SDD) is a methodology that emphasizes creating clear, structured specifications before writing any code. Instead of jumping straight into coding and hoping everything works out, you first write down exactly what you want to build, how it should behave, and what it should do.
**Why it matters:**
-- **Reduces confusion** — Code Studio knows exactly what to build
+- **Reduces confusion** — Syncfusion Code knows exactly what to build
- **Better quality** — Clear requirements lead to fewer mistakes and less rework
Here's the key idea: instead of writing code and hoping it does what you want, you write down what you want first.
### What is OpenSpec?
-OpenSpec is a tool built for Spec-Driven Development. It helps you organize your specifications, proposals, designs, and tasks all in one place within your project folder. When you use OpenSpec with Code Studio:
+OpenSpec is a tool built for Spec-Driven Development. It helps you organize your specifications, proposals, designs, and tasks all in one place within your project folder. When you use OpenSpec with Syncfusion Code:
1. **You describe what to build** — Write your app requirements in plain English
2. **OpenSpec organizes it** — Creates a structured plan (proposal, design, specs, tasks)
-3. **Code Studio builds it** — The AI reads your organized specs and generates the code
+3. **Syncfusion Code builds it** — The AI reads your organized specs and generates the code
Think of OpenSpec as the planning and organization system that makes SDD work smoothly. It keeps everything clear and prevents miscommunication between you and the AI.
-For more information about OpenSpec, visit our [Using OpenSpec in Code Studio](/code-studio/tutorials/using-openspec-inside-syncfusion-code) guide.
+For more information about OpenSpec, visit our [Using OpenSpec in Syncfusion Code](/code-studio/tutorials/using-openspec-inside-syncfusion-code) guide.
-## Build Your First App in Code Studio
+## Build Your First App in Syncfusion Code
### Step 1: Set Up Your Environment
-Before building your Voice Notes app, ensure your Code Studio environment is ready:
+Before building your Voice Notes app, ensure your Syncfusion Code environment is ready:
1. **Create a new workspace**:
- Create a new folder named `voice-notes-app` on your machine
- - Open Code Studio on your machine
+ - Open Syncfusion Code on your machine
- Open that 'voice-notes-app' as your workspace in code studio by clicking **File** -> **Open Folder**
@@ -80,7 +80,7 @@ Before building your Voice Notes app, ensure your Code Studio environment is rea
### Step 2: Install OpenSpec
-1. **Open the Terminal** in Code Studio (`Terminal` → `New Terminal`)
+1. **Open the Terminal** in Syncfusion Code (`Terminal` → `New Terminal`)
2. **Install OpenSpec** by running this command:
```
npm install -g @fission-ai/openspec@latest
@@ -89,7 +89,7 @@ Before building your Voice Notes app, ensure your Code Studio environment is rea
```
openspec init
```
- A prompt will appear asking you to select an AI tool. Choose **GitHub Copilot** from the options to connect OpenSpec with Code Studio.
+ A prompt will appear asking you to select an AI tool. Choose **GitHub Copilot** from the options to connect OpenSpec with Syncfusion Code.
@@ -104,16 +104,16 @@ When you run `openspec init`, OpenSpec creates these folders in your project:
- **`openspec/specs/`** — Stores your finalized specifications
- **`openspec/changes/`** — Stores your **Proposal**, **Design**, and **Tasks** files
- **`openspec/config.yaml`** — Settings and configuration file for OpenSpec
-- **`.github/`** — Contains all the skills and prompts that OpenSpec uses to communicate with Code Studio and generate your plans and implement it.
+- **`.github/`** — Contains all the skills and prompts that OpenSpec uses to communicate with Syncfusion Code and generate your plans and implement it.
> **Note:** Beyond this tutorial's main workflow, OpenSpec offers many other commands for advanced use cases such as verification, creating new change folders, and more. For a complete list of available commands and their usage, refer to the [OpenSpec official documentation](https://github.com/Fission-AI/OpenSpec/blob/main/docs/commands.md).
### Step 3: Create the Project Plan
-Now that your environment is set up, you'll create a detailed project plan. This plan helps Code Studio understand exactly what you want to build before writing any code. You describe your app in simple language, and Code Studio generates a structured plan that includes the proposal, design, specifications, and tasks.
+Now that your environment is set up, you'll create a detailed project plan. This plan helps Syncfusion Code understand exactly what you want to build before writing any code. You describe your app in simple language, and Syncfusion Code generates a structured plan that includes the proposal, design, specifications, and tasks.
-To create your project plan, use the `/opsx-propose` command in the Code Studio Chat Panel. Follow the command with a detailed description of what you want to build. Code Studio will read your description and generate:
+To create your project plan, use the `/opsx-propose` command in the Syncfusion Code Chat Panel. Follow the command with a detailed description of what you want to build. Syncfusion Code will read your description and generate:
- A **proposal** explaining what you're building and why
- A **design** describing how it will work
@@ -142,9 +142,9 @@ Review the generated files in your `openspec/changes/` directory carefully befor
### Step 4: Implement the Plan (Apply)
-After you've reviewed and approved your project plan from Step 3, it's time to build the actual application. In this step, Code Studio reads all your specifications and tasks, then automatically writes the code for your Voice Notes app. The AI works through each task one by one, creating files and writing code that matches your plan exactly.
+After you've reviewed and approved your project plan from Step 3, it's time to build the actual application. In this step, Syncfusion Code reads all your specifications and tasks, then automatically writes the code for your Voice Notes app. The AI works through each task one by one, creating files and writing code that matches your plan exactly.
-To start the implementation, run the `/opsx-apply` command in the Code Studio Chat Panel:
+To start the implementation, run the `/opsx-apply` command in the Syncfusion Code Chat Panel:
```
/opsx-apply
@@ -178,7 +178,7 @@ Launching your completed app and verify it works end-to-end:
Now that your Voice Notes app is built and tested, it's time to organize your project. The archiving step moves your finalized specifications to a permanent location and stores your working files in an archive folder. This keeps your project clean and makes it easy to find your specifications if you want to make changes or build new features later.
-To finalize and organize your project, run the `/opsx-archive` command in the Code Studio Chat Panel:
+To finalize and organize your project, run the `/opsx-archive` command in the Syncfusion Code Chat Panel:
```
/opsx-archive
diff --git a/code-studio/ide/getting-started/install-and-configuration.md b/code-studio/ide/getting-started/install-and-configuration.md
index 4b81e54..6ab68a5 100644
--- a/code-studio/ide/getting-started/install-and-configuration.md
+++ b/code-studio/ide/getting-started/install-and-configuration.md
@@ -1,5 +1,5 @@
---
-title: Syncfusion Code Studio Install and Configure
+title: Syncfusion Code Install and Configure
description: "Professional developer guide for AI-driven error resolution and debugging assistance in real-time development workflows"
classification: "User Guide - Feature Documentation"
platform: syncfusion-code-studio
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
# Install and Configure
## Overview
-Getting started with Syncfusion Code Studio is quick and easy. This guide will show you, how to download, install, and set up the IDE on both Windows and macOS. Whether you’re new to Code Studio or setting it up on a fresh system, this simple walkthrough will help you get everything ready in just a few minutes—so you can start building right away!
+Getting started with Syncfusion Code is quick and easy. This guide will show you, how to download, install, and set up the IDE on both Windows and macOS. Whether you’re new to Syncfusion Code or setting it up on a fresh system, this simple walkthrough will help you get everything ready in just a few minutes—so you can start building right away!
## Prerequisites
@@ -18,26 +18,26 @@ Getting started with Syncfusion Code Studio is quick and easy. This guide will s
## What You’ll Learn
By the end of this tutorial, you’ll learn how to:
-- Create your Syncfusion Code Studio account.
-- Download and install Syncfusion Code Studio IDE.
+- Create your Syncfusion Code account.
+- Download and install Syncfusion Code IDE.
- Sign in and start using the IDE.
## Installation Steps (For both macOS & Windows)
### Step 1: Download the Installer
-- Visit the official [Syncfusion Code Studio website](https://www.syncfusion.com/code-studio/).
-- Click **“Get Started Now”** to open the Code Studio enterprise page.
+- Visit the official [Syncfusion Code website](https://www.syncfusion.com/code-studio/).
+- Click **“Get Started Now”** to open the Syncfusion Code enterprise page.
> **Note**: The enterprise page is for organizations to monitor and manage AI usage.
-- If you already have Syncfusion Code Studio Account, choose one of these sign-in options to sign-in with Code Studio Enterprise server or else click **“SIGN UP”** to create one:
+- If you already have Syncfusion Code Account, choose one of these sign-in options to sign-in with Syncfusion Code Enterprise server or else click **“SIGN UP”** to create one:
- **Microsoft Account:** Use your personal, work, or school Microsoft credentials.
- **GitHub Account:** Sign in with your GitHub credentials.
- **Syncfusion Account:** Create a new account using your email and password.
-- Click **Download Code Studio**.
+- Click **Download Syncfusion Code**.
- Download your preferred operating system.
@@ -61,8 +61,8 @@ By the end of this tutorial, you’ll learn how to:
- Click **Install** and wait for completion.
-### Step 3: Sign In with Code Studio IDE
-- After installing Syncfusion Code Studio IDE, the **Welcome Page** will appear.
+### Step 3: Sign In with Syncfusion Code IDE
+- After installing Syncfusion Code IDE, the **Welcome Page** will appear.
- To activate your account and enable all features, you’ll need to sign in inside the IDE. Choose one of these sign-in options:
@@ -71,23 +71,23 @@ By the end of this tutorial, you’ll learn how to:
- **Syncfusion Account:** Create a new account using your email and password.
-### Step 4: Start Using Code Studio
-After installing Code Studio, you can start using it immediately.
-- Open the Code Studio IDE and access the Code Studio chat box, which acts as your built-in AI assistant for coding tasks.
+### Step 4: Start Using Syncfusion Code
+After installing Syncfusion Code, you can start using it immediately.
+- Open the Syncfusion Code IDE and access the Syncfusion Code chat box, which acts as your built-in AI assistant for coding tasks.
- Type your first query in the chat panel.
-- If Code Studio responds, your subscription is active.
-- If the Code Studio IDE chat box does not respond, you will see a message prompting you to subscribe to a plan for full access to features.
+- If Syncfusion Code responds, your subscription is active.
+- If the Syncfusion Code IDE chat box does not respond, you will see a message prompting you to subscribe to a plan for full access to features.
- Select **Upgrade**.
- Choose the subscription plan you prefer.
-To know more about the Code Studio Subscription plans, click on **View Subscription Options**.
+To know more about the Syncfusion Code Subscription plans, click on **View Subscription Options**.
## Next Steps
-Once you have installed Syncfusion Code Studio, the following topics will help you explore its features and get the most out of your development workflow:
+Once you have installed Syncfusion Code, the following topics will help you explore its features and get the most out of your development workflow:
[Generate you first code change using agent](/code-studio/tutorials/generate-your-first-code-using-agent)
diff --git a/code-studio/ide/getting-started/overview.md b/code-studio/ide/getting-started/overview.md
index 74c8659..a3a0090 100644
--- a/code-studio/ide/getting-started/overview.md
+++ b/code-studio/ide/getting-started/overview.md
@@ -1,33 +1,33 @@
---
-title: Code Studio Overview
-description: Learn about all key features of Syncfusion Code Studio including Autocomplete, Ask, Edit, Agent, Plan, Generate Code, Quick Fix, and Custom Agents.
+title: Syncfusion Code Overview
+description: Learn about all key features of Syncfusion Code including Autocomplete, Ask, Edit, Agent, Plan, Generate Code, Quick Fix, and Custom Agents.
platform: syncfusion-code-studio
-keywords: "syncfusion code studio features, ai powered ide, code generation, ai agents, quick fix, autocomplete, plan mode"
+keywords: "Syncfusion Code features, ai powered ide, code generation, ai agents, quick fix, autocomplete, plan mode"
tocname: code-studio-ide-toc
---
-# Welcome to Syncfusion Code Studio
+# Welcome to Syncfusion Code
## Overview
-Syncfusion Code Studio is an AI-powered integrated development environment (IDE) with built-in assistance to support modern software development workflows. It understands your codebase and provides context-aware suggestions to help you design, implement, and refine features—while keeping developers in control.
+Syncfusion Code is an AI-powered integrated development environment (IDE) with built-in assistance to support modern software development workflows. It understands your codebase and provides context-aware suggestions to help you design, implement, and refine features—while keeping developers in control.
-Deeply integrated with Syncfusion’s component library, Code Studio helps teams build robust, scalable applications by automating common tasks such as UI generation, bug fixing, and documentation.
+Deeply integrated with Syncfusion’s component library, Syncfusion Code helps teams build robust, scalable applications by automating common tasks such as UI generation, bug fixing, and documentation.
-## What can you do with Code Studio
+## What can you do with Syncfusion Code
- **Generate code:** Drafts code snippets and scaffolding to reduce repetitive work.
- **Implement features:** Turn ideas into complete, working solutions with AI‑assisted development.
- **Find and fix errors:** Detects common issues and proposes fixes to help you resolve problems quickly.
- **Explain code:** Breaks down code line by line or function by function to improve understanding and maintainability.
-By combining these capabilities, Code Studio helps you write cleaner, more accurate code while staying focused and productive.
+By combining these capabilities, Syncfusion Code helps you write cleaner, more accurate code while staying focused and productive.
## Key Features
-Working with Code Studio will give you hands-on experience in the following areas:
+Working with Syncfusion Code will give you hands-on experience in the following areas:
- **Autocomplete Mode**: AI‑powered code suggestions as you type, based on your current project.
Learn more on the [Autocomplete](/code-studio/features/autocomplete) page.
@@ -84,6 +84,6 @@ Learn more on the [Quick Fix](/code-studio/how-to-guides/quick-fix-error) page.
## Get started
-Ready to try Code Studio?
+Ready to try Syncfusion Code?
-- Go to the [Quick Start](/code-studio/getting-started/quick-start) page to set up Code Studio and create your first code snippet with AI assistance.
\ No newline at end of file
+- Go to the [Quick Start](/code-studio/getting-started/quick-start) page to set up Syncfusion Code and create your first code snippet with AI assistance.
\ No newline at end of file
diff --git a/code-studio/ide/getting-started/quick-start.md b/code-studio/ide/getting-started/quick-start.md
index 8eae5b6..2f80ada 100644
--- a/code-studio/ide/getting-started/quick-start.md
+++ b/code-studio/ide/getting-started/quick-start.md
@@ -1,5 +1,5 @@
---
-title: "Syncfusion Code Studio Quick Start"
+title: "Syncfusion Code Quick Start"
description: "Professional developer guide for AI-driven error resolution and debugging assistance in real-time development workflows"
classification: "User Guide - Feature Documentation"
platform: syncfusion-code-studio
@@ -9,17 +9,17 @@ tocname: code-studio-ide-toc
# Quick Start
-**Syncfusion Code Studio** is an intelligent, AI‑powered coding companion designed to make your development process faster and easier. Instead of writing every line manually or searching for solutions, Code Studio works alongside you—understanding your intent, offering meaningful suggestions, and helping you learn as you build.
+**Syncfusion Code** is an intelligent, AI‑powered coding companion designed to make your development process faster and easier. Instead of writing every line manually or searching for solutions, Syncfusion Code works alongside you—understanding your intent, offering meaningful suggestions, and helping you learn as you build.
## Prerequisites
Before getting started, make sure that:
-1. **Syncfusion Code Studio is installed**
+1. **Syncfusion Code is installed**
If it’s not installed, refer to the [installation guide](/code-studio/getting-started/install-and-configuration) to set it up properly.
2. **A local project folder is ready**
- Code Studio works best with an existing project or a fresh folder for coding.
+ Syncfusion Code works best with an existing project or a fresh folder for coding.
3. **Basic familiarity with writing code**
You don’t need to be an expert—just comfortable editing files and understanding simple programming concepts.
@@ -33,13 +33,13 @@ By the end of this quick start guide, you’ll learn how to:
- Perform targeted code improvements with Inline Chat directly in the editor
- Add necessary files or folders from your workspace as context to make AI suggestions more accurate and project-aware
-## Step 1: Open a Project in Code Studio
+## Step 1: Open a Project in Syncfusion Code
-Follow the steps below to open your project and start working inside the Code Studio environment.
+Follow the steps below to open your project and start working inside the Syncfusion Code environment.
1. **Open the application based on your OS**
- - **Windows:** Go to the **Start Menu**, search for **Syncfusion Code Studio**, and launch it.
- - **macOS:** Open **Applications** or **Launchpad**, find **Syncfusion Code Studio**, and open it.
+ - **Windows:** Go to the **Start Menu**, search for **Syncfusion Code**, and launch it.
+ - **macOS:** Open **Applications** or **Launchpad**, find **Syncfusion Code**, and open it.
2. **Access the File Menu** - At the top menu bar, click **"File"**.
@@ -47,7 +47,7 @@ Follow the steps below to open your project and start working inside the Code St
4. **Choose your project folder**
-5. **Or you can directly open your project folder using 'Open Folder' button under the Code Studio logo**
+5. **Or you can directly open your project folder using 'Open Folder' button under the Syncfusion Code logo**
> **Note: Open folder directly from File Explorer / Finder using terminal**
@@ -68,7 +68,7 @@ Your selected project will open in the editor where you can:
## Step 2: Explore Core Features
### Built-in Agent Modes
-Code Studio provides five built‑in agents **Autocomplete**, **Ask**, **Edit**, **Agent**, **Plan** .
+Syncfusion Code provides five built‑in agents **Autocomplete**, **Ask**, **Edit**, **Agent**, **Plan** .
You can also create [custom agents](/code-studio/reference/configure-properties/custom-agents) for specialized workflows.
@@ -105,7 +105,7 @@ This reduces typing effort and ensures consistency.
- Edit Mode allows you to modify existing code simply by describing the changes.
- You can update logic, restructure components, clean up syntax, or improve performance without editing manually.
-Code Studio shows suggested changes clearly, letting you apply or undo them step by step.
+Syncfusion Code shows suggested changes clearly, letting you apply or undo them step by step.
**For Example:** Give, *“Improve the performance of this”* as prompt, Edit Mode rewrites it neatly while preserving behavior.
@@ -152,7 +152,7 @@ You’ll see improved code inline with **Accept** and **Dismiss** options.
## Add Context
-- Add Context lets Code Studio understand more of your project by including additional files or folders from your workspace in the request.
+- Add Context lets Syncfusion Code understand more of your project by including additional files or folders from your workspace in the request.
- This leads to smarter, interconnected suggestions.
diff --git a/code-studio/ide/how-to-guides/Configure-default-model.md b/code-studio/ide/how-to-guides/Configure-default-model.md
index 61bb406..447dead 100644
--- a/code-studio/ide/how-to-guides/Configure-default-model.md
+++ b/code-studio/ide/how-to-guides/Configure-default-model.md
@@ -10,24 +10,24 @@ tocname: code-studio-ide-toc
## Overview
-This guide explains how to configure default models using API keys (BYOK – Bring Your Own Key) from your chosen provider into Code Studio Enterprise. You'll learn how to set default models for different modes to streamline your workflow.
+This guide explains how to configure default models using API keys (BYOK – Bring Your Own Key) from your chosen provider into Syncfusion Code Enterprise. You'll learn how to set default models for different modes to streamline your workflow.
## When to Use Default Models
-Setting a default model ensures that your preferred model appears as the pre-selected option in the model dropdown whenever Code Studio IDE opens or reopens. While you can switch to another model during a session, the default model will be automatically restored the next time you start Code Studio.
+Setting a default model ensures that your preferred model appears as the pre-selected option in the model dropdown whenever Syncfusion Code IDE opens or reopens. While you can switch to another model during a session, the default model will be automatically restored the next time you start Syncfusion Code.
## Prerequisites
Before starting, ensure:
-* Syncfusion Code Studio is installed and configured on your system. If you have not yet downloaded Code Studio, refer to the [Syncfusion Code Studio Install and Configure](https://help.syncfusion.com/code-studio/getting-started/install-and-configuration)
+* Syncfusion Code is installed and configured on your system. If you have not yet downloaded Syncfusion Code, refer to the [Syncfusion Code Install and Configure](https://help.syncfusion.com/code-studio/getting-started/install-and-configuration)
* You have a valid API key from the chat model provider you want to use (e.g., [OpenAI](https://platform.openai.com/api-keys), [Anthropic](https://console.anthropic.com/dashboard), [OpenRouter](https://openrouter.ai/settings/keys)).
## Steps for Configure Default Models
-### Step 1: Open Code Studio Enterprise Server dashboard
+### Step 1: Open Syncfusion Code Enterprise Server dashboard
-* Open [Code Studio Enterprise Server](https://app.sfcodestudio.com/dashboard)
+* Open [Syncfusion Code Enterprise Server](https://app.sfcodestudio.com/dashboard)
@@ -35,7 +35,7 @@ Before starting, ensure:
* Go to the [Models](https://app.sfcodestudio.com/models) section and click Manage Default Settings.
- >**Note**: If you have not configured your model, please refer to [Configure LLM Providers and Models in Syncfusion Code Studio]( https://help.syncfusion.com/code-studio/enterprise-server/providersandmodels ) for guidance on adding models.
+ >**Note**: If you have not configured your model, please refer to [Configure LLM Providers and Models in Syncfusion Code]( https://help.syncfusion.com/code-studio/enterprise-server/providersandmodels ) for guidance on adding models.
@@ -57,7 +57,7 @@ Before starting, ensure:
-* You have successfully configured your default models! Your selected models will now appear automatically when you launch Code Studio IDE.
+* You have successfully configured your default models! Your selected models will now appear automatically when you launch Syncfusion Code IDE.
diff --git a/code-studio/ide/how-to-guides/add-BYOK-model.md b/code-studio/ide/how-to-guides/add-BYOK-model.md
index 33d097a..9ae2775 100644
--- a/code-studio/ide/how-to-guides/add-BYOK-model.md
+++ b/code-studio/ide/how-to-guides/add-BYOK-model.md
@@ -1,6 +1,6 @@
---
-title: Add BYOK Model in Syncfusion Code Studio
-description: Admin guide to add BYOK (Bring Your Own Key) models and connect providers in Code Studio.
+title: Add BYOK Model in Syncfusion Code
+description: Admin guide to add BYOK (Bring Your Own Key) models and connect providers in Syncfusion Code.
platform: syncfusion-code-studio
keywords: byok, add model, providers, configuration, admin, enterprise, syncfusion, code-studio, api keys, openai, anthropic,openrouter
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-This guide provides step-by-step instructions for administrators to configure Large Language Model (LLM) providers within Code Studio using the **Bring Your Own Key (BYOK)** feature.
+This guide provides step-by-step instructions for administrators to configure Large Language Model (LLM) providers within Syncfusion Code using the **Bring Your Own Key (BYOK)** feature.
> **Note:** Only administrators can configure LLM providers.
@@ -18,7 +18,7 @@ This guide provides step-by-step instructions for administrators to configure La
Use this guide when you need to:
-- Connect new LLM providers (e.g., OpenAI, Anthropic,Openrouter) to Code Studio.
+- Connect new LLM providers (e.g., OpenAI, Anthropic,Openrouter) to Syncfusion Code.
- Add custom models from your preferred AI providers for your organization.
- Manage API keys for enterprise-level AI integrations.
@@ -26,7 +26,7 @@ Use this guide when you need to:
Before you begin, ensure you have the following:
-- An active administrator account on Code Studio.
+- An active administrator account on Syncfusion Code.
- A valid API key from your LLM provider (e.g., OpenAI, Anthropic).
- *(Optional)* An OpenRouter API key for accessing multiple models through a single integration. Follow the detailed instructions [here](/code-studio/enterprise-server/freemodel) to obtain an OpenRouter API key.
@@ -34,7 +34,7 @@ Before you begin, ensure you have the following:
### Step 1: Open the Dashboard
-1. Open **Code Studio** in your machine.
+1. Open **Syncfusion Code** in your machine.
2. Click the **Account** tab in the top right of the application.
@@ -48,7 +48,7 @@ Before you begin, ensure you have the following:
### Step 2: Add an LLM Provider
-Follow these steps to add a new LLM provider to Code Studio:
+Follow these steps to add a new LLM provider to Syncfusion Code:
1. Navigate to the **LLM Keys** page under the **BYOK** section in the admin dashboard.
@@ -98,11 +98,11 @@ After configuring your LLM provider, follow these steps to add a model:
-### Step 4: Verify the Model in Code Studio IDE
+### Step 4: Verify the Model in Syncfusion Code IDE
-After adding the model, verify that it appears in the Code Studio IDE:
+After adding the model, verify that it appears in the Syncfusion Code IDE:
-1. Open the **Code Studio IDE**.
+1. Open the **Syncfusion Code IDE**.
2. Click the **model selection dropdown** in the chat or editor panel.
diff --git a/code-studio/ide/how-to-guides/add-local-model.md b/code-studio/ide/how-to-guides/add-local-model.md
index 6e9aa95..fe6967a 100644
--- a/code-studio/ide/how-to-guides/add-local-model.md
+++ b/code-studio/ide/how-to-guides/add-local-model.md
@@ -1,6 +1,6 @@
---
title: How to Add Personal API Key Models in the IDE
-description: Learn how to add and manage your own AI models directly in the Code Studio IDE chat view using personal API keys from providers like OpenAI and Anthropic.
+description: Learn how to add and manage your own AI models directly in the Syncfusion Code IDE chat view using personal API keys from providers like OpenAI and Anthropic.
platform: syncfusion-code-studio
keywords: how-to, personal-models, API-keys, IDE, chat-view, OpenAI, Anthropic
tocname: code-studio-ide-toc
@@ -10,9 +10,9 @@ tocname: code-studio-ide-toc
## Overview
-Code Studio allows you to integrate AI models from various providers directly in the IDE chat view using your own personal API keys. This feature gives you access to specific models that may not be available in your organization's configuration. You can add, manage, and use these models alongside your organization's models for enhanced flexibility and experimentation.
+Syncfusion Code allows you to integrate AI models from various providers directly in the IDE chat view using your own personal API keys. This feature gives you access to specific models that may not be available in your organization's configuration. You can add, manage, and use these models alongside your organization's models for enhanced flexibility and experimentation.
-> **Note:** This feature is available in the IDE chat view only. It is not available in the Code Studio Enterprise Server dashboard.
+> **Note:** This feature is available in the IDE chat view only. It is not available in the Syncfusion Code Enterprise Server dashboard.
## When to Use
diff --git a/code-studio/ide/how-to-guides/add-ollama-model.md b/code-studio/ide/how-to-guides/add-ollama-model.md
index 8aa826e..fdda311 100644
--- a/code-studio/ide/how-to-guides/add-ollama-model.md
+++ b/code-studio/ide/how-to-guides/add-ollama-model.md
@@ -1,6 +1,6 @@
---
-title: How to Configure Ollama Models in Code Studio
-description: Instructions to configure ollama models within Syncfusion Code Studio. Use this feature to connect your preferred ollama model.
+title: How to Configure Ollama Models in Syncfusion Code
+description: Instructions to configure ollama models within Syncfusion Code. Use this feature to connect your preferred ollama model.
platform: syncfusion-code-studio
control: IDE
documentation: Getting Started
@@ -11,11 +11,11 @@ tocname: code-studio-ide-toc
-# How to Configure Ollama Models in Code Studio
+# How to Configure Ollama Models in Syncfusion Code
## Overview
-This guide provides step-by-step instructions to configure and use **Ollama** models inside **Code Studio**. By connecting Ollama, you can run powerful open-source language models locally on your machine. This enables private, offline-capable, and cost-free AI assistance without relying on external cloud providers or API keys.
+This guide provides step-by-step instructions to configure and use **Ollama** models inside **Syncfusion Code**. By connecting Ollama, you can run powerful open-source language models locally on your machine. This enables private, offline-capable, and cost-free AI assistance without relying on external cloud providers or API keys.
## When to Use
- When you want free, unlimited usage with no API costs or rate limits – perfect for long coding sessions or agent workflows.
@@ -49,9 +49,9 @@ Refer the ollama's official documentation below to download and install Ollama o
- Recommended models – [deepseek-r1](https://ollama.com/library/deepseek-r1), [qwen 2.5](https://ollama.com/library/qwen2.5)
-- Code Studio up-to-date (latest stable release recommended).
+- Syncfusion Code up-to-date (latest stable release recommended).
-> **Note:** Ollama models currently work in Ask and Edit mode only in Code Studio.
+> **Note:** Ollama models currently work in Ask and Edit mode only in Syncfusion Code.
## Configure Ollama Model in Code studio
- Click the model dropdown in chat box and click 'Manage Models' option.
diff --git a/code-studio/ide/how-to-guides/buy-more-credits.md b/code-studio/ide/how-to-guides/buy-more-credits.md
index 089b6bd..97147e4 100644
--- a/code-studio/ide/how-to-guides/buy-more-credits.md
+++ b/code-studio/ide/how-to-guides/buy-more-credits.md
@@ -1,16 +1,16 @@
---
title: Buy More Credits
-description: Guide on purchasing additional credits for AI model usage in Syncfusion Code Studio Enterprise.
+description: Guide on purchasing additional credits for AI model usage in Syncfusion Code Enterprise.
platform: syncfusion-code-studio
keywords: buy credits, add credits, purchase credits, code studio enterprise, ai model usage, billing, subscription
tocname: code-studio-ide-toc
---
-# Buy More Credits in Code Studio
+# Buy More Credits in Syncfusion Code
## Overview
-Credits in Syncfusion Code Studio Enterprise are add-on units that fund AI model usage across your organization. They provide flexibility beyond the standard [subscription plans](/code-studio/enterprise-server/settings#4-billing--subscription), allowing you to scale your AI-powered coding operations as needed. Once purchased, credits are immediately applied to your account after successful payment, and your current balance is visible at the top of the [dashboard](https://app.sfcodestudio.com/dashboard).
+Credits in Syncfusion Code Enterprise are add-on units that fund AI model usage across your organization. They provide flexibility beyond the standard [subscription plans](/code-studio/enterprise-server/settings#4-billing--subscription), allowing you to scale your AI-powered coding operations as needed. Once purchased, credits are immediately applied to your account after successful payment, and your current balance is visible at the top of the [dashboard](https://app.sfcodestudio.com/dashboard).
## When to Use
@@ -27,7 +27,7 @@ Purchase additional credits when:
## Steps to Buy Credits
-1. **Navigate to the Credits Tab:** From the Code Studio dashboard, click on "Settings" in the left sidebar, then select the "Credits" tab.
+1. **Navigate to the Credits Tab:** From the Syncfusion Code dashboard, click on "Settings" in the left sidebar, then select the "Credits" tab.
diff --git a/code-studio/ide/how-to-guides/daily-cost-usage.md b/code-studio/ide/how-to-guides/daily-cost-usage.md
index ab1c712..ad4f8aa 100644
--- a/code-studio/ide/how-to-guides/daily-cost-usage.md
+++ b/code-studio/ide/how-to-guides/daily-cost-usage.md
@@ -1,6 +1,6 @@
---
title: "Track Daily Cost and Token Usage"
-description: "How to view and filter daily costs and token usage in Syncfusion Code Studio"
+description: "How to view and filter daily costs and token usage in Syncfusion Code"
classification: "User Guide - How To Documentation"
platform: syncfusion-code-studio
keywords: cost-usage, daily-cost, token-usage, budget, dashboard, analytics
@@ -28,14 +28,14 @@ Use this tracking process when:
## Steps to Check Daily Credits and Token Usage
-Follow these steps to view your credits and token usage in Code Studio:
+Follow these steps to view your credits and token usage in Syncfusion Code:
-### Step 1: Open Code Studio
-- Open Code Studio Application.
+### Step 1: Open Syncfusion Code
+- Open Syncfusion Code Application.
- Ensure you are logged in with the correct user credentials.
### Step 2: Open Account Settings
-- In the top-right corner of Code Studio, click your **avatar**.
+- In the top-right corner of Syncfusion Code, click your **avatar**.
diff --git a/code-studio/ide/how-to-guides/invite-new-user.md b/code-studio/ide/how-to-guides/invite-new-user.md
index 8c7a62f..4cfb905 100644
--- a/code-studio/ide/how-to-guides/invite-new-user.md
+++ b/code-studio/ide/how-to-guides/invite-new-user.md
@@ -15,17 +15,17 @@ This guide explains how administrators,team leads and team owner can invite new
## Prerequisites
- You are an Admin / Team Lead / Team Owner.
- You have the email address of the person you want to invite
-- Your Code Studio organization is active.
+- Your Syncfusion Code organization is active.
- A modern web browser with internet access.
## Steps to Invite a New User
Follow these steps to invite a new user to your organization.
-### Step 1 : Open Code Studio Dashboard
-- Open Code Studio Application.
+### Step 1 : Open Syncfusion Code Dashboard
+- Open Syncfusion Code Application.
- Ensure you are logged in with the correct user credentials.
-- In the top-right corner of Code Studio, click your **avatar**.
+- In the top-right corner of Syncfusion Code, click your **avatar**.
diff --git a/code-studio/ide/how-to-guides/manage-chat-session.md b/code-studio/ide/how-to-guides/manage-chat-session.md
index e61658d..4b6e704 100644
--- a/code-studio/ide/how-to-guides/manage-chat-session.md
+++ b/code-studio/ide/how-to-guides/manage-chat-session.md
@@ -1,6 +1,6 @@
---
-title: Syncfusion Code Studio Checkpoints
-description: The Checkpoints feature in Syncfusion Code Studio allows you to automatically track, preview, and restore your workspace state at key moments.
+title: Syncfusion Code Checkpoints
+description: The Checkpoints feature in Syncfusion Code allows you to automatically track, preview, and restore your workspace state at key moments.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, checkpoints, versioning, history, workspace, file-recovery, diff, restore
tocname: code-studio-ide-toc
diff --git a/code-studio/ide/how-to-guides/quick-fix-error.md b/code-studio/ide/how-to-guides/quick-fix-error.md
index 429340f..d6ab896 100644
--- a/code-studio/ide/how-to-guides/quick-fix-error.md
+++ b/code-studio/ide/how-to-guides/quick-fix-error.md
@@ -1,6 +1,6 @@
---
title: Quick Fix Your Errors
-description: Resolve syntax errors and code issues in Syncfusion Code Studio using the Quick Fix feature with AI assistance.
+description: Resolve syntax errors and code issues in Syncfusion Code using the Quick Fix feature with AI assistance.
platform: syncfusion-code-studio
category: how-to-guide
keywords: quick-fix, error-resolution, syntax-errors, code-assistance, debugging
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
# Quick Fix Your Errors
-This guide covers two distinct workflows in Syncfusion Code Studio: **Quick Fix** for fast, one-click corrections, and **Explain** for understanding the root cause with rationale and a proposed fix. Use them independently based on your goal—fix immediately, or learn why before you change code.
+This guide covers two distinct workflows in Syncfusion Code: **Quick Fix** for fast, one-click corrections, and **Explain** for understanding the root cause with rationale and a proposed fix. Use them independently based on your goal—fix immediately, or learn why before you change code.
## When to Use
@@ -25,9 +25,9 @@ Use the Quick Fix feature when:
### Step 1: Identify the Error
-Open your project in Code Studio.
+Open your project in Syncfusion Code.
-Code Studio automatically highlights errors with:
+Syncfusion Code automatically highlights errors with:
- Red squiggly underlines beneath problematic code.
- Error icons in the editor gutter or problems panel.
@@ -112,7 +112,7 @@ After completing these steps:
### Quick Fix option does not appear when clicking the error
-**Solution:** Ensure Code Studio has fully analyzed the file. Wait a moment, then click the error again. If the issue persists, reload the file or restart Code Studio.
+**Solution:** Ensure Syncfusion Code has fully analyzed the file. Wait a moment, then click the error again. If the issue persists, reload the file or restart Syncfusion Code.
### The Explain analysis does not match the surrounding context
diff --git a/code-studio/ide/language-setup/cpp-setup.md b/code-studio/ide/language-setup/cpp-setup.md
index 110efb4..f805b72 100644
--- a/code-studio/ide/language-setup/cpp-setup.md
+++ b/code-studio/ide/language-setup/cpp-setup.md
@@ -1,22 +1,22 @@
---
-title: "C++ Development Setup in Syncfusion Code Studio"
-description: "Complete guide to set up C++ development environment with compiler installation, configuration, and AI-assisted coding in Syncfusion Code Studio"
+title: "C++ Development Setup in Syncfusion Code"
+description: "Complete guide to set up C++ development environment with compiler installation, configuration, and AI-assisted coding in Syncfusion Code"
classification: "User Guide - Getting Started"
platform: syncfusion-code-studio
keywords: cpp-setup, c-plus-plus, compiler-installation, mingw, xcode, visual-studio, ai-debugging, cpp-development
tocname: code-studio-ide-toc
---
-# C++ Development Setup in Syncfusion Code Studio
+# C++ Development Setup in Syncfusion Code
## Overview
-Syncfusion Code Studio provides intelligent AI-powered assistance for C++ development, helping you write, debug, and optimize C++ code faster. Whether you're building system applications, game engines, or performance-critical software, Code Studio's AI features work alongside your C++ compiler to enhance your productivity.
+Syncfusion Code provides intelligent AI-powered assistance for C++ development, helping you write, debug, and optimize C++ code faster. Whether you're building system applications, game engines, or performance-critical software, Syncfusion Code's AI features work alongside your C++ compiler to enhance your productivity.
-This guide walks you through setting up a complete C++ development environment—from installing compilers to writing your first AI-assisted C++ program. Once configured, you'll be able to leverage Code Studio's autocomplete, debugging assistance, code explanations, and smart refactoring for all your C++ projects.
+This guide walks you through setting up a complete C++ development environment—from installing compilers to writing your first AI-assisted C++ program. Once configured, you'll be able to leverage Syncfusion Code's autocomplete, debugging assistance, code explanations, and smart refactoring for all your C++ projects.
> **Prerequisites:**
-> - Syncfusion Code Studio must be installed. If not, see the [installation guide](/code-studio/getting-started/install-and-configuration).
+> - Syncfusion Code must be installed. If not, see the [installation guide](/code-studio/getting-started/install-and-configuration).
> - **Disk Space:** 2-5 GB for compiler installation (Windows: MinGW-w64 ~2GB; macOS: Xcode Command Line Tools ~5GB)
@@ -28,13 +28,13 @@ By the end of this tutorial, you'll learn how to:
- Install and configure CodeLLDB extension for debugging
- Set up build tasks for automatic compilation
- Configure debugging with breakpoints and variable inspection
-- Write and run your first C++ program in Code Studio
+- Write and run your first C++ program in Syncfusion Code
## Download and Install C++ Compiler
### Windows
-This guide uses MinGW-w64, which provides the GCC compiler for Windows. It's lightweight, open-source, and works perfectly with Code Studio.
+This guide uses MinGW-w64, which provides the GCC compiler for Windows. It's lightweight, open-source, and works perfectly with Syncfusion Code.
#### Step 1: Download MinGW-w64
@@ -108,26 +108,26 @@ If you're on macOS, the setup is even simpler. macOS uses Clang (part of LLVM) a
---
-## Configure C++ in Code Studio
+## Configure C++ in Syncfusion Code
-With the compiler installed, the next step is to set up Code Studio to work seamlessly with your C++ environment. This involves installing an extension for debugging and configuring build and debug tasks.
+With the compiler installed, the next step is to set up Syncfusion Code to work seamlessly with your C++ environment. This involves installing an extension for debugging and configuring build and debug tasks.
> **Why Not Use Microsoft's C/C++ Extension?**
>
-> Syncfusion Code Studio is a fork of Visual Studio Code with enhanced AI capabilities. Code Studio cannot use certain Microsoft proprietary extensions due to licensing restrictions.
+> Syncfusion Code is a fork of Visual Studio Code with enhanced AI capabilities. Syncfusion Code cannot use certain Microsoft proprietary extensions due to licensing restrictions.
>
-> Microsoft's C/C++ extension (`ms-vscode.cpptools`) is only licensed for use in official VS Code builds. Attempting to install it in Code Studio will result in errors or the extension simply won't function.
+> Microsoft's C/C++ extension (`ms-vscode.cpptools`) is only licensed for use in official VS Code builds. Attempting to install it in Syncfusion Code will result in errors or the extension simply won't function.
>
> **Solution:** We use **CodeLLDB** instead, which is:
> - Open-source and Provides full debugging capabilities (breakpoints, variable inspection, call stacks).
### Step 1: Install CodeLLDB Extension
-1. Open **Syncfusion Code Studio**
+1. Open **Syncfusion Code**
2. Click the **Extensions** icon in the sidebar (or press `Ctrl+Shift+X` / `Cmd+Shift+X`)
3. Search for **"CodeLLDB"** (by vadimcn)
- 
+
4. Click **Install** on the extension
@@ -142,7 +142,7 @@ With the compiler installed, the next step is to set up Code Studio to work seam
### Step 2: Configure Build Task
-With CodeLLDB installed, let's set up a build task so you can compile your C++ code directly from Code Studio without switching to the command line.
+With CodeLLDB installed, let's set up a build task so you can compile your C++ code directly from Syncfusion Code without switching to the command line.
1. In your project folder, create a `.vscode` folder if it doesn't exist
2. Create a file named `tasks.json` inside `.vscode`
@@ -259,7 +259,7 @@ Set up the debugger to run and inspect your C++ programs. The debugger will auto
> **Important:** The `preLaunchTask` name in `launch.json` must match the `label` in your `tasks.json` file. This ensures your code is compiled before debugging starts.
> **Key Points:**
-> - `"type": "lldb"` tells Code Studio to use CodeLLDB for debugging
+> - `"type": "lldb"` tells Syncfusion Code to use CodeLLDB for debugging
> - `preLaunchTask` automatically builds your code before debugging
> - The configuration works with both debug and release builds
@@ -271,29 +271,29 @@ Now that everything is configured, let's put your setup to the test by creating
### Step 1: Create a New C++ File
-1. In Code Studio, create a new file: `hello.cpp`
-2. You can write the code yourself or ask Code Studio to help:
+1. In Syncfusion Code, create a new file: `hello.cpp`
+2. You can write the code yourself or ask Syncfusion Code to help:
- **Try this prompt in Code Studio Chat:**
+ **Try this prompt in Syncfusion Code Chat:**
```
Create a simple C++ hello world program that also demonstrates basic input/output
```
-3. Code Studio will generate a basic C++ code.
+3. Syncfusion Code will generate a basic C++ code.
- 
+
---
## Debug Your C++ Code
-Debugging is where Code Studio truly shines. Let's walk through setting breakpoints and inspecting your program as it runs.
+Debugging is where Syncfusion Code truly shines. Let's walk through setting breakpoints and inspecting your program as it runs.
### Step 1: Set a Breakpoint
1. Click in the left margin (line number area) to set a breakpoint
2. A red dot will appear
- 
+
### Step 2: Start Debugging
@@ -310,16 +310,16 @@ Debugging is where Code Studio truly shines. Let's walk through setting breakpoi
- Add watch expressions in the **Watch** panel
- Examine the call stack in the **Call Stack** panel
- 
+
---
## Next Steps
-Now that Your C++ development environment is now fully configured in Syncfusion Code Studio. Here's what you can explore next:
+Now that Your C++ development environment is now fully configured in Syncfusion Code. Here's what you can explore next:
- **Build Real Projects:** Start developing C++ applications with full debugging support - see [tutorials](/code-studio/tutorials/generate-your-first-code-using-agent) to get started
-- **Leverage AI Features:** Use Code Studio's [autocomplete](/code-studio/features/autocomplete), [code explanation](/code-studio/features/ask), and refactoring capabilities to speed up development
+- **Leverage AI Features:** Use Syncfusion Code's [autocomplete](/code-studio/features/autocomplete), [code explanation](/code-studio/features/ask), and refactoring capabilities to speed up development
- **Explore Agent Mode:** For complex multi-file projects, try [Agent mode](/code-studio/features/agent) for advanced refactoring and architectural improvements
- **Learn More:** Check out the [Quick Start Guide](/code-studio/getting-started/quick-start) and [features overview](/code-studio/features/generatecode) for additional capabilities
@@ -327,7 +327,7 @@ Now that Your C++ development environment is now fully configured in Syncfusion
**Compiler not found after installation:**
- Ensure you opened a **new** terminal window after adding to PATH
-- Restart Code Studio if the terminal was already open
+- Restart Syncfusion Code if the terminal was already open
- Verify PATH by running `echo $env:PATH` (Windows) or `echo $PATH` (macOS)
**Build task fails:**
diff --git a/code-studio/ide/language-setup/go-setup.md b/code-studio/ide/language-setup/go-setup.md
index ab6823d..0c5b595 100644
--- a/code-studio/ide/language-setup/go-setup.md
+++ b/code-studio/ide/language-setup/go-setup.md
@@ -1,22 +1,22 @@
---
-title: "Go Development Setup in Syncfusion Code Studio"
-description: "Complete guide to set up Go development environment with installation, configuration, and AI-assisted coding in Syncfusion Code Studio"
+title: "Go Development Setup in Syncfusion Code"
+description: "Complete guide to set up Go development environment with installation, configuration, and AI-assisted coding in Syncfusion Code"
classification: "User Guide - Getting Started"
platform: syncfusion-code-studio
keywords: go-setup, golang-development, go-installation, go-compiler, ai-debugging, go-programming, gopls
tocname: code-studio-ide-toc
---
-# Go Development Setup in Syncfusion Code Studio
+# Go Development Setup in Syncfusion Code
## Overview
-Syncfusion Code Studio provides intelligent AI-powered assistance for Go development, helping you write clean, idiomatic Go code with greater speed and confidence. Whether you're building microservices, CLI tools, web applications, or cloud-native solutions, Code Studio works seamlessly with Go's toolchain to enhance your productivity.
+Syncfusion Code provides intelligent AI-powered assistance for Go development, helping you write clean, idiomatic Go code with greater speed and confidence. Whether you're building microservices, CLI tools, web applications, or cloud-native solutions, Syncfusion Code works seamlessly with Go's toolchain to enhance your productivity.
-This guide walks you through setting up a complete Go development environment—from installing the Go compiler to writing your first Go program. Once configured, you'll be able to leverage Code Studio's autocomplete, debugging assistance, code explanations, and smart refactoring for all your Go projects.
+This guide walks you through setting up a complete Go development environment—from installing the Go compiler to writing your first Go program. Once configured, you'll be able to leverage Syncfusion Code's autocomplete, debugging assistance, code explanations, and smart refactoring for all your Go projects.
> **Prerequisites:**
-> - Syncfusion Code Studio must be installed. If not, see the [installation guide](/code-studio/getting-started/install-and-configuration).
+> - Syncfusion Code must be installed. If not, see the [installation guide](/code-studio/getting-started/install-and-configuration).
> - **Disk Space:** ~500 MB for Go installation
## What You'll Learn
@@ -26,7 +26,7 @@ By the end of this tutorial, you'll learn how to:
- Install and configure the Go compiler on Windows and macOS
- Install and configure the Go extension with essential tools
- Set up Go modules for dependency management
-- Write and run your first Go program in Code Studio
+- Write and run your first Go program in Syncfusion Code
- Debug Go applications with breakpoints and variable inspection
## Download and Install Go
@@ -118,31 +118,31 @@ If you have [Homebrew](https://brew.sh/) installed:
---
-## Configure Go in Code Studio
+## Configure Go in Syncfusion Code
-With Go installed, the next step is to set up Code Studio to work seamlessly with your Go environment. This involves installing the Go extension and essential development tools.
+With Go installed, the next step is to set up Syncfusion Code to work seamlessly with your Go environment. This involves installing the Go extension and essential development tools.
### Step 1: Install Go Extension
-1. Open **Syncfusion Code Studio**
+1. Open **Syncfusion Code**
2. Click the **Extensions** icon in the sidebar (or press `Ctrl+Shift+X` / `Cmd+Shift+X`)
3. Search for **"Go"** (by the Go Team at Google)
4. Click **Install**
- 
+
### Step 2: Install Go Tools
-The Go extension requires several tools for full functionality. Code Studio will prompt you to install them automatically.
+The Go extension requires several tools for full functionality. Syncfusion Code will prompt you to install them automatically.
1. Open the **Command Palette** (`Ctrl+Shift+P` / `Cmd+Shift+P`)
2. Type: **"Go: Install/Update Tools"**
3. Select **all tools** from the list (or check all)
4. Click **OK**
- 
+
---
@@ -153,7 +153,7 @@ Now that everything is configured, let's create a simple Go program to verify yo
### Step 1: Create a Go Module
1. Create a new folder for your project (e.g., `hello.go`)
-2. Open it in Code Studio: **File → Open Folder**
+2. Open it in Syncfusion Code: **File → Open Folder**
3. Open the **Terminal** (`Ctrl+`` / ``Cmd+``)
4. Initialize a Go module:
```bash
@@ -167,28 +167,28 @@ This creates a `go.mod` file that tracks dependencies.
### Step 2: Create Your First Go File
1. Create a new file: `main.go`
-2. You can write the code yourself or ask Code Studio to help:
+2. You can write the code yourself or ask Syncfusion Code to help:
- **Try this prompt in Code Studio Chat:**
+ **Try this prompt in Syncfusion Code Chat:**
```
Create a simple Go hello world program with basic input/output
```
- 
+
-3. Code Studio will generate a basic Go program.
+3. Syncfusion Code will generate a basic Go program.
## Debug Your Go Code
-Debugging is where Code Studio truly shines. Let's walk through setting up debugging and inspecting your program as it runs.
+Debugging is where Syncfusion Code truly shines. Let's walk through setting up debugging and inspecting your program as it runs.
### Step 1: Configure Debug Settings
1. Click the **Run and Debug** icon (or press `Ctrl+Shift+D` / `Cmd+Shift+D`)
2. Click **"create a launch.json file"**
3. Select **"Go"** from the environment options
-4. Code Studio creates `.vscode/launch.json`
+4. Syncfusion Code creates `.vscode/launch.json`
**Example launch.json:**
```json
@@ -227,7 +227,7 @@ Debugging is where Code Studio truly shines. Let's walk through setting up debug
- Add **Watch** expressions
- Inspect the **Call Stack**
- 
+
---
@@ -235,10 +235,10 @@ Debugging is where Code Studio truly shines. Let's walk through setting up debug
## Next Steps
-Now that Your Go development environment is now fully configured in Syncfusion Code Studio. Here's what you can explore next:
+Now that Your Go development environment is now fully configured in Syncfusion Code. Here's what you can explore next:
- **Build Real Projects:** Start developing Go applications with full debugging support - see [tutorials](/code-studio/tutorials/generate-your-first-code-using-agent) to get started
-- **Leverage AI Features:** Use Code Studio's [autocomplete](/code-studio/features/autocomplete), [code explanation](/code-studio/features/ask), and refactoring capabilities to speed up development
+- **Leverage AI Features:** Use Syncfusion Code's [autocomplete](/code-studio/features/autocomplete), [code explanation](/code-studio/features/ask), and refactoring capabilities to speed up development
- **Explore Agent Mode:** For complex multi-package projects, try [Agent mode](/code-studio/features/agent) for advanced refactoring and architectural improvements
- **Learn More:** Check out the [Quick Start Guide](/code-studio/getting-started/quick-start) and [features overview](/code-studio/features/generatecode) for additional capabilities
@@ -253,7 +253,7 @@ Now that Your Go development environment is now fully configured in Syncfusion C
**Module imports showing errors:**
- Run `go mod tidy` in the terminal
- Run `go mod download` to fetch dependencies
-- Reload Code Studio: Command Palette → **"Developer: Reload Window"**
+- Reload Syncfusion Code: Command Palette → **"Developer: Reload Window"**
**Debugger won't start:**
- Check that your `launch.json` configuration is correct
diff --git a/code-studio/ide/release-notes/v0.1.0.md b/code-studio/ide/release-notes/v0.1.0.md
index e270215..6d1b990 100644
--- a/code-studio/ide/release-notes/v0.1.0.md
+++ b/code-studio/ide/release-notes/v0.1.0.md
@@ -1,21 +1,21 @@
---
title: Release Notes v0.1.0
-Desciption: Initial release of Syncfusion Code Studio Agent Mode, introducing autonomous code analysis, editing, and execution features to enhance developer productivity.
+Desciption: Initial release of Syncfusion Code Agent Mode, introducing autonomous code analysis, editing, and execution features to enhance developer productivity.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
## What's New in v0.1.0
-- **Chat mode**: Interact with Syncfusion Code Studio using natural language to get code suggestions, explanations, and assistance in real time.
-- **Agent mode**: Enables Syncfusion Code Studio to autonomously analyze your codebase, plan and execute changes, and use tools to automate complex development tasks with minimal input.
+- **Chat mode**: Interact with Syncfusion Code using natural language to get code suggestions, explanations, and assistance in real time.
+- **Agent mode**: Enables Syncfusion Code to autonomously analyze your codebase, plan and execute changes, and use tools to automate complex development tasks with minimal input.
- **Edit mode**: Make targeted changes to your codebase with AI assistance, allowing you to review, accept, or modify suggestions before applying them.
- **Autocomplete**: Get intelligent code completions as you type, speeding up development and reducing errors.
-- **Tool integration**: Seamlessly integrates with your IDE and development tools, providing a unified workflow for searching, editing, and running commands directly from Syncfusion Code Studio.
+- **Tool integration**: Seamlessly integrates with your IDE and development tools, providing a unified workflow for searching, editing, and running commands directly from Syncfusion Code.
- **Reusable prompts**: Create and save custom prompt templates for common tasks, making it easy to reuse instructions and streamline your workflow.
- **Custom ruels & flow**: Define custom rules and workflows to automate repetitive tasks and enforce coding standards across your projects.
- **Syncfusion UI Builder**: Quickly generate and customize user interfaces with AI-powered suggestions, streamlining UI development within your projects.
-- **Multi Model**: Switch between different AI models to tailor Syncfusion Code Studio’s responses and capabilities to your needs.
+- **Multi Model**: Switch between different AI models to tailor Syncfusion Code’s responses and capabilities to your needs.
- **Codebase search**: Instantly search your entire codebase to find references, definitions, and relevant files, making navigation and understanding faster.
-- **MCP server integration**: Connect Syncfusion Code Studio with your Model Context Protocol (MCP) pull data fron anywhere.
+- **MCP server integration**: Connect Syncfusion Code with your Model Context Protocol (MCP) pull data fron anywhere.
- **Bug fixes and performance improvements**: Enhanced stability and reliability across all features for a smoother user experience.
diff --git a/code-studio/ide/release-notes/v0.2.0.md b/code-studio/ide/release-notes/v0.2.0.md
index ee88352..642755d 100644
--- a/code-studio/ide/release-notes/v0.2.0.md
+++ b/code-studio/ide/release-notes/v0.2.0.md
@@ -1,6 +1,6 @@
---
title: Release Notes v0.2.0
-Description: Enhanced Syncfusion Code Studio with new features including Check for Updates, Session Usage UI, Memory, Browser Use tool, and Checkpoints, along with various bug fixes and improvements.
+Description: Enhanced Syncfusion Code with new features including Check for Updates, Session Usage UI, Memory, Browser Use tool, and Checkpoints, along with various bug fixes and improvements.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
@@ -11,7 +11,7 @@ tocname: code-studio-ide-toc
- **Session Usage UI**: Now users can view the overall total input tokens, output tokens, and cost usage for all queries made within a session. This helps track overall cost usage and manage cost consumption more effectively during development.
- **Memory**: The Memory feature helps maintain continuity across sessions by allowing summaries from previous chats to be imported into the current conversation. This enables the AI to retain context, improving accuracy and efficiency, particularly during complex or ongoing tasks.
- **Browser Use tool**: Automate browser actions like launching, clicking, typing, scrolling, and closing with a Browser Interaction built-in tool, it also provides real-time screenshots and console logs, making web automation tasks more efficient.
-- **Checkpoints**: Syncfusion Code Studio now automatically saves the state of your workspace during key actions in Agent Mode, such as creating new files, replacing content in files, or executing terminal commands. This feature enables you to track modifications, review differences between states, and revert to any previously saved checkpoint, ensuring a robust and controlled development environment with enhanced reliability.
+- **Checkpoints**: Syncfusion Code now automatically saves the state of your workspace during key actions in Agent Mode, such as creating new files, replacing content in files, or executing terminal commands. This feature enables you to track modifications, review differences between states, and revert to any previously saved checkpoint, ensuring a robust and controlled development environment with enhanced reliability.
- **Tools Improvements**: Optimized system prompt for improved agent workflow and clearer responses. Replaced edit file tool with "replace in file" for efficient editing. Enhanced workspace issue handling by sending problems as context after each file edit.
- **Prompt files**: Added support for files, repo-map, and URL contexts in prompt files. Enabled tool usage and agent mode compatibility for prompt files to improve result accuracy.
- **Bug fixes and performance improvements**: Enhanced stability and reliability across all features for a smoother user experience.
diff --git a/code-studio/ide/release-notes/v1.0.0.md b/code-studio/ide/release-notes/v1.0.0.md
index 95d625f..6adbc10 100644
--- a/code-studio/ide/release-notes/v1.0.0.md
+++ b/code-studio/ide/release-notes/v1.0.0.md
@@ -1,16 +1,16 @@
---
title: Release Notes v1.0.0
-Description: Enhanced Syncfusion Code Studio with improved context usage UI, extension management, terminal, and various new features and bug fixes.
+Description: Enhanced Syncfusion Code with improved context usage UI, extension management, terminal, and various new features and bug fixes.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
## What's New in v1.0.0
-- **Code Studio built for enterprise:** Confidently scale AI development across your organization with centralized control, security, and visibility. For more details, please refer to our documentation on [enterprise server](/code-studio/enterprise-server/getting-started).
+- **Syncfusion Code built for enterprise:** Confidently scale AI development across your organization with centralized control, security, and visibility. For more details, please refer to our documentation on [enterprise server](/code-studio/enterprise-server/getting-started).
- **LLM connections & model management:** Connect to any provider with your own keys (BYO-key), manage models from one control plane, set access rules, and monitor usage with built-in analytics.
- **User & team management:** Invite users via SSO, organize them into teams, assign roles, set budgets and quotas, and track detailed usage per user and team.
- - **Resilient by design**: Define a fallback order, and Code Studio will automatically handle retries and failovers to keep development uninterrupted.
+ - **Resilient by design**: Define a fallback order, and Syncfusion Code will automatically handle retries and failovers to keep development uninterrupted.
- **Team & user budgets:** Set budgets for users and teams, receive alerts on threshold breaches, and view trends to manage costs proactively.
- **Analytics & observability dashboard:** Monitor token usage, costs, latency, and success rates in real-time with powerful filters and insights by team, user, or model.
@@ -29,7 +29,7 @@ tocname: code-studio-ide-toc
-- **MCP marketplace and custom servers:** A new MCP marketplace is now available, providing a centralized platform where users can easily discover, install, and connect MCP servers through an intuitive interface. Explore a wide range of available servers and set them up with just one click. Installation is fully automated and integrates directly with the Code Studio extension. Custom server support lets you effortlessly connect any custom MCP server, giving you greater flexibility and control when accessing servers within the Code Studio extension. For more details, refer to our documentation on the [MCP marketplace](/code-studio/reference/configure-properties/mcp/marketplace) and [custom servers](/code-studio/reference/configure-properties/mcp/customservers).
+- **MCP marketplace and custom servers:** A new MCP marketplace is now available, providing a centralized platform where users can easily discover, install, and connect MCP servers through an intuitive interface. Explore a wide range of available servers and set them up with just one click. Installation is fully automated and integrates directly with the Syncfusion Code extension. Custom server support lets you effortlessly connect any custom MCP server, giving you greater flexibility and control when accessing servers within the Syncfusion Code extension. For more details, refer to our documentation on the [MCP marketplace](/code-studio/reference/configure-properties/mcp/marketplace) and [custom servers](/code-studio/reference/configure-properties/mcp/customservers).
@@ -56,7 +56,7 @@ tocname: code-studio-ide-toc
- **Session spending warning:** A warning message is now displayed to users who exceed $5 in a single session, assisting in cost awareness and budget management.
-- **Feedback section:** A new feedback section is available under the help menu in the title bar, linking directly to the Syncfusion Code Studio feedback page.
+- **Feedback section:** A new feedback section is available under the help menu in the title bar, linking directly to the Syncfusion Code feedback page.
- **Image and agent mode support:** Introduced generic image handling and expanded agent mode compatibility for a more versatile workflow.
- **Generic new model support:** Introduced a new generic model support in the add chat model option in the user settings.
- **Tools improvements:** Tools have been updated for greater reliability and flexibility, including the run terminal tool, which now enables the move to background feature only for development commands (with clear tooltips for others), removes unnecessary visual clutter from the terminal output, and executes shell commands more reliably by running them as terminal code. Additional tool enhancements include better handling of multiple file creations, improved accuracy in file and directory listings, more precise searching and file reading, smarter change detection in diffs, and enhanced support for processing specific file ranges and handling malformed input. For more details, refer to our documentation on [tools](/code-studio/reference/configure-properties/toolssupport).
diff --git a/code-studio/ide/release-notes/v1.0.1.md b/code-studio/ide/release-notes/v1.0.1.md
index 7935bda..601d7bd 100644
--- a/code-studio/ide/release-notes/v1.0.1.md
+++ b/code-studio/ide/release-notes/v1.0.1.md
@@ -1,6 +1,6 @@
---
title: Release Notes v1.0.1
-Description: Introducing premium AI models, new pricing plans, credits management system, and improved model configuration options in Syncfusion Code Studio.
+Description: Introducing premium AI models, new pricing plans, credits management system, and improved model configuration options in Syncfusion Code.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
@@ -12,12 +12,12 @@ tocname: code-studio-ide-toc
## Improvements:
## Premium Models
-Use Premium AI Models Instantly – No Setup Needed! Experience the power of top-tier AI models right inside Code Studio Enterprise Server. No need to bring your own API keys — just recharge your credits and start using premium models like GPT-5, Claude, and Gemini instantly. Fast, reliable, and fully managed by Code Studio — so you can focus on building, not configuring.
+Use Premium AI Models Instantly – No Setup Needed! Experience the power of top-tier AI models right inside Syncfusion Code Enterprise Server. No need to bring your own API keys — just recharge your credits and start using premium models like GPT-5, Claude, and Gemini instantly. Fast, reliable, and fully managed by Syncfusion Code — so you can focus on building, not configuring.
## New Pricing Plans
-We've introduced new pricing tiers in Code Studio to provide flexibility for different user needs:
+We've introduced new pricing tiers in Syncfusion Code to provide flexibility for different user needs:
- **Free Plan** ($0/user/month): For individuals exploring the platform.
- **Basic Plan** ($20/user/month): For small teams starting with AI-powered development.
@@ -28,14 +28,14 @@ We've introduced new pricing tiers in Code Studio to provide flexibility for dif
## Credits Management
-We've added a new Credits option in Code Studio to help you easily manage your usage balance and top up credits directly from your account.
+We've added a new Credits option in Syncfusion Code to help you easily manage your usage balance and top up credits directly from your account.
**Key highlights**:
- View your remaining credits balance in real time.
- Add credits instantly with preset options ($50, $100, $500) or enter a custom amount.
- Payment history section to track all your past transactions and credit top-ups.
-This update makes it easier to monitor your credits and maintain uninterrupted access to Code Studio features.
+This update makes it easier to monitor your credits and maintain uninterrupted access to Syncfusion Code features.
@@ -51,7 +51,7 @@ Configure and manage default models for each operation type — Chat, Edit, Appl
-These updates make Code Studio's AI model configuration more flexible, consistent, and tailored to your workflow.
+These updates make Syncfusion Code's AI model configuration more flexible, consistent, and tailored to your workflow.
## Bug fixes:
### Azure Provider Deployment Issue:
diff --git a/code-studio/ide/release-notes/v1.0.2.md b/code-studio/ide/release-notes/v1.0.2.md
index 1784e0c..d5d69e7 100644
--- a/code-studio/ide/release-notes/v1.0.2.md
+++ b/code-studio/ide/release-notes/v1.0.2.md
@@ -1,6 +1,6 @@
---
title: Release Notes v1.0.2
-Description: Bug fixes for AI Assistant parsing, GPT-5 parameter handling, and improvements to Credit Token Usage API in Syncfusion Code Studio.
+Description: Bug fixes for AI Assistant parsing, GPT-5 parameter handling, and improvements to Credit Token Usage API in Syncfusion Code.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
diff --git a/code-studio/ide/release-notes/v1.0.3.md b/code-studio/ide/release-notes/v1.0.3.md
index 378bb41..2ebf1fe 100644
--- a/code-studio/ide/release-notes/v1.0.3.md
+++ b/code-studio/ide/release-notes/v1.0.3.md
@@ -1,6 +1,6 @@
---
title: Release Notes v1.0.3
-Description: This update to Code Studio introduces Global Agent Rules via AGENTS.md for lightweight, project-wide guidance, inline tool suggestions for faster access in chat, and a redesigned subscription popup with scenario-specific guidance.
+Description: This update to Syncfusion Code introduces Global Agent Rules via AGENTS.md for lightweight, project-wide guidance, inline tool suggestions for faster access in chat, and a redesigned subscription popup with scenario-specific guidance.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
# Improvements
## Global Agent Rules
-Global Agent Rules are now supported in Code Studio. Introduce them via a plain **AGENTS.md** Markdown file—simply drop it in your project root or subdirectories for easy, readable instructions that guide AI code generation and tasks. Unlike structured Project Rules, this lightweight approach requires no metadata or complex setup, making it ideal for maintaining consistent guidelines across your project without repeating context in every chat.
+Global Agent Rules are now supported in Syncfusion Code. Introduce them via a plain **AGENTS.md** Markdown file—simply drop it in your project root or subdirectories for easy, readable instructions that guide AI code generation and tasks. Unlike structured Project Rules, this lightweight approach requires no metadata or complex setup, making it ideal for maintaining consistent guidelines across your project without repeating context in every chat.
### Key Notes
- The total lines across all **AGENTS.md** files (including nested and root files) should be fewer than 500 to avoid context length issues.
@@ -25,5 +25,5 @@ We've supercharged your chat experience with inline tool suggestions: type `#` t
# Bug Fixes
- Fixed an issue where relevant controls were missing from UI Builder's Context Mode responses. The tool now intelligently selects and adds only the most fitting components, ensuring outputs remain focused, efficient, and aligned with your query for smoother UI builds.
-- Now you can select **Default BYOK model** from the dashboard's **Manage Default Settings**. This now flows through correctly, appearing as the default in the Code Studio Extension for a unified AI setup across your tools.
+- Now you can select **Default BYOK model** from the dashboard's **Manage Default Settings**. This now flows through correctly, appearing as the default in the Syncfusion Code Extension for a unified AI setup across your tools.
\ No newline at end of file
diff --git a/code-studio/ide/release-notes/v2.0.0.md b/code-studio/ide/release-notes/v2.0.0.md
index 885977a..c816b29 100644
--- a/code-studio/ide/release-notes/v2.0.0.md
+++ b/code-studio/ide/release-notes/v2.0.0.md
@@ -1,28 +1,28 @@
---
title: Release Notes v2.0.0
-Description: Code Studio with an intuitive UI and smarter AI-powered workflows. Packed with powerful features designed to help you code faster and with more clarity.
+Description: Syncfusion Code with an intuitive UI and smarter AI-powered workflows. Packed with powerful features designed to help you code faster and with more clarity.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
# What's New in v2.0.0
-We've completely revamped Code Studio with an intuitive UI and smarter AI-powered workflows. Packed with powerful features designed to help you code faster and with more clarity.
+We've completely revamped Syncfusion Code with an intuitive UI and smarter AI-powered workflows. Packed with powerful features designed to help you code faster and with more clarity.
## Breaking Changes
### Migration Update
-- **Authentication Reset:** After the auto-update to v2.0.0, existing authenticated accounts will be logged out due to session expiration. Reauthentication is required to continue using Code Studio Chat.
+- **Authentication Reset:** After the auto-update to v2.0.0, existing authenticated accounts will be logged out due to session expiration. Reauthentication is required to continue using Syncfusion Code Chat.
- **Conversation History:** Existing conversation sessions from previous versions are not accessible after migration.
- **Configuration Files:** Workspace rules, Agent rules files, prompt files, and previously installed MCP servers from prior versions are not accessible.
- **Session Tracking:** Session usage tracking is not currently displayed in this version.
### Model Configuration Changes
-- Removed Model Options: When adding BYOK models in the Code Studio dashboard, the Edit and Apply checkboxes have been removed. Only Chat and Autocomplete options are now available for model configuration.
+- Removed Model Options: When adding BYOK models in the Syncfusion Code dashboard, the Edit and Apply checkboxes have been removed. Only Chat and Autocomplete options are now available for model configuration.
## New Features
### Plan Mode
-The Code Studio IDE now introduces [Plan Mode](/code-studio/features/plan), a smarter way to start coding with confidence. Instead of jumping straight into implementation, Plan Mode helps you research tasks, outline requirements, and break work into clear steps. You'll receive a draft plan to review, edit, or approve—ensuring nothing changes in your code until you're ready. By beginning with a clear plan, you reduce mistakes, stay organized, and make complex projects easier to manage.
+The Syncfusion Code IDE now introduces [Plan Mode](/code-studio/features/plan), a smarter way to start coding with confidence. Instead of jumping straight into implementation, Plan Mode helps you research tasks, outline requirements, and break work into clear steps. You'll receive a draft plan to review, edit, or approve—ensuring nothing changes in your code until you're ready. By beginning with a clear plan, you reduce mistakes, stay organized, and make complex projects easier to manage.
@@ -47,7 +47,7 @@ Boost productivity with reusable prompt files for common development tasks. From
### Add Contexts
-Code Studio now introduces a redesigned [Add Context](/code-studio/features/add-context) experience that makes it simple to give the AI the right information. You can attach files, folders, problems, symbols, screenshots, or tools directly from the chat.
+Syncfusion Code now introduces a redesigned [Add Context](/code-studio/features/add-context) experience that makes it simple to give the AI the right information. You can attach files, folders, problems, symbols, screenshots, or tools directly from the chat.
- **One-click UI** – Use the Add Context button to attach relevant files or project elements.
- **Smarter responses** – The more context you provide, the more accurate and helpful the guidance becomes.
- **Flexible options** – Choose from files, folders, instructions, problems, symbols, screenshots, or tools depending on your need.
@@ -57,17 +57,17 @@ Code Studio now introduces a redesigned [Add Context](/code-studio/features/add-
## Improvements
### Redesigned Chat UI
-- The Code Studio chat interface has been refreshed with a new design, making interactions more intuitive and efficient.
+- The Syncfusion Code chat interface has been refreshed with a new design, making interactions more intuitive and efficient.
### Enhanced Tools Experience
-Code Studio now brings an upgraded [Tools](/code-studio/reference/configure-properties/toolssupport) experience with a cleaner interface and expanded capabilities. In addition to familiar actions like reading files, running terminal commands, and searching your workspace, the new version introduces smarter tools for executing code, managing todos, and delegating tasks to agents.
+Syncfusion Code now brings an upgraded [Tools](/code-studio/reference/configure-properties/toolssupport) experience with a cleaner interface and expanded capabilities. In addition to familiar actions like reading files, running terminal commands, and searching your workspace, the new version introduces smarter tools for executing code, managing todos, and delegating tasks to agents.
With this update, you can:
- **Execute** code directly from chat
- **Delegate tasks** to other agents for parallel workflows
- **Track todos** for better planning and follow-through
-- **Use Code Studio features** like UI builder,codestudioAPI and extensions
+- **Use Syncfusion Code features** like UI builder,codestudioAPI and extensions
- **Fetch web data** to enrich your coding context.
@@ -76,7 +76,7 @@ With this update, you can:
- Only the required context is passed to the AI model based on each request. This streamlines processing and significantly reduces token usage for major tasks, improving efficiency and performance.
### Redesigned User Settings
-The [User Settings](/code-studio/reference/configure-properties/usersettings) page has been redesigned to provide a more modern, consolidated interface that makes managing Code Studio simpler and more intuitive. The new UI brings everything together in one place with clear categories and instant changes.
+The [User Settings](/code-studio/reference/configure-properties/usersettings) page has been redesigned to provide a more modern, consolidated interface that makes managing Syncfusion Code simpler and more intuitive. The new UI brings everything together in one place with clear categories and instant changes.
**Categories**
- **Account** – Manage your account, subscriptions.
@@ -90,7 +90,7 @@ The [User Settings](/code-studio/reference/configure-properties/usersettings) pa
### Redesigned Checkpoints
-Code Studio now features a redesigned [Checkpoints](/code-studio/features/checkpoints) interface that makes tracking and managing workspace changes easier and more intuitive. Every time AI modifies your code through chat, a checkpoint is automatically created. You can view these checkpoints in a clean, timeline-style panel, restore any version with a single click, and even revise or undo specific chat instructions.
+Syncfusion Code now features a redesigned [Checkpoints](/code-studio/features/checkpoints) interface that makes tracking and managing workspace changes easier and more intuitive. Every time AI modifies your code through chat, a checkpoint is automatically created. You can view these checkpoints in a clean, timeline-style panel, restore any version with a single click, and even revise or undo specific chat instructions.
- One-click restore and redo – Instantly roll back or reapply changes.
diff --git a/code-studio/ide/release-notes/v2.0.2.md b/code-studio/ide/release-notes/v2.0.2.md
index 46aa07a..1f579e2 100644
--- a/code-studio/ide/release-notes/v2.0.2.md
+++ b/code-studio/ide/release-notes/v2.0.2.md
@@ -1,22 +1,22 @@
---
title: Release Notes v2.0.2
-Description: Code Studio with advanced agent customization and integrated browser. Packed with new features designed to help you build faster and deliver higher-quality outcomes.
+Description: Syncfusion Code with advanced agent customization and integrated browser. Packed with new features designed to help you build faster and deliver higher-quality outcomes.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
# What's New in v2.0.2
-We've enhanced Code Studio with powerful new agent customization capabilities, including Agent Skills, Agent Hooks, and an integrated browser experience. Each update is designed to help you build faster, enforce standards consistently, and deliver higher-quality outcomes.
+We've enhanced Syncfusion Code with powerful new agent customization capabilities, including Agent Skills, Agent Hooks, and an integrated browser experience. Each update is designed to help you build faster, enforce standards consistently, and deliver higher-quality outcomes.
## Breaking Changes
### Semantic Tool Removed
-Due to slow latency in semantic queries, the semantic tool has been fully removed from Code Studio.
+Due to slow latency in semantic queries, the semantic tool has been fully removed from Syncfusion Code.
### UI Builder Tool Removed
-The UI Builder tool has been removed from Code Studio.
+The UI Builder tool has been removed from Syncfusion Code.
### BYOK Removed
-- BYOK has been removed from the Code Studio Enterprise Server dashboard. It is supported only in the IDE chat view, not in the server dashboard.
+- BYOK has been removed from the Syncfusion Code Enterprise Server dashboard. It is supported only in the IDE chat view, not in the server dashboard.
- If BYOK is required in the future, it will be enabled only for the specific user who needs it.
### Add Existing User Removed
@@ -34,7 +34,7 @@ Agent Hooks execute custom shell commands at key lifecycle points during agent s
### Integrated Browser
-Browse web applications without leaving Code Studio. The new integrated browser overcomes limitations of the Simple Browser by providing full authentication support, DevTools, and seamless AI integration.
+Browse web applications without leaving Syncfusion Code. The new integrated browser overcomes limitations of the Simple Browser by providing full authentication support, DevTools, and seamless AI integration.
@@ -81,13 +81,13 @@ The **Manage Team Owners** feature allows administrators to assign selected team
### Dark Mode Support
-The **Dark Mode Support feature** in Code Studio Enterprise Server introduces a unified dark themed interface designed for developers and administrators who prefer working in low light or visually minimal environments. This theme applies consistently to Dashboard, User and Teams, Fallback Policy, Budget and Settings.
+The **Dark Mode Support feature** in Syncfusion Code Enterprise Server introduces a unified dark themed interface designed for developers and administrators who prefer working in low light or visually minimal environments. This theme applies consistently to Dashboard, User and Teams, Fallback Policy, Budget and Settings.
## Improvements
-### Code Studio Usage UI Update
-- Improved the Code Studio usage interface to display users' remaining credits for better tracking.
+### Syncfusion Code Usage UI Update
+- Improved the Syncfusion Code usage interface to display users' remaining credits for better tracking.
### Agent Status Indicator
- A new status indicator in the command center shows which sessions need attention, have unread responses, or are actively processing.
@@ -126,4 +126,4 @@ The **Dark Mode Support feature** in Code Studio Enterprise Server introduces a
- Fixed an issue where the Simple Browser's **Select an Element** feature could select elements outside the web page.
- Fixed the issue with configuring the maximum number input via the keyboard.
- Resolved the active tab issue on the Settings page.
-- Ensured Code Studio themes are properly applied across the Settings page and MCP sections.
+- Ensured Syncfusion Code themes are properly applied across the Settings page and MCP sections.
diff --git a/code-studio/ide/release-notes/v2.0.4.md b/code-studio/ide/release-notes/v2.0.4.md
index 38137c1..0be92da 100644
--- a/code-studio/ide/release-notes/v2.0.4.md
+++ b/code-studio/ide/release-notes/v2.0.4.md
@@ -1,16 +1,16 @@
---
title: Release Notes v2.0.4
-Description: Code Studio with Agent Plugins, Agentic Browser Tools, and Session Memory. Packed with new features designed to extend AI capabilities and streamline development workflows.
+Description: Syncfusion Code with Agent Plugins, Agentic Browser Tools, and Session Memory. Packed with new features designed to extend AI capabilities and streamline development workflows.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
# What's New in v2.0.4
-We've enhanced Code Studio with powerful new capabilities, including Agent Plugins, Agentic Browser Tools, and Session Memory. Each update is designed to extend AI-driven workflows, improve session continuity, and deliver more autonomous and flexible development experiences.
+We've enhanced Syncfusion Code with powerful new capabilities, including Agent Plugins, Agentic Browser Tools, and Session Memory. Each update is designed to extend AI-driven workflows, improve session continuity, and deliver more autonomous and flexible development experiences.
## Breaking Changes
### Context Providers Removed
-The following context providers have been removed from Code Studio:
+The following context providers have been removed from Syncfusion Code:
- `@Workspace`
- `@Workspace/explain`
- `@Workspace/fix`
@@ -20,13 +20,13 @@ The following context providers have been removed from Code Studio:
- `@Workspace/tests`
### Open Simple Browser Tool Removed
-The Open Simple Browser tool has been removed from Code Studio.
+The Open Simple Browser tool has been removed from Syncfusion Code.
### Codebase Removed
-The Codebase feature has been removed from Code Studio.
+The Codebase feature has been removed from Syncfusion Code.
### Generate Docs and Generate Tests Removed:
-Removed Generate Docs and Generate Tests features from Code Studio.
+Removed Generate Docs and Generate Tests features from Syncfusion Code.
## New Features
### Agent Plugins
@@ -63,8 +63,8 @@ A new permissions picker in the Chat view provides control over the level of aut
### Agent Scoped Hooks
Agent-scoped hooks can be defined directly in a custom agent's YAML front matter. These hooks run only when the specific agent is active and operate alongside workspace- or user-level hooks, enabling pre- and post-processing logic for individual agents.
-### Chat Experience in Code Studio
-- Code Studio now offers a unified Chat Experience with all customization options in a single tab (Agent Customizations), along with support for image and binary files and a built-in image carousel for viewing generated images.
+### Chat Experience in Syncfusion Code
+- Syncfusion Code now offers a unified Chat Experience with all customization options in a single tab (Agent Customizations), along with support for image and binary files and a built-in image carousel for viewing generated images.
@@ -75,24 +75,24 @@ Agent-scoped hooks can be defined directly in a custom agent's YAML front matter
### Terminal Tools Improvements
-Code Studio improves terminal interactions with a new send_to_terminal capability, enabling agents to send input to background processes and receive notifications, restoring interactivity for long-running and previously read-only tasks.
+Syncfusion Code improves terminal interactions with a new send_to_terminal capability, enabling agents to send input to background processes and receive notifications, restoring interactivity for long-running and previously read-only tasks.
### Copy Final Response in Chat
-Code Studio introduces a Copy Final Response feature, allowing developers to quickly copy the assistant’s complete output in one step, improving efficiency and reducing errors.
+Syncfusion Code introduces a Copy Final Response feature, allowing developers to quickly copy the assistant’s complete output in one step, improving efficiency and reducing errors.
### Troubleshoot Previous Chat Sessions
-Code Studio introduces a `/troubleshoot` command with `#session`, allowing you to analyze past chat sessions, identify issues, and debug behavior without needing to reproduce the problem.
+Syncfusion Code introduces a `/troubleshoot` command with `#session`, allowing you to analyze past chat sessions, identify issues, and debug behavior without needing to reproduce the problem.
### Chronicle
-Chronicle turns Code Studio activity into a searchable history, tracking chats, file changes, and references, with commands like `/chronicle:standup` for auto-generated reports and `/chronicle:tips` for usage recommendations.
+Chronicle turns Syncfusion Code activity into a searchable history, tracking chats, file changes, and references, with commands like `/chronicle:standup` for auto-generated reports and `/chronicle:tips` for usage recommendations.
## Bug Fixes
-- Fixed issue in Code Studio where users received no response when using the Claude models for longer-running prompts.Ensured chat reliably returns a response even when processing time is higher.
\ No newline at end of file
+- Fixed issue in Syncfusion Code where users received no response when using the Claude models for longer-running prompts.Ensured chat reliably returns a response even when processing time is higher.
\ No newline at end of file
diff --git a/code-studio/ide/release-notes/v2.0.5.md b/code-studio/ide/release-notes/v2.0.5.md
index f8d83d2..3f66b81 100644
--- a/code-studio/ide/release-notes/v2.0.5.md
+++ b/code-studio/ide/release-notes/v2.0.5.md
@@ -1,16 +1,16 @@
---
title: Release Notes v2.0.5
-Description: Code Studio with Project Manager, an AI-powered extension that orchestrates the software development lifecycle through stage-gated workflows, bundled domain-specific skills, and configurable quality gates. Includes authentication provider registration fixes for multi-window stability.
+Description: Syncfusion Code with Project Manager, an AI-powered extension that orchestrates the software development lifecycle through stage-gated workflows, bundled domain-specific skills, and configurable quality gates. Includes authentication provider registration fixes for multi-window stability.
platform: syncfusion-code-studio
tocname: code-studio-ide-toc
---
# What's New in v2.0.5
-Code Studio now includes **Project Manager**, a comprehensive, AI-powered extension that transforms how teams manage software development lifecycles. The project manager automates planning, code review, verification, and pre-launch preparation through intelligent workflow orchestration, bundled domain-specific skills, and configurable quality gates.
+Syncfusion Code now includes **Project Manager**, a comprehensive, AI-powered extension that transforms how teams manage software development lifecycles. The project manager automates planning, code review, verification, and pre-launch preparation through intelligent workflow orchestration, bundled domain-specific skills, and configurable quality gates.
-From early-stage planning through pre-launch readiness, teams can enforce consistent standards, accelerate reviews, and maintain visibility across the entire development pipeline—all through a dedicated panel UI in Code Studio.
+From early-stage planning through pre-launch readiness, teams can enforce consistent standards, accelerate reviews, and maintain visibility across the entire development pipeline—all through a dedicated panel UI in Syncfusion Code.
## New Features
### Project Manager
-The project manager brings intelligent SDLC orchestration to Code Studio through stage-gated workflows powered by AI agents. Choose from preset process levels — **Quick**, **Standard**, **Thorough**, or **Maximum** — to run your task through fixed stages: **Define**, **Plan**, **Build**, **Verify**, **Review**, and **Ship**. Each stage has configurable approval gates and domain-specific skills.
+The project manager brings intelligent SDLC orchestration to Syncfusion Code through stage-gated workflows powered by AI agents. Choose from preset process levels — **Quick**, **Standard**, **Thorough**, or **Maximum** — to run your task through fixed stages: **Define**, **Plan**, **Build**, **Verify**, **Review**, and **Ship**. Each stage has configurable approval gates and domain-specific skills.
The extension bundles 12 production-ready skills covering the entire development lifecycle, from spec-driven planning and test-driven development to code review, security hardening, and pre-launch checklists. Artifacts (specs, plans, reports, reviews) are saved as Markdown files in the workspace, creating a complete audit trail of decisions.
diff --git a/code-studio/ide/security.md b/code-studio/ide/security.md
index 232ff5a..a967710 100644
--- a/code-studio/ide/security.md
+++ b/code-studio/ide/security.md
@@ -1,20 +1,20 @@
---
-title: Security in Syncfusion Code Studio
-description: Learn about the key security considerations, risks, protections, and best practices when working with AI-assisted development in Syncfusion Code Studio.
+title: Security in Syncfusion Code
+description: Learn about the key security considerations, risks, protections, and best practices when working with AI-assisted development in Syncfusion Code.
platform: syncfusion-code-studio
keywords: security, code-studio-security, ai-security, mcp-security, auto-approval-risks, supply-chain-risks, prompt-injection, workspace-trust, permission-management, secure-development
tocname: code-studio-ide-toc
---
-# Code Studio Security
-This document provides a clear overview of the key security considerations when working with AI-assisted development in Code Studio. It explains the risks, built‑in protections, and best practices you should follow to stay safe while benefiting from AI‑powered workflows.
+# Syncfusion Code Security
+This document provides a clear overview of the key security considerations when working with AI-assisted development in Syncfusion Code. It explains the risks, built‑in protections, and best practices you should follow to stay safe while benefiting from AI‑powered workflows.
## Why Security Matters
AI agents in development tools can automate tasks, modify files, and run commands. While this greatly improves productivity, it also increases the risk of accidental or malicious actions. Understanding how these systems work—and the protections around them—helps you use them safely.
## Execution & Access Risks
-When you use AI agents in Code Studio, they can perform:
+When you use AI agents in Syncfusion Code, they can perform:
### File Operations
- Create, edit, or delete files in your workspace.
@@ -89,8 +89,8 @@ Malicious instructions hidden inside comments, files, or tool outputs can trick
- External data exploitation: Using untrusted web content to alter behavior.
## Built‑In Security Protections
-- Code Studio includes multiple safety layers to reduce the risk of harmful actions.
-- Code Studio does not use your workspace data, code, or context for model training.
+- Syncfusion Code includes multiple safety layers to reduce the risk of harmful actions.
+- Syncfusion Code does not use your workspace data, code, or context for model training.
## Trust Boundaries
- Workspace Trust: Restricts execution until you trust the folder.
@@ -136,4 +136,4 @@ Even with strong protections, you play a key role in staying secure.
- This disables agents and prevents prompt injection attacks.
## Summary
-AI-powered development is powerful but introduces new security challenges. Code Studio helps protect you with trust boundaries, controlled scope, permissions, transparency, and secret management. As a developer, staying alert, reviewing actions, and only enabling what you trust will help you maintain a safe and productive workflow.
+AI-powered development is powerful but introduces new security challenges. Syncfusion Code helps protect you with trust boundaries, controlled scope, permissions, transparency, and secret management. As a developer, staying alert, reviewing actions, and only enabling what you trust will help you maintain a safe and productive workflow.
diff --git a/code-studio/ide/troubleshoot/access-session-history-files.md b/code-studio/ide/troubleshoot/access-session-history-files.md
index f59f5af..7d791cd 100644
--- a/code-studio/ide/troubleshoot/access-session-history-files.md
+++ b/code-studio/ide/troubleshoot/access-session-history-files.md
@@ -1,20 +1,20 @@
---
-title: How to access session history files in Code Studio
-description: Explains how to access and manage session history in Code Studio v2.0.0+, including the unified sessions list.
+title: How to access session history files in Syncfusion Code
+description: Explains how to access and manage session history in Syncfusion Code v2.0.0+, including the unified sessions list.
platform: syncfusion-code-studio
-keywords: Syncfusion Code Studio, session history, workspace chats, show chats, sessions, troubleshoot
+keywords: Syncfusion Code, session history, workspace chats, show chats, sessions, troubleshoot
tocname: code-studio-ide-toc
---
-# How to access session history files in Code Studio
+# How to access session history files in Syncfusion Code
-This guide explains how to view and manage session history after upgrading to Code Studio v2.0.0+.
+This guide explains how to view and manage session history after upgrading to Syncfusion Code v2.0.0+.
## Problem Summary
-After upgrading to Code Studio v2.0.0+, chat sessions from earlier versions (before v2.0.0) may not appear in the session history.
+After upgrading to Syncfusion Code v2.0.0+, chat sessions from earlier versions (before v2.0.0) may not appear in the session history.
-> **Note:** Session history created prior to v2.0.0 cannot be migrated to the Code Studio v2.0.0+ session history. Refer to the [v2.0.0 release notes](/code-studio/release-notes/v2.0.0) for migration details.
+> **Note:** Session history created prior to v2.0.0 cannot be migrated to the Syncfusion Code v2.0.0+ session history. Refer to the [v2.0.0 release notes](/code-studio/release-notes/v2.0.0) for migration details.
## Accessing Session History
diff --git a/code-studio/ide/troubleshoot/enable-legacy-docs-indexing.md b/code-studio/ide/troubleshoot/enable-legacy-docs-indexing.md
index cd19381..f6d266d 100644
--- a/code-studio/ide/troubleshoot/enable-legacy-docs-indexing.md
+++ b/code-studio/ide/troubleshoot/enable-legacy-docs-indexing.md
@@ -8,7 +8,7 @@ tocname: code-studio-ide-toc
# How to Enable Legacy Docs Indexing Within the Updated Platform
## Problem Summary
-Starting with version **2.0.0**, Code Studio no longer uses the legacy **Docs Context Provider**. In earlier versions prior to 2.0.0, users could add documentation URLs through the **@** menu, which generated local embeddings for contextual responses. The latest release replaces this with the Realtime **Fetch Tool**, introducing a new approach to documentation indexing.
+Starting with version **2.0.0**, Syncfusion Code no longer uses the legacy **Docs Context Provider**. In earlier versions prior to 2.0.0, users could add documentation URLs through the **@** menu, which generated local embeddings for contextual responses. The latest release replaces this with the Realtime **Fetch Tool**, introducing a new approach to documentation indexing.
## Possible Causes
@@ -25,7 +25,7 @@ Starting with version **2.0.0**, Code Studio no longer uses the legacy **Docs Co
## Resolution Steps
-### Step 1 : Open the Code Studio Chat Interface
+### Step 1 : Open the Syncfusion Code Chat Interface
### Step 2 : Type `#fetch` Followed by a Valid URL
This triggers the Fetch Tool to pull content from the specified page.
diff --git a/code-studio/ide/troubleshoot/how-to-resolve-the-app-corruption.md b/code-studio/ide/troubleshoot/how-to-resolve-the-app-corruption.md
index a237063..9cf8332 100644
--- a/code-studio/ide/troubleshoot/how-to-resolve-the-app-corruption.md
+++ b/code-studio/ide/troubleshoot/how-to-resolve-the-app-corruption.md
@@ -1,5 +1,5 @@
---
-title: How to resolve Code Studio app corruption
+title: How to resolve Syncfusion Code app corruption
Description: Guide to fix application corruption on Windows and macOS.
platform: syncfusion-code-studio
keywords: cache, corruption, troubleshoot
@@ -8,13 +8,13 @@ tocname: code-studio-ide-toc
-# How to resolve Code Studio app corruption.
+# How to resolve Syncfusion Code app corruption.
-When Syncfusion Code Studio becomes corrupted or stops functioning correctly, a full reset of the application may be required. This guide explains how to completely remove Code Studio's program files and configuration data so you can reinstall with a clean state.
+When Syncfusion Code becomes corrupted or stops functioning correctly, a full reset of the application may be required. This guide explains how to completely remove Syncfusion Code's program files and configuration data so you can reinstall with a clean state.
## Problem Summary
-Application corruption can occur when essential Code Studio files—such as installation components, configuration data, or cache folders—become damaged or inconsistent. These issues may prevent the IDE from launching, updating, or functioning normally. This guide explains how to fully remove all relevant directories so that a clean reinstallation can rebuild fresh, working files and resolve corruption‑related problems.
+Application corruption can occur when essential Syncfusion Code files—such as installation components, configuration data, or cache folders—become damaged or inconsistent. These issues may prevent the IDE from launching, updating, or functioning normally. This guide explains how to fully remove all relevant directories so that a clean reinstallation can rebuild fresh, working files and resolve corruption‑related problems.
## Possible Causes
@@ -34,33 +34,33 @@ You need to delete the main application folders to completely resolve the issue.
#### Windows
-Delete the Syncfusion Code Studio folders at these locations:
+Delete the Syncfusion Code folders at these locations:
**Program Files:**
```
-C:\Program Files\Syncfusion Code Studio
+C:\Program Files\Syncfusion Code
```
**AppData Roaming:**
```
-C:\Users\YourName\AppData\Roaming\Syncfusion Code Studio
+C:\Users\YourName\AppData\Roaming\Syncfusion Code
```
#### macOS
-Delete the Syncfusion Code Studio folders at these locations:
+Delete the Syncfusion Code folders at these locations:
**Applications:**
```
-/Applications/Syncfusion Code Studio
+/Applications/Syncfusion Code
```
**Application Support:**
```
-/Users/YourName/Library/Application Support/Syncfusion Code Studio
+/Users/YourName/Library/Application Support/Syncfusion Code
```
@@ -71,7 +71,7 @@ Delete the Syncfusion Code Studio folders at these locations:
Once you've completed above step:
1. Restart your computer to ensure all files are properly released
-2. Reinstall Syncfusion Code Studio, refer to the [Syncfusion Code Studio Install and Configure](/code-studio/getting-started/install-and-configuration)
+2. Reinstall Syncfusion Code, refer to the [Syncfusion Code Install and Configure](/code-studio/getting-started/install-and-configuration)
3. Launch the application - it will create fresh configuration files and cache
diff --git a/code-studio/ide/troubleshoot/migrate-agent-files.md b/code-studio/ide/troubleshoot/migrate-agent-files.md
index 8e16b3e..9348807 100644
--- a/code-studio/ide/troubleshoot/migrate-agent-files.md
+++ b/code-studio/ide/troubleshoot/migrate-agent-files.md
@@ -1,17 +1,17 @@
---
title: How to Migrate Agent Files from v1.x.x to v2.0.0+
-Description: Explains how to migrate Agent files from Code Studio v1.x.x to v2.0.0 and later versions by renaming the Agent file to agents.md and enabling the required Agents settings.
+Description: Explains how to migrate Agent files from Syncfusion Code v1.x.x to v2.0.0 and later versions by renaming the Agent file to agents.md and enabling the required Agents settings.
platform: syncfusion-code-studio
-keywords: Syncfusion Code Studio, agent rules, Agent MD, agents.md, troubleshoot
+keywords: Syncfusion Code, agent rules, Agent MD, agents.md, troubleshoot
tocname: code-studio-ide-toc
---
# How to Migrate Agent Files from v1.x.x to v2.0.0+
-This guide explains how to migrate Agent files from Code Studio v1.x.x to v2.0.0 and later versions so they remain compatible with the updated settings.
+This guide explains how to migrate Agent files from Syncfusion Code v1.x.x to v2.0.0 and later versions so they remain compatible with the updated settings.
## Problem Summary
-After upgrading to Code Studio v2.0.0 and later versions, Agent rules may stop working unless you rename your Agent files and update the **Agents** settings.
+After upgrading to Syncfusion Code v2.0.0 and later versions, Agent rules may stop working unless you rename your Agent files and update the **Agents** settings.
> **Note:** Agent files from v1.x.x aren’t migrated automatically in v2.0.0+. To restore Agent rules, follow the resolution steps below. Refer to the [v2.0.0 release notes](/code-studio/release-notes/v2.0.0) for migration details.
diff --git a/code-studio/ide/troubleshoot/migrate-code-studio-rules-to-instructions.md b/code-studio/ide/troubleshoot/migrate-code-studio-rules-to-instructions.md
index b4d4dc2..5d7180d 100644
--- a/code-studio/ide/troubleshoot/migrate-code-studio-rules-to-instructions.md
+++ b/code-studio/ide/troubleshoot/migrate-code-studio-rules-to-instructions.md
@@ -1,27 +1,27 @@
---
-title: "How to Migrate Code Studio Rules to Instructions"
+title: "How to Migrate Syncfusion Code Rules to Instructions"
description: "Professional guide to migrate legacy rule configurations from config.yaml and .sfcoderules to Custom Instructions."
platform: syncfusion-code-studio
keywords: rules, custom-instructions, troubleshoot, code-studio
tocname: code-studio-ide-toc
---
-# How to Migrate Code Studio Rules to Instructions
+# How to Migrate Syncfusion Code Rules to Instructions
## Problem Summary
-In versions prior to 2.0.0, Code Studio stored rule configurations in two legacy formats: `config.yaml` and `.sfcoderules`. Starting from version 2.0.0, these formats are no longer supported. All rule definitions must now be migrated to the Custom Instructions file structure to ensure Code Studio continues applying them correctly.
+In versions prior to 2.0.0, Syncfusion Code stored rule configurations in two legacy formats: `config.yaml` and `.sfcoderules`. Starting from version 2.0.0, these formats are no longer supported. All rule definitions must now be migrated to the Custom Instructions file structure to ensure Syncfusion Code continues applying them correctly.
## Possible Causes
-- In earlier versions of Code Studio, rules were stored in legacy locations (`config.yaml` and `.sfcoderules`) and Code Studio automatically used them. Starting from version 2.0.0, these legacy files are no longer detected or processed.
+- In earlier versions of Syncfusion Code, rules were stored in legacy locations (`config.yaml` and `.sfcoderules`) and Syncfusion Code automatically used them. Starting from version 2.0.0, these legacy files are no longer detected or processed.
## Resolution Steps
### Step 1: Create a New Instruction File
-- Open Code Studio.
+- Open Syncfusion Code.
- Create a new instruction file following the [Custom Instructions](/code-studio/reference/configure-properties/custom-instructions)
-> Note: Custom Instructions are supported only in version 2.0.0 or later. If you are using an older version, please update to the latest version of Code Studio.
+> Note: Custom Instructions are supported only in version 2.0.0 or later. If you are using an older version, please update to the latest version of Syncfusion Code.
### Step 2: Migrate Existing Rules
@@ -75,7 +75,7 @@ C:\Users\
diff --git a/code-studio/ide/troubleshoot/resolve-uncaught-exception-error.md b/code-studio/ide/troubleshoot/resolve-uncaught-exception-error.md
index e5941b6..12a9b9a 100644
--- a/code-studio/ide/troubleshoot/resolve-uncaught-exception-error.md
+++ b/code-studio/ide/troubleshoot/resolve-uncaught-exception-error.md
@@ -1,25 +1,25 @@
---
-title: How to Resolve the Uncaught Exception Error During Code Studio AutoUpdate
-description: Guide to fix the Uncaught Exception error that occurs when Code Studio is launched during automatic updates. Includes quick fixes and clean reinstallation steps.
+title: How to Resolve the Uncaught Exception Error During Syncfusion Code AutoUpdate
+description: Guide to fix the Uncaught Exception error that occurs when Syncfusion Code is launched during automatic updates. Includes quick fixes and clean reinstallation steps.
platform: syncfusion-code-studio
keywords: uncaught exception, autoupdate, troubleshoot, update error
tocname: code-studio-ide-toc
---
-# How to Resolve the Uncaught Exception Error During Code Studio AutoUpdate
+# How to Resolve the Uncaught Exception Error During Syncfusion Code AutoUpdate
-This guide explains how to resolve the `Uncaught Exception` error that occurs when Code Studio is launched during its automatic update process.
+This guide explains how to resolve the `Uncaught Exception` error that occurs when Syncfusion Code is launched during its automatic update process.
## Problem Summary
-Users may encounter an `Uncaught Exception` error when Code Studio is launching during its automatic update process. This occurs if the application is opened before the update is fully completed, causing conflicts while essential files are still being modified. The issue can temporarily prevent Code Studio from starting and may require a simple wait-and-retry approach or a clean reinstallation if it persists.
+Users may encounter an `Uncaught Exception` error when Syncfusion Code is launching during its automatic update process. This occurs if the application is opened before the update is fully completed, causing conflicts while essential files are still being modified. The issue can temporarily prevent Syncfusion Code from starting and may require a simple wait-and-retry approach or a clean reinstallation if it persists.
## Possible Causes
- **Update In Progress**: The automatic update process is still replacing application files.
-- **Premature Launch**: Code Studio was opened before the update completed.
+- **Premature Launch**: Syncfusion Code was opened before the update completed.
- **File Conflicts**: Temporary file locks or conflicts occurred during file replacement.
## Resolution Steps
@@ -28,46 +28,46 @@ Users may encounter an `Uncaught Exception` error when Code Studio is launching
1. Close the error dialog.
2. Wait a few minutes for the automatic update to complete in the background.
-3. Relaunch Code Studio. It will start successfully with the latest version and automatically launch without requiring any user interaction.
+3. Relaunch Syncfusion Code. It will start successfully with the latest version and automatically launch without requiring any user interaction.
### If the Issue Persists (Clean Reinstallation)
-#### Step 1: Uninstall Code Studio
+#### Step 1: Uninstall Syncfusion Code
1. **Windows**:
- Open **Windows Settings** → **Apps**.
- - Find and select **Syncfusion Code Studio**.
+ - Find and select **Syncfusion Code**.
- Click **Uninstall** and follow the user prompts to remove the application.
- 
+
2. **macOS**:
- Open **Finder** → **Applications**.
- - Locate **Syncfusion Code Studio**.
+ - Locate **Syncfusion Code**.
- Open context menu and click **Move to Trash** or **Move to Bin** to remove the application.
-
+
-#### Step 2: Remove Code Studio Cache Files
+#### Step 2: Remove Syncfusion Code Cache Files
Delete cache and configuration folders to ensure a clean reinstallation. See [How to Resolve the App Corruption](/code-studio/troubleshoot/how-to-resolve-the-app-corruption) for detailed steps.
-#### Step 3: Reinstall Code Studio
+#### Step 3: Reinstall Syncfusion Code
-1. Reinstall Syncfusion Code Studio, refer to the [Syncfusion Code Studio Install and Configure](/code-studio/getting-started/install-and-configuration).
+1. Reinstall Syncfusion Code, refer to the [Syncfusion Code Install and Configure](/code-studio/getting-started/install-and-configuration).
2. Launch the application and verify it starts without errors.
## Verification
To confirm the issue is resolved:
-- Code Studio launches without the "Uncaught Exception" dialog.
+- Syncfusion Code launches without the "Uncaught Exception" dialog.
- The application shows the expected latest version in **Help** → **About** (after an update).
- Subsequent launches are successful without intermittent errors.
## Best Practices
-- **Avoid Interrupting Updates**: Do not open Code Studio while an update is in progress.
+- **Avoid Interrupting Updates**: Do not open Syncfusion Code while an update is in progress.
- **Allow Full Completion**: Let the update complete fully. The application typically relaunches automatically.
- **Maintain System Resources**: Ensure sufficient disk space and memory during update operations.
diff --git a/code-studio/ide/troubleshoot/review-gitdiff-changes.md b/code-studio/ide/troubleshoot/review-gitdiff-changes.md
index f6811c6..4fa2a7e 100644
--- a/code-studio/ide/troubleshoot/review-gitdiff-changes.md
+++ b/code-studio/ide/troubleshoot/review-gitdiff-changes.md
@@ -1,25 +1,25 @@
---
title: Review Git Diff Changes
-description: Guide on reviewing Git diff changes in Syncfusion Code Studio.
+description: Guide on reviewing Git diff changes in Syncfusion Code.
platform: syncfusion-code-studio
keywords: git diff, review changes, code studio, version control, ai assistance, code modifications
tocname: code-studio-ide-toc
---
-# Review Git Diff Changes in Code Studio
+# Review Git Diff Changes in Syncfusion Code
## Problem Summary
-After upgrading to Code Studio v2.0.0+, the method to review git diff changes has been updated. Previously(before v2.0.0), users could view uncommitted changes by typing **@Git Diff** in the chat box or using the **"Add context(+)"** button. In v2.0.0+, this functionality is now accessed by typing **#** in the chat input box and selecting `#changes` from the dropdown menu.
+After upgrading to Syncfusion Code v2.0.0+, the method to review git diff changes has been updated. Previously(before v2.0.0), users could view uncommitted changes by typing **@Git Diff** in the chat box or using the **"Add context(+)"** button. In v2.0.0+, this functionality is now accessed by typing **#** in the chat input box and selecting `#changes` from the dropdown menu.
## Resolution Steps
### Steps to Use #changes
-1. Make sure the desired project/workspace is open and active in Code Studio — preferably one that is connected to a GitHub repository. The `#changes` tool only shows modifications from the currently opened project.
+1. Make sure the desired project/workspace is open and active in Syncfusion Code — preferably one that is connected to a GitHub repository. The `#changes` tool only shows modifications from the currently opened project.
-2. Go to the chat panel in Code Studio where you interact with the AI assistant.
+2. Go to the chat panel in Syncfusion Code where you interact with the AI assistant.
3. In the chat input box type #, a dropdown menu will appear showing available options. From this dropdown, select `#changes`.
diff --git a/code-studio/ide/troubleshoot/use-codebase-search.md b/code-studio/ide/troubleshoot/use-codebase-search.md
index 4936002..6ece3d1 100644
--- a/code-studio/ide/troubleshoot/use-codebase-search.md
+++ b/code-studio/ide/troubleshoot/use-codebase-search.md
@@ -1,24 +1,24 @@
---
title: Codebase Search
-description: Guide on using Codebase Search in Syncfusion Code Studio.
+description: Guide on using Codebase Search in Syncfusion Code.
platform: syncfusion-code-studio
keywords: codebase search, search codebase, code exploration, project navigation, ai assistance, code understanding
tocname: code-studio-ide-toc
---
-# Codebase Search in Code Studio
+# Codebase Search in Syncfusion Code
## Problem Summary
-After upgrading to Code Studio v2.0.0+, the method to search your codebase has been updated. Previously(before v2.0.0), users could query or get context about their codebase by typing **@codebase** in the chat box or using the **"Add context"** button. In v2.0.0+, this functionality is now accessed by typing **#** in the chat input box and selecting `#codebase` from the dropdown menu.
+After upgrading to Syncfusion Code v2.0.0+, the method to search your codebase has been updated. Previously(before v2.0.0), users could query or get context about their codebase by typing **@codebase** in the chat box or using the **"Add context"** button. In v2.0.0+, this functionality is now accessed by typing **#** in the chat input box and selecting `#codebase` from the dropdown menu.
## Resolution Steps
### Steps to Use Codebase Search
-1. Ensure that your desired codebase is loaded and active in the Code Studio IDE. The tool only accesses the currently opened project.
+1. Ensure that your desired codebase is loaded and active in the Syncfusion Code IDE. The tool only accesses the currently opened project.
-2. Navigate to the chat panel within Code Studio where you can interact with the AI assistant.
+2. Navigate to the chat panel within Syncfusion Code where you can interact with the AI assistant.
3. In the chat input box type #, a dropdown menu will appear with available options. From this dropdown, select `#codebase`.
diff --git a/code-studio/ide/tutorials/accelerate-code-reviews.md b/code-studio/ide/tutorials/accelerate-code-reviews.md
index 8c7d076..57a085c 100644
--- a/code-studio/ide/tutorials/accelerate-code-reviews.md
+++ b/code-studio/ide/tutorials/accelerate-code-reviews.md
@@ -1,6 +1,6 @@
---
-title: Accelerating Code Reviews - Instant AI-Driven Insights with Code Studio
-description: Learn how to get instant, intelligent code reviews in Syncfusion Code Studio using Git diffs, custom review agents, and inline suggestions to catch bugs before they ship.
+title: Accelerating Code Reviews - Instant AI-Driven Insights with Syncfusion Code
+description: Learn how to get instant, intelligent code reviews in Syncfusion Code using Git diffs, custom review agents, and inline suggestions to catch bugs before they ship.
platform: syncfusion-code-studio
keywords: code-review, ai-review, custom-agents, git-diff, code-quality, bug-detection
tocname: code-studio-ide-toc
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
-# Accelerating Code Reviews: Instant AI-Driven Insights with Code Studio
+# Accelerating Code Reviews: Instant AI-Driven Insights with Syncfusion Code
## Overview
@@ -17,7 +17,7 @@ You've just finished implementing a complex feature across 15 files. The code wo
What if you could get instant, intelligent feedback before you even commit? What if you had an AI reviewer that remembers and enforces your team's coding standards automatically? That's exactly what we'll show you in this tutorial.
-In a few minutes, you'll learn three powerful ways to review your code instantly in Code Studio—catching bugs, security issues, and quality problems before they ever reach a pull request. No more waiting. No more bottlenecks.
+In a few minutes, you'll learn three powerful ways to review your code instantly in Syncfusion Code—catching bugs, security issues, and quality problems before they ever reach a pull request. No more waiting. No more bottlenecks.
## Prerequisites
@@ -36,7 +36,7 @@ By the end of this tutorial, you'll be able to:
## Key Concepts
-**#changes** — A special tool in Code Studio that shares your uncommitted Git changes with the AI so it can review everything you modified in one go.
+**#changes** — A special tool in Syncfusion Code that shares your uncommitted Git changes with the AI so it can review everything you modified in one go.
**Custom Review Agent** — A reusable, named reviewer you configure once to apply your team's security, performance, testing, and documentation rules consistently.
@@ -54,7 +54,7 @@ Before we can review changes, we need to make sure Git is tracking your code.
#### 2. If your project doesn't have Git yet:
-- Open your project in Code Studio
+- Open your project in Syncfusion Code
- Open the Terminal (Ctrl+` on Windows, Cmd+` on macOS)
- Type `git init` and press Enter
@@ -70,7 +70,7 @@ The `#changes` tool is like having a code reviewer look at your Git diff instant
1. Make some code changes if you haven't already. Edit a file, add a function, fix a bug—anything works for practice.
-2. Open the Chat panel in Code Studio (Ctrl+Shift+I on Windows, Cmd+Shift+I on macOS).
+2. Open the Chat panel in Syncfusion Code (Ctrl+Shift+I on Windows, Cmd+Shift+I on macOS).
3. Type `#` in the chat input field. A dropdown menu appears with available options.
diff --git a/code-studio/ide/tutorials/agentic-browser-tool.md b/code-studio/ide/tutorials/agentic-browser-tool.md
index 286ae7c..c542f07 100644
--- a/code-studio/ide/tutorials/agentic-browser-tool.md
+++ b/code-studio/ide/tutorials/agentic-browser-tool.md
@@ -19,7 +19,7 @@ Acting as a bridge between your code and a live browser, the agent can automatic
By the end of this tutorial, you will be able to:
- Understand how Agentic Browser Tools work
-- Enable and use browser tools in Code Studio
+- Enable and use browser tools in Syncfusion Code
- Build a web application using an AI agent
- Automatically test your application using the integrated browser
- Identify and fix issues based on real-time browser feedback
@@ -44,7 +44,7 @@ The agent can now use these tools to interact with, navigate, and perform action
### Step 2: Build a Calculator Using the Agent
-- Create and open a new project folder in Code Studio
+- Create and open a new project folder in Syncfusion Code
- Open the **Chat view**
- Request the agent to build a calculator app
diff --git a/code-studio/ide/tutorials/automating-software-testing-with-testcases.md b/code-studio/ide/tutorials/automating-software-testing-with-testcases.md
index 2c84866..55d7979 100644
--- a/code-studio/ide/tutorials/automating-software-testing-with-testcases.md
+++ b/code-studio/ide/tutorials/automating-software-testing-with-testcases.md
@@ -1,6 +1,6 @@
---
title: Automating software testing without writing test cases manually in CodeStudio
-description: Learn how to generate unit and integration tests in Code Studio using a custom agent.
+description: Learn how to generate unit and integration tests in Syncfusion Code using a custom agent.
platform: syncfusion-code-studio
keywords: testing, test-generation, automation, code-studio, custom-agent, unit-tests, integration-tests, prompts
tocname: code-studio-ide-toc
@@ -41,7 +41,7 @@ Create a Custom Agent named Software Testing Agent in CodeStudio to automate tes
> **Note**: Selecting the User Data option will create the Custom Agent, and the agent file will be saved inside this location and made available as a custom agent in the Modes dropdown.
>
-> `C:\Users\Your_UserName\AppData\Roaming\Syncfusion Code Studio\User\prompts`
+> `C:\Users\Your_UserName\AppData\Roaming\Syncfusion Code\User\prompts`
**Step 4:** Give the name for your Custom Agent. We are naming the custom agent as **test-generator** and click Enter.
diff --git a/code-studio/ide/tutorials/autopilot-and-agent-permission.md b/code-studio/ide/tutorials/autopilot-and-agent-permission.md
index be13f79..8c95d67 100644
--- a/code-studio/ide/tutorials/autopilot-and-agent-permission.md
+++ b/code-studio/ide/tutorials/autopilot-and-agent-permission.md
@@ -9,7 +9,7 @@ tocname: code-studio-ide-toc
## Overview
-Code Studio's Autopilot and Agent Permissions feature gives you precise control over how independently an AI agent operates within a chat session. Instead of manually approving every action, you can choose a permission level that matches your task complexity and comfort level—whether you need step-by-step oversight, faster execution without interruption, or fully autonomous operation.
+Syncfusion Code's Autopilot and Agent Permissions feature gives you precise control over how independently an AI agent operates within a chat session. Instead of manually approving every action, you can choose a permission level that matches your task complexity and comfort level—whether you need step-by-step oversight, faster execution without interruption, or fully autonomous operation.
**Key Benefit:** Use Autopilot for complex, time-consuming tasks while maintaining full transparency and the ability to interrupt at any moment.
@@ -32,7 +32,7 @@ By the end of this tutorial, you will be able to:
### Step 1: Understand the Three Permission Levels
-Code Studio provides three permission levels, each balancing automation with control. Choose based on your task type and risk tolerance.
+Syncfusion Code provides three permission levels, each balancing automation with control. Choose based on your task type and risk tolerance.
#### 1. Default Approvals (Safest - Recommended for New Users)
@@ -82,7 +82,7 @@ Code Studio provides three permission levels, each balancing automation with con
### Step 2: Access and Change Permission Levels
-- Open the Chat view in Code Studio and find the permissions dropdown at the Chat below, you will see the current permission level displayed.
+- Open the Chat view in Syncfusion Code and find the permissions dropdown at the Chat below, you will see the current permission level displayed.
diff --git a/code-studio/ide/tutorials/compare-ai-models.md b/code-studio/ide/tutorials/compare-ai-models.md
index 5a9b0b2..357e4c6 100644
--- a/code-studio/ide/tutorials/compare-ai-models.md
+++ b/code-studio/ide/tutorials/compare-ai-models.md
@@ -1,6 +1,6 @@
---
title: Compare AI models for different tasks
-description: Compare AI models in Syncfusion Code Studio and learn when to use Claude, Gemini, and GPT families for coding, debugging, refactoring, and fast iterations with examples.
+description: Compare AI models in Syncfusion Code and learn when to use Claude, Gemini, and GPT families for coding, debugging, refactoring, and fast iterations with examples.
platform: syncfusion-code-studio
keywords: "compare-ai-models, choose-model, claude-haiku-4.5, claude-sonnet-4.5, gemini-2.5-flash, gemini-2.5-pro, gemini-3-flash, gpt-4.1, gpt-5, gpt-5-mini, gpt-5.1-codex, gpt-5.2, code-generation, debugging, refactoring, reasoning, low-latency"
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Each AI model available in Code Studio has distinct strengths. To help you decide which model to use, this tutorial provides real-world examples of common developer tasks along with sample prompts, expected responses, and guidance on why a particular model is a good fit.
+Each AI model available in Syncfusion Code has distinct strengths. To help you decide which model to use, this tutorial provides real-world examples of common developer tasks along with sample prompts, expected responses, and guidance on why a particular model is a good fit.
These examples illustrate how models differ in their reasoning style, response depth, and ability to handle various input types. Use them to compare output quality and choose the right model for your specific workflow.
@@ -22,7 +22,7 @@ For a full list of supported models and side-by-side feature comparisons, see th
By the end of this tutorial, you will be able to:
-- Identify the strengths and optimal use cases for each AI model in Code Studio
+- Identify the strengths and optimal use cases for each AI model in Syncfusion Code
- Choose the right model based on task complexity, latency needs, and reasoning requirements
- Apply model selection strategies to real development scenarios
- Recognize when to switch models mid-task for better results
@@ -32,7 +32,7 @@ No prior AI expertise is required. This tutorial focuses on practical decision-m
## Model Capabilities with Examples
-Below are the AI models available in Code Studio, explained through realistic tasks, example prompts, and expected results. Each section explains **why** a particular model fits a specific task type.
+Below are the AI models available in Syncfusion Code, explained through realistic tasks, example prompts, and expected results. Each section explains **why** a particular model fits a specific task type.
### Claude Haiku 4.5
diff --git a/code-studio/ide/tutorials/context-aware-prompt-optimization.md b/code-studio/ide/tutorials/context-aware-prompt-optimization.md
index cba6473..8ab47d6 100644
--- a/code-studio/ide/tutorials/context-aware-prompt-optimization.md
+++ b/code-studio/ide/tutorials/context-aware-prompt-optimization.md
@@ -1,12 +1,12 @@
---
-title: Ensuring Consistent AI Responses with Context Aware Prompt Optimization in Code Studio
-description: Learn to write context-aware prompts that produce consistent, reliable AI responses using Syncfusion Code Studio.
+title: Ensuring Consistent AI Responses with Context Aware Prompt Optimization in Syncfusion Code
+description: Learn to write context-aware prompts that produce consistent, reliable AI responses using Syncfusion Code.
platform: syncfusion-code-studio
keywords: context-aware-prompting, bug-fixing, prompt-optimization, code-studio-prompts, prompt-engineering, code-generation
tocname: code-studio-ide-toc
---
-# Ensuring Consistent AI Responses with Context Aware Prompt Optimization in Code Studio
+# Ensuring Consistent AI Responses with Context Aware Prompt Optimization in Syncfusion Code
## Overview
@@ -22,7 +22,7 @@ In this tutorial, you will see how vague prompts cause problems and how adding c
Before beginning, ensure:
-- You have a workspace or project folder opened in Code Studio where you can create files.
+- You have a workspace or project folder opened in Syncfusion Code where you can create files.
- Node.js is installed on your system. You can download it from [nodejs.org](https://nodejs.org/).
@@ -49,7 +49,7 @@ By the end of this tutorial, you'll be able to:
This step creates a JavaScript file with a broken price calculation function so you can observe the bugs before applying a fix.
-1. **Create a new file in Code Studio:**
+1. **Create a new file in Syncfusion Code:**
- **Option 1 - Using Menu:** Click `File` in the top menu bar, then select `New File` from the dropdown menu.
- **Option 2 - Using Keyboard Shortcut:** Press `Ctrl+N` (Windows/Linux) or `Cmd+N` (Mac) to create a new file.
- After the new file opens, press `Ctrl+S` (Windows/Linux) or `Cmd+S` (Mac) to save it.
@@ -92,7 +92,7 @@ This step demonstrates why vague prompts produce inconsistent results, then show
**Why vague prompts fail:** Submit the prompt `Fix this function` to the chat and observe the results across two separate attempts.
-
+
**Attempt 1 result:**
@@ -104,7 +104,7 @@ The AI produced two different answers because the prompt did not specify which b
Now use a structured prompt to get a consistent result.
-1. Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Code Studio icon to the left of the centered search box.
+1. Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Syncfusion Code icon to the left of the centered search box.
2. **Highlight the buggy function** - Select the entire `calculateFinalPrice` function in your `priceCalculator.js` file
@@ -139,7 +139,7 @@ EXPECTED BEHAVIOR:
4. Select the entire `calculateFinalPrice` function in your `priceCalculator.js` file, then send the prompt.
-
+
diff --git a/code-studio/ide/tutorials/enhance-security-with-hooks.md b/code-studio/ide/tutorials/enhance-security-with-hooks.md
index b787719..fda4aa2 100644
--- a/code-studio/ide/tutorials/enhance-security-with-hooks.md
+++ b/code-studio/ide/tutorials/enhance-security-with-hooks.md
@@ -1,16 +1,16 @@
---
-title: Enhancing Security Reviews and Code Quality with Automated Hooks in Code Studio
-description: Configure hooks in Syncfusion Code Studio to block unsafe tool calls, protect env files, and enforce security rules during AI-assisted development.
+title: Enhancing Security Reviews and Code Quality with Automated Hooks in Syncfusion Code
+description: Configure hooks in Syncfusion Code to block unsafe tool calls, protect env files, and enforce security rules during AI-assisted development.
platform: syncfusion-code-studio
keywords: hooks, security, code-quality, pre-tool-use, env-files, automation, agent-mode
tocname: code-studio-ide-toc
---
-# Enhancing Security Reviews and Code Quality with Automated Hooks in Code Studio
+# Enhancing Security Reviews and Code Quality with Automated Hooks in Syncfusion Code
## Overview
-AI agents in Syncfusion Code Studio can read files, run tools, and generate code on your behalf. Without guardrails, an agent might accidentally:
+AI agents in Syncfusion Code can read files, run tools, and generate code on your behalf. Without guardrails, an agent might accidentally:
- Read sensitive files such as `.env` or credential files.
- Run risky shell commands.
@@ -32,7 +32,7 @@ In this tutorial, you'll configure a **Pre-Tool Use** hook that blocks any tool
By the end of this tutorial, you will be able to:
-- Enable and configure **Hooks** in Code Studio.
+- Enable and configure **Hooks** in Syncfusion Code.
- Create a **Pre-Tool Use** hook that inspects tool requests before they run.
- Block attempts to read `.env` (and other sensitive files) from AI tools.
- Provide clear feedback to the user when a request is blocked.
@@ -42,16 +42,16 @@ By the end of this tutorial, you will be able to:
## Key Concepts
**Hook**
-A small script that Code Studio calls at specific points in the agent workflow. Hooks let you intercept, inspect, and optionally block agent actions before they execute.
+A small script that Syncfusion Code calls at specific points in the agent workflow. Hooks let you intercept, inspect, and optionally block agent actions before they execute.
**Pre-Tool Use event**
-A hook lifecycle event that fires *before* any tool call runs. Your script receives details about the upcoming call and returns a decision (allow or deny) before Code Studio proceeds.
+A hook lifecycle event that fires *before* any tool call runs. Your script receives details about the upcoming call and returns a decision (allow or deny) before Syncfusion Code proceeds.
**permissionDecision**
-The field in your hook's JSON (JavaScript Object Notation) output that tells Code Studio whether to allow or deny a tool call. Supported values are `"allow"` and `"deny"`.
+The field in your hook's JSON (JavaScript Object Notation) output that tells Syncfusion Code whether to allow or deny a tool call. Supported values are `"allow"` and `"deny"`.
**stdin / stdout**
-Standard input and standard output streams. Code Studio passes tool-call details to your hook script via stdin and reads your hook's decision from stdout.
+Standard input and standard output streams. Syncfusion Code passes tool-call details to your hook script via stdin and reads your hook's decision from stdout.
## Steps to Enhance Security with Hooks
@@ -173,13 +173,13 @@ Next, you will create a hook that runs **before** any tool is executed.
-4. Choose where to store the hook files. Select or enter the folder path `./.codestudio/hooks/` so Code Studio places hook scripts and configuration in the project-scoped hooks directory.
+4. Choose where to store the hook files. Select or enter the folder path `./.codestudio/hooks/` so Syncfusion Code places hook scripts and configuration in the project-scoped hooks directory.
5. Enter a descriptive name for your hook, such as **BlockEnvFileAccess**.
-6. Code Studio scaffolds the necessary hook configuration, typically under a folder such as `.codestudio/hooks/`.
+6. Syncfusion Code scaffolds the necessary hook configuration, typically under a folder such as `.codestudio/hooks/`.
> **Note:** The exact filename and folder may differ slightly depending on your configuration, but the file will be associated with the **Pre-Tool Use** event you selected.
@@ -188,7 +188,7 @@ Next, you will create a hook that runs **before** any tool is executed.
Now wire the Pre-Tool Use event to your PowerShell script using the hooks configuration.
-1. Open your Code Studio hooks configuration file (for example, `.codestudio/hooks/BlockEnvFileAccess.json`).
+1. Open your Syncfusion Code hooks configuration file (for example, `.codestudio/hooks/BlockEnvFileAccess.json`).
2. Under the `hooks` section, add or update a **Pre-Tool Use** entry similar to the following:
```json
@@ -209,7 +209,7 @@ Now wire the Pre-Tool Use event to your PowerShell script using the hooks config
#### What This Configuration Does
-- `type: "command"` tells Code Studio to run a shell command when the **Pre-Tool Use** event fires.
+- `type: "command"` tells Syncfusion Code to run a shell command when the **Pre-Tool Use** event fires.
- `command` runs your PowerShell script (`BlockEnvFileAccess.ps1`) with `ExecutionPolicy Bypass` so it can execute even if your system has a more restrictive default policy.
- `timeout: 10` limits the hook to 10 seconds; increase this if your script needs more time.
@@ -217,9 +217,9 @@ Now wire the Pre-Tool Use event to your PowerShell script using the hooks config
### Step 4: Review the Hook Input and Output Format
-Review the JSON structures that Code Studio sends to and expects from your hook script before running a live test.
+Review the JSON structures that Syncfusion Code sends to and expects from your hook script before running a live test.
-When a tool is about to run (for example, a file read or search), Code Studio:
+When a tool is about to run (for example, a file read or search), Syncfusion Code:
1. Collects details about the upcoming tool call, such as:
- Tool name (for example, `read/readFile` or `search/fileSearch`).
diff --git a/code-studio/ide/tutorials/fix-documentation-gaps-using-custom-agent.md b/code-studio/ide/tutorials/fix-documentation-gaps-using-custom-agent.md
index 946caa6..4d2feb8 100644
--- a/code-studio/ide/tutorials/fix-documentation-gaps-using-custom-agent.md
+++ b/code-studio/ide/tutorials/fix-documentation-gaps-using-custom-agent.md
@@ -1,6 +1,6 @@
---
title: Fixing Documentation Gaps How AI Generates Accurate Developer Documentation Instantly
-description: Learn how to use a custom Codebase Documenter agent in Syncfusion Code Studio to generate clear, beginner-friendly documentation for any codebase.
+description: Learn how to use a custom Codebase Documenter agent in Syncfusion Code to generate clear, beginner-friendly documentation for any codebase.
platform: syncfusion-code-studio
keywords: documentation, custom-agent, codebase-docs, ai-documentation, code-studio, knowledge-sharing
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Many teams have at least one project that nobody wants to touch because **the code is complex and the documentation is out of date—or missing entirely**. This tutorial shows you how to use a **Codebase Documenter** custom agent in Syncfusion Code Studio to turn that kind of codebase into clear, beginner-friendly documentation.
+Many teams have at least one project that nobody wants to touch because **the code is complex and the documentation is out of date—or missing entirely**. This tutorial shows you how to use a **Codebase Documenter** custom agent in Syncfusion Code to turn that kind of codebase into clear, beginner-friendly documentation.
Instead of manually writing long README files and architecture notes, you will:
@@ -41,7 +41,7 @@ By the end of this tutorial, you will be able to:
## Key Concepts
**.agent.md file**
-A Markdown-based configuration file that defines a custom agent's identity, behavior, tools, and workflow instructions. Code Studio reads these files from the `.codestudio/agents/` folder and makes the agents they describe available in the Chat Panel.
+A Markdown-based configuration file that defines a custom agent's identity, behavior, tools, and workflow instructions. Syncfusion Code reads these files from the `.codestudio/agents/` folder and makes the agents they describe available in the Chat Panel.
**Codebase Documenter**
A named custom agent pre-configured to analyze a codebase and produce beginner-friendly documentation. Its behavior is defined in `Codebase-Documenter.agent.md` and can be customized for any project structure or documentation style.
@@ -52,7 +52,7 @@ A named custom agent pre-configured to analyze a codebase and produce beginner-f
In this step, you will create the configuration file that turns a generic model into a documentation-focused **Codebase Documenter** agent.
-1. Open your project folder in Code Studio (`Ctrl+K Ctrl+O` (Windows/Linux) or `Cmd+K Cmd+O` (Mac)), or clone the repository and open the folder in Code Studio. For this tutorial, we use the example project [ej2-showcase-react-loan-calculator](https://github.com/syncfusion/ej2-showcase-react-loan-calculator.git).
+1. Open your project folder in Syncfusion Code (`Ctrl+K Ctrl+O` (Windows/Linux) or `Cmd+K Cmd+O` (Mac)), or clone the repository and open the folder in Syncfusion Code. For this tutorial, we use the example project [ej2-showcase-react-loan-calculator](https://github.com/syncfusion/ej2-showcase-react-loan-calculator.git).
2. **Create the agent configuration folder (if it does not exist):**
- In the **Explorer** (`Ctrl+Shift+E` (Windows/Linux) or `Cmd+Shift+E` (Mac)), create a folder named `.codestudio` at the root of your project.
@@ -81,7 +81,7 @@ This step is optional but recommended — tune the agent so it matches your proj
- `name` – for example, “Codebase Documenter”.
- `argument-hint` – explain what inputs the agent expects (for example, “Specify a GitHub URL, local directory path, or ask to document the current workspace”).
2. **Confirm the model and tools:**
- - Ensure the `model` is set to your preferred model in Code Studio.
+ - Ensure the `model` is set to your preferred model in Syncfusion Code.
- Check that the required tools for reading files, searching the codebase, and creating docs are listed (for example, `read/readFile`, `search/fileSearch`, `edit/createFile`).
3. **Skim the workflow instructions inside the file:**
- Make sure they:
@@ -100,7 +100,7 @@ Think of this file as the “job description” for your documentation agent. Th
Now that the agent is defined in your project, you can start using it from the **Chat Panel**.
-1. Open the **Chat Panel** in Code Studio (`Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac)).
+1. Open the **Chat Panel** in Syncfusion Code (`Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac)).
2. **Select the Codebase Documenter agent:**
- Click the **Agent** dropdown at the bottom of the **Chat Panel**.
@@ -119,7 +119,7 @@ Now that the agent is defined in your project, you can start using it from the *
With the agent selected, you can now ask it to analyze your project and generate documentation.
1. **Choose your scope:**
- - If your project is already open in Code Studio and you want docs for everything, you can target the **current workspace**.
+ - If your project is already open in Syncfusion Code and you want docs for everything, you can target the **current workspace**.
- If you want to focus on a subfolder (for example, `src/`), mention that explicitly in your request.
2. **Send a focused initial request in Chat, for example:**
```text
diff --git a/code-studio/ide/tutorials/fixing-bugs-with-ai.md b/code-studio/ide/tutorials/fixing-bugs-with-ai.md
index f9f8352..3f93523 100644
--- a/code-studio/ide/tutorials/fixing-bugs-with-ai.md
+++ b/code-studio/ide/tutorials/fixing-bugs-with-ai.md
@@ -1,18 +1,18 @@
---
-title: Fixing Bugs in Seconds Smart Error Resolution with Syncfusion Code Studio AI
-description: Learn how Syncfusion Code Studio AI instantly identifies and resolves errors, helping developers fix bugs in seconds with AI-powered quick fixes and smart debugging.
+title: Fixing Bugs in Seconds Smart Error Resolution with Syncfusion Code AI
+description: Learn how Syncfusion Code AI instantly identifies and resolves errors, helping developers fix bugs in seconds with AI-powered quick fixes and smart debugging.
platform: syncfusion-code-studio
keywords: bug-fixing, error-resolution, quick-fix, problems-panel, context, agent-mode, attachment
tocname: code-studio-ide-toc
---
-# Fixing Bugs in Seconds: Smart Error Resolution with Syncfusion Code Studio AI
+# Fixing Bugs in Seconds: Smart Error Resolution with Syncfusion Code AI
## Overview
-Tracking down a bug can take significant time, especially when the root cause is a simple typo, a missing import, or a type mismatch buried across multiple files. Code Studio AI helps you identify and resolve these errors quickly by surfacing AI-powered fixes directly in your editor.
+Tracking down a bug can take significant time, especially when the root cause is a simple typo, a missing import, or a type mismatch buried across multiple files. Syncfusion Code AI helps you identify and resolve these errors quickly by surfacing AI-powered fixes directly in your editor.
-This tutorial walks you through three approaches to fixing bugs with Code Studio AI: using hover quick fixes for single errors, sending problems from the **Problems panel** as context to the AI agent, and attaching files so the AI understands your broader codebase before suggesting a fix.
+This tutorial walks you through three approaches to fixing bugs with Syncfusion Code AI: using hover quick fixes for single errors, sending problems from the **Problems panel** as context to the AI agent, and attaching files so the AI understands your broader codebase before suggesting a fix.
@@ -32,9 +32,9 @@ By the end of this tutorial, you'll be able to:
Use this approach when you have a single, isolated error to resolve.
-1. Open your project which has errors in Code Studio.
+1. Open your project which has errors in Syncfusion Code.
-2. Move your mouse cursor over any red underlined error in your code. Code Studio AI displays the following options:
+2. Move your mouse cursor over any red underlined error in your code. Syncfusion Code AI displays the following options:
- **Quick Fix** — Apply an immediate fix for the specific error.
- **Fix** — Get a detailed AI-generated solution.
- **View Problem** — See the error details in the **Problems panel**.
@@ -49,7 +49,7 @@ The AI analyzes your code, understands the context, and applies the fix.
Use this approach when you have multiple errors and want to send specific problems to the AI as context.
-1. Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Code Studio icon to the left of the centered search box. Then click **+** at the bottom of the chat window:
+1. Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Syncfusion Code icon to the left of the centered search box. Then click **+** at the bottom of the chat window:
diff --git a/code-studio/ide/tutorials/fork-chat-session.md b/code-studio/ide/tutorials/fork-chat-session.md
index cc220d8..13f26f9 100644
--- a/code-studio/ide/tutorials/fork-chat-session.md
+++ b/code-studio/ide/tutorials/fork-chat-session.md
@@ -1,5 +1,5 @@
---
-title: Fork Chat Sessions to Explore Multiple Solutions in Syncfusion Code Studio
+title: Fork Chat Sessions to Explore Multiple Solutions in Syncfusion Code
description: Learn how to create independent conversation branches from your existing chat sessions, enabling parallel exploration of different solutions without losing your original context.
platform: syncfusion-code-studio
keywords: code, IDE, AI, developer-tools, syncfusion, code-assistance, productivity, chat, fork, session, conversation, branch, history, checkpoint, alternative-approaches, parallel-development
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-When working on complex problems, you often need to explore multiple approaches simultaneously without losing your progress. Forking a chat session in Syncfusion Code Studio allows you to create independent conversation branches from an existing session, each maintaining its own history and context.
+When working on complex problems, you often need to explore multiple approaches simultaneously without losing your progress. Forking a chat session in Syncfusion Code allows you to create independent conversation branches from an existing session, each maintaining its own history and context.
This tutorial shows you how to fork chat sessions to experiment with different solutions, test alternative implementations, or explore "what if" scenarios while preserving your original conversation. You'll learn when to fork entire sessions versus forking from specific checkpoints, and how to leverage this capability for more productive development workflows.
@@ -23,7 +23,7 @@ By the end of this tutorial, you'll be able to:
## Steps to Fork a Chat Session
-Code Studio provides two flexible ways to fork a chat session. Use Method 1 to fork the entire conversation, or use Method 2 to branch from a specific point in your chat history.
+Syncfusion Code provides two flexible ways to fork a chat session. Use Method 1 to fork the entire conversation, or use Method 2 to branch from a specific point in your chat history.
### Method 1: Fork the Entire Session
@@ -33,7 +33,7 @@ Use this method when you want to explore a completely different approach while p
-**Step 2**: Code Studio creates a new chat session that includes all previous messages and context from the original session.
+**Step 2**: Syncfusion Code creates a new chat session that includes all previous messages and context from the original session.
@@ -51,7 +51,7 @@ Use this method when you want to branch off from an earlier decision point witho
-**Step 3**: Code Studio creates a new session containing only the conversation history up to the selected checkpoint.
+**Step 3**: Syncfusion Code creates a new session containing only the conversation history up to the selected checkpoint.
diff --git a/code-studio/ide/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md b/code-studio/ide/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md
index abbf974..3a08bde 100644
--- a/code-studio/ide/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md
+++ b/code-studio/ide/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md
@@ -1,16 +1,16 @@
---
-title: From Complex Web Automation to Streamlined Workflows Code Studio Skills for Playwright MCP
-description: Learn how to use Playwright MCP with Agent mode in Syncfusion Code Studio to generate, execute, and manage web automation tests with AI assistance.
+title: From Complex Web Automation to Streamlined Workflows Syncfusion Code Skills for Playwright MCP
+description: Learn how to use Playwright MCP with Agent mode in Syncfusion Code to generate, execute, and manage web automation tests with AI assistance.
platform: syncfusion-code-studio
keywords: playwright-mcp, agent-mode, web-automation, ai-testing, mcp-server
tocname: code-studio-ide-toc
---
-# From Complex Web Automation to Streamlined Workflows Code Studio Skills for Playwright MCP
+# From Complex Web Automation to Streamlined Workflows Syncfusion Code Skills for Playwright MCP
## Overview
-Ready to transform your web testing workflow? In this tutorial, you'll learn how to use Playwright Model Context Protocol (MCP) with Code Studio's [Agent mode](/code-studio/features/agent) to generate, execute, and manage web automation tests with AI assistance. Playwright MCP acts as a bridge that enables Code Studio's AI to perform real-world browser automation tasks based on your natural language instructions.
+Ready to transform your web testing workflow? In this tutorial, you'll learn how to use Playwright Model Context Protocol (MCP) with Syncfusion Code's [Agent mode](/code-studio/features/agent) to generate, execute, and manage web automation tests with AI assistance. Playwright MCP acts as a bridge that enables Syncfusion Code's AI to perform real-world browser automation tasks based on your natural language instructions.
> **Key concept — Playwright MCP Server:** A specific MCP implementation that brings Playwright's browser automation capabilities to AI agents. It acts as a translator between natural language commands and browser actions. When you tell the AI to "verify the login button exists," the Playwright MCP Server converts this into executable Playwright code that navigates pages, clicks elements, fills forms, and captures results.
@@ -25,7 +25,7 @@ Before beginning this tutorial, ensure the following:
By the end of this tutorial, you'll be able to:
-- Install and configure Playwright MCP server in Code Studio
+- Install and configure Playwright MCP server in Syncfusion Code
- Enable Agent mode for AI-powered test generation
- Create test scenarios in natural language and watch AI generate executable test scripts
- Review and execute generated Playwright tests
@@ -34,13 +34,13 @@ By the end of this tutorial, you'll be able to:
### Step 1: Install Playwright packages and Playwright MCP Server
-**Playwright** is an open-source browser automation framework that lets you write tests for web applications across multiple browsers. The **Playwright MCP Server** acts as a bridge between Code Studio's AI and Playwright's automation capabilities — translating natural language test instructions into executable browser commands.
+**Playwright** is an open-source browser automation framework that lets you write tests for web applications across multiple browsers. The **Playwright MCP Server** acts as a bridge between Syncfusion Code's AI and Playwright's automation capabilities — translating natural language test instructions into executable browser commands.
Before the AI can generate tests, you need to install both Playwright and the MCP server integration.
**Steps:**
-1. Create a new project folder and open it in Code Studio.
+1. Create a new project folder and open it in Syncfusion Code.
2. Open the integrated terminal by clicking **Terminal** → **New Terminal** from the menu bar, or press `` Ctrl+` `` (Windows/Linux) or `` Cmd+` `` (Mac).
3. Install Playwright by running the following command:
@@ -80,7 +80,7 @@ Before the AI can generate tests, you need to install both Playwright and the MC
- From the configuration menu that appears, select the **MCP Server** option. This will open the MCP marketplace view where you can browse and install available MCP servers.
- 
+
- In the MCP marketplace panel, select the Playwright MCP tools
@@ -113,11 +113,11 @@ Before the AI can generate tests, you need to install both Playwright and the MC
- From the configuration menu that appears, select the **Agent Customizations** option.
- 
+
- From the Agent Customization menu that appears, select the **Skills** option.
- 
+
2. In the Skills panel, locate and click the **+ New skill...** button to create a new skill definition.
@@ -135,7 +135,7 @@ Before the AI can generate tests, you need to install both Playwright and the MC
5. Define the skill instructions:
- - Code Studio will automatically open a new `SKILL.md` file where you can define the instructions that guide the AI agent's behavior.
+ - Syncfusion Code will automatically open a new `SKILL.md` file where you can define the instructions that guide the AI agent's behavior.
- Replace the default content with the following skill definition:
```text
@@ -206,7 +206,7 @@ Once the agent finishes its work, you'll have a complete, executable Playwright
1. Open the generated test file in the `tests/` folder (e.g., `appointment-planner-verification.spec.ts`) to review the generated test code:
- 
+
2. To run the test, use the following command in the terminal:
diff --git a/code-studio/ide/tutorials/generate-your-first-code-using-agent.md b/code-studio/ide/tutorials/generate-your-first-code-using-agent.md
index eb50bab..b3a3792 100644
--- a/code-studio/ide/tutorials/generate-your-first-code-using-agent.md
+++ b/code-studio/ide/tutorials/generate-your-first-code-using-agent.md
@@ -1,6 +1,6 @@
---
title: Generate Your First Code Change Using Agent
-description: Learn how to use Agent mode in Syncfusion Code Studio to generate, review, and manage code changes with AI assistance.
+description: Learn how to use Agent mode in Syncfusion Code to generate, review, and manage code changes with AI assistance.
platform: syncfusion-code-studio
keywords: agent-mode, ai-coding, code-generation, code-review, checkpoints
tocname: code-studio-ide-toc
@@ -10,7 +10,7 @@ tocname: code-studio-ide-toc
## Overview
-Ready to supercharge your coding? In this tutorial, we'll walk you through one of the most exciting features of Syncfusion Code Studio: **Agent mode**. Imagine having an AI teammate that can understand what you want to build, write the code for you, and even show you exactly what changed before applying those changes. That's what Agent mode does!
+Ready to supercharge your coding? In this tutorial, we'll walk you through one of the most exciting features of Syncfusion Code: **Agent mode**. Imagine having an AI teammate that can understand what you want to build, write the code for you, and even show you exactly what changed before applying those changes. That's what Agent mode does!
By the end of this tutorial, you'll be comfortable using Agent mode to make your first AI-powered code changes. Let's get started!
@@ -21,7 +21,7 @@ For deeper understanding of Agent mode capabilities, check out [Agent](/code-stu
By the end of this tutorial, you'll be able to:
-- Switch on Agent mode in Code Studio (it's just one click!)
+- Switch on Agent mode in Syncfusion Code (it's just one click!)
- Write clear instructions for the AI to understand what you want
- See exactly what changes the Agent wants to make in a side-by-side view
- Approve changes you like with Keep, or reject ones you don't with Undo
@@ -34,7 +34,7 @@ By the end of this tutorial, you'll be able to:
Let's turn on Agent mode! This is the gateway to AI-powered coding.
-1. **Open Syncfusion Code Studio** with your project or any folder you'd like to experiment with.
+1. **Open Syncfusion Code** with your project or any folder you'd like to experiment with.
2. Click the mode selector in the interface.
3. Select **Agent Mode** from the dropdown menu. Agent Mode enables autonomous coding capabilities, allowing the AI to analyze, edit, and manage your codebase.
diff --git a/code-studio/ide/tutorials/improving-code-maintainability-with-automated-clean-code-refactoring.md b/code-studio/ide/tutorials/improving-code-maintainability-with-automated-clean-code-refactoring.md
index 29676ad..ad4a1e6 100644
--- a/code-studio/ide/tutorials/improving-code-maintainability-with-automated-clean-code-refactoring.md
+++ b/code-studio/ide/tutorials/improving-code-maintainability-with-automated-clean-code-refactoring.md
@@ -1,6 +1,6 @@
---
title: Improving Code Maintainability with Automated Clean Code Refactoring
-description: Learn to use Code Studio's AI to automatically refactor code for better maintainability without changing behavior.
+description: Learn to use Syncfusion Code's AI to automatically refactor code for better maintainability without changing behavior.
platform: syncfusion-code-studio
keywords: refactoring, clean-code, code-maintainability, automated-refactoring, inline-chat, agent-mode, code-quality
tocname: code-studio-ide-toc
@@ -12,7 +12,7 @@ tocname: code-studio-ide-toc
Is your codebase getting harder to read, test, or extend? That's a sign it's time to **refactor**. **Refactoring** is the process of restructuring your existing code to improve its clarity, structure, and maintainability — without changing what it actually does.
-Code Studio makes this process faster and more consistent through its built-in AI-powered tools. In this tutorial, you'll walk through practical, real-world examples of how Code Studio automatically detects and fixes the most common code quality problems: repeated logic, bloated functions, and poor naming — all with just a few keystrokes.
+Syncfusion Code makes this process faster and more consistent through its built-in AI-powered tools. In this tutorial, you'll walk through practical, real-world examples of how Syncfusion Code automatically detects and fixes the most common code quality problems: repeated logic, bloated functions, and poor naming — all with just a few keystrokes.
By the end of this tutorial, you'll have a concrete set of refactoring techniques you can apply immediately to your own projects.
@@ -29,7 +29,7 @@ Before beginning this tutorial, ensure the following:
By the end of this tutorial, you'll be able to:
-- Use Code Studio's [Inline Chat](/code-studio/features/inlinechat) to understand unfamiliar or complex code instantly
+- Use Syncfusion Code's [Inline Chat](/code-studio/features/inlinechat) to understand unfamiliar or complex code instantly
- Eliminate repeated logic by extracting it into reusable functions
- Simplify verbose code to make it shorter and easier to read
- Break large, multi-purpose functions into focused, single-responsibility units
@@ -37,7 +37,7 @@ By the end of this tutorial, you'll be able to:
- Use [Agent mode](/code-studio/features/agent) to perform multi-file, large-scale refactoring automatically
-## Understanding Code Studio's AI-Features
+## Understanding Syncfusion Code's AI-Features
Before you begin refactoring, it's important to understand the two main AI-features you'll use:
@@ -45,7 +45,7 @@ Before you begin refactoring, it's important to understand the two main AI-featu
**[Inline Chat](/code-studio/features/inlinechat)** is a lightweight AI assistant that appears directly in your code editor as an input box overlay. You open it with `Ctrl+I` (Windows/Linux) or `Cmd+I` (Mac). Once open, you can type natural language instructions or use slash commands (like `/explain` or `/fix`) to modify the code you've selected. Inline Chat works on **a single file or selection** at a time and shows you a side-by-side diff preview before applying any changes.
### Chat Panel
-The **Chat Panel** is a separate sidebar panel in Code Studio where you can have ongoing conversations with the AI. You can use it to ask questions, get explanations, or give instructions. It supports two modes:
+The **Chat Panel** is a separate sidebar panel in Syncfusion Code where you can have ongoing conversations with the AI. You can use it to ask questions, get explanations, or give instructions. It supports two modes:
- **[Ask mode](/code-studio/features/ask)**: For questions, explanations, and single-file changes
- **[Agent mode](/code-studio/features/agent)**: For complex, multi-file refactoring that requires the AI to autonomously plan and execute changes across multiple files
@@ -55,14 +55,14 @@ The **Chat Panel** is a separate sidebar panel in Code Studio where you can have
### Step 1: Understand Code Before You Refactor
-Before changing any code, you must understand what it does. Code Studio's [Inline Chat](/code-studio/features/inlinechat) gives you an instant, plain-English explanation of any selected block of code — removing the guesswork before you begin.
+Before changing any code, you must understand what it does. Syncfusion Code's [Inline Chat](/code-studio/features/inlinechat) gives you an instant, plain-English explanation of any selected block of code — removing the guesswork before you begin.
### Step 2: Eliminate Repeated Code with Extracted Functions
**Code duplication** — the same logic copy-pasted in multiple places — is one of the most common maintainability problems. When the same operation appears more than once, every bug fix or change must be applied in every location, which is time-consuming and error-prone.
-Code Studio can detect duplicated logic and extract it into a single, reusable function automatically.
+Syncfusion Code can detect duplicated logic and extract it into a single, reusable function automatically.
The following example calculates EMI (Equated Monthly Installment) for two different loans with duplicated calculation logic.
@@ -92,7 +92,7 @@ console.log(monthlyPayment2);
1. Select the entire file contents in the editor (`Ctrl+A` / `Cmd+A`).
- > **Tip:** When you select the entire file, Code Studio's AI can analyze all the functions and automatically identify patterns where the same logic appears multiple times. You don't need to manually highlight each duplicate — the AI does this detection for you.
+ > **Tip:** When you select the entire file, Syncfusion Code's AI can analyze all the functions and automatically identify patterns where the same logic appears multiple times. You don't need to manually highlight each duplicate — the AI does this detection for you.
2. Open Inline Chat with `Ctrl+I` (Windows/Linux) or `Cmd+I` (Mac). The input box will appear over your editor.
3. Type the following prompt and press Enter:
@@ -100,7 +100,7 @@ console.log(monthlyPayment2);
```
move repeated calculations into reusable functions
```
-4. Code Studio analyzes the entire file, identifies duplicate patterns, and suggests a refactored version:
+4. Syncfusion Code analyzes the entire file, identifies duplicate patterns, and suggests a refactored version:
@@ -110,7 +110,7 @@ console.log(monthlyPayment2);
### Step 3: Make Verbose Code More Concise
-Long-winded code with unnecessary variables, redundant checks, or outdated syntax is harder to scan and review. Code Studio can rewrite unnecessarily verbose code into a compact, idiomatic form — without removing any functionality.
+Long-winded code with unnecessary variables, redundant checks, or outdated syntax is harder to scan and review. Syncfusion Code can rewrite unnecessarily verbose code into a compact, idiomatic form — without removing any functionality.
#### Example — Before Refactoring
@@ -149,7 +149,7 @@ console.log('Interest Rate: ' + formattedInterest);
```
-4. Code Studio suggests a cleaner version:
+4. Syncfusion Code suggests a cleaner version:
5. Review the suggestion and click Accept if you're satisfied.
@@ -158,7 +158,7 @@ console.log('Interest Rate: ' + formattedInterest);
A function that does too many things at once is called a **god function**. It's hard to test in isolation, difficult to reuse in other contexts, and slow to debug when something goes wrong.
-The solution is the **Single Responsibility Principle (SRP)**: each function should do exactly one thing. Code Studio can split a god function into smaller, focused units automatically.
+The solution is the **Single Responsibility Principle (SRP)**: each function should do exactly one thing. Syncfusion Code can split a god function into smaller, focused units automatically.
#### Example — Before Refactoring
@@ -198,7 +198,7 @@ calculateLoanDetails(300000, 5.5, 15);
```
-4. Code Studio suggests the refactored version with each concern separated:
+4. Syncfusion Code suggests the refactored version with each concern separated:
@@ -206,11 +206,11 @@ calculateLoanDetails(300000, 5.5, 15);
### Step 5: Rename Symbols Across the Entire Project
-Poor variable and function names silently reduce code quality over time. Names like `d`, `tmp`, `fn`, or `process` tell the next developer nothing about what they represent. Code Studio can suggest meaningful names and rename every reference across your entire project in a single action.
+Poor variable and function names silently reduce code quality over time. Names like `d`, `tmp`, `fn`, or `process` tell the next developer nothing about what they represent. Syncfusion Code can suggest meaningful names and rename every reference across your entire project in a single action.
1. Place the cursor on the symbol you want to rename — this can be a variable, function name, class, or parameter.
2. Press `F2` to trigger the rename action.
-3. Code Studio displays a list of AI-suggested alternative names in a dropdown.
+3. Syncfusion Code displays a list of AI-suggested alternative names in a dropdown.
@@ -234,14 +234,14 @@ Suppose your codebase has inconsistent error handling — some functions use `tr
**Steps:**
-1. Clone the sample repository and open it in Code Studio:
+1. Clone the sample repository and open it in Syncfusion Code:
```bash
git clone https://github.com/syncfusion/ej2-showcase-react-loan-calculator
cd ej2-showcase-react-loan-calculator
```
-2. Open your project in Code Studio.
+2. Open your project in Syncfusion Code.
3. Open the Chat Panel (if it's not already visible, press `Ctrl+Shift+P` (Windows/Linux) or `Cmd+Shift+P` (Mac) to open the **Command Palette** — a search box that appears at the top of the editor — then type "Chat: Focus on Chat View" and press Enter).
4. Select **[Agent](/code-studio/features/agent)** from the mode selector dropdown.
5. Type the following prompt in the chat input and press Enter:
diff --git a/code-studio/ide/tutorials/managing-users-and-teams-collaboration.md b/code-studio/ide/tutorials/managing-users-and-teams-collaboration.md
index c2ea52d..5ccf9f4 100644
--- a/code-studio/ide/tutorials/managing-users-and-teams-collaboration.md
+++ b/code-studio/ide/tutorials/managing-users-and-teams-collaboration.md
@@ -1,17 +1,17 @@
---
-title: "Fixing Collaboration Gaps: Managing Users and Teams in your organization using Code Studio's Enterprise Server"
-description: "Learn how to create teams, invite users, and monitor usage in Syncfusion Code Studio Enterprise Server"
+title: "Fixing Collaboration Gaps: Managing Users and Teams in your organization using Syncfusion Code's Enterprise Server"
+description: "Learn how to create teams, invite users, and monitor usage in Syncfusion Code Enterprise Server"
platform: syncfusion-code-studio
keywords: teams, users, collaboration, enterprise, dashboard, token-usage, team-management, invitations, admin, team-lead
tocname: code-studio-ide-toc
---
-# Fixing Collaboration Gaps: Managing Users and Teams in your organization using Code Studio's Enterprise Server
+# Fixing Collaboration Gaps: Managing Users and Teams in your organization using Syncfusion Code's Enterprise Server
## Overview
-This tutorial teaches you how to set up and manage your development team in Code Studio Enterprise Server. Whether you're organizing a small team or multiple departments, you'll learn everything needed to get your team collaborating effectively.
+This tutorial teaches you how to set up and manage your development team in Syncfusion Code Enterprise Server. Whether you're organizing a small team or multiple departments, you'll learn everything needed to get your team collaborating effectively.
This tutorial is perfect for team leads and admins who want to get their team collaboration up and running quickly.
@@ -21,7 +21,7 @@ For more details on the features covered in this tutorial, see [User & Teams Man
Before starting, ensure you have:
-- **Code Studio Enterprise account** — If not set up, see [Enterprise Server Getting Started Guide](/code-studio/enterprise-server/getting-started)
+- **Syncfusion Code Enterprise account** — If not set up, see [Enterprise Server Getting Started Guide](/code-studio/enterprise-server/getting-started)
- **Admin or Team Lead role** — You'll need one of these roles to create teams and invite users
## What You Will Learn
@@ -40,13 +40,13 @@ Before we begin, let's define the important concepts:
| Term | Definition | Example |
|------|------------|---------|
-| **Organization** | Your company's workspace in Code Studio | "Acme Corp Development" |
+| **Organization** | Your company's workspace in Syncfusion Code | "Acme Corp Development" |
| **Team** | A group of developers working together | "frontend-team", "mobile-team" |
| **Admin** | Role with full control over the organization | Can manage all teams, billing, and settings |
| **Team Lead** | Role that manages a specific team | Can only manage their assigned team |
-| **User** | Role for developers using Code Studio | Can code with AI features, view own usage |
+| **User** | Role for developers using Syncfusion Code | Can code with AI features, view own usage |
| **Tokens** | Units measuring AI usage (like credits) | Each AI request consumes tokens |
-| **Avatar Icon** | Your profile picture or initials in a circle | Located in top-left corner of Code Studio |
+| **Avatar Icon** | Your profile picture or initials in a circle | Located in top-left corner of Syncfusion Code |
| **Dashboard** | Web-based admin interface for managing teams | Where you create teams, invite users, view analytics |
@@ -81,7 +81,7 @@ Teams are organizational units that group developers working together. They help
### What Is User Invitation?
-Code Studio provides two ways to add members to your teams:
+Syncfusion Code provides two ways to add members to your teams:
- **Invite New Users** — Send email invitations to people who don't have accounts yet
- **Add Existing Users** — Assign existing organization members to additional teams
@@ -95,7 +95,7 @@ Code Studio provides two ways to add members to your teams:
### Common Use Cases
**Invite New Users When:**
-- Onboarding new employees who need Code Studio access
+- Onboarding new employees who need Syncfusion Code access
- Expanding your organization with new hires
**Add Existing Users When:**
@@ -153,7 +153,7 @@ The Dashboard displays comprehensive usage data:
### What Is Team Member Management?
-As your organization evolves, you'll need to perform ongoing maintenance tasks like moving people between teams, updating permissions, or removing access. Code Studio provides flexible management options through the Dashboard.
+As your organization evolves, you'll need to perform ongoing maintenance tasks like moving people between teams, updating permissions, or removing access. Syncfusion Code provides flexible management options through the Dashboard.
### Why Manage Team Members?
@@ -169,7 +169,7 @@ The Dashboard supports these key operations:
| Task | When to Use It | Impact |
|------|----------------|--------|
-| **Move User to Different Team** | Developer switches projects | User sees new team in Code Studio; access to old team removed |
+| **Move User to Different Team** | Developer switches projects | User sees new team in Syncfusion Code; access to old team removed |
| **Remove from Team** | Project ends, but user stays in organization | Removed from specific team; other team memberships unaffected |
| **Change User Role** | Promotions or permission adjustments | New role takes effect immediately; historical data preserved |
| **Delete User from Organization** | Employee termination | Complete removal; cannot be undone; must re-invite to restore |
diff --git a/code-studio/ide/tutorials/reusable-prompt-templates.md b/code-studio/ide/tutorials/reusable-prompt-templates.md
index e75f7ee..695d25c 100644
--- a/code-studio/ide/tutorials/reusable-prompt-templates.md
+++ b/code-studio/ide/tutorials/reusable-prompt-templates.md
@@ -1,6 +1,6 @@
---
title: From Repetition to Speed - Boost Productivity with Reusable Prompt Templates
-description: Learn how to create and use custom prompt templates in Syncfusion Code Studio to save time, standardize workflows, and build a personal library of reusable AI instructions.
+description: Learn how to create and use custom prompt templates in Syncfusion Code to save time, standardize workflows, and build a personal library of reusable AI instructions.
platform: syncfusion-code-studio
keywords: custom-prompts, reusable-templates, productivity, workflow-automation, ai-assistance, prompt-libraries
tocname: code-studio-ide-toc
@@ -17,7 +17,7 @@ What if you could save those instructions once and reuse them forever?
That's what **Reusable Templates** do. They let you encode your team's best practices, standards, and workflows once — then automatically apply them across all your work. No more repetition. No more inconsistency.
-In this tutorial, you'll learn four different ways to reuse templates in Code Studio:
+In this tutorial, you'll learn four different ways to reuse templates in Syncfusion Code:
- **Custom Prompts** — Quick templates you invoke manually
- **Custom Agents** — Create specialized AI personalities agents (Reviewer, Planner, etc.)
@@ -32,7 +32,7 @@ We will see how to pick the right template type for your problem, and you'll sav
By the end of this tutorial, you'll be able to:
-- Understand four ways to reuse your instructions in Code Studio
+- Understand four ways to reuse your instructions in Syncfusion Code
- Know which template type solves your specific problem
- Save hours per week by eliminating repetitive typing
- Standardize your team's practices and workflows
diff --git a/code-studio/ide/tutorials/terminal-tools-improvement.md b/code-studio/ide/tutorials/terminal-tools-improvement.md
index 146ecdc..af3ba17 100644
--- a/code-studio/ide/tutorials/terminal-tools-improvement.md
+++ b/code-studio/ide/tutorials/terminal-tools-improvement.md
@@ -1,6 +1,6 @@
---
-title: Terminal Tools Improvements - Seamless Background Terminal Management in Code Studio
-description: Learn how Syncfusion Code Studio now enables interactive background terminal sessions, instant notifications, and automated workflows for uninterrupted development.
+title: Terminal Tools Improvements - Seamless Background Terminal Management in Syncfusion Code
+description: Learn how Syncfusion Code now enables interactive background terminal sessions, instant notifications, and automated workflows for uninterrupted development.
platform: syncfusion-code-studio
keywords: terminal-tools, background-terminal, notifications, automation, agent, code-studio
tocname: code-studio-ide-toc
@@ -12,7 +12,7 @@ tocname: code-studio-ide-toc
# Terminal Tools Improvements for Background Sessions
## Overview
-When the Code Studio agent runs terminal commands, those commands sometimes move to the background, either because they are long-running tasks or because a foreground terminal timed out. In versions prior to 2.0.4, the agent could only read the output of those background terminals but could not interact with them. This meant that if a background terminal was waiting for a password, a confirmation, or any other input, the agent was stuck. Starting from version 2.0.4, this limitation has been resolved.
+When the Syncfusion Code agent runs terminal commands, those commands sometimes move to the background, either because they are long-running tasks or because a foreground terminal timed out. In versions prior to 2.0.4, the agent could only read the output of those background terminals but could not interact with them. This meant that if a background terminal was waiting for a password, a confirmation, or any other input, the agent was stuck. Starting from version 2.0.4, this limitation has been resolved.
This solves that problem with two key improvements:
1. **Send input to background terminals**: The agent can now send input directly to a background terminal, not just read from it.
@@ -27,12 +27,12 @@ By the end of this guide, you will understand:
## Key Concepts
- **Background Terminal**: A terminal session that’s running, but not currently visible (for example, switched to a different tab or minimized).
-- **Notification**: A pop-up or alert in Code Studio that warns you when something in the background terminal needs your attention (like needing a password or confirming an action).
+- **Notification**: A pop-up or alert in Syncfusion Code that warns you when something in the background terminal needs your attention (like needing a password or confirming an action).
## Steps
### Step 1: Ask the Agent to Run a Command via Chat
-In the Code Studio chat panel, ask the agent to run a long-running terminal command.
+In the Syncfusion Code chat panel, ask the agent to run a long-running terminal command.
For example: Run npm run dev for me.
diff --git a/code-studio/ide/tutorials/troubleshooting-previous-chat-sessions-in-codestudio.md b/code-studio/ide/tutorials/troubleshooting-previous-chat-sessions-in-codestudio.md
index a1cd1e4..b7f8389 100644
--- a/code-studio/ide/tutorials/troubleshooting-previous-chat-sessions-in-codestudio.md
+++ b/code-studio/ide/tutorials/troubleshooting-previous-chat-sessions-in-codestudio.md
@@ -1,6 +1,6 @@
---
title: Troubleshooting Previous Chat Sessions
-description: Learn how to identify, review, and resolve issues that occurred in earlier chat sessions within Syncfusion Code Studio. This tutorial guides you through accessing past conversations, diagnosing common problems, and applying corrective steps to ensure smooth continuity in your development workflow.
+description: Learn how to identify, review, and resolve issues that occurred in earlier chat sessions within Syncfusion Code. This tutorial guides you through accessing past conversations, diagnosing common problems, and applying corrective steps to ensure smooth continuity in your development workflow.
platform: syncfusion-code-studio
keywords: chat sessions, troubleshooting, developer workflow, session management, AI assistance
tocname: code-studio-ide-toc
@@ -40,7 +40,7 @@ By completing this tutorial, you will be able to:
This ensures that detailed debug information is captured for future troubleshooting sessions.
### Step 2: Use the /troubleshoot Command
-- Open the Chat view in Code Studio. This will be your current troubleshooting session where you'll diagnose past issues
+- Open the Chat view in Syncfusion Code. This will be your current troubleshooting session where you'll diagnose past issues
- In the chat input field, type: `/troubleshoot` command is recognized
@@ -61,7 +61,7 @@ Browse through the list of sessions and select the one you want to investigate
### Step 4: Analyze the Troubleshooting Results
-Once you submit your troubleshooting query, Code Studio will analyze the debug logs from the selected session and provide insights such as:
+Once you submit your troubleshooting query, Syncfusion Code will analyze the debug logs from the selected session and provide insights such as:
- Custom Instructions: Whether they were loaded and applied correctly
diff --git a/code-studio/ide/tutorials/understand-legacy-codebase.md b/code-studio/ide/tutorials/understand-legacy-codebase.md
index 159d143..79e1aed 100644
--- a/code-studio/ide/tutorials/understand-legacy-codebase.md
+++ b/code-studio/ide/tutorials/understand-legacy-codebase.md
@@ -1,6 +1,6 @@
---
title: Understanding Legacy Code Faster - Analyze Any Codebase with AI
-description: Learn how to quickly understand unfamiliar legacy codebases, identify performance and quality issues, and plan safe refactoring strategies using Syncfusion Code Studio's AI-powered analysis.
+description: Learn how to quickly understand unfamiliar legacy codebases, identify performance and quality issues, and plan safe refactoring strategies using Syncfusion Code's AI-powered analysis.
platform: syncfusion-code-studio
keywords: legacy-code, codebase-analysis, code-understanding, refactoring, performance-optimization, code-audit
tocname: code-studio-ide-toc
@@ -14,7 +14,7 @@ You just joined a new team—or took over a critical project. You're staring at
**The real problem:** When developers can't quickly grasp what code does, every change becomes risky. New hires take weeks to get productive. Refactoring feels impossible. And the codebase keeps getting messier because no one wants to touch code they don't fully understand.
-With Syncfusion Code Studio, you can understand any module in few minutes by asking intelligent questions and getting comprehensive answers about your entire codebase.
+With Syncfusion Code, you can understand any module in few minutes by asking intelligent questions and getting comprehensive answers about your entire codebase.
In this tutorial, you'll discover four powerful approaches:
@@ -22,13 +22,13 @@ In this tutorial, you'll discover four powerful approaches:
- **Find Performance and Quality Issues** — Discover hidden problems
- **Plan Safe Refactoring** — Create a phased modernization strategy with clear risks
-Each approach includes a copy-paste-ready prompt and real examples showing what Code Studio returns. Pick the one that matches your problem, and let's get started.
+Each approach includes a copy-paste-ready prompt and real examples showing what Syncfusion Code returns. Pick the one that matches your problem, and let's get started.
## Prerequisites
Before You Start, Let's make sure you're all set:
-- A project or folder open in Code Studio to analyze the codebase of that project.
+- A project or folder open in Syncfusion Code to analyze the codebase of that project.
## What You'll Learn
@@ -41,7 +41,7 @@ By the end of this tutorial, you'll be able to:
## Understand an Unfamiliar Module
-If you need to understand what a module does, how it works, and what depends on it—without spending days reading code—ask Code Studio to analyze it. It will read the entire module and trace all connections to give you a clear summary: purpose, key functions, dependencies, and usage patterns.
+If you need to understand what a module does, how it works, and what depends on it—without spending days reading code—ask Syncfusion Code to analyze it. It will read the entire module and trace all connections to give you a clear summary: purpose, key functions, dependencies, and usage patterns.
Below is a complete analysis prompt you can copy and use to understand any module in your codebase.
@@ -74,7 +74,7 @@ It reads the entire module and traces all connections, analyzes dependencies, id
## Find Performance and Quality Issues
-If you suspect something is wrong (slow, buggy) but don't know where, ask Code Studio to audit your module for problems. It will analyze the code for common issues: performance bottlenecks, security risks, duplicated logic, and more. You get a prioritized list with specific recommendations to fix the worst problems.
+If you suspect something is wrong (slow, buggy) but don't know where, ask Syncfusion Code to audit your module for problems. It will analyze the code for common issues: performance bottlenecks, security risks, duplicated logic, and more. You get a prioritized list with specific recommendations to fix the worst problems.
Below is a complete audit prompt you can copy and use to identify quality and performance issues.
@@ -109,7 +109,7 @@ It scans the module for performance, security vulnerabilities, and optimization
## Plan Safe Refactoring and Modernization
-If you want to improve code but need a safe, phased plan that won't break anything, ask Code Studio to analyze your current architecture and create a modernization strategy. It will identify outdated patterns, recommend modern approaches, break refactoring into manageable phases, and show you how to maintain compatibility during migration.
+If you want to improve code but need a safe, phased plan that won't break anything, ask Syncfusion Code to analyze your current architecture and create a modernization strategy. It will identify outdated patterns, recommend modern approaches, break refactoring into manageable phases, and show you how to maintain compatibility during migration.
Below is a complete modernization prompt you can copy and use to create a phased improvement plan.
diff --git a/code-studio/ide/tutorials/use-code-studio-efficiently.md b/code-studio/ide/tutorials/use-code-studio-efficiently.md
index d1d478b..dc5b86f 100644
--- a/code-studio/ide/tutorials/use-code-studio-efficiently.md
+++ b/code-studio/ide/tutorials/use-code-studio-efficiently.md
@@ -1,20 +1,20 @@
---
-title: Using Code Studio Efficiently - Budget Management and Cost-Saving Best Practices
-description: Learn how to maximize your Code Studio credits with better prompts, smart workflows, session management, and choosing the right tools for your tasks.
+title: Using Syncfusion Code Efficiently - Budget Management and Cost-Saving Best Practices
+description: Learn how to maximize your Syncfusion Code credits with better prompts, smart workflows, session management, and choosing the right tools for your tasks.
platform: syncfusion-code-studio
keywords: budget-management, cost-savings, efficient-prompts, best-practices, workflow-optimization, credit-management
tocname: code-studio-ide-toc
---
-# Using Code Studio Efficiently: Budget Management and Cost-Saving Best Practices
+# Using Syncfusion Code Efficiently: Budget Management and Cost-Saving Best Practices
-You've started using Syncfusion Code Studio and love how it speeds up your work. But then you check your credit balance and realize you're burning through them faster than expected. Every vague question costs credits. Every trial-and-error conversation adds up. And you're wondering: how can I get better results while using fewer credits?
+You've started using Syncfusion Code and love how it speeds up your work. But then you check your credit balance and realize you're burning through them faster than expected. Every vague question costs credits. Every trial-and-error conversation adds up. And you're wondering: how can I get better results while using fewer credits?
-**The real problem:** Most developers don't realize that HOW you ask Code Studio matters more than WHETHER you ask it. A vague prompt takes 3 back-and-forth messages and uses 3x the credits. A well-written prompt gets it right the first time. It's not about using Code Studio less—it's about using it smarter.
+**The real problem:** Most developers don't realize that HOW you ask Syncfusion Code matters more than WHETHER you ask it. A vague prompt takes 3 back-and-forth messages and uses 3x the credits. A well-written prompt gets it right the first time. It's not about using Syncfusion Code less—it's about using it smarter.
**The good news:** With the right techniques, you can cut your credit usage in half while actually getting better results. Faster responses, fewer refinements, better code quality, and a budget that lasts longer.
-In this tutorial, you'll discover five powerful ways to work more efficiently with Code Studio:
+In this tutorial, you'll discover five powerful ways to work more efficiently with Syncfusion Code:
- **Write Prompts That Save Credits** — Get better answers in one message instead of five
- **Break Work Into Phases** — Keep focus sharp and responses accurate
- **Pick the Right Interaction Mode** — Use the best tool for each specific task
@@ -79,7 +79,7 @@ This gets it right the first try. One message, no follow-ups.
- What edge cases matter? (empty input, null values, large datasets)
4. **Use structured format** (bullet points or numbered lists)
- - Helps Code Studio parse requirements more accurately
+ - Helps Syncfusion Code parse requirements more accurately
- Reduces ambiguity
- Leads to focused, relevant responses
@@ -113,7 +113,7 @@ AI context gets messy with unrelated information. Separate sessions keep context
## Pick the Right Interaction Mode for Each Task
-Code Studio offers different ways to interact—Ask, Edit, Plan, and Agent. Each has a different purpose. Using the wrong tool for the job wastes credits and creates frustration.
+Syncfusion Code offers different ways to interact—Ask, Edit, Plan, and Agent. Each has a different purpose. Using the wrong tool for the job wastes credits and creates frustration.
**When to use each mode:**
diff --git a/code-studio/ide/tutorials/using-openspec-inside-syncfusion-code.md b/code-studio/ide/tutorials/using-openspec-inside-syncfusion-code.md
index 4b531f2..49cf9b9 100644
--- a/code-studio/ide/tutorials/using-openspec-inside-syncfusion-code.md
+++ b/code-studio/ide/tutorials/using-openspec-inside-syncfusion-code.md
@@ -1,16 +1,16 @@
---
-title: Using OpenSpec Inside Syncfusion Code Studio Complete Guide
-description: Learn how to use OpenSpec inside Syncfusion Code Studio to propose, plan, build, and archive AI-powered code changes safely and predictably.
+title: Using OpenSpec Inside Syncfusion Code Complete Guide
+description: Learn how to use OpenSpec inside Syncfusion Code to propose, plan, build, and archive AI-powered code changes safely and predictably.
platform: syncfusion-code-studio
keywords: openspec, slash-commands, propose, apply, archive, explore
tocname: code-studio-ide-toc
---
-# Using OpenSpec Inside Syncfusion Code Studio: A Complete Guide
+# Using OpenSpec Inside Syncfusion Code: A Complete Guide
## Overview
-This tutorial will guide you through using **OpenSpec** inside **Syncfusion Code Studio** to create, plan, and execute AI (Artificial Intelligence)-assisted changes in a safe, structured, and predictable way.
+This tutorial will guide you through using **OpenSpec** inside **Syncfusion Code** to create, plan, and execute AI (Artificial Intelligence)-assisted changes in a safe, structured, and predictable way.
[**OpenSpec**](https://github.com/Fission-AI/OpenSpec?tab=readme-ov-file) is a structured workflow tool that helps you work with AI to build software more predictably. Think of it as a project manager for AI coding. It helps you avoid common AI coding problems like **hallucinations, lost context, and unstructured changes**. Instead of letting AI make random edits, you'll learn a workflow that plans everything first, implements changes step-by-step, and organizes all work in markdown files you can review and track.
@@ -33,7 +33,7 @@ By the end, you'll understand how to build your first project using OpenSpec com
Before beginning, ensure you have the following:
-- **A project or folder** opened in Code Studio (you can create an empty test folder if needed).
+- **A project or folder** opened in Syncfusion Code (you can create an empty test folder if needed).
- **[Node.js 20](https://nodejs.org/) or higher** installed on your system. OpenSpec runs on top of Node.js, so this is required.
> **Tip:** To check your Node.js version, open a terminal and run `node --version`. If you see a version number like `v20.x.x` or higher, you're good to go.
@@ -57,7 +57,7 @@ By the end of this tutorial, you'll be able to:
### Step 1: Install and Configure OpenSpec
-1. Open the integrated **Terminal** in Code Studio by going to `View` > `Terminal` in the menu, or press `` Ctrl+` `` (Windows/Linux) or `` Cmd+` `` (Mac). Once the **Terminal** opens at the bottom of your Code Studio window, type the following command and press `Enter` to install OpenSpec globally on your system:
+1. Open the integrated **Terminal** in Syncfusion Code by going to `View` > `Terminal` in the menu, or press `` Ctrl+` `` (Windows/Linux) or `` Cmd+` `` (Mac). Once the **Terminal** opens at the bottom of your Syncfusion Code window, type the following command and press `Enter` to install OpenSpec globally on your system:
```bash
npm install -g @fission-ai/openspec@latest
@@ -70,7 +70,7 @@ npm install -g @fission-ai/openspec@latest
```bash
openspec init
```
-3. The initialization wizard will ask you to choose an AI extension. Since Syncfusion Code Studio includes GitHub Copilot integration, select the **GitHub Copilot** option:
+3. The initialization wizard will ask you to choose an AI extension. Since Syncfusion Code includes GitHub Copilot integration, select the **GitHub Copilot** option:
@@ -94,9 +94,9 @@ You should see new `openspec/` and `.github/` folders in your project explorer,
Use `/opsx:explore` to brainstorm and discuss ideas with the AI before making any actual changes to your project. This command helps you explore different approaches and understand your options without creating or modifying any files.
-Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Code Studio icon in the toolbar. Then type `/opsx:explore` in the **Chat Panel** followed by your question. For example:
+Open the **Chat Panel** by pressing `Ctrl+Alt+B` (Windows/Linux) or `Cmd+Alt+B` (Mac), or click the Syncfusion Code icon in the toolbar. Then type `/opsx:explore` in the **Chat Panel** followed by your question. For example:
-
+
```
/opsx:explore Sales Dashboard using React
@@ -171,7 +171,7 @@ Check your project structure to verify the archiving worked correctly:
## What's Next
-You've mastered the basics of OpenSpec in Code Studio! Here are some recommended next steps to expand your skills:
+You've mastered the basics of OpenSpec in Syncfusion Code! Here are some recommended next steps to expand your skills:
- Learn how to combine OpenSpec with autonomous AI coding in [Generate Your First Code Using Agent](/code-studio/tutorials/generate-your-first-code-using-agent).
- Check out [Manage Chat Sessions](/code-studio/how-to-guides/manage-chat-session) to organize your conversations.