ff:"ExplicitChatIdProvider" 100:I[903690,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$7a","$80","$81","$7b","$79","$82"],"$ff"] 101:I[838238,["$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$7d","$7e","$7f","$7a","$80","$81","$7b","$79","$82"],"SWRDataProvider"] 104:[] 105:[["RPHTXOtApz9","b_Jp8JERaEETu"],["b_2scxVRlf1fs",null],["b_DAATfhgrz6T",null]] 106:[["RPHTXOtApz9",{"templateVersionId":null,"templateCanonId":null}],["b_2scxVRlf1fs",{"templateVersionId":null,"templateCanonId":null}],["b_DAATfhgrz6T",{"templateVersionId":null,"templateCanonId":null}]] 107:[["RPHTXOtApz9","$D2026-01-14T10:51:08.633Z"],["b_2scxVRlf1fs","$D2026-01-14T11:03:39.270Z"],["b_DAATfhgrz6T","$D2026-01-14T11:19:32.946Z"]] 108:[["RPHTXOtApz9",false],["b_2scxVRlf1fs",false],["b_DAATfhgrz6T",false]] 109:[["RPHTXOtApz9","$undefined"],["b_2scxVRlf1fs",{"deploymentId":"dpl_QTo7zQgoAZgqXNfUJPq5CrmjgG1a"}],["b_DAATfhgrz6T",{"git":{"ref":"main","sha":"d73bbb7397e3fd116d7a2e24db19e26c5b6cfaf4","type":"github","repoId":0,"repoName":"v0-1-rIVSiFpXZpr03JRkKBiRmvWP-ad0IvgVaYHv","ownerName":"v0-git-s3-storage","commitMessage":"Initial commit from v0"}}]] 10a:[["RPHTXOtApz9",null],["b_2scxVRlf1fs",null],["b_DAATfhgrz6T",null]] 10b:[["RPHTXOtApz9",true],["b_2scxVRlf1fs",true],["b_DAATfhgrz6T",true]] 10c:[["RPHTXOtApz9",true],["b_2scxVRlf1fs",true],["b_DAATfhgrz6T",true]] 10d:[] 10e:T59e,OBJETIVO: REESTRUTURAR O DESIGN DA LANDING PAGE DO OZAI COM FOCO EM POSICIONAMENTO E HIERARQUIA VISUAL. DIRETRIZES DE DESIGN (REGRAS): 1. PALETA DE CORES: Baseada em Verde Esmeralda (#10b981) e Branco Puro. Usar gradientes suaves de verde apenas no fundo da seção Hero. 2. TIPOGRAFIA: Usar uma fonte Sans-serif moderna (Inter ou Montserrat). Títulos com peso 'Bold' e textos de suporte com peso 'Regular'. 3. ESPAÇAMENTO: Aplicar a regra de 'Whitespace' (espaço negativo). Nenhuma seção deve parecer apertada. Usar padding de no mínimo 80px entre grandes seções. ESTRUTURA DE POSICIONAMENTO: - SEÇÃO HERO: Centralizar o título 'OZAI Sistema de Gestão Inteligente'. Abaixo dele, colocar as badges 'Sistema Premiado' e 'Versão 2026' alinhadas horizontalmente. - GRID DE STATS: Criar 4 cartões com bordas arredondadas (24px) e sombra 'Soft' (0 4px 20px rgba(0,0,0,0.05)). O conteúdo dentro do cartão deve estar centralizado vertical e horizontalmente. - CAROUSEL DE MÓDULOS: O card de funcionalidade deve ser dividido em 50/50: Texto e Botão à esquerda; Imagem de preview com bordas arredondadas e efeito de profundidade à direita. - CTA FINAL: Um bloco de largura total com cantos arredondados, fundo verde esmeralda profundo, e o botão 'Iniciar Agora' flutuando no centro com ícone de brilho. AÇÃO: Gere o código CSS/Tailwind garantindo que a responsividade mantenha a hierarquia visual em dispositivos móveis. 10f:T3756dc,[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # Sistema de Gestão Inteligente *Version 2025.1.0 - Business Management System* *Automatically synced with your [v0.dev](https://v0.dev) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/certo7252-2575s-projects/v0-ozai-sistema-gestao-inteligente) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.dev-black?style=for-the-badge)](https://v0.dev/chat/projects/MASdPF5asyp) ## Overview Sistema de Gestão Inteligente is a comprehensive business management system designed for modern enterprises. This repository stays in sync with your deployed chats on [v0.dev](https://v0.dev). **Version:** 2025.1.0 **Release Date:** January 2025 ## Deployment Your project is live at: **[https://vercel.com/certo7252-2575s-projects/v0-ozai-sistema-gestao-inteligente](https://vercel.com/certo7252-2575s-projects/v0-ozai-sistema-gestao-inteligente)** ## Build your app Continue building your app on: **[https://v0.dev/chat/projects/MASdPF5asyp](https://v0.dev/chat/projects/MASdPF5asyp)** ## How It Works 1. Create and modify your project using [v0.dev](https://v0.dev) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository ## Version History - **2025.1.0** - Initial release with comprehensive business management features --- [V0_FILE]typescript:file="app/api/accounting/process-invoice/route.ts" /** * API Route: Process Invoice Workflow * Automatically creates journal entries for invoice processing */ import { processInvoiceWorkflow, validateInvoiceForAutomation } from "@/lib/accounting-automation" import { type AccountPayable } from "@/lib/financial-service" export async function POST(request: Request) { try { const body = await request.json() const { invoice, userId } = body // Validate invoice const validation = validateInvoiceForAutomation(invoice) if (!validation.valid) { return Response.json( { success: false, errors: validation.errors, }, { status: 400 }, ) } // Process workflow const result = await processInvoiceWorkflow(invoice, userId) return Response.json(result) } catch (error) { console.error("[v0] Error in process-invoice API:", error) return Response.json( { success: false, errors: ["Erro ao processar factura"], }, { status: 500 }, ) } } export async function GET() { return Response.json( { message: "Invoice workflow automation API", endpoints: { POST: "Process invoice with automatic journal entries", }, }, { status: 200 }, ) } [V0_FILE]typescript:file="app/api/admin/users/[id]/route.ts" import { type NextRequest, NextResponse } from "next/server" import { userService } from "@/lib/database-service" export async function GET(request: NextRequest, { params }: { params: { id: string } }) { try { const userId = params.id const user = await userService.getById(userId) if (!user) { return NextResponse.json({ error: "Usuário não encontrado" }, { status: 404 }) } return NextResponse.json({ user, hasEmployeeLink: false, }) } catch (error) { console.error("Erro ao buscar usuário:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { try { const userId = params.id const body = await request.json() const { name, email, phone, role, status, department } = body // Update user const updatedUser = await userService.update(userId, { name, email, phone, role, status, department, updated_at: new Date().toISOString(), }) console.log("[v0] Usuário atualizado:", { id: userId, email: updatedUser.email, }) return NextResponse.json({ success: true, user: updatedUser, message: "Usuário atualizado com sucesso", }) } catch (error) { console.error("Erro ao atualizar usuário:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) { try { const userId = params.id const user = await userService.getById(userId) if (!user) { return NextResponse.json({ error: "Usuário não encontrado" }, { status: 404 }) } // Soft delete - set status to inactive instead of hard delete await userService.update(userId, { status: "inativo", updated_at: new Date().toISOString(), }) console.log("[v0] Usuário desativado:", { id: userId, email: user.email, }) return NextResponse.json({ success: true, message: "Usuário desativado com sucesso", }) } catch (error) { console.error("Erro ao desativar usuário:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/admin/users/route.ts" import { type NextRequest, NextResponse } from "next/server" import { userService } from "@/lib/database-service" export async function POST(request: NextRequest) { try { const body = await request.json() const { name, email, phone, role, department, temporaryPassword } = body // Validate required fields if (!name || !email || !role) { return NextResponse.json({ error: "Nome, email e role são obrigatórios" }, { status: 400 }) } // Check if email already exists const existingUser = await userService.getByEmail(email) if (existingUser) { return NextResponse.json({ error: "Email já está em uso" }, { status: 409 }) } // Create user const newUser = await userService.create({ name, email, phone: phone || "", role, status: "ativo", department: department || "", created_at: new Date().toISOString(), updated_at: new Date().toISOString(), }) console.log("[v0] Usuário criado via Admin:", { id: newUser.id, email: newUser.email, role: newUser.role, }) return NextResponse.json( { success: true, user: newUser, message: "Usuário criado com sucesso", }, { status: 201 }, ) } catch (error) { console.error("Erro ao criar usuário:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } export async function GET(request: NextRequest) { try { const { searchParams } = new URL(request.url) const role = searchParams.get("role") const status = searchParams.get("status") const department = searchParams.get("department") console.log("[v0] Buscando usuários com filtros:", { role, status, department }) const users = await userService.getAll() // Apply filters let filteredUsers = users if (role) { filteredUsers = filteredUsers.filter((user) => user.role === role) } if (status) { filteredUsers = filteredUsers.filter((user) => user.status === status) } if (department) { filteredUsers = filteredUsers.filter((user) => user.department === department) } return NextResponse.json({ users: filteredUsers }) } catch (error) { console.error("Erro ao buscar usuários:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/backup/create/route.ts" import { type NextRequest, NextResponse } from "next/server" import { firebaseBackupService } from "@/lib/firebase-backup-service" export async function POST(request: NextRequest) { try { const body = await request.json() const { userId } = body if (!userId) { return NextResponse.json({ error: "User ID is required" }, { status: 400 }) } console.log("[v0] Creating backup for user:", userId) const result = await firebaseBackupService.createBackup(userId) if (result.success) { return NextResponse.json({ success: true, backupId: result.backupId, message: "Backup created successfully", }) } else { return NextResponse.json({ error: result.error }, { status: 500 }) } } catch (error) { console.error("[v0] Error creating backup:", error) return NextResponse.json({ error: "Failed to create backup" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/backup/info/route.ts" import { type NextRequest, NextResponse } from "next/server" import { firebaseBackupService } from "@/lib/firebase-backup-service" export async function GET(request: NextRequest) { try { const searchParams = request.nextUrl.searchParams const userId = searchParams.get("userId") if (!userId) { return NextResponse.json({ error: "User ID is required" }, { status: 400 }) } const lastBackup = await firebaseBackupService.getLastBackupDate(userId) return NextResponse.json({ lastBackup, hasBackup: lastBackup !== null, }) } catch (error) { console.error("[v0] Error fetching backup info:", error) return NextResponse.json({ error: "Failed to fetch backup info" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/notifications/email/route.ts" import { type NextRequest, NextResponse } from "next/server" import { notificationService } from "@/lib/notification-service" export async function POST(request: NextRequest) { try { const body = await request.json() const { type, data } = body if (!type) { return NextResponse.json({ error: "Tipo de notificação é obrigatório" }, { status: 400 }) } const success = await notificationService.sendEmailNotification(type, data) if (success) { return NextResponse.json({ success: true, message: "Email enviado com sucesso", }) } else { return NextResponse.json({ error: "Falha ao enviar email" }, { status: 500 }) } } catch (error) { console.error("Erro na API de email:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } export async function GET(request: NextRequest) { try { const { searchParams } = new URL(request.url) const action = searchParams.get("action") switch (action) { case "history": const history = notificationService.getEmailHistory() return NextResponse.json({ emails: history }) case "stats": const stats = notificationService.getEmailStats() return NextResponse.json(stats) default: return NextResponse.json({ error: "Ação não especificada" }, { status: 400 }) } } catch (error) { console.error("Erro ao buscar dados de email:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/notifications/preferences/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function PUT(request: NextRequest) { try { const body = await request.json() const { userId, preferences } = body console.log(`[v0] Updating notification preferences for user ${userId}:`, preferences) // Here you would: // 1. Save preferences to database // 2. Configure email service (SendGrid, AWS SES, etc.) // 3. Configure SMS service (Twilio, AWS SNS, etc.) // 4. Update push notification subscriptions return NextResponse.json({ success: true, message: "Preferências de notificação atualizadas", }) } catch (error) { return NextResponse.json({ error: "Erro ao atualizar preferências" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/notifications/sms/route.ts" import { type NextRequest, NextResponse } from "next/server" import { notificationService } from "@/lib/notification-service" export async function POST(request: NextRequest) { try { const body = await request.json() const { type, data } = body if (!type) { return NextResponse.json({ error: "Tipo de notificação é obrigatório" }, { status: 400 }) } const success = await notificationService.sendNotification(type, data) if (success) { return NextResponse.json({ success: true, message: "SMS enviado com sucesso", }) } else { return NextResponse.json({ error: "Falha ao enviar SMS" }, { status: 500 }) } } catch (error) { console.error("Erro na API de SMS:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } export async function GET(request: NextRequest) { try { const { searchParams } = new URL(request.url) const action = searchParams.get("action") switch (action) { case "history": const history = notificationService.getNotificationHistory() return NextResponse.json({ sms: history }) case "stats": const stats = notificationService.getNotificationStats() return NextResponse.json(stats) default: return NextResponse.json({ error: "Ação não especificada" }, { status: 400 }) } } catch (error) { console.error("Erro ao buscar dados de SMS:", error) return NextResponse.json({ error: "Erro interno do servidor" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/public/stats/route.ts" import { NextResponse } from "next/server" import { statsService, userService, orderService } from "@/lib/database-service" export async function GET() { try { const [dashboardStats, users, orders] = await Promise.all([ statsService.getDashboardStats(), userService.getAll(), orderService.getAll(), ]) // Calculate real statistics const activeUsers = users.filter((u) => u.status === "ativo").length const totalTransactions = orders.length // Calculate average response time (simulated based on system performance) const avgResponseTime = 85 // ms - can be calculated from actual API metrics // Calculate uptime percentage (can be integrated with monitoring service) const uptime = 99.9 // percentage return NextResponse.json({ uptime, activeUsers, transactionsPerDay: totalTransactions, responseTime: avgResponseTime, }) } catch (error) { console.error("Error fetching public stats:", error) // Return fallback values if there's an error return NextResponse.json({ uptime: 99.9, activeUsers: 500, transactionsPerDay: 10000, responseTime: 95, }) } } [V0_FILE]typescript:file="app/api/users/[id]/avatar/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function POST(request: NextRequest, { params }: { params: { id: string } }) { try { const formData = await request.formData() const file = formData.get("avatar") as File if (!file) { return NextResponse.json({ error: "Nenhum arquivo enviado" }, { status: 400 }) } // Validate file type and size const allowedTypes = ["image/jpeg", "image/png", "image/gif"] if (!allowedTypes.includes(file.type)) { return NextResponse.json({ error: "Tipo de arquivo não permitido" }, { status: 400 }) } if (file.size > 2 * 1024 * 1024) { return NextResponse.json({ error: "Arquivo muito grande (máximo 2MB)" }, { status: 400 }) } // Here you would upload to storage service (Vercel Blob, AWS S3, etc.) console.log(`[v0] Uploading avatar for user ${params.id}:`, { filename: file.name, size: file.size, type: file.type, }) return NextResponse.json({ success: true, message: "Avatar atualizado com sucesso", avatar_url: `/uploads/avatars/${params.id}.jpg`, }) } catch (error) { return NextResponse.json({ error: "Erro ao fazer upload do avatar" }, { status: 500 }) } } export async function DELETE(request: NextRequest, { params }: { params: { id: string } }) { try { console.log(`[v0] Removing avatar for user ${params.id}`) return NextResponse.json({ success: true, message: "Avatar removido com sucesso", }) } catch (error) { return NextResponse.json({ error: "Erro ao remover avatar" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/users/[id]/language/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { try { const body = await request.json() const { language } = body // Validate language if (!["pt", "en"].includes(language)) { return NextResponse.json({ error: "Idioma não suportado" }, { status: 400 }) } console.log(`[v0] Updating language preference for user ${params.id}:`, language) // Update user language preference in database const { createServerClient } = await import("@supabase/ssr") const { cookies } = await import("next/headers") const cookieStore = cookies() const supabase = createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { cookies: { get(name: string) { return cookieStore.get(name)?.value }, }, }) // Insert or update language preference const { error: dbError } = await supabase.from("user_language_preferences").upsert( { user_id: Number.parseInt(params.id), language: language, updated_at: new Date().toISOString(), }, { onConflict: "user_id", }, ) if (dbError) { console.error("[v0] Database error updating language:", dbError) return NextResponse.json({ error: "Erro ao salvar preferência de idioma" }, { status: 500 }) } console.log(`[v0] Language preference saved successfully for user ${params.id}`) return NextResponse.json({ success: true, message: language === "en" ? "Language updated successfully" : "Idioma atualizado com sucesso", language, }) } catch (error) { console.error("[v0] Error updating language:", error) return NextResponse.json( { error: "Erro ao atualizar idioma", }, { status: 500 }, ) } } export async function GET(request: NextRequest, { params }: { params: { id: string } }) { try { console.log(`[v0] Fetching language preference for user ${params.id}`) const { createServerClient } = await import("@supabase/ssr") const { cookies } = await import("next/headers") const cookieStore = cookies() const supabase = createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { cookies: { get(name: string) { return cookieStore.get(name)?.value }, }, }) const { data, error } = await supabase .from("user_language_preferences") .select("language") .eq("user_id", Number.parseInt(params.id)) .single() if (error && error.code !== "PGRST116") { // PGRST116 = no rows returned console.error("[v0] Database error fetching language:", error) return NextResponse.json({ error: "Erro ao buscar preferência de idioma" }, { status: 500 }) } const language = data?.language || "pt" // Default to Portuguese console.log(`[v0] Language preference retrieved: ${language}`) return NextResponse.json({ success: true, language, }) } catch (error) { console.error("[v0] Error fetching language preference:", error) return NextResponse.json( { error: "Erro ao buscar preferência de idioma", language: "pt", // Fallback to Portuguese }, { status: 500 }, ) } } [V0_FILE]typescript:file="app/api/users/[id]/profile/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest, { params }: { params: { id: string } }) { try { // For now, return mock data structure that would come from database const userProfile = { id: params.id, name: "Sidney Matos", email: "sidney.matos@company.co.ao", phone: "+244 900 123 456", department: "Tecnologia", avatar_url: null, created_at: new Date().toISOString(), updated_at: new Date().toISOString(), } return NextResponse.json(userProfile) } catch (error) { return NextResponse.json({ error: "Erro ao buscar perfil do usuário" }, { status: 500 }) } } export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { try { const body = await request.json() // Validate and sanitize input data const { name, email, phone, department } = body // Here you would update the database console.log(`[v0] Updating profile for user ${params.id}:`, { name, email, phone, department, }) return NextResponse.json({ success: true, message: "Perfil atualizado com sucesso", }) } catch (error) { return NextResponse.json({ error: "Erro ao atualizar perfil" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/users/[id]/security/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest, { params }: { params: { id: string } }) { try { const { id } = params // Get security settings from localStorage (in real app, from database) const settings = { twoFactorEnabled: false, emailNotifications: true, smsNotifications: false, loginAlerts: true, } return NextResponse.json(settings) } catch (error) { console.error("[v0] Error fetching security settings:", error) return NextResponse.json({ error: "Failed to fetch security settings" }, { status: 500 }) } } export async function PUT(request: NextRequest, { params }: { params: { id: string } }) { try { const { id } = params const body = await request.json() console.log("[v0] Updating security settings for user:", id, body) // In real app, save to database // For now, return success return NextResponse.json({ success: true }) } catch (error) { console.error("[v0] Error updating security settings:", error) return NextResponse.json({ error: "Failed to update security settings" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/users/[id]/sessions/[sessionId]/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function DELETE(request: NextRequest, { params }: { params: { id: string; sessionId: string } }) { try { console.log(`[v0] Revoking session ${params.sessionId} for user ${params.id}`) return NextResponse.json({ success: true, message: "Sessão revogada com sucesso", }) } catch (error) { return NextResponse.json({ error: "Erro ao revogar sessão" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/users/[id]/sessions/route.ts" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest, { params }: { params: { id: string } }) { try { // This would query the sessions table for the user const activeSessions = [ { id: "session-1", device: "Chrome - Windows", location: "Luanda, Angola", ip: "197.149.84.1", lastActive: "Agora", current: true, created_at: new Date().toISOString(), }, ] console.log(`[v0] Fetching sessions for user ${params.id}`) return NextResponse.json(activeSessions) } catch (error) { return NextResponse.json({ error: "Erro ao buscar sessões ativas" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/backup/page.tsx" import { RealTimeBackupInterface } from "@/components/real-time-backup-interface" export default function BackupPage() { return (

Sistema de Backup

Backup completo em tempo real de todos os módulos do sistema

) } [V0_FILE]typescriptreact:file="app/not-found.tsx" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Home, ArrowLeft } from "lucide-react" import { useRouter } from "next/navigation" export default function NotFound() { const router = useRouter() return (

404

Página não encontrada A página que você está procurando não existe ou foi movida.

) } [V0_FILE]typescriptreact:file="app/orders-basic/page.tsx" import { BasicOrdersTable } from "@/components/basic-orders-table" export default function BasicOrdersPage() { return (

) } [V0_FILE]css:file="app/ozai-breathing.css" /* OZAI Processing Overlay - Pure CSS High-Quality Loading Indicator */ /* Full Screen Overlay with Immersive Green Background */ .ozai-breathing-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; /* Institutional brand green - high saturation and quality */ background: linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #15803d 100%); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; will-change: opacity; contain: layout style paint; } /* When loading is active, show the overlay */ .ozai-breathing-overlay[aria-label="Sistema processando"] { opacity: 1; visibility: visible; pointer-events: auto; } /* Container for centered content */ .ozai-breathing-container { position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; contain: layout; width: 100%; height: 100%; } /* OZAI Text with Breathing Animation */ .ozai-breathing-text { font-size: clamp(3rem, 15vw, 6rem); font-weight: 900; letter-spacing: 0.2em; color: #ffffff; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Poppins", sans-serif; animation: ozai-breathing 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; will-change: transform, opacity; contain: layout style; user-select: none; -webkit-user-select: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; position: relative; z-index: 2; } /* Subtle pulse ring around OZAI text */ .ozai-breathing-pulse-ring { position: absolute; width: clamp(250px, 60vmin, 400px); height: clamp(250px, 60vmin, 400px); border: 3px solid rgba(255, 255, 255, 0.1); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ozai-breathing-ring-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; pointer-events: none; will-change: transform; contain: layout; z-index: 1; } /* Rotating Green Arrow - SVG based indicator */ .ozai-rotating-arrow { width: clamp(60px, 20vmin, 120px); height: clamp(60px, 20vmin, 120px); animation: ozai-arrow-rotate 2s linear infinite; will-change: transform; filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.4)); } /* ===== BREATHING ANIMATIONS ===== */ /* Breathing effect: text pulses with scale and opacity changes */ @keyframes ozai-breathing { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.15); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } } /* Subtle ring pulse that complements the breathing text */ @keyframes ozai-breathing-ring-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.1; } 50% { transform: translate(-50%, -50%) scale(1.12); opacity: 0.05; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.1; } } /* ===== ARROW ROTATION ANIMATION ===== */ /* Smooth continuous 360-degree rotation */ @keyframes ozai-arrow-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Responsive Design - Mobile First */ @media (max-width: 768px) { .ozai-breathing-text { letter-spacing: 0.15em; } .ozai-breathing-pulse-ring { border-width: 2px; } .ozai-rotating-arrow { width: clamp(50px, 18vmin, 100px); height: clamp(50px, 18vmin, 100px); } } @media (max-width: 480px) { .ozai-breathing-text { letter-spacing: 0.1em; } .ozai-breathing-pulse-ring { border-width: 1.5px; } .ozai-rotating-arrow { width: clamp(45px, 16vmin, 80px); height: clamp(45px, 16vmin, 80px); } } /* Accessibility - Respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { .ozai-breathing-text, .ozai-breathing-pulse-ring { animation: none; opacity: 1; transform: scale(1); } .ozai-rotating-arrow { animation: none; opacity: 1; } } [V0_FILE]css:file="app/ozai-energy-ring.css" /* OZAI Energy Ring - High Quality Loading Indicator */ /* Full Screen Overlay - Semi-transparent dark background */ .ozai-energy-ring-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* 80% opaque black for high contrast */ z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: auto; will-change: opacity; contain: layout style paint; } .ozai-energy-ring-overlay.ozai-energy-ring-active { opacity: 1; visibility: visible; } /* Container for centered content */ .ozai-energy-ring-container { position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; contain: layout; } /* Main Energy Ring SVG Container */ .ozai-energy-ring-main { position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } /* SVG Styling */ .ozai-energy-ring-svg { width: 100%; height: 100%; filter: drop-shadow(0 0 12px rgba(34, 197, 94, 0.4)); /* Green glow effect */ } /* Rotating energy ring stroke */ .ozai-energy-ring-stroke { animation: ozai-energy-rotate 0.8s linear infinite; transform-origin: 50% 50%; will-change: transform; } /* Subtle pulse ring for visual depth */ .ozai-energy-ring-pulse { position: absolute; width: 150px; height: 150px; border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ozai-energy-pulse 1.6s cubic-bezier(0.4, 0, 0.6, 1) infinite; pointer-events: none; will-change: transform; contain: layout; } /* ===== ANIMATIONS ===== */ /* Rigid continuous rotation - Linear for constant velocity */ @keyframes ozai-energy-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Subtle expanding pulse for dimension */ @keyframes ozai-energy-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.2; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; } } /* Responsive Design */ @media (max-width: 768px) { .ozai-energy-ring-main { width: 100px; height: 100px; } .ozai-energy-ring-pulse { width: 130px; height: 130px; } } @media (max-width: 480px) { .ozai-energy-ring-main { width: 80px; height: 80px; } .ozai-energy-ring-pulse { width: 110px; height: 110px; } } /* Accessibility - Respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { .ozai-energy-ring-stroke, .ozai-energy-ring-pulse { animation: none !important; } .ozai-energy-ring-stroke { opacity: 1; } .ozai-energy-ring-pulse { opacity: 0.5; } } [V0_FILE]css:file="app/ozai-loading.css" /* OZAI Loading System - High Quality CSS */ /* Loading Overlay Container */ .ozai-loading-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(34, 197, 94, 0.98) 0%, rgba(22, 163, 74, 0.95) 100%); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter: blur(2px); } .ozai-loading-overlay.ozai-loading-active { opacity: 1; visibility: visible; } /* Main Container */ .ozai-loading-container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; z-index: 1; } /* OZAI Text Wrapper */ .ozai-text-wrapper { position: relative; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; } /* Main OZAI Text */ .ozai-text-main { font-size: 4rem; font-weight: 900; letter-spacing: 0.15em; color: #ffffff; text-shadow: 0 0 20px rgba(255, 255, 255, 0.3), 0 0 40px rgba(22, 163, 74, 0.4), 0 0 60px rgba(34, 197, 94, 0.2); font-family: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; animation: ozai-rotate 3s linear infinite, ozai-pulse-scale 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; transform-origin: center; will-change: transform; } /* Glow effect behind text */ .ozai-text-glow { position: absolute; inset: -20px; background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%); border-radius: 50%; filter: blur(8px); animation: ozai-glow-pulse 2s ease-in-out infinite; pointer-events: none; } /* Pulsing Rings */ .ozai-pulse-ring { position: absolute; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ozai-ring-expand 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .ozai-pulse-ring-1 { width: 150px; height: 150px; animation-delay: 0s; } .ozai-pulse-ring-2 { width: 200px; height: 200px; animation-delay: 0.6s; } .ozai-pulse-ring-3 { width: 250px; height: 250px; animation-delay: 1.2s; } /* Loading Message */ .ozai-loading-message { font-size: 1.125rem; font-weight: 500; letter-spacing: 0.05em; color: rgba(255, 255, 255, 0.9); text-align: center; max-width: 400px; margin: 1rem 0; animation: ozai-fade-in-out 2s ease-in-out infinite; } /* Loading Dots */ .ozai-loading-dots { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 0.5rem; } .ozai-dot { width: 0.75rem; height: 0.75rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; animation: ozai-dot-bounce 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .ozai-dot:nth-child(1) { animation-delay: -0.24s; } .ozai-dot:nth-child(2) { animation-delay: -0.12s; } .ozai-dot:nth-child(3) { animation-delay: 0s; } /* ===== ANIMATIONS ===== */ @keyframes ozai-rotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } @keyframes ozai-pulse-scale { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes ozai-glow-pulse { 0%, 100% { opacity: 0.4; filter: blur(8px); } 50% { opacity: 0.8; filter: blur(12px); } } @keyframes ozai-ring-expand { 0% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } } @keyframes ozai-fade-in-out { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } @keyframes ozai-dot-bounce { 0%, 80%, 100% { opacity: 0.5; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1.2); } } /* Mobile Responsive */ @media (max-width: 768px) { .ozai-text-main { font-size: 3rem; } .ozai-text-wrapper { width: 150px; height: 150px; } .ozai-loading-message { font-size: 1rem; } .ozai-pulse-ring-1 { width: 120px; height: 120px; } .ozai-pulse-ring-2 { width: 160px; height: 160px; } .ozai-pulse-ring-3 { width: 200px; height: 200px; } } @media (max-width: 480px) { .ozai-text-main { font-size: 2.5rem; } .ozai-dot { width: 0.625rem; height: 0.625rem; } } /* Respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce) { .ozai-text-main, .ozai-text-glow, .ozai-pulse-ring, .ozai-loading-message, .ozai-dot, .ozai-loading-overlay { animation: none !important; transition: none !important; } .ozai-text-main { opacity: 1; transform: scale(1); } } /* Enhanced OZAI Breathing Loading Overlay - High Quality Pure CSS with Performance Optimizations */ /* Full Screen Overlay with High Saturation Green Background */ .ozai-breathing-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #39ff14; /* Vibrant high-saturation neon green for maximum visual immersion */ z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 1; visibility: visible; pointer-events: auto; /* Performance: use will-change for GPU acceleration */ will-change: opacity; contain: layout style paint; } /* Container for centered content - optimized for performance */ .ozai-breathing-container { position: relative; display: flex; align-items: center; justify-content: center; z-index: 1; /* Performance: contain layout calculations */ contain: layout; } /* OZAI Text with Breathing Animation - Pure white for maximum contrast on green background */ .ozai-breathing-text { font-size: clamp(2.5rem, 8vw, 5rem); /* Responsive scaling: 2.5rem on mobile, 5rem on desktop */ font-weight: 900; letter-spacing: 0.2em; color: #ffffff; /* Pure white for perfect contrast and visibility */ text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Poppins", sans-serif; animation: ozai-breathing 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate; will-change: transform, opacity; /* Performance: use transform for GPU acceleration */ contain: layout style; user-select: none; -webkit-user-select: none; /* Accessibility: ensure text is readable */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* Optional subtle pulse ring around OZAI text for enhanced breathing effect */ .ozai-breathing-pulse-ring { position: absolute; width: clamp(200px, 50vmin, 300px); height: clamp(200px, 50vmin, 300px); border: 2px solid rgba(255, 255, 255, 0.15); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ozai-breathing-ring-pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate; pointer-events: none; will-change: transform; contain: layout; } /* ===== BREATHING ANIMATIONS ===== */ /* Rigid breathing effect: scale from 1.0 to 1.15 with opacity 1.0 to 0.8 */ @keyframes ozai-breathing { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.15); opacity: 0.8; /* Swells and dims slightly at peak to simulate breath exhale */ } 100% { transform: scale(1); opacity: 1; } } /* Subtle ring pulse that complements the breathing text animation */ @keyframes ozai-breathing-ring-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.15; } 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.08; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.15; } } /* Responsive Design - Mobile First Approach */ @media (max-width: 768px) { .ozai-breathing-text { letter-spacing: 0.15em; /* Reduced letter spacing on mobile for better fit */ } .ozai-breathing-pulse-ring { border-width: 1.5px; } } @media (max-width: 480px) { .ozai-breathing-text { letter-spacing: 0.1em; /* Further reduction on small screens */ } .ozai-breathing-pulse-ring { border-width: 1px; } } /* Accessibility - Respect prefers-reduced-motion for users who prefer less animation */ @media (prefers-reduced-motion: reduce) { .ozai-breathing-text, .ozai-breathing-pulse-ring { animation: none; opacity: 1; transform: scale(1); } } /* Performance optimizations for high-refresh displays */ @media (prefers-reduced-motion: no-preference) { @supports (backdrop-filter: blur(1px)) { .ozai-breathing-overlay { /* Subtle backdrop for additional visual depth on supported browsers */ backdrop-filter: blur(0px); } } } [V0_FILE]typescriptreact:file="app/rh/ferias/page.tsx" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/contexts/auth-context" import { VacationRequests } from "@/components/hr/vacation-requests" export default function FeriasPage() { const { user, isLoading } = useAuth() const router = useRouter() useEffect(() => { if (!isLoading && !user) { router.push("/") } }, [user, isLoading, router]) if (isLoading) { return (

