feat: Implementar melhorias no sistema de temas e funções de análise técnica

- Adicionar funções de análise técnica (RSI, Bollinger Bands, EMA, formatação)
- Corrigir importação de AdvancedMarketProcessor no app.py
- Adicionar novas variáveis CSS (--bg, --surface) para melhor suporte a temas
- Atualizar paleta de cores do tema escuro para melhor contraste
- Atualizar documentação do sistema de temas
- Atualizar CHANGELOG.md com versão 2.2.2
- Atualizar api-reference.md com novas funções utilitárias

CHANGELOG.md

@@ -5,6 +5,24 @@ Todas as mudanças notáveis neste projeto serão documentadas neste arquivo.
 O formato é baseado em [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 e este projeto adere ao [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.2.2] - 2024-01-29
+
+### 🎉 Adicionado
+- **Funções de Análise Técnica**: Implementadas `calculate_rsi()`, `calculate_bollinger_bands()`, `calculate_ema()` e `format_number()` em utils.py
+- **Importação AdvancedMarketProcessor**: Adicionada importação correta no app.py para resolver dependências
+- **Variáveis CSS Adicionais**: Novas variáveis `--bg` e `--surface` para melhor compatibilidade do tema
+
+### 🐛 Corrigido
+- **Erros de Sintaxe**: Corrigidos parênteses ausentes e extras em utils.py
+- **Importação ExampleData**: Substituído `AppConfig.EXAMPLE_INPUT` por `ExampleData.SAMPLE_MARKET_DATA['bullish']` em gradio_interface.py
+- **Compatibilidade de Tema**: Melhorada aplicação de variáveis CSS para componentes HTML customizados
+- **Dependências de Módulos**: Resolvidos erros de importação que impediam inicialização da aplicação
+
+### 🔄 Alterado
+- **Sistema de Temas**: Aprimoradas variáveis CSS para melhor suporte a temas dinâmicos
+- **Formatação HTML**: Componentes agora usam variáveis CSS (`var(--bg)`, `var(--surface)`) para compatibilidade com temas
+- **Estrutura de Código**: Melhorada organização das funções utilitárias de análise técnica
+
 ## [2.2.1] - 2024-01-29
 
 ### 🐛 Corrigido

app.py

@@ -13,6 +13,7 @@ try:
     from src.utils.utils import LogUtils, ValidationUtils
     from src.core.log_parser import VampireBotLogParser
     from src.analysis.fibonacci_analysis import AdvancedFibonacciEngine
+    from src.core.advanced_market_processing import AdvancedMarketProcessor
     from src.integrations.real_time_integration import RealTimeIntegration, BotEvent
     from src.core.performance_monitor import PerformanceMonitor, measure_analysis_time
     from src.utils.request_logger import log_requests_responses, enable_logging, disable_logging

docs/api-reference.md

@@ -6,6 +6,65 @@ Este documento descreve todas as APIs, interfaces e contratos entre os módulos
 
 ## 🔧 Core Engines
 
+### Funções Utilitárias de Análise Técnica
+
+#### calculate_rsi(prices: list, period: int = 14) -> float
+```python
+def calculate_rsi(prices: list, period: int = 14) -> float:
+    """Calcula o RSI (Relative Strength Index).
+    
+    Args:
+        prices (list): Lista de preços históricos
+        period (int): Período para cálculo (padrão: 14)
+        
+    Returns:
+        float: Valor do RSI (0-100)
+    """
+```
+
+#### calculate_bollinger_bands(prices: list, period: int = 20, std_dev: float = 2.0) -> dict
+```python
+def calculate_bollinger_bands(prices: list, period: int = 20, std_dev: float = 2.0) -> dict:
+    """Calcula as Bandas de Bollinger.
+    
+    Args:
+        prices (list): Lista de preços históricos
+        period (int): Período para média móvel (padrão: 20)
+        std_dev (float): Multiplicador do desvio padrão (padrão: 2.0)
+        
+    Returns:
+        dict: {'upper': float, 'middle': float, 'lower': float}
+    """
+```
+
+#### calculate_ema(prices: list, period: int) -> float
+```python
+def calculate_ema(prices: list, period: int) -> float:
+    """Calcula a EMA (Exponential Moving Average).
+    
+    Args:
+        prices (list): Lista de preços históricos
+        period (int): Período para cálculo da EMA
+        
+    Returns:
+        float: Valor da EMA
+    """
+```
+
+#### format_number(value: float, decimals: int = 2) -> str
+```python
+def format_number(value: float, decimals: int = 2) -> str:
+    """Formata um número para exibição.
+    
+    Args:
+        value (float): Valor a ser formatado
+        decimals (int): Número de casas decimais (padrão: 2)
+        
+    Returns:
+        str: Número formatado
+    """
+```
+
 ### TechnicalAnalysisEngine
 
 #### Classe Principal

docs/theme_system.md

@@ -44,20 +44,20 @@ Componentes de interface com suporte a tema escuro:
 ## Paletas de Cores
 
 ### Tema Claro
-- **Fundo Principal**: `#ffffff`
-- **Fundo Secundário**: `#f8f9fa`
+- **Fundo Principal**: `#ffffff` (`--bg-primary`, `--bg`)
+- **Fundo Secundário**: `#f8f9fa` (`--bg-secondary`, `--surface`)
 - **Texto Principal**: `#495057`
 - **Texto Secundário**: `#6c757d`
 - **Bordas**: `#dee2e6`
 - **Accent**: `#007bff`
 
 ### Tema Escuro
-- **Fundo Principal**: `#1a1a1a`
-- **Fundo Secundário**: `#2d2d2d`
-- **Texto Principal**: `#e0e0e0`
-- **Texto Secundário**: `#b0b0b0`
-- **Bordas**: `#404040`
-- **Accent**: `#4dabf7`
+- **Fundo Principal**: `#0f172a` (`--bg-primary`, `--bg`)
+- **Fundo Secundário**: `#1e293b` (`--bg-secondary`, `--surface`)
+- **Texto Principal**: `#f1f5f9`
+- **Texto Secundário**: `#cbd5e1`
+- **Bordas**: `#475569`
+- **Accent**: `#60a5fa`
 
 ## Implementação
 
@@ -69,6 +69,8 @@ O sistema utiliza variáveis CSS para permitir alternância dinâmica:
 :root {
   --bg-primary: #ffffff;
   --bg-secondary: #f8f9fa;
+  --bg: #ffffff;
+  --surface: #f8f9fa;
   --text-primary: #495057;
   --text-secondary: #6c757d;
   --border-color: #dee2e6;
@@ -76,12 +78,14 @@ O sistema utiliza variáveis CSS para permitir alternância dinâmica:
 }
 
 [data-theme="dark"] {
-  --bg-primary: #1a1a1a;
-  --bg-secondary: #2d2d2d;
-  --text-primary: #e0e0e0;
-  --text-secondary: #b0b0b0;
-  --border-color: #404040;
-  --accent-color: #4dabf7;
+  --bg-primary: #0f172a;
+  --bg-secondary: #1e293b;
+  --bg: #0f172a;
+  --surface: #1e293b;
+  --text-primary: #f1f5f9;
+  --text-secondary: #cbd5e1;
+  --border-color: #475569;
+  --accent-color: #60a5fa;
 }
 ```
 

src/ui/gradio_interface.py

@@ -3,7 +3,7 @@
 import gradio as gr
 from typing import Dict, Any, Optional, Tuple
 
-from config.config import UIConfig, AppConfig
+from config.config import UIConfig, AppConfig, ExampleData
 from src.utils.utils import (
     DateTimeUtils,
     NumberUtils,
@@ -93,7 +93,7 @@ class UIComponents:
                 with gr.Tab("🤖 Log do Bot"):
                     market_input = gr.Textbox(
                         label="Log do Bot de Trading",
-                        placeholder=AppConfig.EXAMPLE_INPUT,
+                        placeholder=ExampleData.SAMPLE_MARKET_DATA['bullish'],
                         lines=8,
                         max_lines=15
                     )
@@ -193,13 +193,13 @@ class ResultFormatter:
             </div>
             
             <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
-                <div style="text-align: center; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                <div style="text-align: center; padding: 15px; background: var(--bg, white); border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                     <div style="font-size: 0.9em; color: #6c757d; margin-bottom: 5px;">PREÇO ATUAL</div>
                     <div style="font-size: 1.8em; font-weight: bold; color: #495057;">{formatted_price}</div>
                     <div style="font-size: 1.1em; color: {variation_color}; font-weight: 600;">{formatted_variation}</div>
                 </div>
                 
-                <div style="text-align: center; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                <div style="text-align: center; padding: 15px; background: var(--bg, white); border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
                     <div style="font-size: 0.9em; color: #6c757d; margin-bottom: 5px;">CONFIANÇA</div>
                     <div style="font-size: 1.8em; font-weight: bold; color: #495057;">{confidence}%</div>
                     <div style="font-size: 0.9em; color: #6c757d;">{confidence_level}</div>
@@ -226,17 +226,17 @@ class ResultFormatter:
         signals_list = FormatUtils.format_signal_list(signals)
         
         return f"""
-        <div style="background: white; border-radius: 8px; padding: 20px; border: 1px solid #dee2e6;">
+        <div style="background: var(--bg, white); border-radius: 8px; padding: 20px; border: 1px solid #dee2e6;">
             <h3 style="color: #495057; margin-top: 0; border-bottom: 2px solid #007bff; padding-bottom: 10px;">
                 📊 Indicadores Técnicos
             </h3>
             
-            <div style="background: #f8f9fa; padding: 15px; border-radius: 6px; margin-bottom: 20px;">
+            <div style="background: var(--surface, #f8f9fa); padding: 15px; border-radius: 6px; margin-bottom: 20px;">
                 {market_summary}
             </div>
             
             <h4 style="color: #495057; margin-bottom: 15px;">🎯 Sinais Detectados</h4>
-            <div style="background: #f8f9fa; padding: 15px; border-radius: 6px; font-family: monospace; white-space: pre-line;">
+            <div style="background: var(--surface, #f8f9fa); padding: 15px; border-radius: 6px; font-family: monospace; white-space: pre-line;">
                 {signals_list}
             </div>
         </div>

src/ui/theme_manager.py

@@ -87,6 +87,8 @@ class ThemeManager:
             'css_variables': {
                 '--bg-primary': '#ffffff',
                 '--bg-secondary': '#f8f9fa',
+                '--bg': '#ffffff',
+                '--surface': '#f8f9fa',
                 '--text-primary': '#495057',
                 '--text-secondary': '#6c757d',
                 '--border-color': '#dee2e6',
@@ -131,6 +133,8 @@ class ThemeManager:
             'css_variables': {
                 '--bg-primary': '#0f172a',
                 '--bg-secondary': '#1e293b',
+                '--bg': '#0f172a',
+                '--surface': '#1e293b',
                 '--text-primary': '#f1f5f9',
                 '--text-secondary': '#cbd5e1',
                 '--border-color': '#475569',

src/utils/utils.py

@@ -94,6 +94,77 @@ class ActionUtils:
             'main': '⚪',
             'action': '❓'
         })
+
+
+def calculate_rsi(prices: list, period: int = 14) -> float:
+    """Calcula o RSI (Relative Strength Index)."""
+    if len(prices) < period + 1:
+        return 50.0  # Valor neutro se não há dados suficientes
+    
+    gains = []
+    losses = []
+    
+    for i in range(1, len(prices)):
+        change = prices[i] - prices[i-1]
+        if change > 0:
+            gains.append(change)
+            losses.append(0)
+        else:
+            gains.append(0)
+            losses.append(abs(change))
+    
+    if len(gains) < period:
+        return 50.0
+    
+    avg_gain = sum(gains[-period:]) / period
+    avg_loss = sum(losses[-period:]) / period
+    
+    if avg_loss == 0:
+        return 100.0
+    
+    rs = avg_gain / avg_loss
+    rsi = 100 - (100 / (1 + rs))
+    return rsi
+
+
+def calculate_bollinger_bands(prices: list, period: int = 20, std_dev: float = 2.0) -> dict:
+    """Calcula as Bandas de Bollinger."""
+    if len(prices) < period:
+        return {'upper': 0, 'middle': 0, 'lower': 0}
+    
+    recent_prices = prices[-period:]
+    sma = sum(recent_prices) / period
+    
+    variance = sum((price - sma) ** 2 for price in recent_prices) / period
+    std = variance ** 0.5
+    
+    upper_band = sma + (std_dev * std)
+    lower_band = sma - (std_dev * std)
+    
+    return {
+        'upper': upper_band,
+        'middle': sma,
+        'lower': lower_band
+    }
+
+
+def calculate_ema(prices: list, period: int = 9) -> float:
+    """Calcula a EMA (Exponential Moving Average)."""
+    if len(prices) < period:
+        return sum(prices) / len(prices) if prices else 0
+    
+    multiplier = 2 / (period + 1)
+    ema = sum(prices[:period]) / period  # SMA inicial
+    
+    for price in prices[period:]:
+        ema = (price * multiplier) + (ema * (1 - multiplier))
+    
+    return ema
+
+
+def format_number(value: float, decimals: int = 2) -> str:
+    """Formata número com casas decimais especificadas."""
+    return f"{value:.{decimals}f}"
     
     @staticmethod
     def get_action_color(action: str) -> str: