fix: adjust sidebar position, remove some images, and decapitalize playground

Author: samuv

docs/toolhive/guides-ui/playground.mdx

@@ -1,33 +1,24 @@
 ---
-title: Test MCP servers with Playground
+title: Test MCP servers with playground
 description:
-  Use the Playground feature to test and validate MCP servers directly in the
+  Use the playground feature to test and validate MCP servers directly in the
   ToolHive UI with AI model providers.
 ---
 
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import ThemedImage from '@theme/ThemedImage';
 
-The Playground feature in ToolHive allows you to test and validate MCP servers
+The playground feature in ToolHive allows you to test and validate MCP servers
 directly within the UI, without requiring additional client setup. This
 streamlined testing environment helps teams quickly evaluate functionality and
 behavior before deploying MCP servers to production environments.
 
-<ThemedImage
-  alt='ToolHive Playground initial interface'
-  sources={{
-    light: useBaseUrl('/img/toolhive/toolhive-ui-playground-start-light.webp'),
-    dark: useBaseUrl('/img/toolhive/toolhive-ui-playground-start-dark.webp'),
-  }}
-  title='ToolHive Playground initial interface'
-/>
-
 ## Key capabilities
 
 ### Instant testing of MCP servers
 
 Enter an AI model API key, select your MCP servers and tools, and begin testing
-immediately—right inside the desktop app. The Playground eliminates the friction
+immediately—right inside the desktop app. The playground eliminates the friction
 of setting up external AI clients just to validate that your MCP servers are
 working correctly.
 
@@ -40,43 +31,32 @@ how they're responding to requests.
 
 ### Integrated ToolHive management
 
-The Playground includes a dedicated MCP server for ToolHive itself, allowing you
+The playground includes a dedicated MCP server for ToolHive itself, allowing you
 to manage your MCP servers directly through natural language commands. You can
 list servers, check their status, start or stop them, and perform other
 management tasks using conversational AI.
 
 ## Getting started
 
-To start using the Playground feature:
+To start using the playground feature:
 
-1. **Access the Playground**: Click the **Playground** tab in the ToolHive UI
+1. **Access the playground**: Click the **Playground** tab in the ToolHive UI
    navigation bar.
 
 2. **Configure API keys**: Click **Configure your API Keys** to set up access to
    AI model providers.
 
-<ThemedImage
-  alt='ToolHive Playground API keys configuration'
-  sources={{
-    light: useBaseUrl(
-      '/img/toolhive/toolhive-ui-playground-api-keys-light.webp'
-    ),
-    dark: useBaseUrl('/img/toolhive/toolhive-ui-playground-api-keys-dark.webp'),
-  }}
-  title='API keys configuration modal'
-/>
-
 - **OpenAI**: Enter your OpenAI API key to use GPT models
 - **Anthropic**: Add your Anthropic API key for Claude models
 - **Google**: Configure Google AI API key for Gemini models
 - **xAI**: Set up xAI API key for Grok models
 - **OpenRouter**: Add OpenRouter API key for access to multiple model providers
 
 3. **Select MCP tools**: Click the tools icon to manage which MCP servers and
-   tools are available in the Playground.
+   tools are available in the playground.
 
 <ThemedImage
-  alt='ToolHive Playground tools management showing available MCP tools'
+  alt='ToolHive playground tools management showing available MCP tools'
   sources={{
     light: useBaseUrl(
       '/img/toolhive/toolhive-ui-playground-thv-mcp-light.webp'
@@ -96,24 +76,11 @@ To start using the Playground feature:
    have access to all enabled MCP tools and can execute them based on your
    requests.
 
-<ThemedImage
-  alt='ToolHive Playground chat interface with AI model and MCP tools'
-  sources={{
-    light: useBaseUrl(
-      '/img/toolhive/toolhive-ui-playground-start-chat-light.webp'
-    ),
-    dark: useBaseUrl(
-      '/img/toolhive/toolhive-ui-playground-start-chat-dark.webp'
-    ),
-  }}
-  title='Playground chat interface in action'
-/>
-
-## Using the Playground
+## Using the playground
 
 ### Testing MCP server functionality
 
-The Playground is ideal for validating that your MCP servers work as expected:
+The playground is ideal for validating that your MCP servers work as expected:
 
 ```text
 Can you list all my MCP servers and show their current status?
@@ -123,7 +90,7 @@ The AI will use the `list_servers` tool from the ToolHive MCP server to provide
 a comprehensive overview of your server status.
 
 <ThemedImage
-  alt='ToolHive Playground showing AI response with MCP tool execution results'
+  alt='ToolHive playground showing AI response with MCP tool execution results'
   sources={{
     light: useBaseUrl(
       '/img/toolhive/toolhive-ui-playground-chat-response-light.webp'
@@ -175,7 +142,7 @@ Show me the logs for the meta-mcp server
 
 ### Validating tool responses
 
-The Playground shows detailed information about each tool execution:
+The playground shows detailed information about each tool execution:
 
 - **Tool name and description**: What tool was called and its purpose
 - **Input parameters**: The exact parameters passed to the tool
@@ -197,7 +164,7 @@ and identify any issues with tool implementation or configuration.
 ### Server management
 
 - Start only the MCP servers you need for testing to improve performance
-- Use the Playground to validate new server configurations before connecting
+- Use the playground to validate new server configurations before connecting
   them to production AI clients
 - Test different combinations of tools to understand how they work together
 
@@ -262,4 +229,4 @@ If tools are failing to execute:
 - Explore [network isolation](./network-isolation.mdx) for enhanced security
   when testing untrusted MCP servers
 - Check out the [registry](./registry.mdx) to discover new MCP servers to test
-  in the Playground
+  in the playground

sidebars.ts

@@ -49,10 +49,10 @@ const sidebars: SidebarsConfig = {
         'toolhive/guides-ui/install',
         'toolhive/guides-ui/registry',
         'toolhive/guides-ui/run-mcp-servers',
-        'toolhive/guides-ui/playground',
         'toolhive/guides-ui/network-isolation',
         'toolhive/guides-ui/secrets-management',
         'toolhive/guides-ui/client-configuration',
+        'toolhive/guides-ui/playground',
       ],
     },