diff --git a/code-studio-toc.html b/code-studio-toc.html index c9f8829..5f27d0f 100644 --- a/code-studio-toc.html +++ b/code-studio-toc.html @@ -69,6 +69,15 @@
  • User and Team Management in Enterprise Server
    • +
  • + Terminal Tools Improvements for Background Sessions +
    • +
  • + Context Compaction in Code Studio +
    • +
  • + Chronicle Coding History and Productivity Insights in Code Studio +
    • diff --git a/code-studio/features/feature-images/globalagent-chat.png b/code-studio/features/feature-images/globalagent-chat.png index 5d7fc19..6bcd314 100644 Binary files a/code-studio/features/feature-images/globalagent-chat.png and b/code-studio/features/feature-images/globalagent-chat.png differ diff --git a/code-studio/features/feature-images/globalagent-referenceagent.png b/code-studio/features/feature-images/globalagent-referenceagent.png index 46aa900..00aac06 100644 Binary files a/code-studio/features/feature-images/globalagent-referenceagent.png and b/code-studio/features/feature-images/globalagent-referenceagent.png differ diff --git a/code-studio/reference/configure-properties/custom-agents.md b/code-studio/reference/configure-properties/custom-agents.md index af62423..4c48ffc 100644 --- a/code-studio/reference/configure-properties/custom-agents.md +++ b/code-studio/reference/configure-properties/custom-agents.md @@ -143,6 +143,26 @@ Select your preferred location → click **Continue**. - Choose **CodeReview** from the list of agents. - Make your changes and save. +## Agent Scoped Hooks + +Agent-scoped hooks let you attach automated lifecycle commands directly to a custom agent. Unlike workspace-level hooks that run for all agents, agent-scoped hooks run only when that specific agent is active — either selected manually or invoked as a subagent. This keeps your automation isolated and precisely targeted to the agent's purpose. + +### Common Use Cases +- Auto-format code after every file edit the agent makes +- Block unsafe tool calls specific to this agent's task scope +- Inject project context when the agent session starts +- Run tests automatically after code changes + +### How to Add Agent-Scoped Hooks +- Add a **hooks** field to the YAML frontmatter of your `.agent.md` file, using the same event names and command structure as workspace-level hooks. + + agent_configure_chat + +- Agent-scoped hooks run **in addition to** any workspace or user-level hooks configured for the same event — they do not replace them. + +> **Note:** +> For full details on lifecycle events, command properties, input/output format, and troubleshooting, see the **Hooks documentation**. + ## Predefined Agents For a quick start, explore our public repository of predefined agent templates. The catalog is updated regularly—check the repo for the latest additions. diff --git a/code-studio/reference/reference-images/agent-scoped-hooks.png b/code-studio/reference/reference-images/agent-scoped-hooks.png new file mode 100644 index 0000000..a310018 Binary files /dev/null and b/code-studio/reference/reference-images/agent-scoped-hooks.png differ diff --git a/code-studio/reference/reference-images/settings-account.png b/code-studio/reference/reference-images/settings-account.png index 456e16b..664d262 100644 Binary files a/code-studio/reference/reference-images/settings-account.png and b/code-studio/reference/reference-images/settings-account.png differ diff --git a/code-studio/reference/reference-images/settings-account1.png b/code-studio/reference/reference-images/settings-account1.png index c9950a1..fbb2f63 100644 Binary files a/code-studio/reference/reference-images/settings-account1.png and b/code-studio/reference/reference-images/settings-account1.png differ diff --git a/code-studio/reference/reference-images/settings-agents1.png b/code-studio/reference/reference-images/settings-agents1.png index fea9b87..122fd04 100644 Binary files a/code-studio/reference/reference-images/settings-agents1.png and b/code-studio/reference/reference-images/settings-agents1.png differ diff --git a/code-studio/reference/reference-images/settings-agents2.png b/code-studio/reference/reference-images/settings-agents2.png index dde4c97..fa5f931 100644 Binary files a/code-studio/reference/reference-images/settings-agents2.png and b/code-studio/reference/reference-images/settings-agents2.png differ diff --git a/code-studio/reference/reference-images/settings-autocomplete1.png b/code-studio/reference/reference-images/settings-autocomplete1.png index 75d89db..1905ddb 100644 Binary files a/code-studio/reference/reference-images/settings-autocomplete1.png and b/code-studio/reference/reference-images/settings-autocomplete1.png differ diff --git a/code-studio/reference/reference-images/settings-chat-window.png b/code-studio/reference/reference-images/settings-chat-window.png index 3427659..d73cbb4 100644 Binary files a/code-studio/reference/reference-images/settings-chat-window.png and b/code-studio/reference/reference-images/settings-chat-window.png differ diff --git a/code-studio/reference/reference-images/settings-credits1.png b/code-studio/reference/reference-images/settings-credits1.png index 313730e..acf2a81 100644 Binary files a/code-studio/reference/reference-images/settings-credits1.png and b/code-studio/reference/reference-images/settings-credits1.png differ diff --git a/code-studio/reference/reference-images/settings-indexing1.png b/code-studio/reference/reference-images/settings-indexing1.png index 3e47cbb..2d9edb8 100644 Binary files a/code-studio/reference/reference-images/settings-indexing1.png and b/code-studio/reference/reference-images/settings-indexing1.png differ diff --git a/code-studio/reference/reference-images/settings-mcp1.png b/code-studio/reference/reference-images/settings-mcp1.png index fb8d89a..21dc7fe 100644 Binary files a/code-studio/reference/reference-images/settings-mcp1.png and b/code-studio/reference/reference-images/settings-mcp1.png differ diff --git a/code-studio/reference/reference-images/settings-model1.png b/code-studio/reference/reference-images/settings-model1.png index 5c2f49a..ae12448 100644 Binary files a/code-studio/reference/reference-images/settings-model1.png and b/code-studio/reference/reference-images/settings-model1.png differ diff --git a/code-studio/reference/reference-images/settings-sidebar.png b/code-studio/reference/reference-images/settings-sidebar.png index 926833c..4302e36 100644 Binary files a/code-studio/reference/reference-images/settings-sidebar.png and b/code-studio/reference/reference-images/settings-sidebar.png differ diff --git a/code-studio/reference/reference-images/settings-skills1.png b/code-studio/reference/reference-images/settings-skills1.png index 48cadf1..8ccf14a 100644 Binary files a/code-studio/reference/reference-images/settings-skills1.png and b/code-studio/reference/reference-images/settings-skills1.png differ diff --git a/code-studio/reference/reference-images/settings-skills2.png b/code-studio/reference/reference-images/settings-skills2.png index 39ec511..e9017cc 100644 Binary files a/code-studio/reference/reference-images/settings-skills2.png and b/code-studio/reference/reference-images/settings-skills2.png differ diff --git a/code-studio/reference/reference-images/settings-skills3.png b/code-studio/reference/reference-images/settings-skills3.png index 2e85002..283cb5d 100644 Binary files a/code-studio/reference/reference-images/settings-skills3.png and b/code-studio/reference/reference-images/settings-skills3.png differ diff --git a/code-studio/reference/reference-images/settings-telemetry1.png b/code-studio/reference/reference-images/settings-telemetry1.png index 89a4b27..130cf15 100644 Binary files a/code-studio/reference/reference-images/settings-telemetry1.png and b/code-studio/reference/reference-images/settings-telemetry1.png differ diff --git a/code-studio/tutorials/Chronicle.md b/code-studio/tutorials/Chronicle.md new file mode 100644 index 0000000..783ddcc --- /dev/null +++ b/code-studio/tutorials/Chronicle.md @@ -0,0 +1,56 @@ +# Chronicle + +## Overview +Chronicle is a handy feature in Syncfusion Code Studio that keeps a detailed history of everything you do in your workspace. It records your changes, actions, and even the context around them for your coding, so you can review, retrace steps, or share exactly what happened. + +## Why Use Chronicle? +- Quickly see your recent coding history. +- Get tips on how to improve your coding and workflow. +- Easily review or share what you did and learn from your own patterns. + +Chronicle makes your coding journey visible and easy to review, helping you learn, debug, and collaborate better. + +## What You Will Learn +By the end of this tutorial, you’ll be able to: +- Understand what Chronicle does and how it benefits you. +- Start using Chronicle to view your coding history. +- Learn basic concepts like timelines, events, and context. +- Review and use your work history with easy steps. + +## Key Concepts +- **Session History**: Chronicle records your chat and coding activities, including files you touched, commands you ran, and references to PRs, commits, or issues. +- **Standup Report**: Chronicle summarizes your last 24 hours of coding activity, grouped by feature, branch, or file. +- **Personalized Tips**: It can analyze your workflow to give you smart suggestions for even better productivity. + +## Steps to Use Chronicle + +### Step 1: Use Chronicle Commands +- **For a Standup Summary**: Type `/chronicle:standup` in the chat. + This will give you a summary of your coding sessions from the last 24 hours. The summary is organized by feature or branch and includes file lists and PR links. + + Context command + +- **For Productivity Tips**: Type `/chronicle:tips` in the chat. + Chronicle will review your last 7 days of work and share helpful tips to improve your prompting, tool usage, and workflow. + + Context command + +- **To Ask a Custom Question**: Type `/chronicle` followed by your question. + For example: + /chronicle what files did I edit yesterday? + + Chronicle will answer in plain language based on your coding sessions. + + Context command + +### Step 2: Read Your Results +- After you send a command, Chronicle will quickly reply in the chat with an easy-to-read summary, a helpful list, or an answer based on your recent work. + +> **Tip:** For custom questions, just type them after `/chronicle`! + Example: + /chronicle what PRs did I work on this week? + +## What’s Next? +- Use **Autocomplete** to catch errors as you type and reduce bugs before they occur. +- Explore **Agent mode** for generating and fixing code autonomously across your project. +- Use the **Ask feature** to have the AI explain error messages and suggest solutions in detail. diff --git a/code-studio/tutorials/Context-compation.md b/code-studio/tutorials/Context-compation.md new file mode 100644 index 0000000..512a290 --- /dev/null +++ b/code-studio/tutorials/Context-compation.md @@ -0,0 +1,46 @@ +# Context Compaction + +## 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. The `/compact` command helps you streamline your chat context by summarizing or removing less important messages, ensuring that the AI remains efficient and accurate. + +## Prerequisites +- Code Studio installed and running. +- An active chat session with a substantial conversation history. + +## What You Will Learn +By the end of this tutorial, you’ll be able to: +- Understand the purpose and benefits of the `/compact` command. +- Use `/compact` to optimize your chat context. +- Apply best practices for maintaining relevant context in long sessions. + +You’ll gain confidence in managing chat context and ensuring the AI remains sharp and productive. + +## Key Concepts +- **Context Window**: The portion of your chat history that the AI uses to generate responses. +- **Compaction**: The process of reducing or summarizing older, less relevant messages to keep the context focused and efficient. + +## Steps to Use the `/compact` Command + +### Step 1: Identify When Compaction Is Needed +If your chat session becomes long, or if you notice the AI is losing track of recent instructions, it’s a good time to use the `/compact` command. + +### Step 2: Run the `/compact` Command +- Type `/compact` in the chat input and press **Enter**. + +> **Note:** Optionally, you can add specific instructions after the command to customize the compaction process. + + Context command + +- The agent will analyze the conversation and automatically compact the context by summarizing or removing older messages. + + Context compaction + +- After compaction, your chat will retain the most important and recent information. Continue your development tasks with improved AI focus and performance. + Context result + +You’re well on your way to making the most of smart context management in Code Studio. + +## What’s Next? +- Use **Autocomplete** to catch errors as you type and reduce bugs before they occur. +- Explore **Agent mode** for generating and fixing code autonomously across your project. +- Use the **Ask feature** to have the AI explain error messages and suggest solutions in detail. diff --git a/code-studio/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md b/code-studio/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md index 55547ec..751b8da 100644 --- a/code-studio/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md +++ b/code-studio/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md @@ -110,7 +110,11 @@ Before the AI can generate tests, you need to install both Playwright and the MC - Once the Chat Panel is open, locate and click the **Configure Chat** icon (typically displayed as a settings or gear icon in the Chat Panel toolbar). - - From the configuration menu that appears, select the **skill** option. + - From the configuration menu that appears, select the **Agent Customizations** option. + + Agent Customization in Code Studio + + - From the Agent Customization menu that appears, select the **Skills** option. Skills view in Code Studio @@ -118,13 +122,18 @@ Before the AI can generate tests, you need to install both Playwright and the MC Skills panel showing the + New skill button -3. Name your skill: +3. Select path: + - A dialog will appear prompting you to select the path for your workspace. Select the path. + + Skill path selection field showing path for the skill + +4. Name your skill: - A dialog will appear prompting you to enter a skill name. Type `playwright-explore-website` as the skill name. Skill names must use lowercase letters, numbers, and hyphens only — no spaces or special characters are allowed. - Press **Enter** to confirm and create the skill. Skill name input field showing playwright-explore-website -4. Define the skill instructions: +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. - Replace the default content with the following skill definition: diff --git a/code-studio/tutorials/terminal-tools-improvement.md b/code-studio/tutorials/terminal-tools-improvement.md new file mode 100644 index 0000000..d5298fd --- /dev/null +++ b/code-studio/tutorials/terminal-tools-improvement.md @@ -0,0 +1,54 @@ +# 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. Previously, 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. + +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. +2. **Background terminal notifications**: The agent is automatically notified when a background terminal finishes a command or needs user input, so it can take immediate action. + +## What You Will Learn +By the end of this guide, you will understand: +- Why the agent previously struggled with background terminals and what has changed. +- How the agent can now send input to a background terminal that is waiting for a response. +- How to enable background terminal notifications so the agent never misses an important event in a running terminal. +- How the agent can automate full workflows across foreground and background terminals. + +## 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). + +## 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. + +For example: Run npm run dev for me. + + terminal agent run + +### Step 2: Chat Response Completes, Terminal Runs in Background +Once the agent has started the command and the chat response finishes, the `npm run dev` process continues running silently in the background terminal in the IDE. You can see it is still active in the Terminal panel, but the chat has moved on. + + terminal runs in background + +### Step 3: Agent Responds Immediately +As soon as you press `Ctrl + C`, the agent is automatically triggered by the background terminal notification. It detects that the process was interrupted and immediately responds in the chat — for example, letting you know the dev server was stopped, showing the final output, or asking if you want to restart it. + +You do not need to go back to chat and ask the agent what happened. The notification fires instantly and the agent reacts on its own. + + agent response + +> **Note:** +This same instant response also works for other terminal events, not just `Ctrl + C`. If the command completes successfully, throws an error, or asks for input (like a password prompt), the agent will be notified and respond right away. +> +> For example: +> - A build script finishes → agent reports the result. +> - An SSH session asks for a password → agent sends the input automatically using `send_to_terminal`. +> - A process crashes → agent reports the error and suggests a fix. + + +## What’s Next? +- [Generate Your First Code Change Using Agent](/code-studio/tutorials/generate-your-first-code-using-agent.md) — Guide the agent to implement and verify a small change end-to-end. +- [Fixing Bugs with AI](/code-studio/tutorials/fixing-bugs-with-ai.md) — Use the agent to identify, patch, and validate defects safely. +- [Compare AI Models for Different Tasks](/code-studio/tutorials/compare-ai-models.md) — Evaluate model quality, cost, and speed for your workflows. diff --git a/code-studio/tutorials/tutorials-images/Agent-Customization.png b/code-studio/tutorials/tutorials-images/Agent-Customization.png new file mode 100644 index 0000000..edaaef9 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/Agent-Customization.png differ diff --git a/code-studio/tutorials/tutorials-images/agent-execution.png b/code-studio/tutorials/tutorials-images/agent-execution.png index a1ac3ad..430a29d 100644 Binary files a/code-studio/tutorials/tutorials-images/agent-execution.png and b/code-studio/tutorials/tutorials-images/agent-execution.png differ diff --git a/code-studio/tutorials/tutorials-images/agent-response.png b/code-studio/tutorials/tutorials-images/agent-response.png new file mode 100644 index 0000000..f6cbeaf Binary files /dev/null and b/code-studio/tutorials/tutorials-images/agent-response.png differ diff --git a/code-studio/tutorials/tutorials-images/available-tools.png b/code-studio/tutorials/tutorials-images/available-tools.png index 456d79a..eebfa74 100644 Binary files a/code-studio/tutorials/tutorials-images/available-tools.png and b/code-studio/tutorials/tutorials-images/available-tools.png differ diff --git a/code-studio/tutorials/tutorials-images/browser-installation.png b/code-studio/tutorials/tutorials-images/browser-installation.png index 756838a..513150e 100644 Binary files a/code-studio/tutorials/tutorials-images/browser-installation.png and b/code-studio/tutorials/tutorials-images/browser-installation.png differ diff --git a/code-studio/tutorials/tutorials-images/chronicle-standup.png b/code-studio/tutorials/tutorials-images/chronicle-standup.png new file mode 100644 index 0000000..809bdef Binary files /dev/null and b/code-studio/tutorials/tutorials-images/chronicle-standup.png differ diff --git a/code-studio/tutorials/tutorials-images/chronicle-tips.png b/code-studio/tutorials/tutorials-images/chronicle-tips.png new file mode 100644 index 0000000..afe7951 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/chronicle-tips.png differ diff --git a/code-studio/tutorials/tutorials-images/chronicle.png b/code-studio/tutorials/tutorials-images/chronicle.png new file mode 100644 index 0000000..560a7b8 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/chronicle.png differ diff --git a/code-studio/tutorials/tutorials-images/context-command.png b/code-studio/tutorials/tutorials-images/context-command.png new file mode 100644 index 0000000..62dcde1 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/context-command.png differ diff --git a/code-studio/tutorials/tutorials-images/context-compaction.png b/code-studio/tutorials/tutorials-images/context-compaction.png new file mode 100644 index 0000000..6588f21 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/context-compaction.png differ diff --git a/code-studio/tutorials/tutorials-images/context-result.png b/code-studio/tutorials/tutorials-images/context-result.png new file mode 100644 index 0000000..df10ee2 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/context-result.png differ diff --git a/code-studio/tutorials/tutorials-images/create-new-skill.png b/code-studio/tutorials/tutorials-images/create-new-skill.png index e509620..796f03e 100644 Binary files a/code-studio/tutorials/tutorials-images/create-new-skill.png and b/code-studio/tutorials/tutorials-images/create-new-skill.png differ diff --git a/code-studio/tutorials/tutorials-images/firstagentchange1.png b/code-studio/tutorials/tutorials-images/firstagentchange1.png index ca199c7..1e3609a 100644 Binary files a/code-studio/tutorials/tutorials-images/firstagentchange1.png and b/code-studio/tutorials/tutorials-images/firstagentchange1.png differ diff --git a/code-studio/tutorials/tutorials-images/firstagentchange2.png b/code-studio/tutorials/tutorials-images/firstagentchange2.png index 91d806f..3fb3bbe 100644 Binary files a/code-studio/tutorials/tutorials-images/firstagentchange2.png and b/code-studio/tutorials/tutorials-images/firstagentchange2.png differ diff --git a/code-studio/tutorials/tutorials-images/firstagentchange3.png b/code-studio/tutorials/tutorials-images/firstagentchange3.png index c9cbcda..2d84672 100644 Binary files a/code-studio/tutorials/tutorials-images/firstagentchange3.png and b/code-studio/tutorials/tutorials-images/firstagentchange3.png differ diff --git a/code-studio/tutorials/tutorials-images/firstagentchange4.png b/code-studio/tutorials/tutorials-images/firstagentchange4.png index 2b44006..93c6a64 100644 Binary files a/code-studio/tutorials/tutorials-images/firstagentchange4.png and b/code-studio/tutorials/tutorials-images/firstagentchange4.png differ diff --git a/code-studio/tutorials/tutorials-images/mcp-connection-active.png b/code-studio/tutorials/tutorials-images/mcp-connection-active.png index 42249e0..a53d86d 100644 Binary files a/code-studio/tutorials/tutorials-images/mcp-connection-active.png and b/code-studio/tutorials/tutorials-images/mcp-connection-active.png differ diff --git a/code-studio/tutorials/tutorials-images/mcp-icon.png b/code-studio/tutorials/tutorials-images/mcp-icon.png index 24dadaa..8fca5e1 100644 Binary files a/code-studio/tutorials/tutorials-images/mcp-icon.png and b/code-studio/tutorials/tutorials-images/mcp-icon.png differ diff --git a/code-studio/tutorials/tutorials-images/mcp-marketplace.png b/code-studio/tutorials/tutorials-images/mcp-marketplace.png index 969fe5e..8552fab 100644 Binary files a/code-studio/tutorials/tutorials-images/mcp-marketplace.png and b/code-studio/tutorials/tutorials-images/mcp-marketplace.png differ diff --git a/code-studio/tutorials/tutorials-images/project-structure.png b/code-studio/tutorials/tutorials-images/project-structure.png index f3b8cdf..4aea1d1 100644 Binary files a/code-studio/tutorials/tutorials-images/project-structure.png and b/code-studio/tutorials/tutorials-images/project-structure.png differ diff --git a/code-studio/tutorials/tutorials-images/skill-instructions.png b/code-studio/tutorials/tutorials-images/skill-instructions.png index 8b19423..6f5f8df 100644 Binary files a/code-studio/tutorials/tutorials-images/skill-instructions.png and b/code-studio/tutorials/tutorials-images/skill-instructions.png differ diff --git a/code-studio/tutorials/tutorials-images/skill-name-input.png b/code-studio/tutorials/tutorials-images/skill-name-input.png index 9fe8d6d..1cd79b5 100644 Binary files a/code-studio/tutorials/tutorials-images/skill-name-input.png and b/code-studio/tutorials/tutorials-images/skill-name-input.png differ diff --git a/code-studio/tutorials/tutorials-images/skill-path-input.png b/code-studio/tutorials/tutorials-images/skill-path-input.png new file mode 100644 index 0000000..1640416 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/skill-path-input.png differ diff --git a/code-studio/tutorials/tutorials-images/skills-menu.png b/code-studio/tutorials/tutorials-images/skills-menu.png index c0cb3c5..d191ac0 100644 Binary files a/code-studio/tutorials/tutorials-images/skills-menu.png and b/code-studio/tutorials/tutorials-images/skills-menu.png differ diff --git a/code-studio/tutorials/tutorials-images/terminal-agent-run.png b/code-studio/tutorials/tutorials-images/terminal-agent-run.png new file mode 100644 index 0000000..e70bfa8 Binary files /dev/null and b/code-studio/tutorials/tutorials-images/terminal-agent-run.png differ diff --git a/code-studio/tutorials/tutorials-images/terminal-runs-in-background.png b/code-studio/tutorials/tutorials-images/terminal-runs-in-background.png new file mode 100644 index 0000000..1c4aa6a Binary files /dev/null and b/code-studio/tutorials/tutorials-images/terminal-runs-in-background.png differ diff --git a/code-studio/tutorials/tutorials-images/test-folder-configuration.png b/code-studio/tutorials/tutorials-images/test-folder-configuration.png index 313384e..45b608d 100644 Binary files a/code-studio/tutorials/tutorials-images/test-folder-configuration.png and b/code-studio/tutorials/tutorials-images/test-folder-configuration.png differ diff --git a/code-studio/tutorials/tutorials-images/test-folder-confirmation.png b/code-studio/tutorials/tutorials-images/test-folder-confirmation.png index 04f414b..eeb8d16 100644 Binary files a/code-studio/tutorials/tutorials-images/test-folder-confirmation.png and b/code-studio/tutorials/tutorials-images/test-folder-confirmation.png differ diff --git a/code-studio/tutorials/tutorials-images/test-scenario-input.png b/code-studio/tutorials/tutorials-images/test-scenario-input.png index bde7519..1cd7335 100644 Binary files a/code-studio/tutorials/tutorials-images/test-scenario-input.png and b/code-studio/tutorials/tutorials-images/test-scenario-input.png differ diff --git a/code-studio/tutorials/tutorials-images/typescript-selection.png b/code-studio/tutorials/tutorials-images/typescript-selection.png index a305a48..a8da4f9 100644 Binary files a/code-studio/tutorials/tutorials-images/typescript-selection.png and b/code-studio/tutorials/tutorials-images/typescript-selection.png differ