A carregar...

) } if (!user) { return null } return (

Solicitação de Férias

{user.role === "admin" ? "Gerencie todos os pedidos de férias da equipa" : "Crie e acompanhe os seus pedidos de férias"}

) } [V0_FILE]typescriptreact:file="app/rh/folha/page.tsx" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/contexts/auth-context" import { PayrollManagement } from "@/components/hr/payroll-management" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { ShieldAlert } from "lucide-react" export default function PayrollPage() { const { user } = useAuth() const router = useRouter() useEffect(() => { if (user?.role === "funcionario" || user?.role === "supervisor") { console.log(`[v0] 🚫 BLOQUEIO DE ROTA: Bloqueando acesso à Folha de Pagamento para ${user.role}`) console.log(`[v0] 🔒 Usuário: ${user.email} | Role: ${user.role}`) console.log(`[v0] ↩️ Redirecionando para dashboard...`) router.push("/") } }, [user, router]) // Show access denied message if user is not admin if (user?.role === "funcionario" || user?.role === "supervisor") { return (

Acesso Negado Você não tem permissão para aceder à Folha de Pagamento. Este módulo é exclusivo para Administradores.

) } return (

) } [V0_FILE]typescriptreact:file="app/rh/funcionarios/page.tsx" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/contexts/auth-context" import { EmployeeManagement } from "@/components/hr/employee-management" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { ShieldAlert } from "lucide-react" export default function EmployeesPage() { const { user } = useAuth() const router = useRouter() useEffect(() => { if (user?.role === "funcionario" || user?.role === "supervisor") { console.log(`[v0] 🚫 BLOQUEIO DE ROTA: Bloqueando acesso à Gestão de Funcionários para ${user.role}`) console.log(`[v0] 🔒 Usuário: ${user.email} | Role: ${user.role}`) console.log(`[v0] ↩️ Redirecionando para dashboard...`) router.push("/") } }, [user, router]) // Show access denied message if user is not admin if (user?.role === "funcionario" || user?.role === "supervisor") { return (

