Documentation & Image Updates

[SabarieswaranSF4791]

Summary

This PR introduces three new tutorial pages, a new reference section for agent-scoped hooks, updates to the Table of Contents, and a comprehensive refresh of existing screenshots across features and reference sections.

---

Changes Overview

New Documentation Pages

Terminal Tools Improvements for Background Sessions
code-studio/tutorials/terminal-tools-improvement.md
New tutorial that explains how the agent can now send input directly to background terminals and receive automatic notifications when a terminal finishes or needs input. Previously, the agent could only read output from background terminals — now it can fully interact with them.

Context Compaction
code-studio/tutorials/Context-compation.md
New tutorial that guides users on using the /compact command to streamline long chat sessions. Covers summarizing older messages to keep the AI focused and efficient, with step-by-step instructions and supporting screenshots.

Chronicle: Coding History and Productivity Insights
code-studio/tutorials/Chronicle.md
New tutorial that introduces the Chronicle feature — a detailed history tracker for all workspace activity. Covers how to use /chronicle:standup to get a 24-hour coding summary grouped by feature or branch, /chronicle:tips to receive personalized productivity suggestions based on the last 7 days of work, and custom /chronicle queries to ask plain-language questions about past sessions.

---

Updated Documentation

Agent Scoped Hooks — Custom Agents Reference
code-studio/reference/configure-properties/custom-agents.md
Added a new "Agent Scoped Hooks" section explaining how to attach automated lifecycle commands directly to a custom agent via the hooks field in the YAML frontmatter. Includes common use cases such as auto-formatting, blocking unsafe tool calls, injecting project context, and auto-running tests. A new reference screenshot is included.

Playwright MCP Tutorial
code-studio/tutorials/from-complex-web-automation-to-streamlined-workflows-code-studio-skills-for-playwright-mcp.md
Minor content corrections and updated screenshots.

---

Table of Contents

code-studio-toc.html
Added three new tutorial entries to the TOC:

• Terminal Tools Improvements for Background Sessions
• Context Compaction in Code Studio
• Chronicle: Coding History and Productivity Insights in Code Studio

---

New Images Added

• reference/reference-images/agent-scoped-hooks.png — Screenshot for the new Agent Scoped Hooks reference section.
• tutorials/tutorials-images/terminal-agent-run.png — Agent triggering a terminal command via chat.
• tutorials/tutorials-images/terminal-runs-in-background.png — Terminal continuing to run in the background.
• tutorials/tutorials-images/agent-response.png — Agent auto-responding to a terminal event.
• tutorials/tutorials-images/context-command.png — /compact command being entered in the chat input.
• tutorials/tutorials-images/context-compaction.png — Compaction process in progress.
• tutorials/tutorials-images/context-result.png — Chat state after successful compaction.
• tutorials/tutorials-images/Agent-Customization.png — Updated agent customization screenshot.
• tutorials/tutorials-images/skill-path-input.png — New skill path input screenshot.
• tutorials/tutorials-images/chronicle-standup.png — Screenshot of the /chronicle:standup command output.
• tutorials/tutorials-images/chronicle-tips.png — Screenshot of the /chronicle:tips command output.
• tutorials/tutorials-images/chronicle.png — Screenshot of a custom /chronicle query response.

---

Updated/Optimized Images

All images below were replaced with smaller, optimized versions resulting in significant file size reductions across the board.

Reference — Settings Screenshots

• reference/reference-images/settings-account.png
• reference/reference-images/settings-account1.png
• reference/reference-images/settings-agents1.png
• reference/reference-images/settings-agents2.png
• reference/reference-images/settings-autocomplete1.png
• reference/reference-images/settings-chat-window.png
• reference/reference-images/settings-credits1.png
• reference/reference-images/settings-indexing1.png
• reference/reference-images/settings-mcp1.png
• reference/reference-images/settings-model1.png
• reference/reference-images/settings-sidebar.png
• reference/reference-images/settings-skills1.png
• reference/reference-images/settings-skills2.png
• reference/reference-images/settings-skills3.png
• reference/reference-images/settings-telemetry1.png

Features — Global Agent Screenshots

• features/feature-images/globalagent-chat.png
• features/feature-images/globalagent-referenceagent.png

Tutorials — Refreshed Screenshots

• tutorials/tutorials-images/agent-execution.png
• tutorials/tutorials-images/available-tools.png
• tutorials/tutorials-images/browser-installation.png
• tutorials/tutorials-images/create-new-skill.png
• tutorials/tutorials-images/firstagentchange1.png
• tutorials/tutorials-images/firstagentchange2.png
• tutorials/tutorials-images/firstagentchange3.png
• tutorials/tutorials-images/firstagentchange4.png
• tutorials/tutorials-images/mcp-connection-active.png
• tutorials/tutorials-images/mcp-icon.png
• tutorials/tutorials-images/mcp-marketplace.png
• tutorials/tutorials-images/project-structure.png
• tutorials/tutorials-images/skill-instructions.png
• tutorials/tutorials-images/skill-name-input.png
• tutorials/tutorials-images/skills-menu.png
• tutorials/tutorials-images/test-folder-configuration.png
• tutorials/tutorials-images/test-folder-confirmation.png
• tutorials/tutorials-images/test-scenario-input.png
• tutorials/tutorials-images/typescript-selection.png

---

Files Changed

• 5 documentation files modified or added
• 1 TOC file updated
• 48+ image files added or updated

---

Checklist

• New tutorial pages added with proper headings, steps, key concepts, and "What's Next" sections
• New "Agent Scoped Hooks" reference section added with supporting screenshot
• TOC updated to include all new tutorial pages
• All images referenced in markdown are present in the repository
• Existing images refreshed with optimized, reduced-size versions