diff --git a/src/components/Label.astro b/src/components/Label.astro
new file mode 100644
index 0000000..a990614
--- /dev/null
+++ b/src/components/Label.astro
@@ -0,0 +1,5 @@
+
diff --git a/src/content/docs/configuration/git-providers.mdx b/src/content/docs/configuration/git-providers.mdx
index 73d7926..653bdce 100644
--- a/src/content/docs/configuration/git-providers.mdx
+++ b/src/content/docs/configuration/git-providers.mdx
@@ -5,6 +5,11 @@ sidebar:
label: Configure Providers
---
import Aside from '@components/Aside.astro'
+import Label from '@components/Label.astro'
+
+
Git Providers — sometimes known as software forges or Source Code Managers (SCMs) — provide a set of tools to host and collaborate on codebases using Git.
diff --git a/src/content/docs/configuration/providers.mdx b/src/content/docs/configuration/providers.mdx
index ebe067e..c431308 100644
--- a/src/content/docs/configuration/providers.mdx
+++ b/src/content/docs/configuration/providers.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Providers
---
+import Label from '@components/Label.astro'
+
+
+
import Aside from '@components/Aside.astro'
import DocumentList from "@components/DocumentList.astro";
import DocumentListItem from "@components/DocumentListItem.astro";
diff --git a/src/content/docs/configuration/targets.mdx b/src/content/docs/configuration/targets.mdx
index 625d459..daeafa8 100644
--- a/src/content/docs/configuration/targets.mdx
+++ b/src/content/docs/configuration/targets.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Targets
---
+import Label from '@components/Label.astro'
+
+
+
A Target refers to the specific destination or environment where your development setups, facilitated by various [Providers](/docs/configuration/providers), are deployed and managed. Providers define the method and technology used to create your environments, while Targets specify the precise location or platform where these environments will reside.
A Target can be a local machine, a remote server, or a cloud instance, and it can vary based on the chosen Provider. Targets offer the flexibility to deploy and manage environments across different platforms and accounts, all within the unified interface provided by Daytona.
diff --git a/src/content/docs/installation/installation.mdx b/src/content/docs/installation/installation.mdx
index ca2bdc5..7b5a072 100644
--- a/src/content/docs/installation/installation.mdx
+++ b/src/content/docs/installation/installation.mdx
@@ -13,6 +13,11 @@ import ScriptPowerShell from './method/script-powershell.mdx'
import ScriptUnix from './method/script-unix.mdx'
import UninstallMacOS from './method/uninstall-macos.mdx'
import UninstallUnix from './method/uninstall-unix.mdx'
+import Label from '@components/Label.astro'
+
+
You can install Daytona on [Linux](#linux), [macOS](#macos), and [Windows](#windows) systems.
Each operating system supports both x86_64 and ARM64 architectures.
diff --git a/src/content/docs/misc/telemetry.mdx b/src/content/docs/misc/telemetry.mdx
index cdefe4f..d246601 100644
--- a/src/content/docs/misc/telemetry.mdx
+++ b/src/content/docs/misc/telemetry.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Telemetry
---
+import Label from '@components/Label.astro'
+
+
+
All telemetry data is **completely anonymous** and **does not** include any personally identifiable information (PII) or user secrets.
Participation is optional and you may opt-out at any time.
diff --git a/src/content/docs/tools/api.mdx b/src/content/docs/tools/api.mdx
index 99b53ba..f90fccb 100644
--- a/src/content/docs/tools/api.mdx
+++ b/src/content/docs/tools/api.mdx
@@ -3,6 +3,11 @@ title: API
description: A reference of supported operations using the Daytona API.
---
+import Label from '@components/Label.astro'
+
+
## GET /apikey
diff --git a/src/content/docs/tools/cli.mdx b/src/content/docs/tools/cli.mdx
index fc9b872..fdcac40 100644
--- a/src/content/docs/tools/cli.mdx
+++ b/src/content/docs/tools/cli.mdx
@@ -5,6 +5,11 @@ sidebar:
label: Daytona CLI Reference
---
import Aside from "@components/Aside.astro";
+import Label from '@components/Label.astro'
+
+
The `daytona` command-line tool provides access to Daytona's core features.
You can use the `daytona` tool for the following operations:
diff --git a/src/content/docs/usage/builders.mdx b/src/content/docs/usage/builders.mdx
index 83fc27d..78f2450 100644
--- a/src/content/docs/usage/builders.mdx
+++ b/src/content/docs/usage/builders.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Builders
---
+import Label from '@components/Label.astro'
+
+
+
import Aside from '@components/Aside.astro'
import Keyboard from '@components/Keyboard.astro'
diff --git a/src/content/docs/usage/ide.mdx b/src/content/docs/usage/ide.mdx
index bd01608..73ee2c1 100644
--- a/src/content/docs/usage/ide.mdx
+++ b/src/content/docs/usage/ide.mdx
@@ -6,6 +6,11 @@ sidebar:
---
import Aside from '@components/Aside.astro'
+import Label from '@components/Label.astro'
+
+
Daytona allows you to connect to your [Workspace](/docs/usage/workspaces#open-an-existing-workspace) using your default IDE.
diff --git a/src/content/docs/usage/prebuilds.mdx b/src/content/docs/usage/prebuilds.mdx
index 9ec0101..bb0cf94 100644
--- a/src/content/docs/usage/prebuilds.mdx
+++ b/src/content/docs/usage/prebuilds.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Prebuilds
---
+import Label from '@components/Label.astro'
+
+
+
Prebuilds are designed to accelerate development by pre-building your Workspace. When you start a Workspace, the prebuilt environment is used, ensuring that the Workspace is initiated almost instantly.
Prebuilds achieve this by setting up a [project configuration](/docs/usage/projects#project-configuration) that monitors changes in the connected Git Provider's repository.
diff --git a/src/content/docs/usage/projects.mdx b/src/content/docs/usage/projects.mdx
index 0924988..d00eb32 100644
--- a/src/content/docs/usage/projects.mdx
+++ b/src/content/docs/usage/projects.mdx
@@ -6,6 +6,11 @@ sidebar:
---
import Aside from '@components/Aside.astro'
+import Label from '@components/Label.astro'
+
+
Projects represent a comprehensive set of settings and resources that define how your code is managed, built, and deployed within a Workspace. Each Project is associated with a specific repository and contains the necessary configurations to ensure a consistent development environment.
diff --git a/src/content/docs/usage/server.mdx b/src/content/docs/usage/server.mdx
index c81bd30..5883341 100644
--- a/src/content/docs/usage/server.mdx
+++ b/src/content/docs/usage/server.mdx
@@ -5,6 +5,12 @@ sidebar:
label: Server
---
+import Label from '@components/Label.astro'
+
+
+
The Daytona Server is a daemon that runs on your machine and handles [Workspaces](/docs/usage/workspaces) related actions.
It provides capabilities for [starting](#start-the-server), [configuring](#configure-the-server), and [stopping](#stop-the-server) server operations.
The primary method of interacting with the server is through the Daytona CLI. Users can also interact with the Daytona Server using its HTTP interface.
diff --git a/src/content/docs/usage/workspaces.mdx b/src/content/docs/usage/workspaces.mdx
index f82dcc7..420fe0f 100644
--- a/src/content/docs/usage/workspaces.mdx
+++ b/src/content/docs/usage/workspaces.mdx
@@ -6,6 +6,11 @@ sidebar:
---
import Aside from '@components/Aside.astro'
+import Label from '@components/Label.astro'
+
+
Workspaces serve as isolated environments containing your project’s codebase, dependencies, packages, and configuration, providing a consistent and reproducible setup for development, testing, and deployment.
diff --git a/src/styles/components/markdown.scss b/src/styles/components/markdown.scss
index a23ff8d..2e9e3a2 100644
--- a/src/styles/components/markdown.scss
+++ b/src/styles/components/markdown.scss
@@ -618,6 +618,20 @@
margin-top: 20px;
}
}
+
+ .label {
+ margin-top: 0px;
+ margin-bottom: 40px;
+ padding-left: 8px;
+ border-inline-start: 1px solid;
+ background-color: var(--bg-color);
+ border-color: var(--hover-color);
+ }
+
+ .label p {
+ font-size: 0.9rem;
+ }
+
}
section {
diff --git a/src/styles/init.scss b/src/styles/init.scss
index a6365b3..baa6439 100644
--- a/src/styles/init.scss
+++ b/src/styles/init.scss
@@ -15,7 +15,7 @@ main {
display: flex;
flex-direction: column;
background: var(--bg-color);
- gap: 56px
+ gap: 16px;
}
section {
diff --git a/tools/update-cli-reference.js b/tools/update-cli-reference.js
index d9ce990..e4ddeb7 100644
--- a/tools/update-cli-reference.js
+++ b/tools/update-cli-reference.js
@@ -16,6 +16,11 @@ sidebar:
label: Daytona CLI Reference
---
import Aside from "@components/Aside.astro";
+import Label from "@components/Label.astro";
+
+
The \`daytona\` command-line tool provides access to Daytona's core features.
You can use the \`daytona\` tool for the following operations:
diff --git a/tools/update-server-reference.js b/tools/update-server-reference.js
index 9517177..d5f24a1 100644
--- a/tools/update-server-reference.js
+++ b/tools/update-server-reference.js
@@ -10,6 +10,11 @@ title: API
description: A reference of supported operations using the Daytona API.
---
+import Label from '@components/Label.astro'
+
+
`;
// content to appear below the commands outline
@@ -44,7 +49,7 @@ function swaggerToMarkdown(swaggerJSON) {
output += `## ${method.toUpperCase()} ${escape(path)}\n`;
output += `${description}\n`;
output += "\n";
-
+
if (Object.keys(parameters).length > 0) {
output += "### Parameters\n"