From ded6d44533e01c35396dfd5a3c41d800c5fed774 Mon Sep 17 00:00:00 2001 From: Izabel Sampaio Goes Date: Fri, 24 Oct 2025 05:51:13 -0300 Subject: [PATCH 1/4] refactor: update owner role --- src/features/home/pages/home-page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/features/home/pages/home-page.tsx b/src/features/home/pages/home-page.tsx index cc28c6a..367c010 100644 --- a/src/features/home/pages/home-page.tsx +++ b/src/features/home/pages/home-page.tsx @@ -131,7 +131,7 @@ const owners = [ { name: 'Júlia Galhardi Cerqueira', image: 'https://d1b8zs4rmj3xdl.cloudfront.net/julia.jpeg', - role: 'Estagiária', + role: 'Estagiária de Implementação e Suporte na Bastos Tecnologia', linkedin: 'https://www.linkedin.com/in/j%C3%BAliacerqueira/' }, { From 506114a547a1e8c95eb7a8fbafb3fbb4a0ebb3be Mon Sep 17 00:00:00 2001 From: Enzo Sakamoto Date: Fri, 24 Oct 2025 14:33:10 -0300 Subject: [PATCH 2/4] fix: adjust padding in layout and sidebar components for better spacing --- src/features/home/pages/home-page.tsx | 2 +- .../user-area/pages/create-base-pipeline.tsx | 2 +- src/features/user-area/pages/create-base.tsx | 2 +- src/features/user-area/pages/user-info.tsx | 2 +- src/shared/components/layout.tsx | 2 +- src/shared/components/page-with-sidebar.tsx | 6 +- src/shared/components/sidebar.tsx | 140 +++++++++++------- 7 files changed, 99 insertions(+), 57 deletions(-) diff --git a/src/features/home/pages/home-page.tsx b/src/features/home/pages/home-page.tsx index 367c010..92bc51d 100644 --- a/src/features/home/pages/home-page.tsx +++ b/src/features/home/pages/home-page.tsx @@ -223,7 +223,7 @@ export function HomePage() { -
+
-
+
-
+
- + diff --git a/src/shared/components/sidebar.tsx b/src/shared/components/sidebar.tsx index ada4dce..a236dd6 100644 --- a/src/shared/components/sidebar.tsx +++ b/src/shared/components/sidebar.tsx @@ -12,7 +12,7 @@ export type SidebarItem = { const items: SidebarItem[] = [ { label: 'Dados de cadastro', icon: , key: 'user' }, - { label: 'Minhas bases', icon: , key: 'bases' }, + { label: 'Bases', icon: , key: 'bases' }, { label: 'Assinatura', icon: , key: 'subscription' } ] @@ -45,58 +45,96 @@ export function Sidebar() { } return ( - - {/* Botão para toggle da sidebar */} -
- - - - - - {items.map((item) => ( - handleNavigation(item.key)} - title={isCollapsed ? item.label : undefined} - transition={transition} - variants={variants} + <> + {/* Desktop Sidebar */} +
+ + + + + {/* Mobile Bottom Navigation */} + - - {!isCollapsed && 'Sair'} - - + {items.map((item) => ( + handleNavigation(item.key)} + transition={transition} + variants={variants} + > + {item.icon} + {item.label.split(' ')[0]} + + ))} + + + + Sair + + + ) } From dd51cb5a14e94fe5823637ac80d5a441bf409e6b Mon Sep 17 00:00:00 2001 From: Enzo Sakamoto Date: Fri, 24 Oct 2025 14:47:59 -0300 Subject: [PATCH 3/4] fix: update dialog and button styles for improved responsiveness and layout --- src/features/playground/pages/playground.tsx | 2 +- .../knowledge-base-detail-modal.tsx | 116 ++++++++++-------- 2 files changed, 65 insertions(+), 53 deletions(-) diff --git a/src/features/playground/pages/playground.tsx b/src/features/playground/pages/playground.tsx index a0d57cd..fc37cc8 100644 --- a/src/features/playground/pages/playground.tsx +++ b/src/features/playground/pages/playground.tsx @@ -161,7 +161,7 @@ export function PlaygroundPage() { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.5 }} - className="mx-auto flex h-full max-h-full w-full flex-col pl-24" + className="mx-auto flex h-full max-h-full w-full flex-col sm:pl-24" > {/* Header */}
diff --git a/src/features/user-area/components/knowledge-base-detail-modal.tsx b/src/features/user-area/components/knowledge-base-detail-modal.tsx index 7d851cb..82ea04c 100644 --- a/src/features/user-area/components/knowledge-base-detail-modal.tsx +++ b/src/features/user-area/components/knowledge-base-detail-modal.tsx @@ -272,20 +272,22 @@ echo $data['response'];` return ( - - - - {knowledgeBase.displayName} + + + + {knowledgeBase.displayName} {knowledgeBase.status} - {knowledgeBase.description} + + {knowledgeBase.description} + -
+
{/* Informações gerais */} -
+
Criada em:

@@ -338,41 +340,51 @@ echo $data['response'];` return (

{key.kbKeyAlias}
-
-
- {isVisible ? key.kbKey : maskKey(key.kbKey)} +
+
+ + {isVisible ? key.kbKey : maskKey(key.kbKey)} + +
+
+ +
- -
) @@ -428,7 +440,7 @@ echo $data['response'];` ? 'secondary' : 'outline' } - className="text-foreground flex items-center gap-1.5" + className="text-foreground flex items-center gap-1.5 rounded-lg" > {lang.icon} {lang.name} @@ -438,7 +450,7 @@ echo $data['response'];` {/* Code snippet */}
- 
+                      
                         
                           {getCodeSnippet(
                             selectedLanguage,
@@ -450,17 +462,17 @@ echo $data['response'];`
                         onClick={copyCodeToClipboard}
                         size="sm"
                         variant="secondary"
-                        className="absolute top-2 right-2 flex items-center gap-1"
+                        className="absolute top-2 right-2 flex items-center gap-1 rounded-lg text-xs sm:text-sm"
                       >
                         {copiedCode ? (
                           <>
-                            
-                            Copiado!
+                            
+                            Copiado!
                           
                         ) : (
                           <>
-                            
-                            Copiar
+                            
+                            Copiar
                           
                         )}
                       
@@ -475,7 +487,7 @@ echo $data['response'];`
 
           {/* Lista de arquivos */}
           

-            

+            

               

                 Arquivos
               

@@ -483,10 +495,10 @@ echo $data['response'];`
                 onClick={handleAddFiles}
                 size="sm"
                 variant="outline"
-                className="text-foreground flex items-center gap-2"
+                className="text-foreground flex items-center justify-center gap-2 rounded-lg"
               >
                 
-                Adicionar arquivos
+                Adicionar arquivos
               
             

 
@@ -500,10 +512,10 @@ echo $data['response'];`
                 {knowledgeBase.files.map((file, index) => (
                   

                     
 window.open(file.url, '_blank')}
                     >
                       
@@ -523,10 +535,10 @@ echo $data['response'];`
                       onClick={() => handleRemoveFile(file.fileName)}
                       size="sm"
                       variant="ghost"
-                      className="text-destructive hover:text-destructive hover:bg-destructive/10 flex items-center gap-1"
+                      className="text-destructive hover:text-destructive hover:bg-destructive/10 flex w-full items-center justify-center gap-1 rounded-lg sm:w-auto"
                     >
                       
-                      Remover
+                      Remover
                     
                   

                 ))}
@@ -537,17 +549,17 @@ echo $data['response'];`
           
 
           {/* Botões de ação */}
-          

+          

             
             
+                            
+                          

+                        

+                      

+                    )
+                  })}
+                

+              )}
+            

+
+            
+
+            {/* Code Snippets */}
+            

+              
+
+              

+                

+                  {knowledgeBase.keys.length === 0 ? (
+                    

+                      Crie uma API Key para ver os exemplos de código
+                    

+                  ) : (
+                    

+                      {/* Language selector */}
+                      

+                        {languages.map((lang) => (
                           
-                          

+
+                      {/* Code snippet */}
+                      

+                        
+                          
+                            {getCodeSnippet(
+                              selectedLanguage,
+                              knowledgeBase.keys[0]?.kbKey || 'YOUR_API_KEY'
                             )}
-                            
-                              {isCopied ? 'Copiado' : 'Copiar'}
-                            
-                          
-                        

+                          
+                        

+
- ) - })} + )} +
- )} -
+
- + - {/* Code Snippets */} -
-
- {isCodeSectionExpanded ? ( - - ) : ( - - )} - - -
-
- {knowledgeBase.keys.length === 0 ? ( -
- Crie uma API Key para ver os exemplos de código -
- ) : ( -
- {/* Language selector */} -
- {languages.map((lang) => ( - - ))} -
- {/* Code snippet */} -
- 
-                        
-                          {getCodeSnippet(
-                            selectedLanguage,
-                            knowledgeBase.keys[0]?.kbKey || 'YOUR_API_KEY'
-                          )}
-                        
-
+ {knowledgeBase.files.length === 0 ? ( +
+ +

Nenhum arquivo encontrado

+
+ ) : ( +
+ {knowledgeBase.files.map((file, index) => ( +
+
window.open(file.url, '_blank')} + > + +
+

+ {file.fileName} +

+

+ {formatFileSize(file.sizeMB)} +

+
+
-
- )} -
+ ))} +
+ )}
-
- + - {/* Lista de arquivos */} -
-
-

- Arquivos -

+ {/* Botões de ação */} +
+
- - {knowledgeBase.files.length === 0 ? ( -
- -

Nenhum arquivo encontrado

-
- ) : ( -
- {knowledgeBase.files.map((file, index) => ( -
-
window.open(file.url, '_blank')} - > - -
-

- {file.fileName} -

-

- {formatFileSize(file.sizeMB)} -

-
-
- -
- ))} -
- )} -
- - - - {/* Botões de ação */} -
- -