100:"ExplicitChatIdProvider" 101:I[903690,["$4f","$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","$7b","$7c","$7d","$79","$76","$7e","$77","$7f","$80","$81","$82","$83","$78"],"$100"] 102:I[838238,["$4f","$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","$7b","$7c","$7d","$79","$76","$7e","$77","$7f","$80","$81","$82","$83","$78"],"SWRDataProvider"] 105:[] 106:[["b_usBQJGpykJO",null],["b_CZPnrfgqNJJ",null]] 107:[["b_usBQJGpykJO",{"templateVersionId":null,"templateCanonId":null}],["b_CZPnrfgqNJJ",{"templateVersionId":null,"templateCanonId":null}]] 108:[["YSXWpj0phjn","$D2025-12-15T16:23:07.944Z"],["b_usBQJGpykJO","$D2025-12-15T19:18:56.222Z"],["b_CZPnrfgqNJJ","$D2025-12-15T19:24:57.523Z"]] 109:[["b_usBQJGpykJO",false],["b_CZPnrfgqNJJ",false]] 10a:[["b_usBQJGpykJO",{"deploymentId":"dpl_8rHa6Mut9wDYYUnCkpk6Hxs7jsX7"}],["b_CZPnrfgqNJJ",{"git":{"ref":"main","sha":"44094391130c2d17450c37f7b63bfd51a8b04282","type":"github","repoId":0,"repoName":"v0-1-ocrsoaSpkPrEPtoFOIYjTod5-7yFU3MsaIqx","ownerName":"v0-git-s3-storage","commitMessage":"Initial commit from v0"}}]] 10b:[["b_usBQJGpykJO",null],["b_CZPnrfgqNJJ",null]] 10c:[["b_usBQJGpykJO",true],["b_CZPnrfgqNJJ",true]] 10d:[["b_usBQJGpykJO",true],["b_CZPnrfgqNJJ",true]] 10e:[] 10f:T45a,O foco é limpar a interface de Configurações (Definições/Settings) removendo os dois módulos completos.1. 🖥️ Inspeção do Componente ConfiguraçõesLocal do Código: O ficheiro ou módulo que renderiza o conteúdo da página de Configurações.2. 🗑️ Remoção dos Módulos (UI e Conteúdo)A página de Configurações é estruturada com diferentes secções (Provavelmente Tabs, Links ou Painéis).Ação Crítica (Código): Localize e remova ou comente o código que corresponde aos módulos:Módulo a RemoverComponentes AssociadosSegurançaO link/tab "Segurança" e todo o conteúdo que ele renderiza (Ex: Alterar palavra-passe, Ativar 2FA).BackupO link/tab "Backup" e todo o conteúdo que ele renderiza (Ex: Botão "Criar Novo Backup", lista "O que é incluído no backup?").3. ✅ Novo Layout de ConfiguraçõesApós a remoção, a página de Configurações ficará focada apenas nos elementos que você optou por manter:Item RemanescentePropósitoPerfilGestão de informações pessoais (Nome, Foto, etc.).IdiomaSeleção do idioma da interface.Salvar AlteraçõesBotão de ação principal.110:T357ea5,[V0_FILE]plaintext:file=".gitignore" isMerged="true" # 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" isMerged="true" # 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" isMerged="true" /** * 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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" isMerged="true" 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]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); /* ============================================================================ DESIGN TOKENS & COLOR SYSTEM - ENHANCED FOR CRISP, HIGH-CONTRAST DESIGN ============================================================================ */ :root { /* Vibrant OZAI Green - Increased saturation and brightness for visual pop */ --primary: oklch(55% 0.22 155.41); --primary-foreground: oklch(100% 0 0); --primary-50: oklch(97% 0.05 155.41); --primary-100: oklch(93% 0.1 155.41); --primary-200: oklch(85% 0.16 155.41); --primary-300: oklch(76% 0.19 155.41); --primary-400: oklch(66% 0.21 155.41); --primary-500: oklch(55% 0.22 155.41); --primary-600: oklch(48% 0.2 155.41); --primary-700: oklch(40% 0.18 155.41); --primary-800: oklch(32% 0.14 155.41); --primary-900: oklch(26% 0.11 155.41); /* Pure, clean neutrals - No muddy grays, crisp blacks and whites */ --background: oklch(100% 0 0); --foreground: oklch(20% 0.015 264.53); --card: oklch(100% 0 0); --card-foreground: oklch(20% 0.015 264.53); --popover: oklch(100% 0 0); --popover-foreground: oklch(20% 0.015 264.53); /* Secondary Colors */ --secondary: oklch(20% 0.015 264.53); --secondary-foreground: oklch(100% 0 0); /* Semantic colors with enhanced contrast */ --muted: oklch(95% 0.01 264.53); --muted-foreground: oklch(40% 0.015 264.53); --accent: oklch(92% 0.22 155.41); --accent-foreground: oklch(20% 0.015 264.53); --destructive: oklch(62% 0.28 29.23); --destructive-foreground: oklch(100% 0 0); --success: oklch(55% 0.22 155.41); --success-foreground: oklch(100% 0 0); /* Enhanced contrast borders and inputs */ --border: oklch(90% 0.015 264.53); --input: oklch(98% 0.01 264.53); --ring: oklch(55% 0.22 155.41); /* Chart Colors - Vivid and distinct */ --chart-1: oklch(58% 0.25 41.116); --chart-2: oklch(65% 0.2 184.704); --chart-3: oklch(50% 0.18 227.392); --chart-4: oklch(75% 0.22 84.429); --chart-5: oklch(70% 0.22 70.08); /* Sidebar Branding - Rich, vibrant green */ --sidebar: oklch(52% 0.24 155.41); --sidebar-foreground: oklch(100% 0 0); --sidebar-primary: oklch(100% 0 0); --sidebar-primary-foreground: oklch(52% 0.24 155.41); --sidebar-accent: oklch(65% 0.24 155.41); --sidebar-accent-foreground: oklch(100% 0 0); --sidebar-border: oklch(45% 0.24 155.41); --sidebar-ring: oklch(70% 0.24 155.41); /* Radius */ --radius: 0.5rem; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); /* Typography - Fluid Responsive Scale */ --font-size-xs: clamp(0.7rem, 1.5vw, 0.75rem); --font-size-sm: clamp(0.8rem, 2vw, 0.875rem); --font-size-base: clamp(0.9rem, 2.5vw, 1rem); --font-size-lg: clamp(1rem, 3vw, 1.125rem); --font-size-xl: clamp(1.1rem, 3.5vw, 1.25rem); --font-size-2xl: clamp(1.25rem, 4.5vw, 1.5rem); --font-size-3xl: clamp(1.5rem, 5.5vw, 1.875rem); --font-size-4xl: clamp(1.75rem, 6.5vw, 2.25rem); /* Line Heights - Optimal Readability */ --line-height-tight: 1.2; --line-height-normal: 1.5; --line-height-relaxed: 1.75; /* Letter Spacing */ --letter-spacing-tight: -0.02em; --letter-spacing-normal: 0em; --letter-spacing-wide: 0.02em; /* Reduced spacing scale for more compact layout */ --spacing-xs: clamp(0.125rem, 0.25vw, 0.25rem); --spacing-sm: clamp(0.25rem, 0.5vw, 0.5rem); --spacing-md: clamp(0.5rem, 1vw, 0.75rem); --spacing-lg: clamp(0.75rem, 1.5vw, 1rem); --spacing-xl: clamp(1rem, 2vw, 1.5rem); --spacing-2xl: clamp(1.5rem, 3vw, 2rem); /* Enhanced Shadow System - Crisp, defined shadows instead of blurry ones */ --shadow-sm: 0 1px 2px 0 rgba(34, 197, 94, 0.08); --shadow-md: 0 4px 8px 0 rgba(34, 197, 94, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.08); --shadow-lg: 0 12px 24px 0 rgba(34, 197, 94, 0.15), 0 6px 12px 0 rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 40px 0 rgba(34, 197, 94, 0.18), 0 10px 20px 0 rgba(0, 0, 0, 0.12); /* Transition Timing */ --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1); --transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1); } .dark { /* Dark mode: Deep black background for maximum contrast */ --background: oklch(15% 0.01 264.53); --foreground: oklch(98% 0 0); --card: oklch(22% 0.015 264.53); --card-foreground: oklch(98% 0 0); --popover: oklch(22% 0.015 264.53); --popover-foreground: oklch(98% 0 0); /* Dark Mode Semantic */ --muted: oklch(32% 0.02 264.53); --muted-foreground: oklch(75% 0.02 264.53); --accent: oklch(35% 0.024 264.53); --accent-foreground: oklch(98% 0 0); --border: oklch(32% 0.02 264.53); --input: oklch(28% 0.015 264.53); /* Dark Mode Destructive */ --destructive: oklch(45% 0.25 29.23); --destructive-foreground: oklch(98% 0 0); /* Dark Mode Charts */ --chart-1: oklch(52% 0.28 264.376); --chart-2: oklch(60% 0.2 162.48); --chart-3: oklch(70% 0.22 70.08); --chart-4: oklch(55% 0.3 303.9); --chart-5: oklch(58% 0.28 16.439); /* Dark Mode Sidebar - Vibrant green on deep background */ --sidebar: oklch(45% 0.24 155.41); --sidebar-primary-foreground: oklch(45% 0.24 155.41); --sidebar-accent: oklch(60% 0.24 155.41); --sidebar-border: oklch(35% 0.24 155.41); --sidebar-ring: oklch(70% 0.24 155.41); /* Dark mode shadows - Subtle with green tint */ --shadow-sm: 0 1px 2px 0 rgba(22, 163, 74, 0.1); --shadow-md: 0 4px 8px 0 rgba(22, 163, 74, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.2); --shadow-lg: 0 12px 24px 0 rgba(22, 163, 74, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.3); --shadow-xl: 0 20px 40px 0 rgba(22, 163, 74, 0.25), 0 10px 20px 0 rgba(0, 0, 0, 0.4); } @theme inline { /* Typography */ --font-sans: var(--font-inter); --font-serif: var(--font-poppins); /* Colors */ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); /* Sidebar */ --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); /* Radius */ --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); } /* ============================================================================ RESET & BASE STYLES - ENHANCED FOR CRYSTAL-CLEAR RENDERING ============================================================================ */ @layer base { * { @apply border-border outline-ring/50; margin: 0; padding: 0; } *::before, *::after { box-sizing: border-box; } /* Enhanced font rendering for maximum clarity */ html { font-size: 16px; font-family: var(--font-sans); scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-size-adjust: 100%; overflow-x: hidden; max-width: 100vw; height: 100%; } body { @apply bg-background text-foreground; display: flex; flex-direction: column; min-height: 100vh; height: 100%; font-size: 1rem; line-height: var(--line-height-normal); /* Enhanced font feature settings for crisp text */ font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "ss01" 1; overflow-x: hidden; max-width: 100vw; } /* Typography baseline */ h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-tight); color: inherit; } h1 { font-size: var(--font-size-4xl); } h2 { font-size: var(--font-size-3xl); } h3 { font-size: var(--font-size-2xl); } h4, h5, h6 { font-size: var(--font-size-lg); } p { line-height: var(--line-height-normal); color: inherit; } /* Media elements respect container */ img, video, iframe { max-width: 100%; height: auto; display: block; } /* Form defaults */ input, select, textarea, button { font-family: inherit; font-size: inherit; } input, select, textarea { @apply border-input; border-radius: var(--radius-md); background-color: var(--background); color: var(--foreground); } button { cursor: pointer; border: none; background: none; } /* Links */ a { color: var(--primary); text-decoration: none; transition: color var(--transition-fast); } a:hover { color: var(--primary-600); } a:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; border-radius: var(--radius-sm); } /* Tables */ table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 0.5rem; border-bottom: 1px solid var(--border); } th { font-weight: 600; background-color: var(--muted); color: var(--foreground); } /* Code blocks */ code, pre { font-family: var(--font-mono); font-size: 0.875em; } code { @apply bg-muted px-1.5 py-0.5 rounded; color: var(--destructive); } pre { @apply bg-muted p-4 rounded-lg overflow-x-auto; line-height: 1.5; } pre code { background: none; color: inherit; padding: 0; } } /* ============================================================================ CARD & COMPONENT REFINEMENTS ============================================================================ */ @layer components { /* Cards with crisp, defined borders and shadows */ .card { @apply rounded-lg border bg-card text-card-foreground; border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: all var(--transition-normal); } .card:hover { box-shadow: var(--shadow-md); border-color: var(--primary-200); } } /* ============================================================================ LAYOUT SYSTEM - COMPACT AND SEAMLESS ============================================================================ */ .container { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box; } /* Sidebar with seamless transition, no borders or gaps */ .sidebar { transition: width var(--transition-normal), opacity var(--transition-normal); flex-shrink: 0; border-right: none; margin: 0; padding: 0; } /* Main content aligned seamlessly with sidebar - removed border and gap */ .main-content { flex: 1; min-width: 0; transition: margin-left var(--transition-normal); display: flex; flex-direction: column; border-left: none; margin-left: 0; padding-left: 0; } /* Seamless sidebar-main connection */ .sidebar + .main-content, .sidebar ~ .main-content { margin-left: 0; border-left: none; } /* Dynamic grid layout for responsive sidebars */ [style*="grid-template-columns"] { transition: grid-template-columns var(--transition-normal); } /* ============================================================================ ANIMATIONS & TRANSITIONS ============================================================================ */ @keyframes fade-in { from { opacity: 0; transform: translate3d(0, 4px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes slide-in { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes slide-in-right { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes pulse-green { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } 50% { opacity: 0.9; box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } .animate-fade-in { animation: fade-in 0.12s ease-out; } .animate-slide-in { animation: slide-in 0.2s ease-out; } .animate-slide-in-right { animation: slide-in-right 0.2s ease-out; } .animate-pulse-green { animation: pulse-green 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* ============================================================================ SCROLLBAR STYLING - CRISP AND VIBRANT ============================================================================ */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: rgba(34, 197, 94, 0.05); border-radius: 3px; } ::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 3px; transition: background var(--transition-fast); } ::-webkit-scrollbar-thumb:hover { background: var(--primary-600); } ::-webkit-scrollbar-thumb:active { background: var(--primary-700); } /* Dark mode scrollbar */ .dark ::-webkit-scrollbar-track { background: rgba(34, 197, 94, 0.1); } /* ============================================================================ RESPONSIVE TYPOGRAPHY & SPACING ============================================================================ */ @media (max-width: 768px) { /* Mobile typography scale */ h1 { font-size: clamp(1.5rem, 6vw, 1.875rem); } h2 { font-size: clamp(1.25rem, 5vw, 1.5rem); } h3 { font-size: clamp(1.125rem, 4vw, 1.25rem); } /* Mobile form sizing */ input, select, textarea, button { min-height: 40px; font-size: 16px; } table { font-size: 0.875rem; } table th, table td { padding: 0.375rem 0.5rem; } /* Grid collapse on mobile */ .grid-cols-2, .grid-cols-3, .grid-cols-4 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } /* Sidebar menu wrapping */ .sidebar-menu-item, .sidebar-link, [class*="sidebar-menu"], [class*="collapsible"] { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } /* Full-width menu containers */ .sidebar-content, [class*="sidebar-group"] { width: 100% !important; flex-direction: column !important; display: flex !important; } /* Reduced mobile spacing */ [class*="sidebar-menu"] > * + * { margin-top: 0.25rem; margin-bottom: 0.25rem; } /* Compact mobile padding */ .sidebar-menu-item, .sidebar-link, [class*="menu-button"] { padding-left: 0.375rem !important; padding-right: 0.375rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .card { padding: 0.5rem; } /* Reduced vertical spacing between elements */ .space-y-6 > * + * { margin-top: 0.5rem; } .space-y-4 > * + * { margin-top: 0.375rem; } .space-y-3 > * + * { margin-top: 0.25rem; } } /* ============================================================================ ACCESSIBILITY ============================================================================ */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* High contrast mode support */ @media (prefers-contrast: more) { :root { --border: oklch(80% 0.02 264.53); --input: oklch(80% 0.02 264.53); } .dark { --border: oklch(40% 0.02 264.53); --input: oklch(40% 0.02 264.53); } } /* Focus visible for keyboard navigation */ :focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } /* Screen reader only */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* ============================================================================ UTILITY CLASSES ============================================================================ */ /* Safe area support for mobile notch */ @supports (padding: max(0px)) { .safe-area-inset { padding-left: max(0.5rem, env(safe-area-inset-left)); padding-right: max(0.5rem, env(safe-area-inset-right)); } .safe-area-left { padding-left: max(0px, env(safe-area-inset-left)); } .safe-area-right { padding-right: max(0px, env(safe-area-inset-right)); } } footer { flex-shrink: 0; } /* Prevent layout shift */ html { overflow-y: scroll; } /* Ensure responsive images in containers */ picture, figure { display: block; width: 100%; } /* Utility for sticky positioning */ .sticky-top { position: sticky; top: 0; z-index: 10; } [V0_FILE]typescriptreact:file="app/not-found.tsx" isMerged="true" "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" isMerged="true" import { BasicOrdersTable } from "@/components/basic-orders-table" export default function BasicOrdersPage() { return (

) } [V0_FILE]css:file="app/ozai-breathing.css" isMerged="true" /* 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" isMerged="true" /* 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" isMerged="true" /* 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/page.tsx" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useMemo, lazy, Suspense, useCallback, useRef } from "react" import { SidebarProvider, SidebarInset } from "@/components/ui/sidebar" import { AppSidebar } from "@/components/app-sidebar" import { AppHeader } from "@/components/app-header" import { MobileNav } from "@/components/mobile-nav" import { useAuth } from "@/contexts/auth-context" import { LoadingSpinner } from "@/components/loading-spinner" import { ErrorBoundary } from "@/components/error-boundary" import { usePathname } from "next/navigation" const Dashboard = lazy(() => import("@/components/dashboard").then((m) => ({ default: m.Dashboard }))) const OrdersModule = lazy(() => import("@/components/orders-module").then((m) => ({ default: m.OrdersModule }))) const SuppliersModule = lazy(() => import("@/components/suppliers-module").then((m) => ({ default: m.SuppliersModule })), ) const CustomersModule = lazy(() => import("@/components/customers-module").then((m) => ({ default: m.CustomersModule })), ) const PurchasesModule = lazy(() => import("@/components/purchases-module").then((m) => ({ default: m.PurchasesModule })), ) const EquipmentModule = lazy(() => import("@/components/equipment-module").then((m) => ({ default: m.EquipmentModule })), ) const InventoryModule = lazy(() => import("@/components/inventory-module").then((m) => ({ default: m.InventoryModule })), ) const ReportsModule = lazy(() => import("@/components/reports-module").then((m) => ({ default: m.ReportsModule }))) const AdminModule = lazy(() => import("@/components/admin-module").then((m) => ({ default: m.AdminModule }))) const SettingsModule = lazy(() => import("@/components/settings-module").then((m) => ({ default: m.SettingsModule }))) const HRModule = lazy(() => import("@/components/hr-module").then((m) => ({ default: m.HRModule }))) const FinancialModule = lazy(() => import("@/components/financial-module").then((m) => ({ default: m.FinancialModule })), ) const LandingPage = lazy(() => import("@/components/landing-page").then((m) => ({ default: m.LandingPage }))) const LoginForm = lazy(() => import("@/components/login-form").then((m) => ({ default: m.LoginForm }))) const ModuleLoader = () => (

) export default function HomePage() { const { user, isLoading } = useAuth() const [activeModule, setActiveModule] = useState("dashboard") const [sidebarOpen, setSidebarOpen] = useState(false) // Start closed for overlay behavior const [isMobile, setIsMobile] = useState(false) const [showLoginForm, setShowLoginForm] = useState(false) const pathname = usePathname() const sidebarRef = useRef(null) const [sidebarWidth, setSidebarWidth] = useState("250px") // add state to track sidebar width const [isHovering, setIsHovering] = useState(false) const hoverTimeoutRef = useRef(null) const HOVER_ZONE_WIDTH = 50 // pixels from left edge const AUTO_CLOSE_DELAY = 3000 // 3 seconds const moduleMap = useMemo( () => ({ "/": "dashboard", "/dashboard": "dashboard", "/pedidos": "pedidos", "/fornecedores": "fornecedores", "/clientes": "clientes", "/compras": "compras", "/equipamentos": "equipamentos", "/estoque": "estoque", "/financeiro": "financeiro", "/relatorios": "relatorios", "/configuracoes": "configuracoes", "/rh": "rh", "/rh/funcionarios": "rh", "/rh/ferias": "rh", "/rh/ponto": "rh", "/rh/folha": "rh", }), [], ) const checkMobile = useCallback(() => { if (typeof window === "undefined") return const mobile = window.innerWidth < 768 setIsMobile(mobile) }, []) useEffect(() => { if (typeof window === "undefined") return let timeoutId: NodeJS.Timeout const debouncedCheck = () => { clearTimeout(timeoutId) timeoutId = setTimeout(checkMobile, 100) } checkMobile() window.addEventListener("resize", debouncedCheck, { passive: true }) const updateViewportMeta = () => { const viewportMeta = document.querySelector('meta[name="viewport"]') if (viewportMeta && window.innerWidth < 768) { viewportMeta.setAttribute("content", "width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=5") } } updateViewportMeta() window.addEventListener("orientationchange", updateViewportMeta, { passive: true }) return () => { window.removeEventListener("resize", debouncedCheck) window.removeEventListener("orientationchange", updateViewportMeta) clearTimeout(timeoutId) } }, [checkMobile]) useEffect(() => { if (isMobile) return const handleMouseMove = (e: MouseEvent) => { const isInHoverZone = e.clientX <= HOVER_ZONE_WIDTH if (isInHoverZone && !sidebarOpen) { console.log("[v0] 🎯 Mouse in hover zone, opening sidebar") setSidebarOpen(true) setIsHovering(true) } } window.addEventListener("mousemove", handleMouseMove, { passive: true }) return () => window.removeEventListener("mousemove", handleMouseMove) }, [sidebarOpen, isMobile]) useEffect(() => { if (isMobile || !sidebarOpen) return const handleMouseLeave = () => { console.log("[v0] 🚪 Mouse left sidebar, starting auto-close timer") setIsHovering(false) if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current) } hoverTimeoutRef.current = setTimeout(() => { console.log("[v0] ⏰ Auto-closing sidebar after delay") setSidebarOpen(false) }, AUTO_CLOSE_DELAY) } const handleMouseEnter = () => { console.log("[v0] 👋 Mouse entered sidebar, canceling auto-close") setIsHovering(true) if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current) } } const sidebarElement = sidebarRef.current if (sidebarElement) { sidebarElement.addEventListener("mouseenter", handleMouseEnter) sidebarElement.addEventListener("mouseleave", handleMouseLeave) return () => { sidebarElement.removeEventListener("mouseenter", handleMouseEnter) sidebarElement.removeEventListener("mouseleave", handleMouseLeave) if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current) } } } }, [sidebarOpen, isMobile]) useEffect(() => { if (typeof window === "undefined") return const handleNavigation = (event: CustomEvent) => { const path = event.detail const module = moduleMap[path] || "dashboard" setActiveModule(module) if (isMobile || sidebarOpen) { console.log("[v0] 🧭 Navigation detected, closing sidebar") setSidebarOpen(false) } } window.addEventListener("navigate", handleNavigation as EventListener, { passive: true }) return () => window.removeEventListener("navigate", handleNavigation as EventListener) }, [isMobile, moduleMap, sidebarOpen]) const handleToggleSidebar = useCallback(() => { console.log("[v0] 🔄 Toggle sidebar clicked") setSidebarOpen((prev) => { const newState = !prev setSidebarWidth(newState ? "250px" : "70px") return newState }) }, []) const handleMobileNavigate = useCallback((module: string) => { setActiveModule(module) }, []) const handleGetStarted = useCallback(() => { setShowLoginForm(true) }, []) const renderActiveModule = useMemo(() => { const components = { dashboard: Dashboard, pedidos: OrdersModule, fornecedores: SuppliersModule, clientes: CustomersModule, compras: PurchasesModule, equipamentos: EquipmentModule, estoque: InventoryModule, financeiro: FinancialModule, relatorios: ReportsModule, administracao: AdminModule, configuracoes: SettingsModule, rh: HRModule, } const Component = components[activeModule as keyof typeof components] || Dashboard return ( }> ) }, [activeModule]) if (isLoading) { return (

) } if (!user) { return ( }> {showLoginForm ? : } ) } return (

{!isMobile && !sidebarOpen && (

)}

{isMobile && sidebarOpen && (

setSidebarOpen(false)} aria-hidden="true" /> )}

{renderActiveModule}

) } [V0_FILE]typescriptreact:file="app/rh/ferias/page.tsx" isMerged="true" "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" isMerged="true" "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" isMerged="true" "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" isMerged="true" "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" isMerged="true" "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" isMerged="true" { "$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" isMerged="true" "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" isMerged="true" "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 */}