From d862899bbad03014252b267aa214f610606b7b0d Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Tue, 21 Jul 2026 04:10:45 +0700
Subject: [PATCH] refactor(web): replace StepperDescription with paragraph
 elements in AddAgentSheet

- Updated the AddAgentSheet component to replace StepperDescription with paragraph elements for improved styling and consistency.
- Adjusted text classes to enhance visual presentation of agent selection instructions.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/web/src/components/agents/add-agent-sheet.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/agents/add-agent-sheet.tsx b/apps/web/src/components/agents/add-agent-sheet.tsx
index fa592d3..4a5c521 100644
--- a/apps/web/src/components/agents/add-agent-sheet.tsx
+++ b/apps/web/src/components/agents/add-agent-sheet.tsx
@@ -26,7 +26,6 @@ import {
 import {
   Stepper,
   StepperContent,
-  StepperDescription,
   StepperIndicator,
   StepperItem,
   StepperNav,
@@ -150,9 +149,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
 
               <StepperPanel>
                 <StepperContent value={1} className="grid gap-4">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Выберите ОС агента — от неё зависит install one-liner.
-                  </StepperDescription>
+                  </p>
                   <Field>
                     <FieldLabel>Платформа</FieldLabel>
                     <Select
@@ -177,9 +176,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
                 </StepperContent>
 
                 <StepperContent value={2} className="grid gap-4">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Имя клиента в UI и в install-ссылке.
-                  </StepperDescription>
+                  </p>
                   <Field>
                     <FieldLabel htmlFor="agent-name">Имя клиента</FieldLabel>
                     <Input
@@ -192,9 +191,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
                 </StepperContent>
 
                 <StepperContent value={3} className="grid gap-3">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Проверьте параметры перед созданием.
-                  </StepperDescription>
+                  </p>
                   <div className="bg-muted flex flex-col gap-1 rounded-lg p-3 text-sm">
                     <div>
                       <span className="text-muted-foreground">Платформа: </span>