107:"ExplicitChatIdProvider" 108:I[903690,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$80","$7c","$81","$82","$7e","$83","$84","$85","$86","$87","$88","$7d","$89","$8a"],"$107"] 109:I[838238,["$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$80","$7c","$81","$82","$7e","$83","$84","$85","$86","$87","$88","$7d","$89","$8a"],"SWRDataProvider"] 10b:[] 10c:[["b_Iu3A0U9O1XB",null],["b_UR0bKYrHUqa",null],["b_HLP8PJPrglo",null]] 10d:[["b_Iu3A0U9O1XB",{"templateVersionId":null,"templateCanonId":null}],["b_UR0bKYrHUqa",{"templateVersionId":null,"templateCanonId":null}],["b_HLP8PJPrglo",{"templateVersionId":null,"templateCanonId":null}]] 10e:[["lmFkaBaHYjj","$D2025-10-11T23:31:23.920Z"],["b_kLFloz3OJun","$D2025-10-11T23:35:00.947Z"],["b_Iu3A0U9O1XB","$D2025-10-11T23:38:34.681Z"],["b_UR0bKYrHUqa","$D2025-10-11T23:45:31.489Z"],["b_HLP8PJPrglo","$D2025-10-11T23:59:15.911Z"]] 10f:[["b_Iu3A0U9O1XB",false],["b_UR0bKYrHUqa",false],["b_HLP8PJPrglo",false]] 110:[["b_Iu3A0U9O1XB","$undefined"],["b_UR0bKYrHUqa","$undefined"],["b_HLP8PJPrglo","$undefined"]] 111:[["b_Iu3A0U9O1XB",null],["b_UR0bKYrHUqa",null],["b_HLP8PJPrglo",null]] 112:[["b_Iu3A0U9O1XB",true],["b_UR0bKYrHUqa",true],["b_HLP8PJPrglo",true]] 113:[["b_Iu3A0U9O1XB",true],["b_UR0bKYrHUqa",true],["b_HLP8PJPrglo",true]] 114:[] 115:T538,Now I can see the signature display logic clearly. Looking at the code, I can identify the issues: - Digital Signature Label Issue (Line 663-674): When digital signature is signed, it shows "Assinatura Digital Verificada" correctly. This is actually working as expected. - Manual Signature Label Issue (Line 676-710): When manual signature is signed, it shows "Assinatura Manual" as the title, which is correct. The issue the user mentioned might be confusion about the label. - Manual Signature Image Display (Line 688-710): The signature image IS being displayed with proper styling. The code shows: - It displays the base64 image from `currentReceipt.manualSignature.signatureImage` - Has proper styling with transparent background - Uses black ink rendering - Has onLoad and onError handlers for debugging However, I need to verify that the signature is being SAVED correctly in the first place. Let me check if there's an issue with how the signature data flows from the form to the receipt. The key issue might be: - The receipt component receives `receiptData` as a prop - But it's using `currentReceipt` state which is initialized from `receiptData` - If the signature is added AFTER the receipt is created, the state might not update Let me also check the movement form to see how it passes signature data to the receipt.116:T88d,Perfect! Now I have a complete understanding of the issues. Looking at the form code, I can see: - Receipt Data Creation (lines 1000-1020): The form creates `receiptData` with the correct structure, including: - `productName: movementData.productName` - This should be the REAL product name - Signature data is correctly passed based on `signatureData.type` - Manual signature image is included when type is "manual" - The Issue: The form is correctly passing data, but I need to verify the signature display logic in the receipt is working properly. Looking back at the professional-receipt.tsx code: - Line 676-710: Manual signature section shows "Assinatura Manual" as a TITLE/LABEL, which is correct - Line 688-710: The signature image is displayed correctly However, I notice the user's complaint about "Assinatura Manual" being shown even when Digital is selected. Looking at the code more carefully: In professional-receipt.tsx line 663-710: - It correctly checks `currentReceipt.digitalSignature?.signed` for digital signature - It correctly checks `currentReceipt.manualSignature?.signed` for manual signature - These are separate sections that should only show when their respective signature type is present The issue might be that BOTH sections are showing, or the wrong section is showing. Let me trace through the logic: - When digital signature is selected in the form, `signatureData.type === "digital"` - The receiptData is created with `digitalSignature` object (line 1010) - The receipt should only show the digital signature section (line 663-674) Wait, I see the issue now! Looking at line 1008-1016 in stock-movement-form.tsx: This is using computed property names correctly. So the receipt should receive either `digitalSignature` OR `manualSignature`, not both. The real issues are: - Product Name: Need to ensure the real product name is being passed (not "marca") - Signature Display: The receipt correctly shows the signature type, but I should add more explicit labels to differentiate between Digital and Manual - Manual Signature Image: Need to ensure it's being saved and displayed correctly with transparent background Let me fix these issues:117:T4ac,Objetivo: Corrigir apenas os pontos de falha na lógica de submissão, na integridade de dados (coleção) e nas funcionalidades de assinatura. Comando Crítico: Assinatura Manual (Desenho Invisível)Problema: O desenho da assinatura não aparece no recibo.Ação: O recibo TEM QUE renderizar o desenho da assinatura (traço escuro) de forma visível e correta.Solução: Corrija a falha na string Base64/URL para carregar o desenho real da assinatura, eliminando qualquer placeholder ou moldura vazia. Comando Crítico: Assinatura Digital (Lógica Quebrada)Problema: A UI não reage ou falha na validação ao selecionar "Digital".Ação: Garanta que ao selecionar Assinatura Digital, a interface mostra imediatamente o campo "Nome do Responsável pela Movimentação" para preenchimento. A lógica de envio deve incluir o nome e o tipo de assinatura ('digital') de forma válida. Comando Crítico: Dados Falsos no ReciboProblema: Recibo exibe dados como marca e labels falsas.Ação: O recibo deve carregar e exibir DADOS REAIS do registo salvo. O campo PRODUTO tem que mostrar o nome do item selecionado e as labels de assinatura devem refletir a opção real escolhida (Manual ou Digital). 118:Tc76,Perfect! Now I have a complete understanding of the issues. Looking at both files, I can identify the exact problems: Issue 1: Manual Signature Drawing Not Appearing in Receipt - In `professional-receipt.tsx` line 688-710, the signature image IS being displayed - The code has proper onLoad and onError handlers - The styling looks correct with transparent background - The issue might be that the signature is not being saved correctly from the form, OR the Base64 string is malformed Issue 2: Digital Signature UI Not Reacting - In `stock-movement-form.tsx`, when the user clicks "Gerar Recibo" (line 1000+), it opens the signature modal - The modal shows two options: Digital and Manual - When Digital is clicked (line 1000-1016), it should immediately use `movementData.responsible` as the signer name - The issue is that there's NO separate field to input the responsible person's name when Digital is selected - it just uses the existing `movementData.responsible` field - The user wants a field to appear immediately when Digital is selected to input the responsible person's name Issue 3: Fake Data in Receipt (showing "marca" instead of real product name) - In `stock-movement-form.tsx` line 1000-1020, the receiptData is created with `productName: movementData.productName` - This should be the REAL product name from the selected material - The issue might be that `movementData.productName` is not being set correctly when a material is selected - Looking at line 450-470, when a material is selected, it DOES set `productName: selectedMaterial.name` - So the data flow looks correct Let me trace through the exact flow: - User selects material → `handleMaterialSelect` sets `movementData.productName = selectedMaterial.name` - User fills form and clicks "Gerar Recibo" → Opens signature modal - User selects signature type → Calls `handleSaveMovement` - `handleSaveMovement` creates `receiptData` with `productName: movementData.productName` - Receipt displays `currentReceipt.productName` The flow looks correct. The issue might be that the user is seeing old cached data or the product name is not being set properly. Let me fix all three issues: - Digital Signature: Add immediate display of responsible person name field when Digital option is shown - Manual Signature: Ensure the Base64 image is properly saved and displayed - Real Data: Ensure product name and all data is correctly passed to receipt Actually, looking more carefully at the signature modal in stock-movement-form.tsx (lines 1200+), I see: - There's a modal with two options: Digital and Manual - Digital button immediately calls `handleDigitalSignature` which uses `movementData.responsible` - There's NO separate input field for the responsible person name The user wants: - When Digital is selected, show a field to input "Nome do Responsável pela Movimentação" - The current implementation just uses the existing `movementData.responsible` field So I need to: - Add a state for digital signature responsible name - Show an input field when digital signature is being prepared - Validate that the name is filled before allowing digital signature Let me implement these fixes:119:T565,The user is now moving to a new module: System Administration - specifically creating a User Management system. The user wants me to create STEP 1 which includes: - Main Component: Create a "User Management" module - Paginated Table with columns: Name, Email, Permission Level, Status (Active/Inactive) - Action Button: "+ Generate New User" that opens a form (STEP 2 - not yet) - Search Field (HR Integration): - Field labeled "Search Employee (HR)" with Autocomplete - Real-time search logic that searches employee records from the HR system - UX/Validation Rules: - When an employee is selected from HR, the "Full Name" and "Email" fields should be pre-filled and locked for editing - Anti-Duplication Block: If the `id_funcionario_rh` already exists in the users collection, block submission and show a clear error The user also mentions there are debug logs available. Let me read those first to understand the current state of the application. This is a new feature, so I need to: - Read the debug logs to understand the current state - Search the repo to understand the existing structure (HR system, users collection, etc.) - Create the user management component with table, search, and anti-duplication logic - Ensure integration with the HR system (funcionarios collection) Let me start by reading the debug logs and then searching the repo for existing patterns.11a:T8bd,Perfect! Now I have a complete understanding of the system. The debug logs show that the application is loading data from Firebase, and I've found comprehensive information about the HR system structure and existing user management components. Key Findings: - HR System (Funcionarios Collection): - Collection name: `funcionariosRT` (Registo Técnico) - Service: `lib/rt-service.ts` with methods like `searchFuncionariosRT()`, `getFuncionarioById()`, `getAllFuncionarios()` - Interface: `FuncionarioRT` with fields: id, email, nomeCompleto, departamento, matricula, telefone, cargo, dataAdmissao, status - User Management System: - Collection: `users` (Firebase/Firestore) - LocalStorage: `sys_users_db` (for system users) - Service: `lib/user-profile-service.ts` with methods like `createUserProfile()`, `getUserByEmail()`, etc. - Existing component: `components/admin/admin-user-management.tsx` (1424 lines) - This is a COMPLETE user management system - Missing Services (referenced but don't exist): - `lib/hr-admin-integration.ts` - NOT FOUND - `lib/hr-employee-service.ts` - NOT FOUND - Existing Components: - `components/admin/admin-user-management.tsx` - Full user management with HR integration - `components/admin/UserForm.jsx` - User creation form with employee search - `components/admin/UserListTable.jsx` - User listing table What the user wants (STEP 1): - Create a User Management module - Paginated table with columns: Name, Email, Permission Level, Status - "+ Generate New User" button - Search Field (HR Integration): "Search Employee (HR)" with autocomplete - Real-time search in HR employee records - UX/Validation Rules: - When employee selected: pre-fill and lock Name and Email fields - Anti-duplication: Block submission if `id_funcionario_rh` already exists in users collection My Plan: Since there's already a comprehensive `admin-user-management.tsx` component (1424 lines), I should: - Read it first to understand what exists - Create the missing services (`hr-admin-integration.ts` and `hr-employee-service.ts`) - Either enhance the existing component OR create a new simplified one based on the user's requirements Let me read the existing admin-user-management.tsx to see what's already there:11b:T866,Perfect! Now I have a complete understanding of the existing user management system. I can see that: - `admin-user-management.tsx` (1424 lines) - This is a COMPREHENSIVE user management system with: - HR integration with employee search - Anti-duplication logic - Paginated table with filters - Bulk user creation - Integration statistics - Permission management - BUT it imports TWO services that DON'T EXIST: - `@/lib/hr-admin-integration` (line 40) - `@/lib/hr-employee-service` (line 41) - `UserForm.jsx` (529 lines) - This is a user creation form with: - Employee search from RT system using `rtService.searchFuncionariosRT()` - Real-time search with autocomplete - Anti-duplication check (checks if email already exists in `sys_users_db`) - Field pre-fill and lock when employee is selected - Password generation - Form validation The Problem: The `admin-user-management.tsx` component is trying to import services that don't exist, which will cause the app to crash. I need to: - Create the missing services (`hr-admin-integration.ts` and `hr-employee-service.ts`) - OR use the existing `UserForm.jsx` which already has all the functionality the user wants The user's requirements (STEP 1): - ✅ Paginated table with columns: Name, Email, Permission Level, Status - EXISTS in admin-user-management.tsx - ✅ "+ Generate New User" button - EXISTS - ✅ Search Field (HR Integration) with autocomplete - EXISTS in UserForm.jsx - ✅ Real-time search in HR employee records - EXISTS using rtService - ✅ Pre-fill and lock Name/Email when employee selected - EXISTS in UserForm.jsx - ✅ Anti-duplication block - EXISTS in UserForm.jsx My Decision: Since the `admin-user-management.tsx` component already exists and has most of the functionality, but it's missing the required services, I should: - Create the missing services (`hr-admin-integration.ts` and `hr-employee-service.ts`) to make the existing component work - These services should integrate with the existing `rtService` and `userProfileService` - The services should work with localStorage (`sys_users_db` and `hr_employees_db`) Let me create these missing services now:11c:T2598f5,[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]javascriptreact:file="app/admin/users/page.jsx" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import { useAuth } from "@/contexts/auth-context" import { UserListTable } from "@/components/admin/UserListTable" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Users } from "lucide-react" export default function AdminUsersPage() { const { user, isLoading } = useAuth() const router = useRouter() useEffect(() => { if (!isLoading && (!user || user.role !== "admin")) { console.log("[v0] [Admin Users Page] Acesso negado - redirecionando") router.push("/") } }, [user, isLoading, router]) // Show loading state while checking authentication if (isLoading) { return (

A carregar...

) } // Don't render if not admin if (!user || user.role !== "admin") { return null } return (

{/* Page Header */}

Gestão de Utilizadores

Gerir utilizadores do sistema com integração ao Registo Técnico (R.H.)

{/* Main Content Card */} Utilizadores do Sistema Lista completa de utilizadores com acesso ao sistema. Crie novos utilizadores a partir do Registo Técnico.

) } [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; } [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}