Document update

code-studio/enterprise-server/createbudget.md

@@ -9,16 +9,17 @@ keywords: budget, usage, billing, alerts, teams, users, admin, syncfusion, code-
 
 The Budget feature in Code Studio enables administrators to allocate and monitor AI usage budgets for teams and individual users. This helps organizations manage costs effectively and optimize AI resource utilization.
 
-> **Note**: Only admins and Team Leads can edit and assign budget for all.
+> **Note**: Only admins can edit and assign budget for all.
 
-<img src="./enterprise-images/budgetnew.png" alt="budget"  />
+<img src="./enterprise-images/budget-window.png" alt="budget"  />
 
 
 ## 1. Team Budget Setup
 
 **Steps:**
 
 - Open the **Budget** window.
+- Click on the **+Budget** in right corner.
 - Select the desired **Team**.
 - Set the **Maximum Budget** for the team.
 - Choose the **Budget Period**:
@@ -27,34 +28,35 @@ The Budget feature in Code Studio enables administrators to allocate and monitor
   - Half-Yearly
   - Annually
 - (Optional) Enable **Auto-Renewal** by checking the box. This will automatically reset the budget at the end of each period.
+- **Reset Amount**: Enter the amount to which the budget should reset after the period ends. 
 
-<img src="./enterprise-images/teambudget.png" alt="budget"  />
+<img src="./enterprise-images/updated-screenshots/team-budget.png" alt="budget"  />
 
 ## 2. Individual User Budget Allocation
 
 **Steps:**
 
-- Within the selected team, give the user’s name to edit budget limit.
+- Select a team, then choose the user’s name to edit budget limit.
 - For each user:
   - Set the **Maximum Budget**.
   - Define the **Budget Period**.
 - Monitor usage and adjust as needed.
 
-<img src="./enterprise-images/memberbudget.png" alt="budget"  />
+<img src="./enterprise-images/user-budget.png" alt="budget"  />
 
 ## 3. Usage Alerts
 
 Administrators can set up alerts to notify when budget usage exceeds a defined threshold.
 
 **Steps:**
 
-- Open the **Edit usage Alert**.
+- Within the Selected team, Click on **Manage Alert**.
 - Set the **Usage Threshold** (e.g., 50%).
 - Enter the **Email Subject Prefix** (required).
 - Specify the **Recipients** for the alert (e.g., team leads or finance managers). An alert email will be sent to the recipient.
 - Click **Update** to activate the alert.
 
-<img src="./enterprise-images/alert.png" alt="budget"  />
+<img src="./enterprise-images/budget-alert.png" alt="budget"  />
 
 🔔 Alerts help proactively manage budget overruns and ensure timely action.
 

code-studio/enterprise-server/dashboard.md

@@ -15,9 +15,9 @@ The Code Studios Dashboard provides a centralized interface for monitoring and a
 
 The dashboard presents a visual summary of the following metrics:
 
-- **Total Cost**: Cumulative cost incurred by the organization, team or individual user.
+- **Total Credits**: Cumulative cost incurred by the organization, team or individual user.
 
-<img src="./enterprise-images/dashboard2.png" alt="dashboard"  />
+<img src="./enterprise-images/updated-screenshots/graph.png" alt="dashboard"  />
 
 - **Total Tokens**: Total number of tokens consumed.
 
@@ -43,7 +43,7 @@ The dashboard presents a visual summary of the following metrics:
 
 - **Individual User Metrics**: Detailed usage statistics per user.
 
-<img src="./enterprise-images/dash8.png" alt="dashboard"  />
+<img src="./enterprise-images/updated-screenshots/individual-user-metrics.png" alt="dashboard"  />
 
 ## 2. Team & User Monitoring
 
@@ -64,15 +64,15 @@ You can monitor:
 
 - Go to [Dashboard](https://app.sfcodestudio.com/dashboard)
 
-<img src="./enterprise-images/dashboard1.png" alt="dashboard"  />
+<img src="./enterprise-images/updated-screenshots/dashboard.png" alt="dashboard"  />
 
 ### Step 2: Review Summary Metrics
 
 - Separate graphical widgets for premium model and BYOK model.
 - Observe the graphical widgets displaying cost, tokens, requests, and latency.
 - Hover over charts for detailed tooltips and breakdowns.
 
-<img src="./enterprise-images/dashboardBYOK.png" alt="dashboard"  />
+<img src="./enterprise-images/updated-screenshots/byok.png" alt="dashboard"  />
 
 ### Step 3: Filter by Team or User
 

code-studio/enterprise-server/fallback.md

@@ -30,7 +30,7 @@ Fallback Policies in Code Studio ensure uninterrupted AI workflows by automatica
 **Steps**:
 
 1. Go to the fallback Policies page under the BYOK section.  
-<img src="./enterprise-images/fallback1.png" alt="fallback"  />
+<img src="./enterprise-images/updated-screenshots/fallback-policy.png" alt="fallback"  />
 
 2. Enable the Fallback Policy toggle.  
 
@@ -40,7 +40,7 @@ Fallback Policies in Code Studio ensure uninterrupted AI workflows by automatica
    - Select models from available providers.  
    - Arrange them in priority order.
 
-  <img src="./enterprise-images/fallback2.png" alt="fallback"  />
+  <img src="./enterprise-images/updated-screenshots/edit-fallback-policy.png" alt="fallback"  />
 
 > **Note**: You can edit the model list and reorder them anytime to optimize fallback behavior for BYOK models.
 

code-studio/enterprise-server/freemodel.md

@@ -4,7 +4,7 @@ description: Instructions to use Code Studio effectively while minimizing or eli
 platform: syncfusion-code-studio
 control: IDE
 documentation: Getting Started
-keywords: code, IDE, freemodel, openrouter
+keywords: code, IDE, freemodel, openrouter 
 ---
 
 # Use OpenRouter Free Models in Syncfusion Code Studio
@@ -27,7 +27,7 @@ AI model costs can add up quickly during development. This guide shows you how t
 
 ### 2. Create an OpenRouter API key.
 - Open your API Keys page.
-- Click →Create a new key.
+- Click → Create a new key.
 - Copy the key.
 
 <img src="./enterprise-images/freemodel2.png" alt="freemodel"  />

code-studio/enterprise-server/getting-started.md

@@ -20,7 +20,7 @@ You can sign in using one of the following methods:
 - **GitHub Account**: Sign in with your GitHub credentials.  
 - **Syncfusion Account**: Use your existing Syncfusion login.
 
-<img src="./enterprise-images/sign3.png" alt="getting started" />
+<img src="./enterprise-images/updated-screenshots/sign-in.png" alt="getting started" />
 
 > **Note**: If you don’t have an account, click **“SIGN UP”** to create one.
 
@@ -30,7 +30,7 @@ Once signed in:
 
 - You’ll be directed to the Dashboard.  
 - Click on your **Profile Icon** to access **Settings**
-  <img src="./enterprise-images/profile.png" alt="getting started" />
+  <img src="./enterprise-images/updated-screenshots/profile.png" alt="getting started" />
 
 ### 3. Managing Settings
 
@@ -39,4 +39,4 @@ Click on **Settings** to:
 - Update your **Profile Information**  
 - Configure your **Organization Settings**
 
-<img src="./enterprise-images/getting started.png" alt="getting started" />
+<img src="./enterprise-images/updated-screenshots/profile-setting.png" alt="getting started" />

code-studio/enterprise-server/providersandmodels.md

@@ -27,7 +27,7 @@ To integrate an LLM provider into Code Studio:
    - **Provider Name**: Enter the name of the LLM provider (e.g., OpenAI, Anthropic).  
    - **API Key**: Paste the API key provided by the LLM service.  
 4. Click **“Add”** to save the provider.
-  <img src="./enterprise-images/llm and providers.png" alt="Provider" />
+  <img src="./enterprise-images/updated-screenshots/edit-llm.png" alt="Provider" />
 
 ✅ Once added, the provider will be available for model selection.
 
@@ -44,9 +44,9 @@ To add a model under a configured provider:
    - **Provider**: Select from the list of configured providers.  
    - **Model**: Choose from the dropdown list of models available under the selected provider. Each model will list with the input cost and the output cost.
    - **Modes**: Select one or more modes in which the model should be used. This is a multi-select field, allowing you to choose multiple modes for a single model.
-  <img src="./enterprise-images/addmode.png" alt="provider" /> 
+  <img src="./enterprise-images/updated-screenshots/add-model.png" alt="provider" /> 
 5. Click Add to include the model in your BYOK model list.
-  <img src="./enterprise-images/add model.png" alt="provider" />
+  <img src="./enterprise-images/updated-screenshots/add-model-2.png" alt="provider" />
 6. Click Manage Default Settings to customize which AI models are used for key IDE functionalities like chat, edit, apply, and autocomplete.
 
 

code-studio/enterprise-server/settings.md

@@ -17,13 +17,13 @@ The Settings area centralizes account and organization configuration for Code St
 ## 1. Profile
 
 - View user name, email address, and account type
-<img src="./enterprise-images/settingsprofile.png" alt="settings"  />
+<img src="./enterprise-images/updated-screenshots/profile-setting.png" alt="settings"  />
 
 ## 2. Organization
 
 - View organization name and organization ID
 - Share the organization ID with your admins when requesting access or support
-<img src="./enterprise-images/settingsorg.png" alt="settings"  />
+<img src="./enterprise-images/updated-screenshots/organization.png" alt="settings"  />
 
 ## 3. Credits
 
@@ -33,7 +33,7 @@ Add-on credits fund model usage across your organization.
 - Preset amounts: $50, $100, $500
 - Custom amount: Enter a custom value as needed
 - Purchase flow: Click Buy credits to proceed to the payment page and complete checkout. Credits are applied after successful payment.
-<img src="./enterprise-images/settingscredit.png" alt="settings"  />
+<img src="./enterprise-images/updated-screenshots/credit.png" alt="settings"  />
 
 ## 4. Billing & Subscription
 

code-studio/enterprise-server/userandteams.md

@@ -39,13 +39,13 @@ Code Studio empowers administrators and team leads to manage organization member
 
 Accessible via the context menu (three-dot icon):
 
-- **Add Team**: Add a new team.
+- **Add Team**: Add a new team by clicking **‘+’** button near search teams bar..
 - **Rename Team**: Update the team name.
 - **Add Team Member**: Invite new users to the team.
 - **Set Team Owner**: Assign ownership for accountability.
 - **Delete Team**: Remove the team from the organization.
 
-<img src="./enterprise-images/addteamsenterprise.png" alt="user&Teams"  />
+<img src="./enterprise-images/updated-screenshots/team-actions.png" alt="user&Teams"  />
 
 ## 3. User Management
 
@@ -62,15 +62,15 @@ Accessible via the context menu (three-dot icon):
 4. Enter the user’s email address.
 5. Send the invitation. The user will be added upon acceptance.
 
-<img src="./enterprise-images/invite user.png" alt="user&Teams"  />
+<img src="./enterprise-images/updated-screenshots/invite-user.png" alt="user&Teams"  />
 
 ### Editing or Removing Members
 
 - Use the team panel to:
 - **Edit** user's name or user's role.
 - **Remove** users from the team.
 
-<img src="./enterprise-images/edituserenterprise.png" alt="user&Teams"  />
+<img src="./enterprise-images/updated-screenshots/edit-user.png" alt="user&Teams"  />
 
 ## 4. Best Practices