108:"ExplicitChatIdProvider" 109:I[903690,["$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","$77","$78","$79","$7a","$7b","$7c","$7d","$83","$84","$85","$80","$86","$87","$81","$88","$89","$8a","$8b","$8c","$7f"],"$108"] 10a:I[838238,["$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","$77","$78","$79","$7a","$7b","$7c","$7d","$83","$84","$85","$80","$86","$87","$81","$88","$89","$8a","$8b","$8c","$7f"],"SWRDataProvider"] 10c:[] 10d:[["b_LDLsqIDDNmC",null],["b_oiIw2xCqMDW",null],["b_8FoOHG3X2QG",null]] 10e:[["b_LDLsqIDDNmC",{"templateVersionId":null,"templateCanonId":null}],["b_oiIw2xCqMDW",{"templateVersionId":null,"templateCanonId":null}],["b_8FoOHG3X2QG",{"templateVersionId":null,"templateCanonId":null}]] 10f:[["KvymzSiDhqZ","$D2025-10-18T23:03:03.464Z"],["b_4lcTLxKQGV4","$D2025-10-18T23:05:58.519Z"],["b_to8uIzpIPGS","$D2025-10-18T23:24:11.507Z"],["b_7H0KXnNMmOU","$D2025-10-18T23:35:37.055Z"],["b_cZgYUcUe5Gh","$D2025-10-18T23:38:13.540Z"],["b_YhGs1PPTfGQ","$D2025-10-18T23:52:50.387Z"],["b_3iqYGLmnml8","$D2025-10-19T00:12:11.150Z"],["b_3EPKw2ah9pj","$D2025-10-19T00:26:45.340Z"],["b_MPnqfnfcWjA","$D2025-10-19T00:30:26.392Z"],["b_uPuz1nD7skG","$D2025-10-19T00:44:02.190Z"],["b_LDLsqIDDNmC","$D2025-10-19T01:02:57.423Z"],["b_oiIw2xCqMDW","$D2025-10-19T12:16:14.438Z"],["b_8FoOHG3X2QG","$D2025-10-19T13:21:13.275Z"]] 110:[["b_LDLsqIDDNmC",false],["b_oiIw2xCqMDW",false],["b_8FoOHG3X2QG",false]] 111:[["b_LDLsqIDDNmC",{"deploymentId":"dpl_4crWiJThonUHntjfUZnJZZEJgDiK"}],["b_oiIw2xCqMDW","$undefined"],["b_8FoOHG3X2QG",{"git":{"ref":"main","sha":"7342d79d4d1d85c39d3a53c048b0b03a23222ff0","type":"github","repoId":0,"repoName":"v0-1-AWzNpTpa4zVm4B49x6f24idm-zAnv0YDLlKJ","ownerName":"v0-git-s3-storage","commitMessage":"Initial commit from v0"},"deploymentId":"dpl_DtveqUv4qUgZ5nRxb1aNQ8iteeFv"}]] 112:[["b_LDLsqIDDNmC",null],["b_oiIw2xCqMDW",null],["b_8FoOHG3X2QG",null]] 113:[["b_LDLsqIDDNmC",true],["b_oiIw2xCqMDW",true],["b_8FoOHG3X2QG",true]] 114:[["b_LDLsqIDDNmC",true],["b_oiIw2xCqMDW",true],["b_8FoOHG3X2QG",true]] 115:[] 116:T619,Summary of the requirements: The user wants to consolidate the final authentication, routing, and permissions rules: - Authentication and Twin Logic: - Fixed standard password: "ozai2025" for ALL users (already implemented) - Unique email generation: [level][2LettersName][2LettersDept][Number]@ozai.ao (already implemented) - Twin Funcionário: Any new funcionario must inherit ALL permissions from (already implemented) - Routing and Hierarchical Permissions: - Admin Redirect: After login, Admin MUST be redirected to the main Dashboard, NOT to the Admin Panel - Supervisor Twin Functionality: Supervisor MUST have ALL the same functionality as Admin, including full visualization and approval actions - Supervisor CRITICAL Block: The ONLY exception is the System Administration module (where User Management is nested) and prohibited HR permissions. Supervisor CANNOT access this area. - Login Interface Cleanup: - Remove any example credentials visible on the login screen that include numbers (e.g., , ) What needs to be done: - Find and update the login page to remove example credentials with numbers - Update routing logic to redirect Admin to Dashboard instead of Admin Panel after login - Update Supervisor permissions to match Admin permissions (except System Administration access) - Verify the sidebar shows the same items for Supervisor as Admin (except Administration) - Update global permissions to give Supervisor full access like Admin Let me start by finding the login page and auth context to understand the current implementation.117:T439,Perfect! Now I have all the context I need. Let me summarize what needs to be done: Requirements Summary: - Authentication and Twin Logic (already implemented): - Fixed password "ozai2025" for all users ✅ - Unique email generation ✅ - Twin funcionario inheritance ✅ - Routing and Hierarchical Permissions: - Admin Redirect: Change admin routing from /administracao to /dashboard - Supervisor Twin Functionality: Give Supervisor ALL the same permissions as Admin - Supervisor CRITICAL Block: Block Supervisor from accessing System Administration module only - Login Interface Cleanup: - Remove example credentials with numbers: and Files to Update: - contexts/auth-context.tsx: Change admin routing from "administracao" to "dashboard" - lib/global-permissions.ts: Update supervisor permissions to match admin (except admin.access) - components/login-form.tsx: Remove supervisor1 and funcionario1 test accounts - components/app-sidebar.tsx: Ensure "Administração" is blocked for supervisor (already has permission: "admin.access") Let me implement these changes now.118:T46e,Summary of the requirements: The user wants to ensure that Supervisor (Nível 2) has complete authority over the Orders (Pedidos) module, mirroring the Administrator's capabilities in this area. Key Requirements: - Total Access to Approval Status: Supervisor MUST have COMPLETE access to status functionalities within the Orders module - Supervisor MUST be able to: - View the current status of any Order - Change the Status (or "Studs") of Orders to Approval, Rejection, or any other available state in the workflow (e.g., "Approved", "In Progress") - Perform formal approval of Orders, just like the Administrator What needs to be done: - Find the Orders module component to understand the current implementation - Check if Supervisor already has these permissions in the global permissions system - Ensure the Orders module UI shows approval/status change controls for Supervisor - Verify that Supervisor can view all orders (not just their own) - Update permissions if needed to grant orders.approve, orders.edit, orders.view_all Let me start by finding the Orders module and understanding the current permission structure.119:T6d3,Summary of the text attachment: The user wants to implement 6 essential final corrections: - Dashboard Stock Visualization: Show explicit numbers for Stock Entries and Stock Exits (not just total balance) for the period (today, this week, this month) - HR Export Functionality with Restrictions: Add "Export to PDF" and "Export to Excel" buttons to Vacation and Time Clock modules, but ONLY accessible to Admin and Supervisor (NOT Funcionário) - General Reports Enhancement: All General Reports must show COMPLETE DATA in LIST FORMAT (rows and columns), not just totals or numbers - Settings Simplification: - Only allow "Personal Information" and "Language Settings" sub-modules - Remove all other settings sub-modules - Personal Information must allow image upload and save to Firebase/Firestore - System Administration Cleanup: - Backup must save ALL system data (users, orders, stocks, etc.) in complete organized lists - Add Support icon in Admin Panel that opens WhatsApp to 933026378 - Replace all "João Silva" example data with "Sidney Matos" - Homepage/Statistics: - Replace fake data with real dynamic statistics - Show real Uptime, Active Users, Transactions/Day, Response Time - Add fast counting animation effect when loading the page This is a comprehensive set of final improvements. I need to: - Find and update the dashboard stock panel - Add export buttons to HR modules with permission checks - Update reports to show detailed data - Simplify settings module - Update admin panel with backup improvements and support button - Update homepage statistics with real data and counting animation - Replace "João Silva" with "Sidney Matos" throughout Let me start by understanding the current structure of these components.11a:T26fb70,[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/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/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/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: "João Silva", email: "joao.silva@company.co.ao", phone: "+244 900 123 456", department: "Tecnologia", // Removed mining reference 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]/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 *)); :root { --background: oklch(100% 0 0); --foreground: oklch(26.47% 0.012 264.53); --card: oklch(100% 0 0); --card-foreground: oklch(26.47% 0.012 264.53); --popover: oklch(100% 0 0); --popover-foreground: oklch(26.47% 0.012 264.53); --primary: oklch(56.08% 0.195 155.41); --primary-foreground: oklch(100% 0 0); --secondary: oklch(26.47% 0.012 264.53); --secondary-foreground: oklch(100% 0 0); --muted: oklch(98.04% 0.008 264.53); --muted-foreground: oklch(26.47% 0.012 264.53); --accent: oklch(95.69% 0.195 155.41); --accent-foreground: oklch(26.47% 0.012 264.53); --destructive: oklch(62.8% 0.257 29.23); --destructive-foreground: oklch(100% 0 0); --border: oklch(91.37% 0.013 264.53); --input: oklch(91.37% 0.013 264.53); --ring: oklch(56.08% 0.195 155.41); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.5rem; --sidebar: oklch(56.08% 0.195 155.41); --sidebar-foreground: oklch(100% 0 0); --sidebar-primary: oklch(100% 0 0); --sidebar-primary-foreground: oklch(56.08% 0.195 155.41); --sidebar-accent: oklch(60.39% 0.195 155.41); --sidebar-accent-foreground: oklch(100% 0 0); --sidebar-border: oklch(48.24% 0.195 155.41); --sidebar-ring: oklch(64.71% 0.195 155.41); } .dark { --background: oklch(26.47% 0.012 264.53); --foreground: oklch(98.04% 0 0); --card: oklch(26.47% 0.012 264.53); --card-foreground: oklch(98.04% 0 0); --popover: oklch(26.47% 0.012 264.53); --popover-foreground: oklch(98.04% 0 0); --primary: oklch(56.08% 0.195 155.41); --primary-foreground: oklch(100% 0 0); --secondary: oklch(30.59% 0.024 264.53); --secondary-foreground: oklch(98.04% 0 0); --muted: oklch(30.59% 0.024 264.53); --muted-foreground: oklch(70.59% 0.024 264.53); --accent: oklch(30.59% 0.024 264.53); --accent-foreground: oklch(98.04% 0 0); --destructive: oklch(40.8% 0.177 29.23); --destructive-foreground: oklch(98.04% 0 0); --border: oklch(30.59% 0.024 264.53); --input: oklch(30.59% 0.024 264.53); --ring: oklch(56.08% 0.195 155.41); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(42.35% 0.195 155.41); --sidebar-foreground: oklch(100% 0 0); --sidebar-primary: oklch(100% 0 0); --sidebar-primary-foreground: oklch(42.35% 0.195 155.41); --sidebar-accent: oklch(52.94% 0.195 155.41); --sidebar-accent-foreground: oklch(100% 0 0); --sidebar-border: oklch(36.47% 0.195 155.41); --sidebar-ring: oklch(60.39% 0.195 155.41); } @theme inline { --font-sans: var(--font-inter); --font-serif: var(--font-poppins); --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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --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); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; font-display: swap; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; scroll-behavior: smooth; } } /* Animações otimizadas com GPU acceleration */ @keyframes fade-in { from { opacity: 0; transform: translate3d(0, 8px, 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-from-left { from { transform: translate3d(-100%, 0, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @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 loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Classes de animação otimizadas */ .animate-fade-in { animation: fade-in 0.15s ease-out; will-change: transform, opacity; } .animate-slide-in { animation: slide-in 0.2s ease-out; will-change: transform; } .animate-slide-in-from-left { animation: slide-in-from-left 0.25s ease-out; will-change: transform, opacity; } .animate-pulse-green { animation: pulse-green 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* Hover effects mais suaves e profissionais */ .hover-lift { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s ease; will-change: transform; } .hover-lift:hover { transform: translate3d(0, -1px, 0); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Scrollbar mais elegante */ ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: rgba(240, 253, 244, 0.5); } ::-webkit-scrollbar-thumb { background: #22c55e; border-radius: 2px; } ::-webkit-scrollbar-thumb:hover { background: #16a34a; } /* Loading skeleton mais suave */ .loading-skeleton { background: linear-gradient(90deg, #f8fafc 25%, #f1f5f9 50%, #f8fafc 75%); background-size: 200% 100%; animation: loading 1.2s infinite ease-in-out; } /* Componentes com visual mais profissional */ .sidebar-item-active { background: rgba(255, 255, 255, 0.2); border-left: 3px solid #fbbf24; transform: translate3d(0, 0, 0); backdrop-filter: blur(8px); } .sidebar-item-hover { background: rgba(255, 255, 255, 0.1); transform: translate3d(2px, 0, 0); transition: all 0.12s ease; backdrop-filter: blur(4px); } .btn-green { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: white; transition: all 0.15s ease; box-shadow: 0 2px 4px rgba(34, 197, 94, 0.2); } .btn-green:hover { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); box-shadow: 0 4px 8px rgba(34, 197, 94, 0.3); transform: translate3d(0, -1px, 0); } .card-green { border: 1px solid #bbf7d0; background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); transition: all 0.15s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .card-green:hover { border-color: #22c55e; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.1); transform: translate3d(0, -1px, 0); } /* Otimizações responsivas melhoradas */ @media (max-width: 768px) { .sidebar-mobile { transform: translate3d(-100%, 0, 0); transition: transform 0.2s ease-in-out; backdrop-filter: blur(8px); } .sidebar-mobile.open { transform: translate3d(0, 0, 0); } .container { padding-left: 1rem; padding-right: 1rem; } .space-y-6 > * + * { margin-top: 1rem; } } @media (min-width: 769px) { .container { padding-left: 1.5rem; padding-right: 1.5rem; } } /* Redução de animações para acessibilidade */ @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; } } /* Utilitários profissionais adicionais */ .glass-effect { backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.2); } .shadow-soft { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .shadow-medium { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .text-gradient { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Added print styles to match PDF layout exactly */ @media print { /* Hide all non-receipt elements */ body * { visibility: hidden; } /* Show only the receipt content */ #professional-receipt-content, #professional-receipt-content * { visibility: visible; } /* Position receipt at top of page with exact PDF margins */ #professional-receipt-content { position: absolute; left: 0; top: 0; width: 100%; padding: 20mm 15mm; margin: 0; background: white; } /* Page setup matching PDF exactly */ @page { size: A4 portrait; margin: 15mm; } /* Remove all shadows for clean print */ * { box-shadow: none !important; text-shadow: none !important; } /* Force color printing for badges and backgrounds */ .bg-gradient-to-r, .bg-green-100, .bg-red-100, .bg-blue-50, .bg-slate-50, .bg-emerald-50, .bg-green-600, .bg-emerald-600, .text-green-800, .text-red-800, .text-emerald-600, .text-blue-600, .border-green-300, .border-red-300, .border-blue-200, .border-emerald-200, .border-emerald-600 { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; color-adjust: exact !important; } /* Prevent page breaks in critical sections */ .bg-slate-50, .bg-gradient-to-r, .bg-blue-50, .bg-emerald-50, h1, h2, h3, .info-value, .info-label { page-break-inside: avoid !important; break-inside: avoid !important; } /* Ensure proper spacing matches PDF */ .space-y-6 > * + * { margin-top: 1.5rem !important; } .space-y-4 > * + * { margin-top: 1rem !important; } .space-y-3 > * + * { margin-top: 0.75rem !important; } /* Font sizes exactly as PDF */ .text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } /* Ensure grid layouts work perfectly in print */ .grid { display: grid !important; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .gap-6 { gap: 1.5rem !important; } .gap-4 { gap: 1rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-2 { gap: 0.5rem !important; } /* Maintain border styles exactly */ .border { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-l-4 { border-left-width: 4px !important; } .border-t-2 { border-top-width: 2px !important; } /* Rounded corners subtle for professional print */ .rounded-xl { border-radius: 0.75rem !important; } .rounded-lg { border-radius: 0.5rem !important; } /* Padding exactly as designed */ .p-8 { padding: 2rem !important; } .p-6 { padding: 1.5rem !important; } .p-4 { padding: 1rem !important; } /* Ensure badges print with proper styling */ .badge, [class*="Badge"] { display: inline-flex !important; align-items: center !important; border-width: 1px !important; padding: 0.5rem 1rem !important; font-weight: 700 !important; } /* Separator lines print correctly */ hr, .separator, [class*="Separator"] { border-color: #e2e8f0 !important; border-width: 1px !important; margin: 1.5rem 0 !important; } /* Icons should print in proper size */ svg { width: 1em !important; height: 1em !important; } /* Ensure proper text alignment */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } /* Footer styling */ .footer { margin-top: 2rem !important; } /* Remove any transforms that might affect print layout */ * { transform: none !important; } /* Ensure white background for entire page */ body { background: white !important; } /* Hide action buttons during print */ .print\:hidden { display: none !important; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Poppins } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { AuthProvider } from "@/contexts/auth-context" import { DataProvider } from "@/contexts/data-context" import { LanguageProvider } from "@/contexts/language-context" import { ErrorBoundary } from "@/components/error-boundary" import { Toaster } from "@/components/ui/toaster" import { AppFooter } from "@/components/app-footer" import { NotificationToast } from "@/components/notification-toast" import { FirebaseDebugPanel } from "@/components/firebase-debug-panel" const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", preload: true, fallback: ["system-ui", "arial"], weight: ["300", "400", "500", "600", "700"], }) const poppins = Poppins({ subsets: ["latin"], display: "swap", variable: "--font-poppins", preload: true, fallback: ["system-ui", "arial"], weight: ["300", "400", "500", "600", "700"], }) export const metadata: Metadata = { title: "OZAI - Gestão Inteligente | Sistema Empresarial Completo", description: "Plataforma integrada de gestão empresarial com módulos de RH, compras, estoque, equipamentos e relatórios. Solução completa para operações em Angola.", keywords: "gestão empresarial, Angola, ERP, sistema gestão, RH, compras, estoque, relatórios, OZAI", authors: [{ name: "NOZAI", url: "https://nozai.ao" }], creator: "NOZAI", publisher: "NOZAI", robots: "index, follow", applicationName: "OZAI Gestão", generator: "v0.app", formatDetection: { telephone: false, }, appleWebApp: { capable: true, statusBarStyle: "default", title: "OZAI Gestão", }, other: { "mobile-web-app-capable": "yes", "msapplication-TileColor": "#22c55e", "msapplication-tap-highlight": "no", HandheldFriendly: "true", MobileOptimized: "320", }, openGraph: { title: "OZAI - Gestão Inteligente", description: "Plataforma integrada de gestão para operações empresariais", type: "website", locale: "pt_AO", }, twitter: { card: "summary_large_image", title: "OZAI - Gestão Inteligente", description: "Plataforma integrada de gestão para operações empresariais", }, icons: { icon: [ { url: "/favicon.ico", sizes: "32x32" }, { url: "/favicon.svg", type: "image/svg+xml" }, ], apple: "/apple-touch-icon.png", }, manifest: "/manifest.json", themeColor: "#22c55e", viewport: { width: "device-width", initialScale: 1, viewportFit: "cover", }, } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( Pular para o conteúdo principal

{children}