Acesso Negado Você não tem permissão para aceder à Gestão de Funcionários. Este módulo é exclusivo para Administradores.

) } return (

) } [V0_FILE]typescriptreact:file="app/rh/ponto/page.tsx" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/contexts/auth-context" import { EmployeeTimeClock } from "@/components/hr/employee-time-clock" import { TimeClockManagement } from "@/components/hr/time-clock-management" export default function PontoPage() { const { user, isLoading } = useAuth() const router = useRouter() useEffect(() => { if (!isLoading && !user) { router.push("/") } }, [user, isLoading, router]) if (isLoading) { return (

A carregar...

) } if (!user) { return null } // Employees see the simple clock in/out interface // Admins and supervisors see the management interface const isEmployee = user.role === "funcionario" return (

{isEmployee ? "Registo de Ponto" : "Gestão de Ponto"}

{isEmployee ? "Marque a sua entrada e saída diária" : "Gerencie rotações de horário e localizações"}

{isEmployee ? : }

) } [V0_FILE]typescriptreact:file="app/stock/page.tsx" "use client" import dynamic from "next/dynamic" import { LoadingSpinner } from "@/components/loading-spinner" const GestaoStock = dynamic(() => import("@/components/gestao-stock"), { ssr: false, loading: () => (

), }) export default function StockPage() { return (

) } [V0_FILE]json:file="components.json" { "$schema": "https://ui.shadcn.com/schema.json", "version": "2025.1.0", "style": "default", "rsc": true, "tsx": true, "tailwind": { "config": "tailwind.config.ts", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/adicionar-item.tsx" "use client" import { useState, useCallback, useEffect } from "react" import { addDoc, collection, Timestamp } from "firebase/firestore" import { firebaseSingleton } from "@/lib/firebase-singleton" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/hooks/use-toast" import { sincronizarDashboard } from "@/lib/dashboard-sync" import { idGenerationService } from "@/lib/id-generation-service" interface AdicionarItemProps { isOpen: boolean onClose: () => void onSaveSuccess: () => void } interface FormData { code: string description: string unit: string currentStock: string minimumStock: string maximumStock: string unitCost: string location: string supplier_name: string } const initialFormState: FormData = { code: "", description: "", unit: "unidade", currentStock: "0", minimumStock: "0", maximumStock: "0", unitCost: "0", location: "", supplier_name: "", } export function AdicionarItem({ isOpen, onClose, onSaveSuccess }: AdicionarItemProps) { const [formData, setFormData] = useState(initialFormState) const [isSubmitting, setIsSubmitting] = useState(false) const [isGeneratingID, setIsGeneratingID] = useState(false) const { toast } = useToast() useEffect(() => { if (isOpen) { const generateID = async () => { setIsGeneratingID(true) try { const nextID = await idGenerationService.generateNextID("stock") setFormData((prev) => ({ ...prev, code: nextID })) } catch (error) { console.error("[v0] Error generating stock ID:", error) toast({ title: "Erro", description: "Erro ao gerar código do item. Tente novamente.", variant: "destructive", }) } finally { setIsGeneratingID(false) } } generateID() } }, [isOpen, toast]) const handleInputChange = (field: keyof FormData, value: string) => { setFormData((prev) => ({ ...prev, [field]: value })) } const handleAddStock = useCallback(async () => { setIsSubmitting(true) try { console.log("[v0] Iniciando salvamento do item...") const { db } = firebaseSingleton.getInstances() const currentStock = Number.parseInt(formData.currentStock) || 0 const unitCost = Number.parseFloat(formData.unitCost) || 0 const totalValue = currentStock * unitCost const itemData = { code: formData.code, description: formData.description, unit: formData.unit, current_stock: currentStock, minimum_stock: Number.parseInt(formData.minimumStock) || 0, maximum_stock: Number.parseInt(formData.maximumStock) || 0, unit_cost: unitCost, total_value: totalValue, location: formData.location, supplier_name: formData.supplier_name, created_at: Timestamp.now(), updated_at: Timestamp.now(), } const docRef = await addDoc(collection(db, "ozai_stock_items"), itemData) console.log(`[v0] ✅ Item guardado com sucesso! ID: ${docRef.id}`) console.log("[v0] 🔄 Sincronizando Dashboard após adicionar item...") await sincronizarDashboard({ type: "item_added", itemId: docRef.id, itemName: itemData.description, }) toast({ title: "Item Criado com Sucesso", description: `Item ${itemData.code} foi adicionado ao stock.`, variant: "default", }) setFormData(initialFormState) onSaveSuccess() } catch (error) { console.error("[v0] ❌ ERRO ao guardar item:", error) } finally { setIsSubmitting(false) } }, [formData, onSaveSuccess, toast]) const handleClose = () => { if (!isSubmitting) { setFormData(initialFormState) onClose() } } return ( ) } [V0_FILE]typescriptreact:file="components/admin/admin-user-management.tsx" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Badge } from "@/components/ui/badge" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogDescription, } from "@/components/ui/dialog" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Checkbox } from "@/components/ui/checkbox" import { Alert, AlertDescription } from "@/components/ui/alert" import { Textarea } from "@/components/ui/textarea" import { Users, UserPlus, Search, Edit, UserCheck, UserX, Link2, Unlink, RefreshCw, AlertCircle, Building, Eye, EyeOff, Shield, Home, } from "lucide-react" import { useToast } from "@/hooks/use-toast" import { hrAdminIntegration } from "@/lib/hr-admin-integration" import { hrEmployeeService, type Employee as HREmployee } from "@/lib/hr-employee-service" interface User { id: string name: string email: string phone: string department: string role: string status: "ativo" | "inativo" | "suspenso" employee_id?: string lastLogin?: string createdAt: string permissions?: { modules: string[] actions: string[] level: string } } interface Employee { id: string name: string email: string department: string position: string status: string } interface IntegrationStats { totalEmployees: number employeesWithUser: number employeesWithoutUser: number totalUsers: number usersWithEmployee: number usersWithoutEmployee: number } export function AdminUserManagement() { const [users, setUsers] = useState([]) const [employees, setEmployees] = useState([]) const [employeesWithoutUser, setEmployeesWithoutUser] = useState([]) const [integrationStats, setIntegrationStats] = useState(null) const [searchTerm, setSearchTerm] = useState("") const [statusFilter, setStatusFilter] = useState("all") const [roleFilter, setRoleFilter] = useState("all") const [selectedEmployees, setSelectedEmployees] = useState([]) const [isLoading, setIsLoading] = useState(false) const [isBulkCreateOpen, setIsBulkCreateOpen] = useState(false) const [isIntegrationStatsOpen, setIsIntegrationStatsOpen] = useState(false) const [isNewUserDialogOpen, setIsNewUserDialogOpen] = useState(false) const [isEditUserDialogOpen, setIsEditUserDialogOpen] = useState(false) const [isPermissionsDialogOpen, setIsPermissionsDialogOpen] = useState(false) const [selectedUser, setSelectedUser] = useState(null) const [showPassword, setShowPassword] = useState(false) const [employeeSearchTerm, setEmployeeSearchTerm] = useState("") const [allEmployees, setAllEmployees] = useState([]) const [selectedPermissions, setSelectedPermissions] = useState({ modules: [] as string[], actions: [] as string[], level: "funcionario" as string, }) const [newUserForm, setNewUserForm] = useState({ name: "", email: "", phone: "", department: "", role: "funcionario", status: "ativo" as "ativo" | "inativo" | "suspenso", employee_id: "", username: "", password: "", confirmPassword: "", notes: "", }) const [editingUser, setEditingUser] = useState(null) const { toast } = useToast() useEffect(() => { loadIntegrationData() loadAllEmployees() loadUsersFromLocalStorage() }, []) const loadUsersFromLocalStorage = () => { try { const storedUsers = localStorage.getItem("sys_users_db") if (storedUsers) { const parsedUsers = JSON.parse(storedUsers) setUsers(parsedUsers) console.log("[v0] [Admin-User-Management] ✅ Usuários carregados do sys_users_db:", parsedUsers.length) } else { console.log("[v0] [Admin-User-Management] Nenhum usuário encontrado no sys_users_db") setUsers([]) } } catch (error) { console.error("[v0] [Admin-User-Management] ❌ Erro ao carregar usuários do localStorage:", error) setUsers([]) } } const loadIntegrationData = async () => { setIsLoading(true) try { console.log("[v0] [Admin-User-Management] Carregando dados de integração...") const stats = await hrAdminIntegration.getIntegrationStats() console.log("[v0] [Admin-User-Management] Estatísticas carregadas:", stats) setIntegrationStats(stats) const employeesWithoutUserData = await hrAdminIntegration.getEmployeesWithoutUser() console.log("[v0] [Admin-User-Management] Funcionários sem usuário:", employeesWithoutUserData.length) setEmployeesWithoutUser(employeesWithoutUserData) // const usersWithEmployeeData = await hrAdminIntegration.getUsersWithEmployee() // console.log("[v0] [Admin-User-Management] Usuários com funcionário:", usersWithEmployeeData.length) // setUsers(usersWithEmployeeData.map((item) => item.user)) console.log("[v0] [Admin-User-Management] ✅ Dados de integração carregados com sucesso") } catch (error) { console.error("[v0] [Admin-User-Management] ❌ Erro ao carregar dados:", error) toast({ title: "Erro de Integração", description: "Erro ao carregar dados de integração RH-Admin", variant: "destructive", }) } finally { setIsLoading(false) } } const loadAllEmployees = async () => { try { console.log("[v0] [Admin-User-Management] Carregando funcionários do localStorage...") await hrEmployeeService.loadEmployees() const hrEmployees = hrEmployeeService.getActiveEmployees() if (!Array.isArray(hrEmployees)) { console.log("[v0] [Admin-User-Management] hrEmployees não é array, usando array vazio") setAllEmployees([]) return } // Convert HR employees to the format expected by this component const convertedEmployees: Employee[] = hrEmployees.map((hrEmp: HREmployee) => ({ id: hrEmp.id, name: hrEmp.full_name, email: hrEmp.email || "", department: hrEmp.department, position: hrEmp.position, status: hrEmp.status, })) setAllEmployees(convertedEmployees) console.log("[v0] [Admin-User-Management] ✅ Funcionários carregados do localStorage:", convertedEmployees.length) // Subscribe to employee changes for real-time updates hrEmployeeService.subscribe((updatedEmployees) => { if (!Array.isArray(updatedEmployees)) { console.log("[v0] [Admin-User-Management] updatedEmployees não é array na subscription") return } const convertedUpdated: Employee[] = updatedEmployees .filter((emp) => emp.status === "ativo") .map((hrEmp: HREmployee) => ({ id: hrEmp.id, name: hrEmp.full_name, email: hrEmp.email || "", department: hrEmp.department, position: hrEmp.position, status: hrEmp.status, })) setAllEmployees(convertedUpdated) console.log( "[v0] [Admin-User-Management] 🔄 Funcionários atualizados via subscription:", convertedUpdated.length, ) }) } catch (error) { console.error("[v0] [Admin-User-Management] ❌ Erro ao carregar funcionários:", error) setAllEmployees([]) toast({ title: "Erro ao Carregar Funcionários", description: "Não foi possível carregar a lista de funcionários do sistema", variant: "destructive", }) } } const handleBulkCreateUsers = async () => { if (selectedEmployees.length === 0) { toast({ title: "Seleção Necessária", description: "Selecione pelo menos um funcionário para criar usuários", variant: "destructive", }) return } setIsLoading(true) try { const result = await hrAdminIntegration.createBulkUsersFromEmployees(selectedEmployees, "funcionario") toast({ title: "Criação em Lote Concluída", description: `${result.summary.successful} usuários criados com sucesso de ${result.summary.total} tentativas`, }) // Refresh data await loadIntegrationData() setSelectedEmployees([]) setIsBulkCreateOpen(false) } catch (error) { toast({ title: "Erro na Criação em Lote", description: "Erro ao criar usuários em lote", variant: "destructive", }) } finally { setIsLoading(false) } } const handleCreateUserFromEmployee = async (employeeId: string, accessLevel: string) => { setIsLoading(true) try { console.log("[v0] [Admin-User-Management] Criando usuário:", { employeeId, accessLevel }) const result = await hrAdminIntegration.createUserFromEmployee(employeeId, accessLevel as any) console.log("[v0] [Admin-User-Management] Resultado da criação:", result) if (result.success) { toast({ title: "✅ Usuário Criado", description: result.message, }) await loadIntegrationData() } else { console.error("[v0] [Admin-User-Management] Falha na criação:", result.message) toast({ title: "❌ Erro na Criação", description: result.message, variant: "destructive", }) } } catch (error) { console.error("[v0] [Admin-User-Management] Erro crítico:", error) toast({ title: "❌ Erro Crítico", description: "Erro interno ao criar usuário", variant: "destructive", }) } finally { setIsLoading(false) } } const handleSyncUserWithEmployee = async (userId: string, employeeId: string) => { setIsLoading(true) try { const result = await hrAdminIntegration.syncEmployeeToUser(employeeId) if (result.success) { toast({ title: "Sincronização Concluída", description: result.message, }) await loadIntegrationData() } else { toast({ title: "Erro na Sincronização", description: result.message, variant: "destructive", }) } } catch (error) { toast({ title: "Erro", description: "Erro ao sincronizar dados", variant: "destructive", }) } finally { setIsLoading(false) } } const handleEmployeeSelect = (employeeId: string) => { console.log("[v0] [Admin-User-Management] Funcionário selecionado:", employeeId) const selectedEmployee = allEmployees.find((emp) => emp.id === employeeId) if (selectedEmployee) { console.log("[v0] [Admin-User-Management] Preenchendo dados do funcionário:", selectedEmployee) // Verificar se já existe utilizador para este funcionário const existingUser = users.find((user) => user.employee_id === selectedEmployee.id) if (existingUser) { toast({ title: "⚠️ Funcionário já tem utilizador", description: `${selectedEmployee.name} já possui um utilizador no sistema`, variant: "destructive", }) return } // Gerar username único const baseUsername = selectedEmployee.email.split("@")[0].toLowerCase() let username = baseUsername let counter = 1 while (users.some((user) => user.username === username)) { username = `${baseUsername}${counter}` counter++ } setNewUserForm((prev) => ({ ...prev, employee_id: selectedEmployee.id, name: selectedEmployee.name, email: selectedEmployee.email, phone: selectedEmployee.phone || "", department: selectedEmployee.department, username: username, role: mapPositionToRole(selectedEmployee.position), password: generateRandomPassword(), confirmPassword: "", })) setEmployeeSearchTerm(selectedEmployee.name) toast({ title: "✅ Funcionário Selecionado", description: `Dados de ${selectedEmployee.name} preenchidos automaticamente. Password gerada automaticamente.`, }) } } const mapPositionToRole = (position: string): string => { const positionLower = position.toLowerCase() if (positionLower.includes("gerente") || positionLower.includes("diretor")) return "gerente" if (positionLower.includes("supervisor") || positionLower.includes("coordenador")) return "supervisor" if (positionLower.includes("admin")) return "admin" return "funcionario" } const generateRandomPassword = () => { const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%" let password = "" for (let i = 0; i < 12; i++) { password += chars.charAt(Math.floor(Math.random() * chars.length)) } return password } const validateUserForm = () => { const errors: string[] = [] if (!newUserForm.name.trim()) errors.push("Nome é obrigatório") if (!newUserForm.email.trim()) errors.push("Email é obrigatório") if (!newUserForm.username.trim()) errors.push("Nome de utilizador é obrigatório") if (!newUserForm.password.trim()) errors.push("Password é obrigatória") if (newUserForm.password !== newUserForm.confirmPassword) errors.push("Passwords não coincidem") // Validar formato do email const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/ if (newUserForm.email && !emailRegex.test(newUserForm.email)) { errors.push("Formato de email inválido") } // Validar força da password if (newUserForm.password.length < 8) { errors.push("Password deve ter pelo menos 8 caracteres") } // Verificar se username já existe if (users.some((user) => user.username === newUserForm.username && user.id !== editingUser?.id)) { errors.push("Nome de utilizador já existe") } // Verificar se email já existe if (users.some((user) => user.email === newUserForm.email && user.id !== editingUser?.id)) { errors.push("Email já está em uso") } return errors } const handleProceedToPermissions = () => { console.log("[v0] [Admin-User-Management] Validando formulário antes das permissões") // Validar formulário primeiro const validationErrors = validateUserForm() if (validationErrors.length > 0) { toast({ title: "❌ Erro de Validação", description: validationErrors.join(", "), variant: "destructive", }) return } // Definir permissões padrão baseadas no role const defaultPermissions = { funcionario: { modules: ["rh", "ponto"], actions: ["read"], level: "funcionario", }, supervisor: { modules: ["rh", "ponto", "relatorios"], actions: ["read", "create", "update"], level: "supervisor", }, gerente: { modules: ["rh", "ponto", "relatorios", "admin"], actions: ["read", "create", "update", "delete"], level: "gerente", }, admin: { modules: ["rh", "ponto", "relatorios", "admin", "sistema"], actions: ["read", "create", "update", "delete", "manage"], level: "admin", }, } const rolePermissions = defaultPermissions[newUserForm.role as keyof typeof defaultPermissions] || defaultPermissions.funcionario setSelectedPermissions(rolePermissions) setIsPermissionsDialogOpen(true) } const handleSaveUserWithPermissions = async () => { console.log("[v0] [Admin-User-Management] Salvando utilizador com permissões") console.log("[v0] [Admin-User-Management] Permissões selecionadas:", selectedPermissions) try { const userData = { id: editingUser?.id || `user_${Date.now()}`, name: newUserForm.name.trim(), email: newUserForm.email.trim().toLowerCase(), phone: newUserForm.phone.trim(), department: newUserForm.department.trim(), role: newUserForm.role, status: newUserForm.status, employee_id: newUserForm.employee_id || undefined, username: newUserForm.username.trim().toLowerCase(), permissions: selectedPermissions, lastLogin: editingUser?.lastLogin || undefined, createdAt: editingUser?.createdAt || new Date().toISOString(), } console.log("[v0] [Admin-User-Management] Dados completos do utilizador:", userData) if (editingUser) { setUsers((prev) => prev.map((user) => (user.id === editingUser.id ? userData : user))) toast({ title: "✅ Utilizador Atualizado", description: `${userData.name} foi atualizado com permissões definidas`, }) } else { setUsers((prev) => [...prev, userData]) toast({ title: "✅ Utilizador Criado", description: `${userData.name} foi criado com permissões definidas`, }) } const updatedUsers = editingUser ? users.map((user) => (user.id === editingUser.id ? userData : user)) : [...users, userData] localStorage.setItem("sys_users_db", JSON.stringify(updatedUsers)) console.log("[v0] [Admin-User-Management] ✅ Usuários salvos no sys_users_db:", updatedUsers.length) // Reset forms setNewUserForm({ name: "", email: "", phone: "", department: "", role: "funcionario", status: "ativo", employee_id: "", username: "", password: "", confirmPassword: "", notes: "", }) setSelectedPermissions({ modules: [], actions: [], level: "funcionario", }) setEmployeeSearchTerm("") setIsNewUserDialogOpen(false) setIsPermissionsDialogOpen(false) setEditingUser(null) } catch (error) { console.error("[v0] [Admin-User-Management] Erro ao salvar utilizador:", error) toast({ title: "❌ Erro ao Salvar", description: "Erro interno do sistema. Tente novamente.", variant: "destructive", }) } } const filteredUsers = users.filter((user) => { const matchesSearch = user.name.toLowerCase().includes(searchTerm.toLowerCase()) || user.email.toLowerCase().includes(searchTerm.toLowerCase()) const matchesStatus = statusFilter === "all" || user.status === statusFilter const matchesRole = roleFilter === "all" || user.role === roleFilter return matchesSearch && matchesStatus && matchesRole }) const filteredEmployeesForSelection = (allEmployees || []).filter( (emp) => emp.name.toLowerCase().includes(employeeSearchTerm.toLowerCase()) || emp.email.toLowerCase().includes(employeeSearchTerm.toLowerCase()) || emp.department.toLowerCase().includes(employeeSearchTerm.toLowerCase()), ) const getStatusBadge = (status: string) => { const configs = { ativo: { color: "bg-green-100 text-green-800", label: "Ativo" }, inativo: { color: "bg-gray-100 text-gray-800", label: "Inativo" }, suspenso: { color: "bg-red-100 text-red-800", label: "Suspenso" }, } const config = configs[status as keyof typeof configs] || configs.inativo return {config.label} } const getRoleBadge = (role: string) => { const configs = { admin: { color: "bg-red-100 text-red-800", label: "Admin" }, gerente: { color: "bg-blue-100 text-blue-800", label: "Gerente" }, supervisor: { color: "bg-green-100 text-green-800", label: "Supervisor" }, funcionario: { color: "bg-gray-100 text-gray-800", label: "Funcionário" }, } const config = configs[role as keyof typeof configs] || configs.funcionario return {config.label} } return (

Gestão de Usuários com Integração RH

Gerencie usuários do sistema com sincronização automática de dados do RH

Usuários Ativos Integração RH Criação em Lote

setSearchTerm(e.target.value)} className="pl-10" />

Usuário Função Departamento Status Integração RH Ações {filteredUsers.map((user) => (

{user.name .split(" ") .map((n) => n[0]) .join("") .substring(0, 2)}

{user.name}

{user.email}

{getRoleBadge(user.role)}

{user.department}

{getStatusBadge(user.status)} {user.employee_id ? (

Vinculado

) : (

Sem vínculo

)}

{user.employee_id && ( )}

))}

Funcionários sem Usuário

{integrationStats?.employeesWithoutUser || 0}

de {integrationStats?.totalEmployees || 0} funcionários

Usuários Vinculados

{integrationStats?.usersWithEmployee || 0}

de {integrationStats?.totalUsers || 0} usuários

Taxa de Integração

{integrationStats ? Math.round((integrationStats.employeesWithUser / integrationStats.totalEmployees) * 100) : 0} %

funcionários com acesso

Funcionários Disponíveis para Criação de Usuário Funcionários ativos que ainda não possuem conta de usuário no sistema Nome Email Departamento Cargo Ações {employeesWithoutUser.map((employee) => ( {employee.name} {employee.email} {employee.department} {employee.position} ))}

Criação de Usuários em Lote Selecione múltiplos funcionários para criar contas de usuário simultaneamente

{selectedEmployees.length} funcionário(s) selecionado(s)

{ if (checked) { setSelectedEmployees(employeesWithoutUser.map((e) => e.id)) } else { setSelectedEmployees([]) } }} /> Nome Departamento Cargo Email {employeesWithoutUser.map((employee) => ( { if (checked) { setSelectedEmployees([...selectedEmployees, employee.id]) } else { setSelectedEmployees(selectedEmployees.filter((id) => id !== employee.id)) } }} /> {employee.name} {employee.department} {employee.position} {employee.email} ))}

{selectedEmployees.length > 0 && ( Todos os usuários serão criados com nível de acesso "Funcionário" por padrão. Você pode alterar as permissões individualmente após a criação. )} {/* Integration Statistics Dialog */} {/* New User Dialog */}