DashDescomplicar/okf/entidades/Painel-IA.md

type, layer, tags, title

type	layer	tags	title
Entity	wiki	stack dashdescomplicar painel ia claude-code stack	Painel-IA

Painel-IA

Painel de overview do ecossistema de IA Descomplicar®. Visualiza as 3 camadas de execução (Claude Code, n8n, Paperclip), sistemas transversais e configuração CARL.

Responsabilidades

• 3 Camadas: Claude Code (interactivo), n8n (determinístico), Paperclip (autónomo)
• Métricas por Camada: Skills (189), Agents (72), MCPs (39), Hooks (9), Plugins (23), Workflows (14), Agentes Paperclip (16), Routines (5)
• Sistemas Transversais: RAG/CARL, Anti-alucinação, Knowledge Graph (LightRAG), Auto-melhoria, Design
• CARL Config: 8 domínios, 45 regras
• Notebooks: 58 notebooks NotebookLM
• Design Visual: Gradientes únicos por camada (violet=Claude, amber=n8n, cyan=Paperclip), glow effects

Stack

• React 19 + TypeScript 5.6
• Framer Motion: Stagger + spring animations
• Lucide React: Brain, Cpu, Bot, Zap, Shield, Database, BookOpen, Layers
• Tailwind CSS: Gradient cards, badges coloridos

Tipos

• AiLayer: name, label, items[] (metric, value, detail)
• TransversalSystem: name, status (active|warning|inactive), detail
• CarlConfig: domains[], total_rules
• AiDashboard: layers[], transversal[], carl, notebooks, last_updated

Configuração Visual por Camada

Camada	Gradiente	Cor	Ícone
Claude Code	violet-500 → purple-500	text-violet-300	Brain
n8n	amber-500 → orange-500	text-amber-300	Zap
Paperclip	cyan-500 → teal-500	text-cyan-300	Bot

API Consumida

API	Rota	Dados
AI	GET /api/ai	Dados estáticos do stack (snapshot STK-Estado-Actual.md)

Localizações

• Código: src/pages/AiOverview.tsx (452 linhas)
• Rota: /ai

Dependências

• Express-API: Rota /api/ai
• STK-Estado-Actual.md: Fonte estática de dados do stack
• Dashboard-Engine: Layout, navegação

Estado

• Activo — dados estáticos (snapshot 06-04-2026), a evoluir para dados dinâmicos