99:I[903690,["/chat-static/_next/static/immutable/chunks/2yn416zt2ymb9.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/3r0_oixh4x4tv.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/2p9ctj7pk72l5.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/1gzknvwsclv4l.js","/chat-static/_next/static/immutable/chunks/2i4yf33swcksd.js","/chat-static/_next/static/immutable/chunks/0c4fq0vy9fiej.js","/chat-static/_next/static/immutable/chunks/26zxim54jidf1.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3-s7kd6z-l2ft.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/3elayl0c5orfd.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2d3ect6vv16p1.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2e6woq6v13noj.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/1k7htvi9135fo.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/09qt2tf69cbel.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3d5inm6-rzuqm.js","/chat-static/_next/static/immutable/chunks/31gr1mdr24jhg.js","/chat-static/_next/static/immutable/chunks/1ewedrvq3bnkt.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0nnmvzh0x0i2w.js","/chat-static/_next/static/immutable/chunks/0u1g3xvhlwmem.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/36v_jdnew6wc1.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2ty0n8drxrqfs.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 9a:I[838238,["/chat-static/_next/static/immutable/chunks/2yn416zt2ymb9.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/3r0_oixh4x4tv.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/2p9ctj7pk72l5.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/1gzknvwsclv4l.js","/chat-static/_next/static/immutable/chunks/2i4yf33swcksd.js","/chat-static/_next/static/immutable/chunks/0c4fq0vy9fiej.js","/chat-static/_next/static/immutable/chunks/26zxim54jidf1.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3-s7kd6z-l2ft.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/3elayl0c5orfd.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2d3ect6vv16p1.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2e6woq6v13noj.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/1k7htvi9135fo.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/09qt2tf69cbel.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3d5inm6-rzuqm.js","/chat-static/_next/static/immutable/chunks/31gr1mdr24jhg.js","/chat-static/_next/static/immutable/chunks/1ewedrvq3bnkt.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0nnmvzh0x0i2w.js","/chat-static/_next/static/immutable/chunks/0u1g3xvhlwmem.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/36v_jdnew6wc1.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2ty0n8drxrqfs.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9c:[] 9d:[["b_WwFq2oU7nV0",null],["b_wiD6PVYhL63",null]] 9e:[["b_WwFq2oU7nV0",{"templateVersionId":null,"templateCanonId":null}],["b_wiD6PVYhL63",{"templateVersionId":null,"templateCanonId":null}]] 9f:[["b_nypEwcPcBVC","$D2025-10-20T17:36:07.085Z"],["b_hSoMfTmcu8j","$D2025-10-20T19:27:23.046Z"],["b_OKG7GXmUCVI","$D2025-10-20T19:28:02.199Z"],["b_xvcSq45H3RS","$D2025-10-20T19:40:48.085Z"],["b_jOse200A8HY","$D2025-10-20T20:52:08.629Z"],["b_OxjmaNzOAwJ","$D2025-10-20T21:05:53.907Z"],["b_VshgGsvq3RY","$D2025-10-20T21:07:30.616Z"],["b_h3Qd0Gz2Njx","$D2025-10-20T21:17:15.050Z"],["b_xvDosCUscgD","$D2025-10-20T21:25:27.683Z"],["b_JXBpDmqKTnN","$D2025-10-20T21:27:53.658Z"],["b_ZnvTuwwz3Tb","$D2025-10-20T21:32:05.075Z"],["b_ThhxbycfWT5","$D2025-10-20T21:39:56.425Z"],["b_HSFTfskco9Z","$D2025-10-20T21:42:23.548Z"],["b_v1Tw50Fr8FV","$D2025-10-20T21:52:07.485Z"],["b_tqgIU7Bmz5Z","$D2025-10-20T21:55:59.014Z"],["b_RLhDCILRWaH","$D2025-10-20T22:05:27.340Z"],["b_eyaUqPeoDTh","$D2025-10-20T22:33:32.588Z"],["b_OfpIH1H0bwN","$D2025-10-20T22:43:22.566Z"],["b_f2sVKnso0QI","$D2025-11-26T13:03:51.651Z"],["b_lmG9GSghB1E","$D2025-11-26T13:13:14.871Z"],["b_89jCjQ3ksm4","$D2025-11-26T13:16:08.200Z"],["b_4fqEOPzFyLa","$D2025-12-11T14:46:08.269Z"],["b_OqdoKkKIFQb","$D2025-12-11T14:46:30.525Z"],["b_9UxwFHwZsRh","$D2026-06-09T14:27:54.663Z"],["b_lSAJeBGN4Ls","$D2026-06-09T14:28:04.752Z"],["b_WwFq2oU7nV0","$D2026-07-08T03:22:52.355Z"],["b_wiD6PVYhL63","$D2026-07-08T03:25:04.476Z"]] a0:[["b_WwFq2oU7nV0",false],["b_wiD6PVYhL63",false]] a1:[["b_WwFq2oU7nV0","$undefined"],["b_wiD6PVYhL63","$undefined"]] a2:[["b_WwFq2oU7nV0",null],["b_wiD6PVYhL63",null]] a3:[["b_WwFq2oU7nV0",true],["b_wiD6PVYhL63",true]] a4:[["b_WwFq2oU7nV0",true],["b_wiD6PVYhL63",true]] a5:[] a6:T198ae,[V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --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.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --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(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Inter", system-ui, -apple-system, sans-serif; /* Color System - Dark Theme for Industrial Environments */ --color-background: #0a0a0a; --color-foreground: #ededed; --color-card: #0f0f0f; --color-card-foreground: #ededed; --color-popover: #0f0f0f; --color-popover-foreground: #ededed; --color-primary: #10b981; /* Emerald Green - Safe Status */ --color-primary-foreground: #000000; --color-secondary: #1a1a1a; --color-secondary-foreground: #ededed; --color-muted: #1a1a1a; --color-muted-foreground: #737373; --color-accent: #1a1a1a; --color-accent-foreground: #ededed; --color-destructive: #ef4444; /* Red - Critical Alert */ --color-destructive-foreground: #ffffff; --color-warning: #f59e0b; /* Orange - Pre-Alert/Inactivity */ --color-warning-foreground: #000000; --color-border: #1a1a1a; --color-input: #1a1a1a; --color-ring: #10b981; --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); --radius: 0.25rem; } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } body { font-family: var(--font-sans); background-color: var(--color-background); color: var(--color-foreground); } @keyframes pulse-alert { 0%, 100% { opacity: 1; } 50% { opacity: 0.85; } } .animate-pulse-alert { animation: pulse-alert 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } [V0_FILE]typescriptreact:file="components/recent-events.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Card } from "@/components/ui/card" import { ScrollArea } from "@/components/ui/scroll-area" import type { Event } from "@/lib/mock-data" interface RecentEventsProps { events: Event[] onEventClick: (event: Event) => void } export function RecentEvents({ events, onEventClick }: RecentEventsProps) { const getEventTitle = (type: Event["type"]) => { switch (type) { case "fall": return "Queda" case "inactivity": return "Inatividade" case "pre-alert": return "Pré-Alerta" default: return "Evento" } } const getEventColor = (type: Event["type"]) => { switch (type) { case "fall": return "text-destructive" case "inactivity": case "pre-alert": return "text-warning" default: return "text-primary" } } return (

Eventos

{events.slice(0, 10).map((event) => { const colorClass = getEventColor(event.type) return ( ) })}

) } [V0_FILE]typescript:file="lib/mock-data.ts" isMerged="true" export interface Event { id: string type: "fall" | "inactivity" | "pre-alert" | "normal" timestamp: string location: string confirmed?: boolean } export const mockEvents: Event[] = [ { id: "1", type: "fall", timestamp: "15:02", location: "Setor A - Linha de Produção 3", }, { id: "2", type: "inactivity", timestamp: "14:50", location: "Setor B - Área de Armazenamento", }, { id: "3", type: "pre-alert", timestamp: "14:35", location: "Setor C - Manutenção", }, { id: "4", type: "inactivity", timestamp: "14:20", location: "Setor A - Linha de Produção 1", }, { id: "5", type: "normal", timestamp: "14:05", location: "Setor D - Escritório", }, { id: "6", type: "pre-alert", timestamp: "13:45", location: "Setor B - Área Externa", }, { id: "7", type: "normal", timestamp: "13:30", location: "Setor A - Linha de Produção 2", }, { id: "8", type: "inactivity", timestamp: "13:15", location: "Setor C - Vestiário", }, ] [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/status-panel.tsx" isEdit="true" isMerged="true" import { Shield, AlertTriangle, AlertCircle } from "lucide-react" import { Card } from "@/components/ui/card" interface StatusPanelProps { status: "safe" | "warning" | "critical" } export function StatusPanel({ status }: StatusPanelProps) { const statusConfig = { safe: { icon: Shield, text: "TODOS OS TRABALHADORES SEGUROS", description: "Todos os trabalhadores estão em condições normais de operação", bgColor: "bg-primary/10", textColor: "text-primary", borderColor: "border-primary/30", iconBg: "bg-primary/20", animate: false, }, warning: { icon: AlertTriangle, text: "PRÉ-ALERTA DETECTADO", description: "Inatividade prolongada detectada em alguns setores. Verificação recomendada.", bgColor: "bg-warning/10", textColor: "text-warning", borderColor: "border-warning/30", iconBg: "bg-warning/20", animate: false, }, critical: { icon: AlertCircle, text: "ALERTA CRÍTICO - AÇÃO IMEDIATA", description: "Queda detectada ou situação de emergência. Intervenção imediata necessária.", bgColor: "bg-destructive/10", textColor: "text-destructive", borderColor: "border-destructive/30", iconBg: "bg-destructive/20", animate: true, }, } const config = statusConfig[status] const Icon = config.icon return (

{Icon && }

{config.text}

{config.description}

Status: {status === "safe" ? "Normal" : status === "warning" ? "Atenção" : "Crítico"}

Última atualização: {new Date().toLocaleTimeString("pt-BR")}

) } [V0_FILE]typescriptreact:file="components/quick-actions.tsx" isEdit="true" isMerged="true" "use client" import { CheckCircle, XCircle, AlertCircle } from "lucide-react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" interface QuickActionsProps { onConfirm: () => void onDismiss: () => void disabled: boolean } export function QuickActions({ onConfirm, onDismiss, disabled }: QuickActionsProps) { return (

Ações Rápidas

{disabled && (

Selecione um evento para ativar as ações

)} ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "VIGIA IA - Monitoramento Industrial", description: "Dashboard de segurança e monitoramento de trabalhadores em tempo real", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import { useState } from "react" import { LoginScreen } from "@/components/login-screen" import { DashboardHeader } from "@/components/dashboard-header" import { DashboardNav, type DashboardView } from "@/components/dashboard-nav" import { StatusPanel } from "@/components/status-panel" import { LocationMap } from "@/components/location-map" import { RecentEvents } from "@/components/recent-events" import { QuickActions } from "@/components/quick-actions" import { IncidentDetails } from "@/components/incident-details" import { mockEvents, type Event } from "@/lib/mock-data" export default function Home() { const [isAuthenticated, setIsAuthenticated] = useState(false) const [userEmail, setUserEmail] = useState("") const [selectedEvent, setSelectedEvent] = useState(null) const [events, setEvents] = useState(mockEvents) const [activeView, setActiveView] = useState("status") if (!isAuthenticated) { return ( { setUserEmail(email) setIsAuthenticated(true) }} /> ) } // Calculate overall status based on events const getOverallStatus = () => { const recentEvents = events.slice(0, 5) const hasCritical = recentEvents.some((e) => e.type === "fall") const hasWarning = recentEvents.some((e) => e.type === "inactivity" || e.type === "pre-alert") if (hasCritical) return "critical" if (hasWarning) return "warning" return "safe" } const handleConfirmAlert = () => { if (selectedEvent) { setEvents((prev) => prev.map((e) => (e.id === selectedEvent.id ? { ...e, confirmed: true } : e))) setSelectedEvent(null) setActiveView("events") } } const handleDismissAlert = () => { if (selectedEvent) { setEvents((prev) => prev.filter((e) => e.id !== selectedEvent.id)) setSelectedEvent(null) setActiveView("events") } } const handleEventClick = (event: Event) => { setSelectedEvent(event) setActiveView("incident") } const overallStatus = getOverallStatus() const latestAlert = events.find((e) => e.type === "fall" || e.type === "pre-alert") return (

{ if (view !== "incident") setSelectedEvent(null) setActiveView(view) }} hasSelectedEvent={!!selectedEvent} />

{/* 3.2 - Painel Central de Status */} {activeView === "status" && (

Painel de Status

Visão geral da operação em tempo real

)} {/* 3.3 - Mapa de Localização */} {activeView === "map" && (

Mapa de Localização

Posição exata dos alertas na instalação

)} {/* 3.4 - Eventos e Ações Rápidas */} {activeView === "events" && (

Eventos e Ações

Histórico de incidentes e respostas rápidas

)} {/* 3.5 - Detalhes do Incidente / Timeline */} {activeView === "incident" && selectedEvent && ( { setSelectedEvent(null) setActiveView("events") }} onConfirm={handleConfirmAlert} onDismiss={handleDismissAlert} /> )}

) } [V0_FILE]typescriptreact:file="components/login-screen.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Shield, Eye, EyeOff, AlertCircle } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" interface LoginScreenProps { onLogin: (email: string) => void } export function LoginScreen({ onLogin }: LoginScreenProps) { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [showPassword, setShowPassword] = useState(false) const [error, setError] = useState("") const [isLoading, setIsLoading] = useState(false) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setError("") setIsLoading(true) // Simulate API call await new Promise((resolve) => setTimeout(resolve, 1000)) // Mock authentication - accept any email/password for demo if (email && password) { onLogin(email) } else { setError("Por favor, preencha todos os campos") } setIsLoading(false) } return (

{/* Background Pattern */}

{/* Logo and Title */}

VIGIA IA

Monitoramento Industrial

{/* Login Card */}

Bem-vindo

Entre com suas credenciais para acessar o sistema

{/* Email Field */}

Email setEmail(e.target.value)} className="h-12 bg-slate-950/50 border-slate-700 text-white placeholder:text-slate-500 focus:border-emerald-500 focus:ring-emerald-500/20" disabled={isLoading} />

{/* Password Field */}

Senha

setPassword(e.target.value)} className="h-12 bg-slate-950/50 border-slate-700 text-white placeholder:text-slate-500 focus:border-emerald-500 focus:ring-emerald-500/20 pr-12" disabled={isLoading} />

{/* Error Message */} {error && (

{error}

)} {/* Submit Button */}

{/* Footer Links */}

{/* Demo Credentials Info */}

Demo: Use qualquer email e senha para entrar

) } [V0_FILE]typescriptreact:file="components/dashboard-header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Shield, Bell, Settings, User, X, LogOut, UserCircle, Lock } from "lucide-react" import { Button } from "@/components/ui/button" import { useState } from "react" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { Badge } from "@/components/ui/badge" const mockNotifications = [ { id: 1, type: "alert", message: "Queda detectada - Setor A", time: "2 min atrás", unread: true }, { id: 2, type: "warning", message: "Inatividade prolongada - Setor B", time: "15 min atrás", unread: true }, { id: 3, type: "info", message: "Sistema atualizado com sucesso", time: "1 hora atrás", unread: false }, ] interface DashboardHeaderProps { userEmail: string } export function DashboardHeader({ userEmail }: DashboardHeaderProps) { const [showNotifications, setShowNotifications] = useState(false) const unreadCount = mockNotifications.filter((n) => n.unread).length return (

VIGIA IA

Monitoramento Industrial

{showNotifications && (

Notificações

{mockNotifications.map((notification) => (

{notification.message}

{notification.time}

))}

)}

Configurações Preferências de Notificação Configurações de Segurança Configurações do Sistema

Operador

{userEmail}

Meu Perfil Alterar Senha Sair

) } [V0_FILE]typescriptreact:file="components/incident-details.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { ArrowLeft, MapPin, Clock, AlertCircle, TrendingDown, Activity } from "lucide-react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import type { Event } from "@/lib/mock-data" interface IncidentDetailsProps { event: Event onBack: () => void onConfirm: () => void onDismiss: () => void } export function IncidentDetails({ event, onBack, onConfirm, onDismiss }: IncidentDetailsProps) { const isCritical = event.type === "fall" return (

{/* Header */}

Detalhes do Incidente

Análise completa do evento

{/* Main Details */}

{/* Alert Type Card */}

{event.type === "fall" ? "Queda Detectada" : event.type === "inactivity" ? "Inatividade Prolongada" : "Pré-Alerta"}

{isCritical ? "Crítico" : "Atenção"}

{isCritical ? "Impacto súbito detectado. Resposta imediata necessária." : "Trabalhador sem movimento por período prolongado. Verificação recomendada."}

{/* Event Information */}

Informações do Evento

Horário

{event.timestamp}

Localização

{event.location}

{/* Timeline */}

Timeline do Evento

{/* Vertical connecting line */}

{/* Pre-event: Normal Movement */}

Movimento Normal

-30s

Trabalhador em atividade regular

{/* Event: Fall/Inactivity Detected */}

{isCritical ? "Queda Detectada" : "Inatividade Iniciada"}

0s (evento)

{isCritical ? "Impacto súbito registrado pelos sensores" : "Ausência de movimento detectada"}

{/* Post-event: No Movement */}

Sem Movimento

+15s

Nenhuma atividade detectada após o evento

{/* Timeline Legend */}

Pré-evento

Evento crítico

Pós-evento

{/* Suggested Actions */}

Ações Sugeridas

• Enviar equipe de resposta imediata para {event.location}
• Verificar comunicação com o trabalhador via rádio
• Acionar protocolo de emergência se necessário
• Documentar o incidente no sistema de registros

{/* Sidebar - Actions and Integration */}

Ações

Integração API

Endpoint

POST /api/events

Webhook

/webhook/alerts

Configure sua API para receber eventos em tempo real

) } [V0_FILE]typescriptreact:file="components/location-map.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { MapPin, ZoomIn, ZoomOut, Maximize2, X } from "lucide-react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import type { Event } from "@/lib/mock-data" interface LocationMapProps { event?: Event } export function LocationMap({ event }: LocationMapProps) { const [zoom, setZoom] = useState(1) const [isFullscreen, setIsFullscreen] = useState(false) const handleZoomIn = () => { setZoom((prev) => Math.min(prev + 0.2, 2)) } const handleZoomOut = () => { setZoom((prev) => Math.max(prev - 0.2, 0.6)) } const toggleFullscreen = () => { setIsFullscreen((prev) => !prev) } const containerClasses = isFullscreen ? "fixed inset-0 z-50 bg-background" : "overflow-hidden border-border/50" const mapHeight = isFullscreen ? "h-screen" : "h-[400px]" return (

Localização

{isFullscreen && ( )}

{/* Zone A */}

Zona A

{/* Zone B */}

Zona B

{/* Zone C */}

Zona C

{event && (

{/* Pulse rings */}

{/* Main marker */}

{/* Location label with better styling */}

{event.location}

Último alerta registrado

)}

Coordenadas: X: 125, Y: 340

Zoom: {Math.round(zoom * 100)}%

) } [V0_FILE]xml:file="public/vigia-ia-logo.svg" isMerged="true" [V0_FILE]typescriptreact:file="app/download-logo/page.tsx" isMerged="true" "use client" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" export default function DownloadLogoPage() { const downloadSVG = () => { const svg = document.getElementById("vigia-logo") if (!svg) return const svgData = new XMLSerializer().serializeToString(svg) const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" }) const svgUrl = URL.createObjectURL(svgBlob) const downloadLink = document.createElement("a") downloadLink.href = svgUrl downloadLink.download = "vigia-ia-logo.svg" document.body.appendChild(downloadLink) downloadLink.click() document.body.removeChild(downloadLink) URL.revokeObjectURL(svgUrl) } const downloadPNG = () => { const svg = document.getElementById("vigia-logo") if (!svg) return const svgData = new XMLSerializer().serializeToString(svg) const canvas = document.createElement("canvas") const ctx = canvas.getContext("2d") const img = new Image() canvas.width = 800 canvas.height = 800 img.onload = () => { ctx?.drawImage(img, 0, 0, 800, 800) canvas.toBlob((blob) => { if (!blob) return const url = URL.createObjectURL(blob) const downloadLink = document.createElement("a") downloadLink.href = url downloadLink.download = "vigia-ia-logo.png" document.body.appendChild(downloadLink) downloadLink.click() document.body.removeChild(downloadLink) URL.revokeObjectURL(url) }) } img.src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svgData))) } return (

Logo VIGIA IA

Download da logo em alta qualidade

Especificações da Logo

• SVG: Formato vetorial escalável para qualquer tamanho
• PNG: Alta resolução 800x800px com fundo transparente
• Cores: Verde esmeralda (#10B981), Azul (#3b82f6), Vermelho (#EF4444)
• Elementos: Escudo de segurança + Olho de IA + Indicador de alerta

) } [V0_FILE]xml:file="public/vigia-ia-shield-logo.svg" isMerged="true" [V0_FILE]typescriptreact:file="app/download-shield-logo/page.tsx" isMerged="true" "use client" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" export default function DownloadShieldLogoPage() { const downloadSVG = () => { const svg = document.getElementById("shield-logo-svg") if (!svg) return const svgData = new XMLSerializer().serializeToString(svg) const blob = new Blob([svgData], { type: "image/svg+xml" }) const url = URL.createObjectURL(blob) const link = document.createElement("a") link.href = url link.download = "vigia-ia-shield-logo.svg" link.click() URL.revokeObjectURL(url) } const downloadPNG = () => { const svg = document.getElementById("shield-logo-svg") if (!svg) return const canvas = document.createElement("canvas") canvas.width = 1000 canvas.height = 1000 const ctx = canvas.getContext("2d") if (!ctx) return const svgData = new XMLSerializer().serializeToString(svg) const img = new Image() const blob = new Blob([svgData], { type: "image/svg+xml" }) const url = URL.createObjectURL(blob) img.onload = () => { ctx.drawImage(img, 0, 0, 1000, 1000) canvas.toBlob((blob) => { if (!blob) return const pngUrl = URL.createObjectURL(blob) const link = document.createElement("a") link.href = pngUrl link.download = "vigia-ia-shield-logo.png" link.click() URL.revokeObjectURL(pngUrl) URL.revokeObjectURL(url) }) } img.src = url } return (

Logo VIGIA IA - Escudo Minimalista

Baixe a logo em formato vetorial (SVG) ou imagem (PNG)

Preview 120x120

Preview 80x80

Preview 48x48

Especificações

• Formato: SVG vetorial escalável
• PNG: 1000x1000 pixels (alta resolução)
• Cor principal: Verde Esmeralda (#10b981)
• Fundo: Azul escuro (#0a1929)
• Design: Minimalista com escudo de proteção

) } [V0_FILE]xml:file="public/vigia-ia-full-branding.svg" isMerged="true" [V0_FILE]typescriptreact:file="app/download-full-branding/page.tsx" isMerged="true" "use client" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" export default function DownloadFullBrandingPage() { const downloadSVG = () => { const svg = document.getElementById("branding-svg") if (!svg) return const svgData = new XMLSerializer().serializeToString(svg) const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" }) const svgUrl = URL.createObjectURL(svgBlob) const downloadLink = document.createElement("a") downloadLink.href = svgUrl downloadLink.download = "vigia-ia-branding.svg" document.body.appendChild(downloadLink) downloadLink.click() document.body.removeChild(downloadLink) URL.revokeObjectURL(svgUrl) } const downloadPNG = () => { const svg = document.getElementById("branding-svg") if (!svg) return const canvas = document.createElement("canvas") const ctx = canvas.getContext("2d") if (!ctx) return canvas.width = 1234 canvas.height = 1328 const svgData = new XMLSerializer().serializeToString(svg) const img = new Image() const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" }) const url = URL.createObjectURL(svgBlob) img.onload = () => { ctx.drawImage(img, 0, 0, canvas.width, canvas.height) URL.revokeObjectURL(url) canvas.toBlob((blob) => { if (!blob) return const pngUrl = URL.createObjectURL(blob) const downloadLink = document.createElement("a") downloadLink.href = pngUrl downloadLink.download = "vigia-ia-branding.png" document.body.appendChild(downloadLink) downloadLink.click() document.body.removeChild(downloadLink) URL.revokeObjectURL(pngUrl) }) } img.src = url } return (

VIGIA IA - Branding Completo

Baixe a logo completa com texto em formato SVG ou PNG de alta resolução

Formato SVG

Vetorial escalável, perfeito para impressão e uso em qualquer tamanho sem perda de qualidade

Formato PNG

Alta resolução 1234x1328px, ideal para apresentações, redes sociais e documentos

) } [V0_FILE]typescriptreact:file="app/protecao-animal/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { PawPrint, ClipboardList, Phone, MapPin, AlertTriangle, Heart, Users, FileText } from "lucide-react" export default function ProtecaoAnimalPage() { const [activeTab, setActiveTab] = useState<"servicos" | "noticias">("servicos") const services = [ { icon: , title: "Reportar Animal em Risco", description: "Informe sobre animais em situação de perigo", href: "/protecao-animal/reportar", color: "bg-gradient-to-br from-red-500 to-red-600", }, { icon: , title: "Adota PET", description: "Encontre seu novo amigo", href: "/protecao-animal/adocao", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Cadastros", description: "Registre animais e tutores", href: "/protecao-animal/cadastros", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Contatos de Emergência", description: "Bombeiros e ONGs parceiras", href: "/protecao-animal/contatos", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Abrigos Parceiros", description: "Localize abrigos próximos", href: "/protecao-animal/abrigos", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Fazer Doação", description: "Ajude ONGs e abrigos", href: "/protecao-animal/doacoes", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Seja Voluntário", description: "Participe de ações de proteção", href: "/protecao-animal/voluntariado", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, { icon: , title: "Meus Reportes", description: "Acompanhe seus registros", href: "/protecao-animal/meus-reportes", color: "bg-gradient-to-br from-cyan-500 to-cyan-600", }, ] return (

{/* Header */}

PROTEÇÃO ANIMAL

Paraíba

{/* Tabs */}

{/* Content */}

{activeTab === "servicos" ? (

{services.map((service, index) => (

{service.icon}

{service.title}

{service.description}

))}

) : (

Notícias em Breve

Acompanhe as últimas notícias sobre proteção animal na Paraíba

)}

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/protecao-animal/reportar/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { ArrowLeft, MapPin, Camera, AlertTriangle, Dog, Cat, Bird, Rabbit } from "lucide-react" import Link from "next/link" export default function ReportarPage() { const [formData, setFormData] = useState({ tipoAnimal: "", situacao: "", localizacao: "", descricao: "", contato: "", }) const [urgencia, setUrgencia] = useState<"baixa" | "media" | "alta">("media") const [submitted, setSubmitted] = useState(false) const tiposAnimais = [ { value: "cao", label: "Cão", icon: }, { value: "gato", label: "Gato", icon: }, { value: "passaro", label: "Pássaro", icon: }, { value: "silvestre", label: "Silvestre", icon: }, ] const situacoes = [ "Animal ferido", "Animal abandonado", "Maus tratos", "Atropelamento", "Animal preso/enroscado", "Filhotes abandonados", "Animal sem água/comida", "Outro", ] const handleSubmit = (e: React.FormEvent) => { e.preventDefault() setSubmitted(true) // Aqui seria enviado para API } if (submitted) { return (

Reporte Enviado!

Seu reporte foi registrado com sucesso. A equipe de proteção animal foi notificada e entrará em ação o mais rápido possível.

Protocolo: #PA-{Math.floor(Math.random() * 10000)}

Urgência: {urgencia.toUpperCase()}

) } return (

{/* Header */}

Reportar Animal em Risco

Preencha os dados abaixo

{/* Tipo de Animal */}

Tipo de Animal

{tiposAnimais.map((tipo) => ( ))}

{/* Nível de Urgência */}

Nível de Urgência

{(["baixa", "media", "alta"] as const).map((nivel) => ( ))}

{/* Situação */} Situação {/* Localização */} Localização setFormData({ ...formData, localizacao: e.target.value })} required /> {/* Descrição */} Descrição Detalhada

setFormData({ ...formData, descricao: e.target.value })}
              rows={5}
              required
            />
          </Card>

{/* Foto */}
          <Card className="p-6">
            <Label className="text-lg font-bold mb-4 block">Adicionar Foto (Opcional)</Label>
            <Button type="button" variant="outline" className="w-full bg-transparent">
              <Camera className="w-4 h-4 mr-2" />
              Tirar Foto ou Selecionar da Galeria
            </Button>
          </Card>

{/* Contato */}
          <Card className="p-6">
            <Label htmlFor="contato" className="text-lg font-bold mb-4 block">
              Seu Contato
            </Label>
            <Input
              id="contato"
              placeholder="Telefone ou WhatsApp"
              value={formData.contato}
              onChange={(e) => setFormData({ ...formData, contato: e.target.value })}
              required
            />
            <p className="text-xs text-muted-foreground mt-2">Para atualizações sobre o resgate</p>
          </Card>

{/* Submit */}
          <Button type="submit" className="w-full h-14 text-lg font-bold bg-red-600 hover:bg-red-700">
            Enviar Reporte de Emergência
          </Button>
        </form>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/protecao-animal/contatos/page.tsx" isMerged="true"
"use client"

import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { ArrowLeft, Phone, MapPin, ExternalLink } from "lucide-react"
import Link from "next/link"

export default function ContatosPage() {
  const emergencias = [
    {
      nome: "Corpo de Bombeiros",
      descricao: "Resgate de animais em situação de risco",
      telefone: "193",
      disponibilidade: "24 horas",
      cor: "bg-red-600",
    },
    {
      nome: "Polícia Ambiental",
      descricao: "Fauna silvestre e crimes ambientais",
      telefone: "190",
      disponibilidade: "24 horas",
      cor: "bg-green-700",
    },
  ]

const ongs = [
    {
      nome: "ONG Protetores dos Animais",
      endereco: "João Pessoa - PB",
      telefone: "(83) 3241-5678",
      whatsapp: "(83) 98765-4321",
      especialidade: "Cães e Gatos",
      cor: "bg-blue-600",
    },
    {
      nome: "Abrigo Amigo Fiel",
      endereco: "Campina Grande - PB",
      telefone: "(83) 3322-8899",
      whatsapp: "(83) 99876-5432",
      especialidade: "Todos os animais",
      cor: "bg-cyan-600",
    },
    {
      nome: "Resgate Animal PB",
      endereco: "Patos - PB",
      telefone: "(83) 3421-9900",
      whatsapp: "(83) 99123-4567",
      especialidade: "Emergências",
      cor: "bg-purple-600",
    },
    {
      nome: "Vida Animal",
      endereco: "Cajazeiras - PB",
      telefone: "(83) 3531-7788",
      whatsapp: "(83) 98888-7777",
      especialidade: "Reabilitação",
      cor: "bg-orange-600",
    },
  ]

return (
    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100">
      {/* Header */}
      <header className="bg-gradient-to-r from-blue-800 via-blue-700 to-blue-800 text-white shadow-lg">
        <div className="container mx-auto px-4 py-6">
          <div className="flex items-center gap-4">
            <Link href="/protecao-animal">
              <Button variant="ghost" size="icon" className="text-white hover:bg-white/20">
                <ArrowLeft className="w-6 h-6" />
              </Button>
            </Link>
            <div>
              <h1 className="text-2xl font-bold">Contatos de Emergência</h1>
              <p className="text-sm text-blue-100">Bombeiros e ONGs parceiras</p>
            </div>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8 max-w-4xl space-y-8">
        {/* Emergências */}
        <section>
          <h2 className="text-xl font-bold mb-4 flex items-center gap-2">
            <div className="w-8 h-8 bg-red-100 rounded-lg flex items-center justify-center">
              <Phone className="w-5 h-5 text-red-600" />
            </div>
            Emergências 24h
          </h2>
          <div className="grid gap-4">
            {emergencias.map((contato, index) => (
              <Card key={index} className="p-6 hover:shadow-lg transition-shadow">
                <div className="flex items-start justify-between gap-4">
                  <div className="flex-1">
                    <h3 className="text-lg font-bold mb-2">{contato.nome}</h3>
                    <p className="text-sm text-muted-foreground mb-4">{contato.descricao}</p>
                    <div className="flex flex-wrap gap-3">
                      <span className="text-xs px-3 py-1 bg-green-100 text-green-700 rounded-full font-semibold">
                        {contato.disponibilidade}
                      </span>
                    </div>
                  </div>
                  <a href={`tel:${contato.telefone}`}>
                    <Button className={`${contato.cor} hover:opacity-90 h-16 px-8`}>
                      <Phone className="w-5 h-5 mr-2" />
                      {contato.telefone}
                    </Button>
                  </a>
                </div>
              </Card>
            ))}
          </div>
        </section>

{/* ONGs Parceiras */}
        <section>
          <h2 className="text-xl font-bold mb-4 flex items-center gap-2">
            <div className="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center">
              <MapPin className="w-5 h-5 text-blue-600" />
            </div>
            ONGs Parceiras
          </h2>
          <div className="grid gap-4">
            {ongs.map((ong, index) => (
              <Card key={index} className="p-6 hover:shadow-lg transition-shadow">
                <div className="flex flex-col gap-4">
                  <div>
                    <h3 className="text-lg font-bold mb-2">{ong.nome}</h3>
                    <div className="flex items-center gap-2 text-sm text-muted-foreground mb-3">
                      <MapPin className="w-4 h-4" />
                      {ong.endereco}
                    </div>
                    <span className="text-xs px-3 py-1 bg-purple-100 text-purple-700 rounded-full font-semibold">
                      {ong.especialidade}
                    </span>
                  </div>
                  <div className="flex flex-wrap gap-3">
                    <a href={`tel:${ong.telefone}`} className="flex-1">
                      <Button variant="outline" className="w-full bg-transparent">
                        <Phone className="w-4 h-4 mr-2" />
                        {ong.telefone}
                      </Button>
                    </a>
                    <a
                      href={`https://wa.me/${ong.whatsapp.replace(/\D/g, "")}`}
                      className="flex-1"
                      target="_blank"
                      rel="noopener noreferrer"
                    >
                      <Button className="w-full bg-green-600 hover:bg-green-700">
                        <ExternalLink className="w-4 h-4 mr-2" />
                        WhatsApp
                      </Button>
                    </a>
                  </div>
                </div>
              </Card>
            ))}
          </div>
        </section>

{/* Alerta */}
        <Card className="p-6 bg-yellow-50 border-yellow-200">
          <p className="text-sm text-yellow-900">
            <strong>Importante:</strong> Em situações de emergência com risco de vida, sempre ligue para o{" "}
            <strong>193 (Bombeiros)</strong> primeiro.
          </p>
        </Card>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/dashboard-nav.tsx" isMerged="true"
"use client"

import { Activity, MapPin, ListChecks, FileSearch } from "lucide-react"
import { cn } from "@/lib/utils"

export type DashboardView = "status" | "map" | "events" | "incident"

interface DashboardNavProps {
  activeView: DashboardView
  onChange: (view: DashboardView) => void
  hasSelectedEvent: boolean
}

export function DashboardNav({ activeView, onChange, hasSelectedEvent }: DashboardNavProps) {
  const items: { id: DashboardView; label: string; icon: typeof Activity; disabled?: boolean }[] = [
    { id: "status", label: "Status", icon: Activity },
    { id: "map", label: "Mapa", icon: MapPin },
    { id: "events", label: "Eventos", icon: ListChecks },
    { id: "incident", label: "Incidente", icon: FileSearch, disabled: !hasSelectedEvent },
  ]

return (
    <nav className="border-b border-border/50 bg-card">
      <div className="container mx-auto flex items-center gap-1 overflow-x-auto px-4 lg:px-8">
        {items.map((item) => {
          const Icon = item.icon
          const isActive = activeView === item.id
          return (
            <button
              key={item.id}
              onClick={() => !item.disabled && onChange(item.id)}
              disabled={item.disabled}
              className={cn(
                "flex items-center gap-2 whitespace-nowrap border-b-2 px-4 py-4 text-sm font-medium transition-colors",
                isActive
                  ? "border-primary text-primary"
                  : "border-transparent text-muted-foreground hover:text-foreground",
                item.disabled && "cursor-not-allowed opacity-40 hover:text-muted-foreground",
              )}
            >
              <Icon className="h-4 w-4" />
              {item.label}
            </button>
          )
        })}
      </div>
    </nav>
  )
}
[V0_FILE]png:file="public/diagrama-caso-de-uso-vigia-ia.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/diagrama-caso-de-uso-vigia-ia-visuL7bOOra4ZaPFi7t6AMXcV5RBUW.png" isMerged="true"
[V0_FILE]typescriptreact:file="app/baixar-diagrama/page.tsx"
"use client"

export default function BaixarDiagramaPage() {
  const handleDownload = async () => {
    try {
      const response = await fetch("/diagrama-caso-de-uso-vigia-ia.png")
      const blob = await response.blob()
      const url = window.URL.createObjectURL(blob)
      const link = document.createElement("a")
      link.href = url
      link.download = "diagrama-caso-de-uso-vigia-ia.png"
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
      window.URL.revokeObjectURL(url)
    } catch (error) {
      console.log("[v0] Erro ao baixar:", error)
      window.open("/diagrama-caso-de-uso-vigia-ia.png", "_blank")
    }
  }

return (
    <main className="min-h-screen bg-slate-100 flex items-center justify-center p-6">
      <div className="w-full max-w-3xl bg-white rounded-xl shadow-lg p-6 md:p-8 flex flex-col items-center gap-6">
        <div className="text-center">
          <h1 className="text-2xl font-bold text-slate-900 text-balance">Diagrama de Caso de Uso - VIGIA IA</h1>
          <p className="mt-2 text-slate-600 leading-relaxed">
            Visualize o diagrama abaixo e clique no botão para baixar a imagem em alta resolução.
          </p>
        </div>

<div className="w-full rounded-lg border border-slate-200 overflow-hidden bg-white">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img
            src="/diagrama-caso-de-uso-vigia-ia.png"
            alt="Diagrama de caso de uso do sistema VIGIA IA mostrando os atores Operador de Monitoramento e Equipe de Resgate conectados aos casos de uso do sistema"
            className="w-full h-auto"
          />
        </div>

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --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.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --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(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;

/* Color System - Dark Theme for Industrial Environments */
  --color-background: #0a0a0a;
  --color-foreground: #ededed;

--color-card: #0f0f0f;
  --color-card-foreground: #ededed;

--color-popover: #0f0f0f;
  --color-popover-foreground: #ededed;

--color-primary: #10b981; /* Emerald Green - Safe Status */
  --color-primary-foreground: #000000;

--color-secondary: #1a1a1a;
  --color-secondary-foreground: #ededed;

--color-muted: #1a1a1a;
  --color-muted-foreground: #737373;

--color-accent: #1a1a1a;
  --color-accent-foreground: #ededed;

--color-destructive: #ef4444; /* Red - Critical Alert */
  --color-destructive-foreground: #ffffff;

--color-warning: #f59e0b; /* Orange - Pre-Alert/Inactivity */
  --color-warning-foreground: #000000;

--color-border: #1a1a1a;
  --color-input: #1a1a1a;
  --color-ring: #10b981;

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

--radius: 0.25rem;
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}

body {
  font-family: var(--font-sans);
  background-color: var(--color-background);
  color: var(--color-foreground);
}

@keyframes pulse-alert {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.85;
  }
}

.animate-pulse-alert {
  animation: pulse-alert 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
[V0_FILE]typescriptreact:file="components/recent-events.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"
import { Card } from "@/components/ui/card"
import { ScrollArea } from "@/components/ui/scroll-area"
import type { Event } from "@/lib/mock-data"

interface RecentEventsProps {
  events: Event[]
  onEventClick: (event: Event) => void
}

export function RecentEvents({ events, onEventClick }: RecentEventsProps) {
  const getEventTitle = (type: Event["type"]) => {
    switch (type) {
      case "fall":
        return "Queda"
      case "inactivity":
        return "Inatividade"
      case "pre-alert":
        return "Pré-Alerta"
      default:
        return "Evento"
    }
  }

const getEventColor = (type: Event["type"]) => {
    switch (type) {
      case "fall":
        return "text-destructive"
      case "inactivity":
      case "pre-alert":
        return "text-warning"
      default:
        return "text-primary"
    }
  }

return (
    <Card>
      <div className="border-b border-border px-4 py-3">
        <h3 className="text-sm font-medium text-foreground">Eventos</h3>
      </div>

<ScrollArea className="h-[500px]">
        <div className="divide-y divide-border">
          {events.slice(0, 10).map((event) => {
            const colorClass = getEventColor(event.type)

return (
              <button
                key={event.id}
                onClick={() => onEventClick(event)}
                className="w-full px-4 py-3 text-left transition-colors hover:bg-muted/30"
              >
                <div className="space-y-1">
                  <div className="flex items-center justify-between">
                    <span className={`text-sm font-medium ${colorClass}`}>{getEventTitle(event.type)}</span>
                    <span className="text-xs text-muted-foreground">{event.timestamp}</span>
                  </div>
                  <p className="text-xs text-muted-foreground">{event.location}</p>
                </div>
              </button>
            )
          })}
        </div>
      </ScrollArea>
    </Card>
  )
}
[V0_FILE]typescript:file="lib/mock-data.ts" isMerged="true"
export interface Event {
  id: string
  type: "fall" | "inactivity" | "pre-alert" | "normal"
  timestamp: string
  location: string
  confirmed?: boolean
}

export const mockEvents: Event[] = [
  {
    id: "1",
    type: "fall",
    timestamp: "15:02",
    location: "Setor A - Linha de Produção 3",
  },
  {
    id: "2",
    type: "inactivity",
    timestamp: "14:50",
    location: "Setor B - Área de Armazenamento",
  },
  {
    id: "3",
    type: "pre-alert",
    timestamp: "14:35",
    location: "Setor C - Manutenção",
  },
  {
    id: "4",
    type: "inactivity",
    timestamp: "14:20",
    location: "Setor A - Linha de Produção 1",
  },
  {
    id: "5",
    type: "normal",
    timestamp: "14:05",
    location: "Setor D - Escritório",
  },
  {
    id: "6",
    type: "pre-alert",
    timestamp: "13:45",
    location: "Setor B - Área Externa",
  },
  {
    id: "7",
    type: "normal",
    timestamp: "13:30",
    location: "Setor A - Linha de Produção 2",
  },
  {
    id: "8",
    type: "inactivity",
    timestamp: "13:15",
    location: "Setor C - Vestiário",
  },
]
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint ."
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "@vercel/analytics": "1.3.1",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.5.4",
    "next-themes": "^0.4.6",
    "react": "19.1.0",
    "react-day-picker": "9.8.0",
    "react-dom": "19.1.0",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^3.3.1",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.9",
    "zod": "3.25.76"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]typescriptreact:file="components/status-panel.tsx" isEdit="true" isMerged="true"
import { Shield, AlertTriangle, AlertCircle } from "lucide-react"
import { Card } from "@/components/ui/card"

interface StatusPanelProps {
  status: "safe" | "warning" | "critical"
}

export function StatusPanel({ status }: StatusPanelProps) {
  const statusConfig = {
    safe: {
      icon: Shield,
      text: "TODOS OS TRABALHADORES SEGUROS",
      description: "Todos os trabalhadores estão em condições normais de operação",
      bgColor: "bg-primary/10",
      textColor: "text-primary",
      borderColor: "border-primary/30",
      iconBg: "bg-primary/20",
      animate: false,
    },
    warning: {
      icon: AlertTriangle,
      text: "PRÉ-ALERTA DETECTADO",
      description: "Inatividade prolongada detectada em alguns setores. Verificação recomendada.",
      bgColor: "bg-warning/10",
      textColor: "text-warning",
      borderColor: "border-warning/30",
      iconBg: "bg-warning/20",
      animate: false,
    },
    critical: {
      icon: AlertCircle,
      text: "ALERTA CRÍTICO - AÇÃO IMEDIATA",
      description: "Queda detectada ou situação de emergência. Intervenção imediata necessária.",
      bgColor: "bg-destructive/10",
      textColor: "text-destructive",
      borderColor: "border-destructive/30",
      iconBg: "bg-destructive/20",
      animate: true,
    },
  }

const config = statusConfig[status]
  const Icon = config.icon

return (
    <Card
      className={`border-2 ${config.borderColor} ${config.bgColor} p-8 transition-all ${config.animate ? "animate-pulse-alert" : ""}`}
    >
      <div className="flex items-start gap-6">
        <div className={`rounded-xl p-4 ${config.iconBg}`}>
          {Icon && <Icon className={`h-10 w-10 ${config.textColor}`} />}
        </div>
        <div className="flex-1 space-y-3">
          <h2 className={`text-3xl font-bold ${config.textColor}`}>{config.text}</h2>
          <p className="text-base text-muted-foreground leading-relaxed">{config.description}</p>
          <div className="mt-6 flex items-center gap-6 text-sm">
            <div className="flex items-center gap-2">
              <div className={`h-2 w-2 rounded-full ${config.textColor.replace("text-", "bg-")}`} />
              <span className="text-muted-foreground">Status:</span>
              <span className={`font-semibold ${config.textColor}`}>
                {status === "safe" ? "Normal" : status === "warning" ? "Atenção" : "Crítico"}
              </span>
            </div>
            <div className="flex items-center gap-2">
              <span className="text-muted-foreground">Última atualização:</span>
              <span className="font-medium text-foreground">{new Date().toLocaleTimeString("pt-BR")}</span>
            </div>
          </div>
        </div>
      </div>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="components/quick-actions.tsx" isEdit="true" isMerged="true"
"use client"

import { CheckCircle, XCircle, AlertCircle } from "lucide-react"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"

interface QuickActionsProps {
  onConfirm: () => void
  onDismiss: () => void
  disabled: boolean
}

export function QuickActions({ onConfirm, onDismiss, disabled }: QuickActionsProps) {
  return (
    <Card className="p-6 border-border/50">
      <h3 className="mb-6 text-base font-semibold text-foreground tracking-tight">Ações Rápidas</h3>

<div className="space-y-3">
        <Button
          onClick={onConfirm}
          disabled={disabled}
          className="w-full h-12 bg-emerald-600 text-white hover:bg-emerald-700 disabled:bg-muted disabled:text-muted-foreground transition-all duration-200 font-medium shadow-sm hover:shadow-md disabled:shadow-none"
        >
          <CheckCircle className="mr-2 h-5 w-5" />
          Confirmar Alerta
        </Button>

<Button
          onClick={onDismiss}
          disabled={disabled}
          variant="outline"
          className="w-full h-12 border-border/70 hover:bg-muted/50 disabled:opacity-50 transition-all duration-200 font-medium bg-transparent"
        >
          <XCircle className="mr-2 h-5 w-5" />
          Dispensar Falso Alarme
        </Button>
      </div>

{disabled && (
        <div className="mt-6 pt-4 border-t border-border/30 flex items-center justify-center gap-2 text-muted-foreground">
          <AlertCircle className="h-4 w-4" />
          <p className="text-sm">Selecione um evento para ativar as ações</p>
        </div>
      )}
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Inter } from "next/font/google"
import "./globals.css"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "VIGIA IA - Monitoramento Industrial",
  description: "Dashboard de segurança e monitoramento de trabalhadores em tempo real",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="pt-BR">
      <body className={inter.className}>{children}</body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { LoginScreen } from "@/components/login-screen"
import { DashboardHeader } from "@/components/dashboard-header"
import { DashboardNav, type DashboardView } from "@/components/dashboard-nav"
import { StatusPanel } from "@/components/status-panel"
import { LocationMap } from "@/components/location-map"
import { RecentEvents } from "@/components/recent-events"
import { QuickActions } from "@/components/quick-actions"
import { IncidentDetails } from "@/components/incident-details"
import { mockEvents, type Event } from "@/lib/mock-data"

export default function Home() {
  const [isAuthenticated, setIsAuthenticated] = useState(false)
  const [userEmail, setUserEmail] = useState("")
  const [selectedEvent, setSelectedEvent] = useState<Event | null>(null)
  const [events, setEvents] = useState<Event[]>(mockEvents)
  const [activeView, setActiveView] = useState<DashboardView>("status")

if (!isAuthenticated) {
    return (
      <LoginScreen
        onLogin={(email) => {
          setUserEmail(email)
          setIsAuthenticated(true)
        }}
      />
    )
  }

// Calculate overall status based on events
  const getOverallStatus = () => {
    const recentEvents = events.slice(0, 5)
    const hasCritical = recentEvents.some((e) => e.type === "fall")
    const hasWarning = recentEvents.some((e) => e.type === "inactivity" || e.type === "pre-alert")

if (hasCritical) return "critical"
    if (hasWarning) return "warning"
    return "safe"
  }

const handleConfirmAlert = () => {
    if (selectedEvent) {
      setEvents((prev) => prev.map((e) => (e.id === selectedEvent.id ? { ...e, confirmed: true } : e)))
      setSelectedEvent(null)
      setActiveView("events")
    }
  }

const handleDismissAlert = () => {
    if (selectedEvent) {
      setEvents((prev) => prev.filter((e) => e.id !== selectedEvent.id))
      setSelectedEvent(null)
      setActiveView("events")
    }
  }

const handleEventClick = (event: Event) => {
    setSelectedEvent(event)
    setActiveView("incident")
  }

const overallStatus = getOverallStatus()
  const latestAlert = events.find((e) => e.type === "fall" || e.type === "pre-alert")

return (
    <div className="min-h-screen bg-background">
      <DashboardHeader userEmail={userEmail} />
      <DashboardNav
        activeView={activeView}
        onChange={(view) => {
          if (view !== "incident") setSelectedEvent(null)
          setActiveView(view)
        }}
        hasSelectedEvent={!!selectedEvent}
      />

<main className="container mx-auto px-4 py-6 lg:px-8">
        {/* 3.2 - Painel Central de Status */}
        {activeView === "status" && (
          <div className="mx-auto max-w-4xl space-y-6">
            <div>
              <h2 className="text-xl font-bold text-foreground">Painel de Status</h2>
              <p className="text-sm text-muted-foreground">Visão geral da operação em tempo real</p>
            </div>
            <StatusPanel status={overallStatus} />
          </div>
        )}

{/* 3.3 - Mapa de Localização */}
        {activeView === "map" && (
          <div className="mx-auto max-w-4xl space-y-6">
            <div>
              <h2 className="text-xl font-bold text-foreground">Mapa de Localização</h2>
              <p className="text-sm text-muted-foreground">Posição exata dos alertas na instalação</p>
            </div>
            <LocationMap event={latestAlert} />
          </div>
        )}

{/* 3.4 - Eventos e Ações Rápidas */}
        {activeView === "events" && (
          <div className="mx-auto max-w-5xl space-y-6">
            <div>
              <h2 className="text-xl font-bold text-foreground">Eventos e Ações</h2>
              <p className="text-sm text-muted-foreground">Histórico de incidentes e respostas rápidas</p>
            </div>
            <div className="grid gap-6 lg:grid-cols-3">
              <div className="lg:col-span-2">
                <RecentEvents events={events} onEventClick={handleEventClick} />
              </div>
              <div>
                <QuickActions onConfirm={handleConfirmAlert} onDismiss={handleDismissAlert} disabled={!selectedEvent} />
              </div>
            </div>
          </div>
        )}

{/* 3.5 - Detalhes do Incidente / Timeline */}
        {activeView === "incident" && selectedEvent && (
          <IncidentDetails
            event={selectedEvent}
            onBack={() => {
              setSelectedEvent(null)
              setActiveView("events")
            }}
            onConfirm={handleConfirmAlert}
            onDismiss={handleDismissAlert}
          />
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/login-screen.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Shield, Eye, EyeOff, AlertCircle } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

interface LoginScreenProps {
  onLogin: (email: string) => void
}

export function LoginScreen({ onLogin }: LoginScreenProps) {
  const [email, setEmail] = useState("")
  const [password, setPassword] = useState("")
  const [showPassword, setShowPassword] = useState(false)
  const [error, setError] = useState("")
  const [isLoading, setIsLoading] = useState(false)

const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault()
    setError("")
    setIsLoading(true)

// Simulate API call
    await new Promise((resolve) => setTimeout(resolve, 1000))

// Mock authentication - accept any email/password for demo
    if (email && password) {
      onLogin(email)
    } else {
      setError("Por favor, preencha todos os campos")
    }

setIsLoading(false)
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center p-4">
      {/* Background Pattern */}
      <div className="absolute inset-0 bg-[linear-gradient(to_right,#1e293b_1px,transparent_1px),linear-gradient(to_bottom,#1e293b_1px,transparent_1px)] bg-[size:4rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_50%,#000_70%,transparent_110%)] opacity-20" />

<div className="relative w-full max-w-md">
        {/* Logo and Title */}
        <div className="text-center mb-8">
          <div className="inline-flex items-center justify-center w-20 h-20 rounded-2xl bg-gradient-to-br from-emerald-500/20 to-emerald-600/20 border border-emerald-500/30 mb-6 shadow-lg shadow-emerald-500/20">
            <Shield className="w-10 h-10 text-emerald-500" />
          </div>
          <h1 className="text-4xl font-bold text-white mb-2 tracking-tight">VIGIA IA</h1>
          <p className="text-slate-400 text-sm">Monitoramento Industrial</p>
        </div>

{/* Login Card */}
        <div className="bg-slate-900/50 backdrop-blur-xl border border-slate-800 rounded-2xl p-8 shadow-2xl">
          <div className="mb-6">
            <h2 className="text-2xl font-semibold text-white mb-2">Bem-vindo</h2>
            <p className="text-slate-400 text-sm">Entre com suas credenciais para acessar o sistema</p>
          </div>

<form onSubmit={handleSubmit} className="space-y-5">
            {/* Email Field */}
            <div className="space-y-2">
              <label htmlFor="email" className="text-sm font-medium text-slate-300">
                Email
              </label>
              <Input
                id="email"
                type="email"
                placeholder="seu@email.com"
                value={email}
                onChange={(e) => setEmail(e.target.value)}
                className="h-12 bg-slate-950/50 border-slate-700 text-white placeholder:text-slate-500 focus:border-emerald-500 focus:ring-emerald-500/20"
                disabled={isLoading}
              />
            </div>

{/* Password Field */}
            <div className="space-y-2">
              <label htmlFor="password" className="text-sm font-medium text-slate-300">
                Senha
              </label>
              <div className="relative">
                <Input
                  id="password"
                  type={showPassword ? "text" : "password"}
                  placeholder="••••••••"
                  value={password}
                  onChange={(e) => setPassword(e.target.value)}
                  className="h-12 bg-slate-950/50 border-slate-700 text-white placeholder:text-slate-500 focus:border-emerald-500 focus:ring-emerald-500/20 pr-12"
                  disabled={isLoading}
                />
                <button
                  type="button"
                  onClick={() => setShowPassword(!showPassword)}
                  className="absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-300 transition-colors"
                  disabled={isLoading}
                >
                  {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
                </button>
              </div>
            </div>

{/* Error Message */}
            {error && (
              <div className="flex items-center gap-2 p-3 bg-red-500/10 border border-red-500/30 rounded-lg">
                <AlertCircle className="w-4 h-4 text-red-500 flex-shrink-0" />
                <p className="text-sm text-red-400">{error}</p>
              </div>
            )}

{/* Submit Button */}
            <Button
              type="submit"
              className="w-full h-12 bg-emerald-600 hover:bg-emerald-700 text-white font-medium shadow-lg shadow-emerald-600/20 transition-all"
              disabled={isLoading}
            >
              {isLoading ? (
                <div className="flex items-center gap-2">
                  <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
                  Entrando...
                </div>
              ) : (
                "Entrar"
              )}
            </Button>
          </form>

{/* Footer Links */}
          <div className="mt-6 text-center">
            <button className="text-sm text-slate-400 hover:text-emerald-500 transition-colors">
              Esqueceu sua senha?
            </button>
          </div>
        </div>

{/* Demo Credentials Info */}
        <div className="mt-6 p-4 bg-slate-900/30 backdrop-blur border border-slate-800/50 rounded-lg">
          <p className="text-xs text-slate-400 text-center">
            <span className="text-emerald-500 font-medium">Demo:</span> Use qualquer email e senha para entrar
          </p>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/dashboard-header.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { Shield, Bell, Settings, User, X, LogOut, UserCircle, Lock } from "lucide-react"
import { Button } from "@/components/ui/button"
import { useState } from "react"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Badge } from "@/components/ui/badge"

const mockNotifications = [
  { id: 1, type: "alert", message: "Queda detectada - Setor A", time: "2 min atrás", unread: true },
  { id: 2, type: "warning", message: "Inatividade prolongada - Setor B", time: "15 min atrás", unread: true },
  { id: 3, type: "info", message: "Sistema atualizado com sucesso", time: "1 hora atrás", unread: false },
]

interface DashboardHeaderProps {
  userEmail: string
}

export function DashboardHeader({ userEmail }: DashboardHeaderProps) {
  const [showNotifications, setShowNotifications] = useState(false)
  const unreadCount = mockNotifications.filter((n) => n.unread).length

return (
    <header className="border-b border-border/50 bg-card shadow-sm">
      <div className="container mx-auto flex h-20 items-center justify-between px-6 lg:px-8">
        <div className="flex items-center gap-4">
          <div className="rounded-xl bg-gradient-to-br from-primary/20 to-primary/5 p-3 shadow-inner">
            <Shield className="h-7 w-7 text-primary" />
          </div>
          <div className="flex flex-col">
            <h1 className="text-2xl font-bold tracking-tight text-foreground">VIGIA IA</h1>
            <p className="text-sm text-muted-foreground/80">Monitoramento Industrial</p>
          </div>
        </div>

<div className="flex items-center gap-1">
          <div className="relative">
            <Button
              variant="ghost"
              size="icon"
              className="relative hover:bg-accent/50 transition-colors"
              onClick={() => setShowNotifications(!showNotifications)}
            >
              <Bell className="h-5 w-5" />
              {unreadCount > 0 && (
                <>
                  <span className="absolute right-2 top-2 flex h-2.5 w-2.5">
                    <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-destructive opacity-75" />
                    <span className="relative inline-flex h-2.5 w-2.5 rounded-full bg-destructive" />
                  </span>
                  <Badge
                    variant="destructive"
                    className="absolute -right-1 -top-1 h-5 w-5 rounded-full p-0 flex items-center justify-center text-xs"
                  >
                    {unreadCount}
                  </Badge>
                </>
              )}
            </Button>

{showNotifications && (
              <div className="absolute right-0 top-14 z-50 w-80 rounded-lg border border-border bg-card shadow-lg">
                <div className="flex items-center justify-between border-b border-border p-4">
                  <h3 className="font-semibold text-foreground">Notificações</h3>
                  <Button variant="ghost" size="icon" className="h-6 w-6" onClick={() => setShowNotifications(false)}>
                    <X className="h-4 w-4" />
                  </Button>
                </div>
                <div className="max-h-96 overflow-y-auto">
                  {mockNotifications.map((notification) => (
                    <div
                      key={notification.id}
                      className={`border-b border-border p-4 hover:bg-accent/50 transition-colors cursor-pointer ${
                        notification.unread ? "bg-accent/20" : ""
                      }`}
                    >
                      <div className="flex items-start gap-3">
                        <div
                          className={`mt-1 h-2 w-2 rounded-full ${
                            notification.type === "alert"
                              ? "bg-destructive"
                              : notification.type === "warning"
                                ? "bg-orange-500"
                                : "bg-primary"
                          }`}
                        />
                        <div className="flex-1">
                          <p className="text-sm font-medium text-foreground">{notification.message}</p>
                          <p className="text-xs text-muted-foreground mt-1">{notification.time}</p>
                        </div>
                      </div>
                    </div>
                  ))}
                </div>
                <div className="border-t border-border p-2">
                  <Button variant="ghost" className="w-full text-sm">
                    Ver todas as notificações
                  </Button>
                </div>
              </div>
            )}
          </div>

<DropdownMenu>
            <DropdownMenuTrigger asChild>
              <Button variant="ghost" size="icon" className="hover:bg-accent/50 transition-colors">
                <Settings className="h-5 w-5" />
              </Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end" className="w-56">
              <DropdownMenuLabel>Configurações</DropdownMenuLabel>
              <DropdownMenuSeparator />
              <DropdownMenuItem>
                <Bell className="mr-2 h-4 w-4" />
                <span>Preferências de Notificação</span>
              </DropdownMenuItem>
              <DropdownMenuItem>
                <Shield className="mr-2 h-4 w-4" />
                <span>Configurações de Segurança</span>
              </DropdownMenuItem>
              <DropdownMenuItem>
                <Settings className="mr-2 h-4 w-4" />
                <span>Configurações do Sistema</span>
              </DropdownMenuItem>
            </DropdownMenuContent>
          </DropdownMenu>

<DropdownMenu>
            <DropdownMenuTrigger asChild>
              <Button variant="ghost" size="icon" className="hover:bg-accent/50 transition-colors">
                <User className="h-5 w-5" />
              </Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end" className="w-56">
              <DropdownMenuLabel>
                <div className="flex flex-col space-y-1">
                  <p className="text-sm font-medium">Operador</p>
                  <p className="text-xs text-muted-foreground">{userEmail}</p>
                </div>
              </DropdownMenuLabel>
              <DropdownMenuSeparator />
              <DropdownMenuItem>
                <UserCircle className="mr-2 h-4 w-4" />
                <span>Meu Perfil</span>
              </DropdownMenuItem>
              <DropdownMenuItem>
                <Lock className="mr-2 h-4 w-4" />
                <span>Alterar Senha</span>
              </DropdownMenuItem>
              <DropdownMenuSeparator />
              <DropdownMenuItem className="text-destructive focus:text-destructive">
                <LogOut className="mr-2 h-4 w-4" />
                <span>Sair</span>
              </DropdownMenuItem>
            </DropdownMenuContent>
          </DropdownMenu>
        </div>
      </div>
    </header>
  )
}
[V0_FILE]typescriptreact:file="components/incident-details.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { ArrowLeft, MapPin, Clock, AlertCircle, TrendingDown, Activity } from "lucide-react"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import type { Event } from "@/lib/mock-data"

interface IncidentDetailsProps {
  event: Event
  onBack: () => void
  onConfirm: () => void
  onDismiss: () => void
}

export function IncidentDetails({ event, onBack, onConfirm, onDismiss }: IncidentDetailsProps) {
  const isCritical = event.type === "fall"

return (
    <div className="space-y-6">
      {/* Header */}
      <div className="flex items-center gap-4">
        <Button variant="ghost" size="icon" onClick={onBack}>
          <ArrowLeft className="h-5 w-5" />
        </Button>
        <div>
          <h1 className="text-2xl font-bold text-foreground">Detalhes do Incidente</h1>
          <p className="text-sm text-muted-foreground">Análise completa do evento</p>
        </div>
      </div>

<div className="grid gap-6 lg:grid-cols-3">
        {/* Main Details */}
        <div className="space-y-6 lg:col-span-2">
          {/* Alert Type Card */}
          <Card
            className={`border-2 p-6 ${
              isCritical ? "border-destructive/30 bg-destructive/5" : "border-warning/30 bg-warning/5"
            }`}
          >
            <div className="flex items-start gap-4">
              <div className={`rounded-full p-3 ${isCritical ? "bg-destructive/10" : "bg-warning/10"}`}>
                <AlertCircle className={`h-8 w-8 ${isCritical ? "text-destructive" : "text-warning"}`} />
              </div>
              <div className="flex-1">
                <div className="mb-2 flex items-center gap-2">
                  <h2 className="text-xl font-bold text-foreground">
                    {event.type === "fall"
                      ? "Queda Detectada"
                      : event.type === "inactivity"
                        ? "Inatividade Prolongada"
                        : "Pré-Alerta"}
                  </h2>
                  <Badge variant={isCritical ? "destructive" : "secondary"}>{isCritical ? "Crítico" : "Atenção"}</Badge>
                </div>
                <p className="text-sm text-muted-foreground">
                  {isCritical
                    ? "Impacto súbito detectado. Resposta imediata necessária."
                    : "Trabalhador sem movimento por período prolongado. Verificação recomendada."}
                </p>
              </div>
            </div>
          </Card>

{/* Event Information */}
          <Card className="p-6">
            <h3 className="mb-4 font-semibold text-foreground">Informações do Evento</h3>
            <div className="grid gap-4 sm:grid-cols-2">
              <div className="flex items-start gap-3">
                <Clock className="mt-0.5 h-5 w-5 text-muted-foreground" />
                <div>
                  <p className="text-sm font-medium text-foreground">Horário</p>
                  <p className="text-sm text-muted-foreground">{event.timestamp}</p>
                </div>
              </div>

<div className="flex items-start gap-3">
                <MapPin className="mt-0.5 h-5 w-5 text-muted-foreground" />
                <div>
                  <p className="text-sm font-medium text-foreground">Localização</p>
                  <p className="text-sm text-muted-foreground">{event.location}</p>
                </div>
              </div>
            </div>
          </Card>

{/* Timeline */}
          <Card className="p-6">
            <h3 className="mb-6 font-semibold text-foreground">Timeline do Evento</h3>
            <div className="space-y-4">
              <div className="relative pl-12">
                {/* Vertical connecting line */}
                <div className="absolute left-[19px] top-0 h-full w-[2px] bg-gradient-to-b from-primary via-destructive to-muted" />

<div className="space-y-8">
                  {/* Pre-event: Normal Movement */}
                  <div className="relative">
                    <div className="absolute -left-12 flex h-10 w-10 items-center justify-center rounded-full border-2 border-primary bg-primary/10 shadow-lg shadow-primary/20">
                      <Activity className="h-5 w-5 text-primary" />
                    </div>
                    <div className="rounded-lg border border-primary/20 bg-primary/5 p-4 transition-all hover:border-primary/40">
                      <div className="flex items-center justify-between">
                        <p className="font-medium text-foreground">Movimento Normal</p>
                        <Badge variant="outline" className="border-primary/30 text-primary">
                          -30s
                        </Badge>
                      </div>
                      <p className="mt-1 text-xs text-muted-foreground">Trabalhador em atividade regular</p>
                    </div>
                  </div>

{/* Event: Fall/Inactivity Detected */}
                  <div className="relative">
                    <div
                      className={`absolute -left-12 flex h-10 w-10 items-center justify-center rounded-full border-2 ${
                        isCritical
                          ? "animate-pulse border-destructive bg-destructive shadow-lg shadow-destructive/40"
                          : "border-warning bg-warning shadow-lg shadow-warning/40"
                      }`}
                    >
                      <TrendingDown className="h-5 w-5 text-white" />
                    </div>
                    <div
                      className={`rounded-lg border-2 p-4 transition-all ${
                        isCritical
                          ? "border-destructive/40 bg-destructive/10 shadow-lg shadow-destructive/10"
                          : "border-warning/40 bg-warning/10 shadow-lg shadow-warning/10"
                      }`}
                    >
                      <div className="flex items-center justify-between">
                        <p className="font-semibold text-foreground">
                          {isCritical ? "Queda Detectada" : "Inatividade Iniciada"}
                        </p>
                        <Badge variant={isCritical ? "destructive" : "secondary"} className="font-semibold">
                          0s (evento)
                        </Badge>
                      </div>
                      <p className="mt-1 text-xs text-muted-foreground">
                        {isCritical ? "Impacto súbito registrado pelos sensores" : "Ausência de movimento detectada"}
                      </p>
                    </div>
                  </div>

{/* Post-event: No Movement */}
                  <div className="relative">
                    <div className="absolute -left-12 flex h-10 w-10 items-center justify-center rounded-full border-2 border-muted-foreground/30 bg-muted shadow-md">
                      <AlertCircle className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <div className="rounded-lg border border-muted-foreground/20 bg-muted/30 p-4 transition-all hover:border-muted-foreground/40">
                      <div className="flex items-center justify-between">
                        <p className="font-medium text-foreground">Sem Movimento</p>
                        <Badge variant="outline" className="border-muted-foreground/30">
                          +15s
                        </Badge>
                      </div>
                      <p className="mt-1 text-xs text-muted-foreground">Nenhuma atividade detectada após o evento</p>
                    </div>
                  </div>
                </div>
              </div>

{/* Timeline Legend */}
              <div className="mt-6 flex items-center gap-4 rounded-lg border border-border/50 bg-muted/30 p-3 text-xs">
                <div className="flex items-center gap-2">
                  <div className="h-2 w-2 rounded-full bg-primary" />
                  <span className="text-muted-foreground">Pré-evento</span>
                </div>
                <div className="flex items-center gap-2">
                  <div className="h-2 w-2 rounded-full bg-destructive" />
                  <span className="text-muted-foreground">Evento crítico</span>
                </div>
                <div className="flex items-center gap-2">
                  <div className="h-2 w-2 rounded-full bg-muted-foreground" />
                  <span className="text-muted-foreground">Pós-evento</span>
                </div>
              </div>
            </div>
          </Card>

{/* Suggested Actions */}
          <Card className="p-6">
            <h3 className="mb-4 font-semibold text-foreground">Ações Sugeridas</h3>
            <ul className="space-y-2 text-sm text-muted-foreground">
              <li className="flex items-start gap-2">
                <span className="text-primary">•</span>
                <span>Enviar equipe de resposta imediata para {event.location}</span>
              </li>
              <li className="flex items-start gap-2">
                <span className="text-primary">•</span>
                <span>Verificar comunicação com o trabalhador via rádio</span>
              </li>
              <li className="flex items-start gap-2">
                <span className="text-primary">•</span>
                <span>Acionar protocolo de emergência se necessário</span>
              </li>
              <li className="flex items-start gap-2">
                <span className="text-primary">•</span>
                <span>Documentar o incidente no sistema de registros</span>
              </li>
            </ul>
          </Card>
        </div>

{/* Sidebar - Actions and Integration */}
        <div className="space-y-6">
          <Card className="p-4">
            <h3 className="mb-4 font-semibold text-foreground">Ações</h3>
            <div className="space-y-3">
              <Button onClick={onConfirm} className="w-full bg-primary text-primary-foreground hover:bg-primary/90">
                Confirmar Alerta
              </Button>
              <Button onClick={onDismiss} variant="secondary" className="w-full">
                Dispensar Falso Alarme
              </Button>
            </div>
          </Card>

<Card className="p-4">
            <h3 className="mb-3 font-semibold text-foreground">Integração API</h3>
            <div className="space-y-3 text-sm">
              <div>
                <p className="mb-1 font-medium text-foreground">Endpoint</p>
                <code className="block rounded bg-muted px-2 py-1 text-xs">POST /api/events</code>
              </div>
              <div>
                <p className="mb-1 font-medium text-foreground">Webhook</p>
                <code className="block rounded bg-muted px-2 py-1 text-xs">/webhook/alerts</code>
              </div>
              <p className="text-xs text-muted-foreground">Configure sua API para receber eventos em tempo real</p>
            </div>
          </Card>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/location-map.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import { MapPin, ZoomIn, ZoomOut, Maximize2, X } from "lucide-react"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import type { Event } from "@/lib/mock-data"

interface LocationMapProps {
  event?: Event
}

export function LocationMap({ event }: LocationMapProps) {
  const [zoom, setZoom] = useState(1)
  const [isFullscreen, setIsFullscreen] = useState(false)

const handleZoomIn = () => {
    setZoom((prev) => Math.min(prev + 0.2, 2))
  }

const handleZoomOut = () => {
    setZoom((prev) => Math.max(prev - 0.2, 0.6))
  }

const toggleFullscreen = () => {
    setIsFullscreen((prev) => !prev)
  }

const containerClasses = isFullscreen ? "fixed inset-0 z-50 bg-background" : "overflow-hidden border-border/50"

const mapHeight = isFullscreen ? "h-screen" : "h-[400px]"

return (
    <Card className={containerClasses}>
      <div className="border-b border-border/50 bg-card/50 px-6 py-4">
        <div className="flex items-center justify-between">
          <h3 className="text-base font-semibold text-foreground">Localização</h3>
          {isFullscreen && (
            <Button size="icon" variant="ghost" onClick={toggleFullscreen} className="h-8 w-8">
              <X className="h-4 w-4" />
            </Button>
          )}
        </div>
      </div>

{/* Zone B */}
            <div className="absolute right-[15%] top-[20%] h-32 w-40 rounded-lg border border-emerald-500/30 bg-emerald-500/5">
              <span className="absolute left-2 top-2 text-xs font-medium text-emerald-500/70">Zona B</span>
            </div>

{/* Zone C */}
            <div className="absolute bottom-[15%] left-[30%] h-32 w-48 rounded-lg border border-emerald-500/30 bg-emerald-500/5">
              <span className="absolute left-2 top-2 text-xs font-medium text-emerald-500/70">Zona C</span>
            </div>
          </div>

{event && (
            <div className="absolute left-[35%] top-[36%] -translate-x-1/2 -translate-y-1/2">
              {/* Pulse rings */}
              <div
                className={`absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 ${
                  event.type === "fall"
                    ? "animate-ping rounded-full bg-destructive/30"
                    : "animate-ping rounded-full bg-warning/30"
                } h-16 w-16`}
              />

{/* Main marker */}
              <div
                className={`relative rounded-full p-3 shadow-lg ${
                  event.type === "fall" ? "bg-destructive shadow-destructive/50" : "bg-warning shadow-warning/50"
                }`}
              >
                <MapPin className="h-5 w-5 text-white" fill="currentColor" />
              </div>

{/* Location label with better styling */}
              <div className="absolute left-1/2 top-full mt-4 -translate-x-1/2">
                <div className="rounded-lg border border-border/50 bg-card/95 px-4 py-2 shadow-lg backdrop-blur-sm">
                  <p className="whitespace-nowrap text-sm font-medium text-foreground">{event.location}</p>
                  <p className="text-xs text-muted-foreground">Último alerta registrado</p>
                </div>
              </div>
            </div>
          )}
        </div>

<div className="absolute right-4 top-4 flex flex-col gap-2">
          <Button
            size="icon"
            variant="secondary"
            className="h-9 w-9 bg-card/80 backdrop-blur-sm hover:bg-card disabled:opacity-50"
            onClick={handleZoomIn}
            disabled={zoom >= 2}
          >
            <ZoomIn className="h-4 w-4" />
          </Button>
          <Button
            size="icon"
            variant="secondary"
            className="h-9 w-9 bg-card/80 backdrop-blur-sm hover:bg-card disabled:opacity-50"
            onClick={handleZoomOut}
            disabled={zoom <= 0.6}
          >
            <ZoomOut className="h-4 w-4" />
          </Button>
          <Button
            size="icon"
            variant="secondary"
            className="h-9 w-9 bg-card/80 backdrop-blur-sm hover:bg-card"
            onClick={toggleFullscreen}
          >
            {isFullscreen ? <X className="h-4 w-4" /> : <Maximize2 className="h-4 w-4" />}
          </Button>
        </div>

<div className="absolute bottom-4 left-4 flex flex-col gap-2">
          <div className="rounded-lg border border-border/50 bg-card/80 px-3 py-2 backdrop-blur-sm">
            <p className="text-xs text-muted-foreground">
              Coordenadas: <span className="font-mono text-foreground">X: 125, Y: 340</span>
            </p>
          </div>
          <div className="rounded-lg border border-border/50 bg-card/80 px-3 py-2 backdrop-blur-sm">
            <p className="text-xs text-muted-foreground">
              Zoom: <span className="font-mono text-foreground">{Math.round(zoom * 100)}%</span>
            </p>
          </div>
        </div>
      </div>
    </Card>
  )
}
[V0_FILE]xml:file="public/vigia-ia-logo.svg" isMerged="true"
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
  
  <defs>
    <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#1e293b;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0f172a;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="shieldGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#10B981;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="eyeGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  
  <circle cx="100" cy="100" r="95" fill="url(#bgGradient)"/>
  
  
  <path d="M100 40 L140 55 L140 90 Q140 120 100 145 Q60 120 60 90 L60 55 Z" 
        fill="url(#shieldGradient)" 
        stroke="#10B981" 
        stroke-width="2"/>
  
  
  <ellipse cx="100" cy="90" rx="25" ry="18" fill="url(#eyeGradient)" opacity="0.9"/>
  <circle cx="100" cy="90" r="10" fill="#1e293b"/>
  <circle cx="103" cy="87" r="3" fill="#60a5fa"/>
  
  
  <line x1="70" y1="75" x2="90" y2="75" stroke="#10B981" stroke-width="1.5" opacity="0.6"/>
  <line x1="110" y1="75" x2="130" y2="75" stroke="#10B981" stroke-width="1.5" opacity="0.6"/>
  <line x1="70" y1="105" x2="90" y2="105" stroke="#10B981" stroke-width="1.5" opacity="0.6"/>
  <line x1="110" y1="105" x2="130" y2="105" stroke="#10B981" stroke-width="1.5" opacity="0.6"/>
  
  
  <path d="M75 70 L70 70 L70 75" stroke="#10B981" stroke-width="2" fill="none" stroke-linecap="round"/>
  <path d="M125 70 L130 70 L130 75" stroke="#10B981" stroke-width="2" fill="none" stroke-linecap="round"/>
  <path d="M75 110 L70 110 L70 105" stroke="#10B981" stroke-width="2" fill="none" stroke-linecap="round"/>
  <path d="M125 110 L130 110 L130 105" stroke="#10B981" stroke-width="2" fill="none" stroke-linecap="round"/>
  
  
  <circle cx="125" cy="60" r="6" fill="#EF4444">
    <animate attributeName="opacity" values="1;0.3;1" dur="1.5s" repeatCount="indefinite"/>
  </circle>
  
  
  <text x="100" y="170" font-family="'Geist', sans-serif" font-size="24" font-weight="700" 
        fill="#10B981" text-anchor="middle" letter-spacing="2">
    VIGIA IA
  </text>
  <text x="100" y="185" font-family="'Geist', sans-serif" font-size="10" font-weight="400" 
        fill="#94a3b8" text-anchor="middle" letter-spacing="1">
    MONITORAMENTO INDUSTRIAL
  </text>
</svg>
[V0_FILE]typescriptreact:file="app/download-logo/page.tsx" isMerged="true"
"use client"

import { Download } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function DownloadLogoPage() {
  const downloadSVG = () => {
    const svg = document.getElementById("vigia-logo")
    if (!svg) return

const svgData = new XMLSerializer().serializeToString(svg)
    const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" })
    const svgUrl = URL.createObjectURL(svgBlob)

const downloadLink = document.createElement("a")
    downloadLink.href = svgUrl
    downloadLink.download = "vigia-ia-logo.svg"
    document.body.appendChild(downloadLink)
    downloadLink.click()
    document.body.removeChild(downloadLink)
    URL.revokeObjectURL(svgUrl)
  }

const downloadPNG = () => {
    const svg = document.getElementById("vigia-logo")
    if (!svg) return

const svgData = new XMLSerializer().serializeToString(svg)
    const canvas = document.createElement("canvas")
    const ctx = canvas.getContext("2d")
    const img = new Image()

canvas.width = 800
    canvas.height = 800

img.onload = () => {
      ctx?.drawImage(img, 0, 0, 800, 800)
      canvas.toBlob((blob) => {
        if (!blob) return
        const url = URL.createObjectURL(blob)
        const downloadLink = document.createElement("a")
        downloadLink.href = url
        downloadLink.download = "vigia-ia-logo.png"
        document.body.appendChild(downloadLink)
        downloadLink.click()
        document.body.removeChild(downloadLink)
        URL.revokeObjectURL(url)
      })
    }

img.src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svgData)))
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center p-8">
      <div className="max-w-2xl w-full">
        <div className="text-center mb-8">
          <h1 className="text-4xl font-bold text-white mb-2">Logo VIGIA IA</h1>
          <p className="text-slate-400">Download da logo em alta qualidade</p>
        </div>

<text
                x="100"
                y="170"
                fontFamily="'Geist', sans-serif"
                fontSize="24"
                fontWeight="700"
                fill="#10B981"
                textAnchor="middle"
                letterSpacing="2"
              >
                VIGIA IA
              </text>
              <text
                x="100"
                y="185"
                fontFamily="'Geist', sans-serif"
                fontSize="10"
                fontWeight="400"
                fill="#94a3b8"
                textAnchor="middle"
                letterSpacing="1"
              >
                MONITORAMENTO INDUSTRIAL
              </text>
            </svg>
          </div>

<div className="grid grid-cols-2 gap-4">
            <Button onClick={downloadSVG} className="bg-emerald-600 hover:bg-emerald-700 text-white h-12">
              <Download className="w-5 h-5 mr-2" />
              Download SVG
            </Button>
            <Button onClick={downloadPNG} className="bg-blue-600 hover:bg-blue-700 text-white h-12">
              <Download className="w-5 h-5 mr-2" />
              Download PNG
            </Button>
          </div>
        </div>

<div className="bg-slate-900/30 border border-slate-800 rounded-xl p-6">
          <h3 className="text-white font-semibold mb-3">Especificações da Logo</h3>
          <ul className="text-slate-400 text-sm space-y-2">
            <li>
              • <span className="text-emerald-400">SVG:</span> Formato vetorial escalável para qualquer tamanho
            </li>
            <li>
              • <span className="text-blue-400">PNG:</span> Alta resolução 800x800px com fundo transparente
            </li>
            <li>
              • <span className="text-slate-300">Cores:</span> Verde esmeralda (#10B981), Azul (#3b82f6), Vermelho
              (#EF4444)
            </li>
            <li>
              • <span className="text-slate-300">Elementos:</span> Escudo de segurança + Olho de IA + Indicador de
              alerta
            </li>
          </ul>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]xml:file="public/vigia-ia-shield-logo.svg" isMerged="true"
<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
  
  <rect x="20" y="20" width="360" height="360" rx="80" fill="#0a1929"/>
  <rect x="20" y="20" width="360" height="360" rx="80" stroke="#10b981" stroke-width="3" fill="none"/>
  
  
  <path d="M200 120 L240 140 L240 200 C240 240 220 260 200 280 C180 260 160 240 160 200 L160 140 Z" 
        stroke="#10b981" 
        stroke-width="6" 
        fill="none" 
        stroke-linejoin="round"/>
</svg>
[V0_FILE]typescriptreact:file="app/download-shield-logo/page.tsx" isMerged="true"
"use client"

import { Download } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function DownloadShieldLogoPage() {
  const downloadSVG = () => {
    const svg = document.getElementById("shield-logo-svg")
    if (!svg) return

const svgData = new XMLSerializer().serializeToString(svg)
    const blob = new Blob([svgData], { type: "image/svg+xml" })
    const url = URL.createObjectURL(blob)
    const link = document.createElement("a")
    link.href = url
    link.download = "vigia-ia-shield-logo.svg"
    link.click()
    URL.revokeObjectURL(url)
  }

const downloadPNG = () => {
    const svg = document.getElementById("shield-logo-svg")
    if (!svg) return

const canvas = document.createElement("canvas")
    canvas.width = 1000
    canvas.height = 1000
    const ctx = canvas.getContext("2d")
    if (!ctx) return

const svgData = new XMLSerializer().serializeToString(svg)
    const img = new Image()
    const blob = new Blob([svgData], { type: "image/svg+xml" })
    const url = URL.createObjectURL(blob)

img.onload = () => {
      ctx.drawImage(img, 0, 0, 1000, 1000)
      canvas.toBlob((blob) => {
        if (!blob) return
        const pngUrl = URL.createObjectURL(blob)
        const link = document.createElement("a")
        link.href = pngUrl
        link.download = "vigia-ia-shield-logo.png"
        link.click()
        URL.revokeObjectURL(pngUrl)
        URL.revokeObjectURL(url)
      })
    }
    img.src = url
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 flex items-center justify-center p-8">
      <div className="max-w-4xl w-full">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-white mb-3">Logo VIGIA IA - Escudo Minimalista</h1>
          <p className="text-slate-400">Baixe a logo em formato vetorial (SVG) ou imagem (PNG)</p>
        </div>

<div className="grid md:grid-cols-2 gap-4">
            <Button onClick={downloadSVG} className="h-14 bg-emerald-600 hover:bg-emerald-700 text-white text-lg">
              <Download className="mr-2 h-5 w-5" />
              Baixar SVG (Vetorial)
            </Button>
            <Button onClick={downloadPNG} className="h-14 bg-slate-700 hover:bg-slate-600 text-white text-lg">
              <Download className="mr-2 h-5 w-5" />
              Baixar PNG (1000x1000)
            </Button>
          </div>
        </div>

<div className="grid md:grid-cols-3 gap-6 mb-8">
          <div className="bg-slate-900/50 backdrop-blur border border-slate-800 rounded-xl p-6 flex flex-col items-center">
            <div className="bg-slate-950 rounded-lg p-4 mb-4">
              <svg width="120" height="120" viewBox="0 0 400 400" fill="none">
                <rect x="20" y="20" width="360" height="360" rx="80" fill="#0a1929" />
                <rect x="20" y="20" width="360" height="360" rx="80" stroke="#10b981" strokeWidth="3" fill="none" />
                <path
                  d="M200 120 L240 140 L240 200 C240 240 220 260 200 280 C180 260 160 240 160 200 L160 140 Z"
                  stroke="#10b981"
                  strokeWidth="6"
                  fill="none"
                  strokeLinejoin="round"
                />
              </svg>
            </div>
            <p className="text-sm text-slate-400 text-center">Preview 120x120</p>
          </div>

<div className="bg-slate-900/50 backdrop-blur border border-slate-800 rounded-xl p-6 flex flex-col items-center">
            <div className="bg-slate-950 rounded-lg p-4 mb-4">
              <svg width="80" height="80" viewBox="0 0 400 400" fill="none">
                <rect x="20" y="20" width="360" height="360" rx="80" fill="#0a1929" />
                <rect x="20" y="20" width="360" height="360" rx="80" stroke="#10b981" strokeWidth="3" fill="none" />
                <path
                  d="M200 120 L240 140 L240 200 C240 240 220 260 200 280 C180 260 160 240 160 200 L160 140 Z"
                  stroke="#10b981"
                  strokeWidth="6"
                  fill="none"
                  strokeLinejoin="round"
                />
              </svg>
            </div>
            <p className="text-sm text-slate-400 text-center">Preview 80x80</p>
          </div>

<div className="bg-slate-900/50 backdrop-blur border border-slate-800 rounded-xl p-6 flex flex-col items-center">
            <div className="bg-slate-950 rounded-lg p-4 mb-4">
              <svg width="48" height="48" viewBox="0 0 400 400" fill="none">
                <rect x="20" y="20" width="360" height="360" rx="80" fill="#0a1929" />
                <rect x="20" y="20" width="360" height="360" rx="80" stroke="#10b981" strokeWidth="3" fill="none" />
                <path
                  d="M200 120 L240 140 L240 200 C240 240 220 260 200 280 C180 260 160 240 160 200 L160 140 Z"
                  stroke="#10b981"
                  strokeWidth="6"
                  fill="none"
                  strokeLinejoin="round"
                />
              </svg>
            </div>
            <p className="text-sm text-slate-400 text-center">Preview 48x48</p>
          </div>
        </div>

<div className="bg-slate-900/30 border border-slate-800 rounded-xl p-6">
          <h3 className="text-lg font-semibold text-white mb-3">Especificações</h3>
          <ul className="space-y-2 text-slate-400">
            <li>• Formato: SVG vetorial escalável</li>
            <li>• PNG: 1000x1000 pixels (alta resolução)</li>
            <li>• Cor principal: Verde Esmeralda (#10b981)</li>
            <li>• Fundo: Azul escuro (#0a1929)</li>
            <li>• Design: Minimalista com escudo de proteção</li>
          </ul>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]xml:file="public/vigia-ia-full-branding.svg" isMerged="true"
<svg width="617" height="664" viewBox="0 0 617 664" fill="none" xmlns="http://www.w3.org/2000/svg">
  
  <defs>
    <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
      <path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(16, 185, 129, 0.05)" stroke-width="1"/>
    </pattern>
    
    <linearGradient id="shieldGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  
  <rect width="617" height="664" fill="#0a1628"/>
  <rect width="617" height="664" fill="url(#grid)"/>
  
  
  <g transform="translate(184, 30)">
    
    <rect x="0" y="0" width="250" height="250" rx="60" fill="#0f2942" stroke="#10b981" stroke-width="3" opacity="0.6"/>
    
    
    <g transform="translate(125, 125)">
      <path d="M 0,-60 C 20,-70 40,-70 50,-65 L 50,0 C 50,35 25,55 0,65 C -25,55 -50,35 -50,0 L -50,-65 C -40,-70 -20,-70 0,-60 Z" 
            fill="none" 
            stroke="url(#shieldGradient)" 
            stroke-width="8" 
            stroke-linecap="round" 
            stroke-linejoin="round"/>
    </g>
  </g>
  
  
  <text x="308.5" y="400" 
        font-family="Geist, system-ui, -apple-system, sans-serif" 
        font-size="100" 
        font-weight="900" 
        fill="#ffffff" 
        text-anchor="middle"
        letter-spacing="8">VIGIA IA</text>
  
  
  <text x="308.5" y="480" 
        font-family="Geist, system-ui, -apple-system, sans-serif" 
        font-size="40" 
        font-weight="400" 
        fill="#94a3b8" 
        text-anchor="middle"
        letter-spacing="4">Monitoramento Industrial</text>
</svg>
[V0_FILE]typescriptreact:file="app/download-full-branding/page.tsx" isMerged="true"
"use client"

import { Download } from "lucide-react"
import { Button } from "@/components/ui/button"

export default function DownloadFullBrandingPage() {
  const downloadSVG = () => {
    const svg = document.getElementById("branding-svg")
    if (!svg) return

const svgData = new XMLSerializer().serializeToString(svg)
    const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" })
    const svgUrl = URL.createObjectURL(svgBlob)

const downloadLink = document.createElement("a")
    downloadLink.href = svgUrl
    downloadLink.download = "vigia-ia-branding.svg"
    document.body.appendChild(downloadLink)
    downloadLink.click()
    document.body.removeChild(downloadLink)
    URL.revokeObjectURL(svgUrl)
  }

const downloadPNG = () => {
    const svg = document.getElementById("branding-svg")
    if (!svg) return

const canvas = document.createElement("canvas")
    const ctx = canvas.getContext("2d")
    if (!ctx) return

canvas.width = 1234
    canvas.height = 1328

const svgData = new XMLSerializer().serializeToString(svg)
    const img = new Image()
    const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" })
    const url = URL.createObjectURL(svgBlob)

img.onload = () => {
      ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
      URL.revokeObjectURL(url)

canvas.toBlob((blob) => {
        if (!blob) return
        const pngUrl = URL.createObjectURL(blob)
        const downloadLink = document.createElement("a")
        downloadLink.href = pngUrl
        downloadLink.download = "vigia-ia-branding.png"
        document.body.appendChild(downloadLink)
        downloadLink.click()
        document.body.removeChild(downloadLink)
        URL.revokeObjectURL(pngUrl)
      })
    }

img.src = url
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 p-8">
      <div className="max-w-4xl mx-auto">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-white mb-4">VIGIA IA - Branding Completo</h1>
          <p className="text-slate-400">Baixe a logo completa com texto em formato SVG ou PNG de alta resolução</p>
        </div>

<text
                x="308.5"
                y="400"
                fontFamily="Geist, system-ui, -apple-system, sans-serif"
                fontSize="100"
                fontWeight="900"
                fill="#ffffff"
                textAnchor="middle"
                letterSpacing="8"
              >
                VIGIA IA
              </text>

<text
                x="308.5"
                y="480"
                fontFamily="Geist, system-ui, -apple-system, sans-serif"
                fontSize="40"
                fontWeight="400"
                fill="#94a3b8"
                textAnchor="middle"
                letterSpacing="4"
              >
                Monitoramento Industrial
              </text>
            </svg>
          </div>

<div className="flex flex-col sm:flex-row gap-4 justify-center">
            <Button onClick={downloadSVG} className="bg-emerald-600 hover:bg-emerald-700 text-white" size="lg">
              <Download className="w-5 h-5 mr-2" />
              Baixar SVG (Vetorial)
            </Button>
            <Button
              onClick={downloadPNG}
              variant="outline"
              className="border-emerald-600 text-emerald-400 hover:bg-emerald-600/10 bg-transparent"
              size="lg"
            >
              <Download className="w-5 h-5 mr-2" />
              Baixar PNG (1234x1328px)
            </Button>
          </div>
        </div>

<div className="grid md:grid-cols-2 gap-6">
          <div className="bg-slate-900/30 border border-slate-800 rounded-xl p-6">
            <h3 className="text-lg font-semibold text-white mb-2">Formato SVG</h3>
            <p className="text-slate-400 text-sm">
              Vetorial escalável, perfeito para impressão e uso em qualquer tamanho sem perda de qualidade
            </p>
          </div>
          <div className="bg-slate-900/30 border border-slate-800 rounded-xl p-6">
            <h3 className="text-lg font-semibold text-white mb-2">Formato PNG</h3>
            <p className="text-slate-400 text-sm">
              Alta resolução 1234x1328px, ideal para apresentações, redes sociais e documentos
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/protecao-animal/page.tsx" isMerged="true"
"use client"

import { useState } from "react"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { PawPrint, ClipboardList, Phone, MapPin, AlertTriangle, Heart, Users, FileText } from "lucide-react"

export default function ProtecaoAnimalPage() {
  const [activeTab, setActiveTab] = useState<"servicos" | "noticias">("servicos")

const services = [
    {
      icon: <AlertTriangle className="w-12 h-12" />,
      title: "Reportar Animal em Risco",
      description: "Informe sobre animais em situação de perigo",
      href: "/protecao-animal/reportar",
      color: "bg-gradient-to-br from-red-500 to-red-600",
    },
    {
      icon: <PawPrint className="w-12 h-12" />,
      title: "Adota PET",
      description: "Encontre seu novo amigo",
      href: "/protecao-animal/adocao",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <ClipboardList className="w-12 h-12" />,
      title: "Cadastros",
      description: "Registre animais e tutores",
      href: "/protecao-animal/cadastros",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <Phone className="w-12 h-12" />,
      title: "Contatos de Emergência",
      description: "Bombeiros e ONGs parceiras",
      href: "/protecao-animal/contatos",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <MapPin className="w-12 h-12" />,
      title: "Abrigos Parceiros",
      description: "Localize abrigos próximos",
      href: "/protecao-animal/abrigos",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <Heart className="w-12 h-12" />,
      title: "Fazer Doação",
      description: "Ajude ONGs e abrigos",
      href: "/protecao-animal/doacoes",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <Users className="w-12 h-12" />,
      title: "Seja Voluntário",
      description: "Participe de ações de proteção",
      href: "/protecao-animal/voluntariado",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
    {
      icon: <FileText className="w-12 h-12" />,
      title: "Meus Reportes",
      description: "Acompanhe seus registros",
      href: "/protecao-animal/meus-reportes",
      color: "bg-gradient-to-br from-cyan-500 to-cyan-600",
    },
  ]

return (
    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100">
      {/* Header */}
      <header className="bg-gradient-to-r from-blue-800 via-blue-700 to-blue-800 text-white shadow-lg">
        <div className="container mx-auto px-4 py-6">
          <div className="flex items-center justify-between">
            <div className="flex items-center gap-4">
              <div className="w-16 h-16 bg-white rounded-xl flex items-center justify-center shadow-md">
                <PawPrint className="w-10 h-10 text-blue-700" />
              </div>
              <div>
                <h1 className="text-2xl font-bold tracking-tight">PROTEÇÃO ANIMAL</h1>
                <p className="text-sm text-blue-100 font-medium">Paraíba</p>
              </div>
            </div>
            <Button variant="ghost" size="icon" className="text-white hover:bg-white/20 rounded-full">
              <Users className="w-6 h-6" />
            </Button>
          </div>
        </div>
      </header>

{/* Tabs */}
      <div className="bg-blue-800 border-t border-blue-700">
        <div className="container mx-auto px-4">
          <div className="flex gap-8">
            <button
              onClick={() => setActiveTab("servicos")}
              className={`py-4 px-2 font-semibold text-sm transition-all relative ${
                activeTab === "servicos" ? "text-white" : "text-blue-300 hover:text-white"
              }`}
            >
              Serviços
              {activeTab === "servicos" && (
                <div className="absolute bottom-0 left-0 right-0 h-1 bg-white rounded-t-full" />
              )}
            </button>
            <button
              onClick={() => setActiveTab("noticias")}
              className={`py-4 px-2 font-semibold text-sm transition-all relative ${
                activeTab === "noticias" ? "text-white" : "text-blue-300 hover:text-white"
              }`}
            >
              Notícias
              {activeTab === "noticias" && (
                <div className="absolute bottom-0 left-0 right-0 h-1 bg-white rounded-t-full" />
              )}
            </button>
          </div>
        </div>
      </div>

{/* Content */}
      <main className="container mx-auto px-4 py-8">
        {activeTab === "servicos" ? (
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4 max-w-4xl mx-auto">
            {services.map((service, index) => (
              <a key={index} href={service.href} className="group">
                <Card
                  className={`${service.color} text-white p-8 h-full hover:scale-105 transition-all duration-200 shadow-lg hover:shadow-xl border-0 cursor-pointer`}
                >
                  <div className="flex flex-col items-center text-center gap-4">
                    <div className="w-20 h-20 bg-white/20 rounded-2xl flex items-center justify-center backdrop-blur-sm group-hover:bg-white/30 transition-colors">
                      {service.icon}
                    </div>
                    <h3 className="text-xl font-bold leading-tight">{service.title}</h3>
                    <p className="text-sm text-white/90 font-medium">{service.description}</p>
                  </div>
                </Card>
              </a>
            ))}
          </div>
        ) : (
          <div className="max-w-4xl mx-auto">
            <Card className="p-8 text-center">
              <FileText className="w-16 h-16 mx-auto mb-4 text-blue-600" />
              <h3 className="text-xl font-bold mb-2">Notícias em Breve</h3>
              <p className="text-muted-foreground">Acompanhe as últimas notícias sobre proteção animal na Paraíba</p>
            </Card>
          </div>
        )}
      </main>

{/* Footer */}
      <footer className="bg-blue-900 text-white mt-16 py-6">
        <div className="container mx-auto px-4 text-center">
          <p className="text-sm">Governo do Estado da Paraíba | Desenvolvido com ❤️ para os animais</p>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/protecao-animal/reportar/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
import { ArrowLeft, MapPin, Camera, AlertTriangle, Dog, Cat, Bird, Rabbit } from "lucide-react"
import Link from "next/link"

export default function ReportarPage() {
  const [formData, setFormData] = useState({
    tipoAnimal: "",
    situacao: "",
    localizacao: "",
    descricao: "",
    contato: "",
  })
  const [urgencia, setUrgencia] = useState<"baixa" | "media" | "alta">("media")
  const [submitted, setSubmitted] = useState(false)

const tiposAnimais = [
    { value: "cao", label: "Cão", icon: <Dog className="w-6 h-6" /> },
    { value: "gato", label: "Gato", icon: <Cat className="w-6 h-6" /> },
    { value: "passaro", label: "Pássaro", icon: <Bird className="w-6 h-6" /> },
    { value: "silvestre", label: "Silvestre", icon: <Rabbit className="w-6 h-6" /> },
  ]

const situacoes = [
    "Animal ferido",
    "Animal abandonado",
    "Maus tratos",
    "Atropelamento",
    "Animal preso/enroscado",
    "Filhotes abandonados",
    "Animal sem água/comida",
    "Outro",
  ]

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    setSubmitted(true)
    // Aqui seria enviado para API
  }

if (submitted) {
    return (
      <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 flex items-center justify-center p-4">
        <Card className="max-w-md w-full p-8 text-center">
          <div className="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
            <AlertTriangle className="w-10 h-10 text-green-600" />
          </div>
          <h2 className="text-2xl font-bold mb-4">Reporte Enviado!</h2>
          <p className="text-muted-foreground mb-6">
            Seu reporte foi registrado com sucesso. A equipe de proteção animal foi notificada e entrará em ação o mais
            rápido possível.
          </p>
          <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6">
            <p className="text-sm font-semibold text-blue-900">Protocolo: #PA-{Math.floor(Math.random() * 10000)}</p>
            <p className="text-xs text-blue-700 mt-1">Urgência: {urgencia.toUpperCase()}</p>
          </div>
          <Link href="/protecao-animal">
            <Button className="w-full">Voltar ao Início</Button>
          </Link>
        </Card>
      </div>
    )
  }

return (
    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100">
      {/* Header */}
      <header className="bg-gradient-to-r from-red-600 via-red-500 to-red-600 text-white shadow-lg">
        <div className="container mx-auto px-4 py-6">
          <div className="flex items-center gap-4">
            <Link href="/protecao-animal">
              <Button variant="ghost" size="icon" className="text-white hover:bg-white/20">
                <ArrowLeft className="w-6 h-6" />
              </Button>
            </Link>
            <div>
              <h1 className="text-2xl font-bold">Reportar Animal em Risco</h1>
              <p className="text-sm text-red-100">Preencha os dados abaixo</p>
            </div>
          </div>
        </div>
      </header>

<main className="container mx-auto px-4 py-8 max-w-2xl">
        <form onSubmit={handleSubmit} className="space-y-6">
          {/* Tipo de Animal */}
          <Card className="p-6">
            <h3 className="text-lg font-bold mb-4">Tipo de Animal</h3>
            <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
              {tiposAnimais.map((tipo) => (
                <button
                  key={tipo.value}
                  type="button"
                  onClick={() => setFormData({ ...formData, tipoAnimal: tipo.value })}
                  className={`p-4 rounded-lg border-2 transition-all flex flex-col items-center gap-2 ${
                    formData.tipoAnimal === tipo.value
                      ? "border-blue-600 bg-blue-50"
                      : "border-gray-200 hover:border-blue-300"
                  }`}
                >
                  {tipo.icon}
                  <span className="text-sm font-semibold">{tipo.label}</span>
                </button>
              ))}
            </div>
          </Card>

{/* Nível de Urgência */}
          <Card className="p-6">
            <h3 className="text-lg font-bold mb-4">Nível de Urgência</h3>
            <div className="grid grid-cols-3 gap-3">
              {(["baixa", "media", "alta"] as const).map((nivel) => (
                <button
                  key={nivel}
                  type="button"
                  onClick={() => setUrgencia(nivel)}
                  className={`p-4 rounded-lg border-2 transition-all font-semibold ${
                    urgencia === nivel
                      ? nivel === "alta"
                        ? "border-red-600 bg-red-50 text-red-700"
                        : nivel === "media"
                          ? "border-orange-600 bg-orange-50 text-orange-700"
                          : "border-yellow-600 bg-yellow-50 text-yellow-700"
                      : "border-gray-200 hover:border-gray-300"
                  }`}
                >
                  {nivel.charAt(0).toUpperCase() + nivel.slice(1)}
                </button>
              ))}
            </div>
          </Card>

{/* Situação */}
          <Card className="p-6">
            <Label htmlFor="situacao" className="text-lg font-bold mb-4 block">
              Situação
            </Label>
            <select
              id="situacao"
              value={formData.situacao}
              onChange={(e) => setFormData({ ...formData, situacao: e.target.value })}
              className="w-full p-3 border rounded-lg bg-white"
              required
            >
              <option value="">Selecione a situação</option>
              {situacoes.map((sit) => (
                <option key={sit} value={sit}>
                  {sit}
                </option>
              ))}
            </select>
          </Card>

{/* Localização */}
          <Card className="p-6">
            <Label htmlFor="localizacao" className="text-lg font-bold mb-4 flex items-center gap-2">
              <MapPin className="w-5 h-5" />
              Localização
            </Label>
            <Input
              id="localizacao"
              placeholder="Endereço ou ponto de referência"
              value={formData.localizacao}
              onChange={(e) => setFormData({ ...formData, localizacao: e.target.value })}
              required
            />
            <Button type="button" variant="outline" className="w-full mt-3 bg-transparent">
              <MapPin className="w-4 h-4 mr-2" />
              Usar Minha Localização
            </Button>
          </Card>

{/* Descrição */}
          <Card className="p-6">
            <Label htmlFor="descricao" className="text-lg font-bold mb-4 block">
              Descrição Detalhada
            </Label>
            <Textarea
              id="descricao"
              placeholder="Descreva a situação do animal, características, estado de saúde, etc."
              value={formData.descricao}
              onChange={(e) => setFormData({ ...formData, descricao: e.target.value })}
              rows={5}
              required
            />
          </Card>

import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"
import { ArrowLeft, Phone, MapPin, ExternalLink } from "lucide-react"
import Link from "next/link"

import { Activity, MapPin, ListChecks, FileSearch } from "lucide-react"
import { cn } from "@/lib/utils"

export type DashboardView = "status" | "map" | "events" | "incident"

interface DashboardNavProps {
  activeView: DashboardView
  onChange: (view: DashboardView) => void
  hasSelectedEvent: boolean
}

<button
          onClick={handleDownload}
          className="inline-flex items-center justify-center gap-2 rounded-lg bg-emerald-600 px-6 py-3 text-base font-semibold text-white transition-colors hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
        >
          Baixar diagrama (PNG)
        </button>
      </div>
    </main>
  )
}43:["$","$L6d",null,{"params":{"chatId":"tW6WmgmPBP4"},"promises":{"attributes":"$@6e","externalMeta":"$@6f","latest":"$@94","messagesRange":"$@95","messages":"$@96","template":"$@73","passwordProtection":"$@97","gitStatus":"$@98"},"children":["$","$L99",null,{"chatId":"tW6WmgmPBP4","children":["$","$L9a",null,{"seedOnlyKeys":["@\"chat:state\",\"tW6WmgmPBP4\","],"data":{"project:id":null,"block:output:initial":{"id":"b_wiD6PVYhL63","file":"$undefined","result":"$@9b"},"":null,"@\"block:mappings\",\"tW6WmgmPBP4\",":{"sqlBlockExecutionStates":"$Q9c","blocksForkedFrom":"$Q9d","blocksTemplateIds":"$Q9e","blocksCreatedAt":"$Q9f","blocksShared":"$Qa0","blocksDeployed":"$Qa1","blocksSubdomains":"$Qa2","brandedBlocks":"$Qa3","unlistedBlocks":"$Qa4","blockOutputs":"$Qa5"},"@\"chat:sql-exec-provider\",\"tW6WmgmPBP4\",":null,"@\"chat:drafts\",null,":null,"@\"chat:state\",\"tW6WmgmPBP4\",":{"messages":[{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"5PTjl2hlHP6s4s3bAyZg5yhUv59inGIL","parentId":"$undefined","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_nypEwcPcBVC","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"sXRdiI56sidSEGJqgA2NFtiTjjuvdbRQ","streaming":false,"finishReason":"stop","parentId":"5PTjl2hlHP6s4s3bAyZg5yhUv59inGIL","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"j6FlqgcYbwNDSt52nMOA5pxph5WUvuiU","parentId":"sXRdiI56sidSEGJqgA2NFtiTjjuvdbRQ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"I1zsiLvQ2uPHLeDwWm1uzxJMppGV1TAO","streaming":false,"finishReason":"stop","parentId":"j6FlqgcYbwNDSt52nMOA5pxph5WUvuiU","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"nwhdUtZSfAejRxiZzwqAaRilS7Lg1eM4","parentId":"I1zsiLvQ2uPHLeDwWm1uzxJMppGV1TAO","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"18054GnXOEIutHA4C8D6fgL9Wv4LyTaG","streaming":false,"finishReason":"stop","parentId":"nwhdUtZSfAejRxiZzwqAaRilS7Lg1eM4","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Ou0cg17u1mGmLt9FYgpCpCAOCL25P3CX","parentId":"18054GnXOEIutHA4C8D6fgL9Wv4LyTaG","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"WrpPeanxv6qLLwSOeDeDzBe9nK9YCs9e","streaming":false,"finishReason":"stop","parentId":"Ou0cg17u1mGmLt9FYgpCpCAOCL25P3CX","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"nLKOls3WlTjhvq3s7IfDVeFqq0aOxuuX","parentId":"WrpPeanxv6qLLwSOeDeDzBe9nK9YCs9e","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_jOse200A8HY","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"KPQrv9uc0kGuaoDEfXTHrxdARWA1XQpP","streaming":false,"finishReason":"stop","parentId":"nLKOls3WlTjhvq3s7IfDVeFqq0aOxuuX","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"qkMSu4ZV7laJB2KEkrnbBW4qPR8DMI1p","parentId":"KPQrv9uc0kGuaoDEfXTHrxdARWA1XQpP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.917Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"HfUiURjsKv4mjLqNQ12jWdlpt4N5OjzV","streaming":false,"finishReason":"stop","parentId":"qkMSu4ZV7laJB2KEkrnbBW4qPR8DMI1p","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"LkyCcubYoYedQv36gTbxbKYpr9R800rD","parentId":"HfUiURjsKv4mjLqNQ12jWdlpt4N5OjzV","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"sUEt2JnGi9aU0ezq46BZSW6pUVjNMHOr","streaming":false,"finishReason":"stop","parentId":"LkyCcubYoYedQv36gTbxbKYpr9R800rD","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"eNQKMIG70rUT38PaKqlrEcB6T730eXZh","parentId":"sUEt2JnGi9aU0ezq46BZSW6pUVjNMHOr","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_OxjmaNzOAwJ","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"AyjyqnmcF7Zh50qdFrCZw34R9Gw9KiNO","streaming":false,"finishReason":"stop","parentId":"eNQKMIG70rUT38PaKqlrEcB6T730eXZh","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"WWat3BHJKAxCOmMja0HcNyJiCMRDPrVj","parentId":"AyjyqnmcF7Zh50qdFrCZw34R9Gw9KiNO","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_VshgGsvq3RY","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"0QwnaoxlSZICTATmWwUhdlO9NW0NzpnC","streaming":false,"finishReason":"stop","parentId":"WWat3BHJKAxCOmMja0HcNyJiCMRDPrVj","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"deNsna4vVsGAxMNSVKK4RY17307CVqUn","parentId":"LvRhZHfBmok9uc9xEzT4twX44Urs4mzh","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_h3Qd0Gz2Njx","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"zO8pNppkxliSu0mcgng9sIPjfD1AaY7P","streaming":false,"finishReason":"stop","parentId":"deNsna4vVsGAxMNSVKK4RY17307CVqUn","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"wqp5o7UhVfY82rbehWtIMAAaeB8Fbs2k","parentId":"0QwnaoxlSZICTATmWwUhdlO9NW0NzpnC","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_xvDosCUscgD","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dd9ZKZ1hedgPB8HFamO6g5ENXByX3CtD","streaming":false,"finishReason":"stop","parentId":"wqp5o7UhVfY82rbehWtIMAAaeB8Fbs2k","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"pNcIsZyiRluNnSzZsni20xgGGF93d1nJ","parentId":"dd9ZKZ1hedgPB8HFamO6g5ENXByX3CtD","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_JXBpDmqKTnN","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"druC4JML6GeR7JHLLa9RhyO2O2NEeJfJ","streaming":false,"finishReason":"stop","parentId":"pNcIsZyiRluNnSzZsni20xgGGF93d1nJ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"lo9PZHiY7beFpPXj52mnsL9PMHxGdJoi","parentId":"druC4JML6GeR7JHLLa9RhyO2O2NEeJfJ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_ZnvTuwwz3Tb","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"YlOrXdQyBwxQgCsV6LuVsPAkWGIW7ump","streaming":false,"finishReason":"stop","parentId":"lo9PZHiY7beFpPXj52mnsL9PMHxGdJoi","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"dHkFAxvru0wpcRaAPRJN70sjMgS7PBf6","parentId":"YlOrXdQyBwxQgCsV6LuVsPAkWGIW7ump","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_ThhxbycfWT5","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"ZQ2r9d0aK5tZzor3E3Vde6dSTSke8X2s","streaming":false,"finishReason":"stop","parentId":"dHkFAxvru0wpcRaAPRJN70sjMgS7PBf6","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"IA1Sq7OLcvOxjrV1Y3wHL818h6yYol8i","parentId":"ZQ2r9d0aK5tZzor3E3Vde6dSTSke8X2s","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_HSFTfskco9Z","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"JjgH6DH9NcyKaCoTShDJ4V8UdaUdQ6YE","streaming":false,"finishReason":"stop","parentId":"IA1Sq7OLcvOxjrV1Y3wHL818h6yYol8i","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"2qB1Yx4z2vPADnl50t1OGOo2O2xhqt2O","parentId":"SmhtQUir9SCndffOH6z6gyEbzqHPl4Zx","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_v1Tw50Fr8FV","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dLIj8H3MwzstzQQFLFTSrdJ9l8FANiGd","streaming":false,"finishReason":"stop","parentId":"2qB1Yx4z2vPADnl50t1OGOo2O2xhqt2O","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Tt0OmVCDGfupiOqzdQl9mJYbCQwB55EY","parentId":"JjgH6DH9NcyKaCoTShDJ4V8UdaUdQ6YE","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_tqgIU7Bmz5Z","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"dpkmNEZaO3t5AuygQck4t5H9LtwTttKZ","streaming":false,"finishReason":"stop","parentId":"Tt0OmVCDGfupiOqzdQl9mJYbCQwB55EY","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"gF6kyb1nq3QIqzZkWGXW1OILyE2REwBU","parentId":"dpkmNEZaO3t5AuygQck4t5H9LtwTttKZ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_RLhDCILRWaH","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"nZmM7E3jIIGk3ZG6XBxsMzPVZIcTRhtS","streaming":false,"finishReason":"stop","parentId":"gF6kyb1nq3QIqzZkWGXW1OILyE2REwBU","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"e7L8cz9BTw5wB2DeJhi4nlMbHpZmD36A","parentId":"nZmM7E3jIIGk3ZG6XBxsMzPVZIcTRhtS","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"TTCuwUWpgs4NO8jrQTLHJdnmheb8fuqa","streaming":false,"finishReason":"stop","parentId":"e7L8cz9BTw5wB2DeJhi4nlMbHpZmD36A","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"rWEk6Za6KOYjbMpIyyDoILHJr9Ql2Mi6","parentId":"nZmM7E3jIIGk3ZG6XBxsMzPVZIcTRhtS","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"RpFsQWYjI3gFU9FoJfyvZxXkC1rSLZfS","streaming":false,"finishReason":"stop","parentId":"rWEk6Za6KOYjbMpIyyDoILHJr9Ql2Mi6","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ALIMwDFtc5pS9p0kW64TLwvQXCtRFvgg","parentId":"RpFsQWYjI3gFU9FoJfyvZxXkC1rSLZfS","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"nhcGIEyX1atbdwtbTq3dPbDh9MhaX1rY","streaming":false,"finishReason":"stop","parentId":"ALIMwDFtc5pS9p0kW64TLwvQXCtRFvgg","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ABocTQ09xmmCcpROEpTdFqablZVUJu5Y","parentId":"nhcGIEyX1atbdwtbTq3dPbDh9MhaX1rY","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"l3rPrugfhGS3OsfkEkr05fisc82y7fsf","streaming":false,"finishReason":"stop","parentId":"ABocTQ09xmmCcpROEpTdFqablZVUJu5Y","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"V1U7LTPUKBI0SyEFmRwoFvPHUVah5nt3","parentId":"l3rPrugfhGS3OsfkEkr05fisc82y7fsf","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"GagXaQCvMfOMdKpTXEgZJUO8cV5muuXu","streaming":false,"finishReason":"stop","parentId":"V1U7LTPUKBI0SyEFmRwoFvPHUVah5nt3","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"MkkAZkVKS6gTRSsXv4DQxWon54oBsHtz","parentId":"GagXaQCvMfOMdKpTXEgZJUO8cV5muuXu","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_eyaUqPeoDTh","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"W9ET3W8oi3hT4OIYT6hhGcP8nWllK0Rh","streaming":false,"finishReason":"stop","parentId":"MkkAZkVKS6gTRSsXv4DQxWon54oBsHtz","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"L4k3X7cLQIlTk2GCch8IJ5MVZNv32c4U","parentId":"W9ET3W8oi3hT4OIYT6hhGcP8nWllK0Rh","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"MDBzdBhnxIcGhVXgWJcBrHK9hZMoSwkT","streaming":false,"finishReason":"stop","parentId":"L4k3X7cLQIlTk2GCch8IJ5MVZNv32c4U","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"9BVkPdaaWqu6pZEgnbWg8jndK90WGS56","parentId":"MDBzdBhnxIcGhVXgWJcBrHK9hZMoSwkT","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_OfpIH1H0bwN","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"hyO1VxsTROb8PWqyfeoPbUDnkESRCZSF","streaming":false,"finishReason":"stop","parentId":"9BVkPdaaWqu6pZEgnbWg8jndK90WGS56","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"7g3P4BcZROs5InuZXYCk7olEouZzy4Kf","parentId":"hyO1VxsTROb8PWqyfeoPbUDnkESRCZSF","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_f2sVKnso0QI","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"AfQZmYG0w46IKi6Phdc7flXWXorznorM","streaming":false,"finishReason":"stop","parentId":"7g3P4BcZROs5InuZXYCk7olEouZzy4Kf","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"outHEPhcHN77RJEAooi5MdEHRhhBwwfT","parentId":"AfQZmYG0w46IKi6Phdc7flXWXorznorM","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"6JbP7c3q01quFjkVV1c1yJfMeebjaj2i","streaming":false,"finishReason":"stop","parentId":"outHEPhcHN77RJEAooi5MdEHRhhBwwfT","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"FTgwp1s3kQA9xhv1EPLxZiwmJke4s9oN","parentId":"6JbP7c3q01quFjkVV1c1yJfMeebjaj2i","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"6sQTmr4Cg7FOJiqgFr4p1C8iqV91DgRK","streaming":false,"finishReason":"stop","parentId":"FTgwp1s3kQA9xhv1EPLxZiwmJke4s9oN","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"TdUxbcHyvTGrZplLXkdiJzLexLxj9usU","parentId":"6sQTmr4Cg7FOJiqgFr4p1C8iqV91DgRK","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_lmG9GSghB1E","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"nLS3mjB10CSuwDvKw7TBSrJtftaXr1HU","streaming":false,"finishReason":"stop","parentId":"TdUxbcHyvTGrZplLXkdiJzLexLxj9usU","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"eaWYtG5211nDssEbNLY0KzpQ0YfEu3f7","parentId":"nLS3mjB10CSuwDvKw7TBSrJtftaXr1HU","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_89jCjQ3ksm4","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"Mtcb0tyv5HPSzMEKnr2bE5n6JcbzFIuO","streaming":false,"finishReason":"stop","parentId":"eaWYtG5211nDssEbNLY0KzpQ0YfEu3f7","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ndN7VslNzMYzNlfW9NCWa3yyznkxDeJh","parentId":"Mtcb0tyv5HPSzMEKnr2bE5n6JcbzFIuO","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"EHkHoXlE1Fsk4VKfLXVLVt7zzZCnQLhy","streaming":false,"finishReason":"stop","parentId":"ndN7VslNzMYzNlfW9NCWa3yyznkxDeJh","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"svC80tcNzEUUnQvjCNoto6dEFE2dfJSl","parentId":"EHkHoXlE1Fsk4VKfLXVLVt7zzZCnQLhy","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"eprwdDhIQou76rwJ1pKDrXbpPtM4yAeK","streaming":false,"finishReason":"stop","parentId":"svC80tcNzEUUnQvjCNoto6dEFE2dfJSl","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Yr5rEv8ZCVPZe1zDs8AzNA3X03ZUpYSl","parentId":"eprwdDhIQou76rwJ1pKDrXbpPtM4yAeK","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_4fqEOPzFyLa","type":"code-project","isVersioned":false},{"blockId":"b_OqdoKkKIFQb","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"C6pz76ySpwmyUpnf7Mg5gbqltAPQZXYP","streaming":false,"finishReason":"stop","parentId":"Yr5rEv8ZCVPZe1zDs8AzNA3X03ZUpYSl","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"g9kjM2E98kMBv9oSHBjVv3NpkqBRMifV","parentId":"C6pz76ySpwmyUpnf7Mg5gbqltAPQZXYP","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"cXjpSzVpsQl0sdPu3SCiCJ7c08JCKe28","streaming":false,"finishReason":"stop","parentId":"g9kjM2E98kMBv9oSHBjVv3NpkqBRMifV","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"U2uQ2IK5jt1UvAsWeZkK8Raj7v8yVPcb","parentId":"cXjpSzVpsQl0sdPu3SCiCJ7c08JCKe28","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"DkAtNRJBN9FQjvMyPd1F6yvGnYgBDthX","streaming":false,"finishReason":"stop","parentId":"U2uQ2IK5jt1UvAsWeZkK8Raj7v8yVPcb","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"MmWA6hzFWlFhS8l0W78Oa7pIc02azSaN","parentId":"DkAtNRJBN9FQjvMyPd1F6yvGnYgBDthX","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"H5MzwSKxp7gxEuVgfnN6sNu09edwq318","streaming":false,"finishReason":"stop","parentId":"MmWA6hzFWlFhS8l0W78Oa7pIc02azSaN","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"lQwnzAUMLWcEgOElmYR1ei6cIYeyCOJy","parentId":"H5MzwSKxp7gxEuVgfnN6sNu09edwq318","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"qBCIrxqeD4fNWPBY8NafCdY4Iz3J5oR7","streaming":false,"finishReason":"stop","parentId":"lQwnzAUMLWcEgOElmYR1ei6cIYeyCOJy","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"XKizwrOw5rySUDgQ2Jj6nNyYCQjIgmEP","parentId":"qBCIrxqeD4fNWPBY8NafCdY4Iz3J5oR7","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"p0R2zMHwRdSGeFrLoVovDAdmHCRY0JHL","streaming":false,"finishReason":"stop","parentId":"XKizwrOw5rySUDgQ2Jj6nNyYCQjIgmEP","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"wQoiTyOiCvokhqUMClvG9ipYzDl86UNC","parentId":"p0R2zMHwRdSGeFrLoVovDAdmHCRY0JHL","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"TzrbGMDTvGuyhTyde6shJo51461kxy78","streaming":false,"finishReason":"stop","parentId":"wQoiTyOiCvokhqUMClvG9ipYzDl86UNC","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Y4qlDa8HbS83yGofoT880N0BexIECzWD","parentId":"TzrbGMDTvGuyhTyde6shJo51461kxy78","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"3UPtDmKDR0wIucO3Rtz0DZBV9OXbKg1Z","streaming":false,"finishReason":"stop","parentId":"Y4qlDa8HbS83yGofoT880N0BexIECzWD","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ChBJQMJWybSBXpZS7zkd4QSrCXBqNU6p","parentId":"3UPtDmKDR0wIucO3Rtz0DZBV9OXbKg1Z","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"vKGoWW3aUptWyHzaNRaFSfijdi5hrKxt","streaming":false,"finishReason":"stop","parentId":"ChBJQMJWybSBXpZS7zkd4QSrCXBqNU6p","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"Ao4Fo1W8HM2PjwlXwo4IP0oVN9vbkMab","parentId":"vKGoWW3aUptWyHzaNRaFSfijdi5hrKxt","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"t565YvmWPBR7zNKGGNhvoWel2lB4HjLx","streaming":false,"finishReason":"stop","parentId":"Ao4Fo1W8HM2PjwlXwo4IP0oVN9vbkMab","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"fRKHmkIoTk5NYvXuXgozr3NMjy5xNIdo","parentId":"t565YvmWPBR7zNKGGNhvoWel2lB4HjLx","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"oiPw1hP1IkYkPz6oVG8os8mt1D00kbWJ","streaming":false,"finishReason":"stop","parentId":"fRKHmkIoTk5NYvXuXgozr3NMjy5xNIdo","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"xoF9UOod5uqL5u03Gt9s3OXpyi5bX3PC","parentId":"oiPw1hP1IkYkPz6oVG8os8mt1D00kbWJ","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"qCDaX2XeUcbvQQwx9nDjSFVjZJbF3wRF","streaming":false,"finishReason":"stop","parentId":"xoF9UOod5uqL5u03Gt9s3OXpyi5bX3PC","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"J1Q7pHP3bPu0eLHyPwx1phAfoXRzSpwc","parentId":"qCDaX2XeUcbvQQwx9nDjSFVjZJbF3wRF","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"hnx03nWCJvrVGXnL10NfzC2S5oaUWaUF","streaming":false,"finishReason":"stop","parentId":"J1Q7pHP3bPu0eLHyPwx1phAfoXRzSpwc","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"JeWzhzajD7Mo9a8ToHFkQDT79bTWJTDT","parentId":"hnx03nWCJvrVGXnL10NfzC2S5oaUWaUF","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"zawC6gUWDrqgpy0krC6h5Fqsl3VPy2qc","streaming":false,"finishReason":"stop","parentId":"JeWzhzajD7Mo9a8ToHFkQDT79bTWJTDT","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"KnEKMdI9996nijXu3KdoBmopvcTD0Kje","parentId":"zawC6gUWDrqgpy0krC6h5Fqsl3VPy2qc","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"ViaxtZama75lty1g0CBOPytoP4AqMYth","streaming":false,"finishReason":"stop","parentId":"KnEKMdI9996nijXu3KdoBmopvcTD0Kje","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"P6qF5jsxFyYDIqt2EQv0ZCRs3RBWYJMZ","parentId":"ViaxtZama75lty1g0CBOPytoP4AqMYth","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"7vm5kWHk4ICRi79WimKAfIa07efvaG8i","streaming":false,"finishReason":"stop","parentId":"P6qF5jsxFyYDIqt2EQv0ZCRs3RBWYJMZ","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"TCtcxdDh7m3tEsP0AH9Y5dArdT6xYL8h","parentId":"7vm5kWHk4ICRi79WimKAfIa07efvaG8i","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[{"blockId":"b_9UxwFHwZsRh","type":"code-project","isVersioned":false},{"blockId":"b_lSAJeBGN4Ls","type":"code-project","isVersioned":true}],"isContentLoading":true,"role":"assistant","id":"NFHxfCjo6gEwlFqkVSLLafZ3vauQ7cZe","streaming":false,"finishReason":"stop","parentId":"TCtcxdDh7m3tEsP0AH9Y5dArdT6xYL8h","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"ESIDLjVy22UYYreM6saGYH8yo5eft5bl","parentId":"NFHxfCjo6gEwlFqkVSLLafZ3vauQ7cZe","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"qGtDwZEkYM91u26FbwQVkouQLgpjVN6F","streaming":false,"finishReason":"stop","parentId":"ESIDLjVy22UYYreM6saGYH8yo5eft5bl","type":"message"},{"content":{"type":"parts","parts":[],"version":1},"role":"user","id":"URrOD64YzOTwNjFnWMxTlHgQp8yUmBxf","parentId":"qGtDwZEkYM91u26FbwQVkouQLgpjVN6F","type":"message","isContentLoading":true,"authorId":"","createdAt":"$D2026-07-18T05:11:19.918Z"},{"content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"Loading..."]]]],[1,{"title":"Loading message"}]]},"loadingBlocks":[],"isContentLoading":true,"role":"assistant","id":"IPHOgqgX37DShBbt8bJMNIidDIvrxbYc","streaming":false,"finishReason":"stop","parentId":"URrOD64YzOTwNjFnWMxTlHgQp8yUmBxf","type":"message"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Onde você colocou as citações?"}],"version":1},"role":"user","id":"A6sfKwv66kSJi0hcXOEGWhnFcoLt6pLw","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"IPHOgqgX37DShBbt8bJMNIidDIvrxbYc","type":"message","authorId":"d6P6ayKJZ12h7TFM35Sl5HuA","createdAt":"$D2026-06-12T18:34:36.080Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["p",{},["text",{},"As citações estão localizadas no "],["strong",{},["text",{},"tópico 2 (PROBLEMÁTICA)"]],["text",{}," e no "],["strong",{},["text",{},"tópico 3 (DISCUSSÃO DAS ALTERNATIVAS)"]],["text",{},". Veja exatamente onde cada uma aparece:"]],["h2",{},["text",{},"Citação Direta Longa (mais de 3 linhas)"]],["p",{},["strong",{},["text",{},"Localização: Tópico 2 – PROBLEMÁTICA"]]],["blockquote",{},["p",{},["text",{},"\"Os sistemas de informação gerenciais e de apoio à decisão tornaram-se essenciais para ajudar as organizações a lidar com mudanças na economia global. As organizações estão tentando se tornar mais competitivas e eficientes ao se transformarem em empresas digitais, nas quais praticamente todos os processos de negócios essenciais e os relacionamentos com clientes, fornecedores e funcionários são habilitados digitalmente (LAUDON; LAUDON, 2014, p. 8).\""]]],["p",{},["text",{},"Essa é a citação direta com recuo de 4 cm, fonte menor e sem aspas (formato ABNT para citações com mais de 3 linhas)."]],["h2",{},["text",{},"Citação Indireta 1 (paráfrase)"]],["p",{},["strong",{},["text",{},"Localização: Tópico 2 – PROBLEMÁTICA"]]],["p",{},["text",{},"\"Conforme destaca "],["strong",{},["text",{},"Cardella (2016)"]],["text",{},", o intervalo entre a ocorrência de um acidente e o início do atendimento de emergência constitui o fator determinante para o prognóstico da vítima [...]\""]],["h2",{},["text",{},"Citação Indireta 2 (paráfrase)"]],["p",{},["strong",{},["text",{},"Localização: Tópico 3 – DISCUSSÃO DAS ALTERNATIVAS"]]],["p",{},["text",{},"\"Conforme "],["strong",{},["text",{},"Schwab (2016)"]],["text",{},", a Quarta Revolução Industrial disponibiliza ferramentas como a Internet das Coisas (IoT), a inteligência artificial e os sistemas de monitoramento em tempo real [...]\""]],["hr"],["h3",{},["text",{},"Observação importante"]],["p",{},["text",{},"Notei que citei "],["strong",{},["text",{},"Motta (2017)"]],["text",{}," no texto da Problemática, mas a citação direta longa que apresentei é de "],["strong",{},["text",{},"Laudon e Laudon (2014)"]],["text",{},". Para ficar perfeitamente alinhado, você tem duas opções:"]],["ol",{"start":1},["li",{"index":1},["strong",{},["text",{},"Manter como está"]],["text",{}," — você tem 1 direta (Laudon e Laudon) + 2 indiretas (Cardella e Schwab), cumprindo a exigência."]],["li",{"index":2},["strong",{},["text",{},"Substituir"]],["text",{}," a menção a Motta por uma das citações acima, evitando citar um autor que só aparece no corpo sem destaque."]]],["p",{},["text",{},"Quer que eu reorganize o texto para deixar as três citações ainda mais explícitas e bem distribuídas?"]]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"J4FPz3a0412oMUTgmfSP0kivtEpVEywy","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"A6sfKwv66kSJi0hcXOEGWhnFcoLt6pLw","type":"message","creditCost":0.2969375,"workMetrics":{"diffMap":{},"imageGenerationCost":"$undefined","imageGenerationCount":"$undefined","linesRead":"$undefined","agentActions":"$undefined"},"createdAt":"$D2026-06-12T18:34:36.081Z","updatedAt":"$D2026-06-12T18:34:51.022Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"Dai-me uma imagem do \"Caso de uso para eu colocar no meu trabalho\""}],"version":1},"role":"user","id":"RlRRUOgXj97hiYiXyaaNpkdgAzyASSvs","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"J4FPz3a0412oMUTgmfSP0kivtEpVEywy","type":"message","authorId":"d6P6ayKJZ12h7TFM35Sl5HuA","createdAt":"$D2026-07-08T03:22:41.051Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1783480966606,"finishedAt":1783480966690,"lastPartSentAt":1783480966690,"taskNameActive":null,"id":"BL5b2rkzcxP0j2Un","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":0,"thought":"I'll create a use case diagram for the VIGIA IA project."}]}}],["p",{},["text",{},"Vou gerar uma imagem de diagrama de caso de uso (UML) para o VIGIA IA que você poderá incluir no seu trabalho."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_WwFq2oU7nV0","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"public/diagrama-caso-de-uso-vigia-ia.png","baseName":"diagrama-caso-de-uso-vigia-ia.png","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"[V0_FILE]png:file=\"public/diagrama-caso-de-uso-vigia-ia.png\" url=\"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/diagrama-caso-de-uso-vigia-ia-visuL7bOOra4ZaPFi7t6AMXcV5RBUW.png\"\n","latestDeploymentInfo":"$undefined","lastDeployedAt":"$undefined","lastEditedAt":"$undefined","sourceVersionKey":"v_1_icf4y_s3","needsBlockSource":true,"isAllImages":true,"blockId":"b_WwFq2oU7nV0","meta":{"taskNameActive":"Gerando diagrama de caso de uso","taskNameComplete":"Gerei diagrama de caso de uso","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Gerando diagrama de caso de uso","taskNameComplete":"Gerei diagrama de caso de uso"},"id":"block-b_WwFq2oU7nV0"}],["AssistantMessageContentPart",{"part":{"createdAt":1783480980558,"finishedAt":1783480980760,"lastPartSentAt":1783480980760,"taskNameActive":null,"id":"G0AiLGyqfpbgMBKQ","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":0,"thought":"I'll share the generated image with the user now."}]}}],["p",{},["text",{},"Gerei o diagrama de caso de uso do VIGIA IA em estilo UML acadêmico, pronto para o seu trabalho."]],["p",{},["img",{"src":"/diagrama-caso-de-uso-vigia-ia.png","alt":"Diagrama de Caso de Uso VIGIA IA"}]],["p",{},["text",{},"O diagrama apresenta os dois atores principais ("],["strong",{},["text",{},"Operador de Monitoramento"]],["text",{}," e "],["strong",{},["text",{},"Equipe de Resgate"]],["text",{},") e os principais casos de uso do sistema: autenticar, monitorar status, visualizar mapa, registrar eventos, confirmar alerta, dispensar falso alarme e consultar a timeline do incidente."]],["p",{},["strong",{},["text",{},"Como baixar:"]],["text",{}," a imagem está salva em "],["code",{},"public/diagrama-caso-de-uso-vigia-ia.png"],["text",{},". Ela virá incluída quando você baixar o ZIP do projeto, ou você pode acessá-la diretamente adicionando "],["code",{},"/diagrama-caso-de-uso-vigia-ia.png"],["text",{}," ao final da URL do preview e salvá-la com o botão direito."]],["p",{},["text",{},"Como diagramas gerados por IA podem conter pequenas imperfeições no texto, se quiser algo 100% editável recomendo recriá-lo em ferramentas como "],["strong",{},["text",{},"Lucidchart"]],["text",{},", "],["strong",{},["text",{},"draw.io"]],["text",{}," ou "],["strong",{},["text",{},"PlantUML"]],["text",{}," — posso te fornecer o código PlantUML pronto para colar, é só pedir. Quer que eu gere esse código?"]],["AssistantMessageContentPart",{"part":{"createdAt":1783480985497,"finishedAt":1783480999290,"lastPartSentAt":1783480999269,"id":"NVkk1XtjyiYe4BYt","type":"task-diagnostics-v1","blockId":"b_WwFq2oU7nV0","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"FyCi10Y8iAfIqV7ZMXrmBcpaA8nIaTno","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"RlRRUOgXj97hiYiXyaaNpkdgAzyASSvs","type":"message","creditCost":0.5415622499999999,"workMetrics":{"diffMap":{"public/diagrama-caso-de-uso-vigia-ia.png":{"addedLines":0,"removedLines":0}},"imageGenerationCost":0.03366425,"imageGenerationCount":1,"linesRead":"$undefined","agentActions":1},"createdAt":"$D2026-07-08T03:22:41.052Z","updatedAt":"$D2026-07-08T03:23:19.366Z"},{"content":{"type":"parts","parts":[{"type":"mdx","content":"não estou conseguindo baixar"}],"version":1},"role":"user","id":"tB6E4UGDx0BgzfvQVuyUAWkoEAhiQVPI","attachments":[],"attachedSkills":"$undefined","attachedDesignSystemSkill":"$undefined","parentId":"FyCi10Y8iAfIqV7ZMXrmBcpaA8nIaTno","type":"message","authorId":"d6P6ayKJZ12h7TFM35Sl5HuA","createdAt":"$D2026-07-08T03:24:54.005Z"},{"v0ModelId":"v0-max","content":{"type":"message-binary-format","value":[[0,[["AssistantMessageContentPart",{"part":{"createdAt":1783481097972,"finishedAt":1783481098448,"lastPartSentAt":1783481098448,"taskNameActive":null,"id":"RUv3mK2XLnLobCKA","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":0,"thought":"I need to troubleshoot why the image download isn't working for the user and provide them with alternative access to the PlantUML source code."}]}}],["p",{},["text",{},"Entendo! Vou te dar formas alternativas de obter o diagrama. Primeiro, deixe-me confirmar que a imagem está lá."]],["AssistantMessageContentPart",{"part":{"createdAt":1783481098939,"finishedAt":1783481099555,"lastPartSentAt":1783481099534,"taskNameActive":"Verificando imagem","taskNameComplete":"Verifiquei a imagem","toolCallId":"toolu_01JnVSWjKsrmVJXnED5jNHSB","agentTurnId":"turn_uCU4oegYID70dET8","filePath":null,"id":"2WERK5HQnVgfsC3B","type":"task-ls-repo-v1","parts":[{"type":"ls"},{"type":"ls-results","numFiles":1}]}}],["AssistantMessageContentPart",{"part":{"createdAt":1783481102999,"finishedAt":1783481103797,"lastPartSentAt":1783481103797,"taskNameActive":null,"id":"AYLR2YGpbNjicVlK","type":"task-thinking-v1","parts":[{"type":"thinking-end","duration":1,"thought":"I'll set up a dedicated download page with a proper download button so the user can reliably access the diagram."}]}}],["p",{},["text",{},"A imagem existe no projeto. Vou criar uma página dedicada com um botão de download que funciona de forma confiável, para você não depender do clique com botão direito."]],["AssistantMessageContentPart",{"part":{"type":"task-coding-v1","id":"block-b_wiD6PVYhL63","parts":[{"type":"code-project","isVersioned":true,"isSourceless":false,"changedFiles":[{"fileName":"app/baixar-diagrama/page.tsx","baseName":"page.tsx","isActive":false,"isTerminated":false,"isDeleted":false,"isMoved":false}],"source":"$a6","latestDeploymentInfo":"$undefined","lastDeployedAt":"$undefined","lastEditedAt":"$undefined","sourceVersionKey":"v_1_jh7n8_s3","needsBlockSource":false,"isAllImages":false,"blockId":"b_wiD6PVYhL63","meta":{"taskNameActive":"Criando página de download","taskNameComplete":"Criei página de download","type":"code-project","id":"Code"},"closed":true,"lang":"typescriptreact"}],"createdAt":0,"finishedAt":1,"lastPartSentAt":1,"taskNameActive":"Criando página de download","taskNameComplete":"Criei página de download"},"id":"block-b_wiD6PVYhL63"}],["p",{},["text",{},"Pronto! Criei uma página de download dedicada. Aqui estão as formas de obter o diagrama:"]],["h2",{},["text",{},"Opção 1: Página de download (mais confiável)"]],["ol",{"start":1},["li",{"index":1},["text",{},"Abra o "],["strong",{},["text",{},"preview"]],["text",{}," do projeto"]],["li",{"index":2},["text",{},"Adicione "],["strong",{},["code",{},"/baixar-diagrama"]],["text",{}," ao final da URL"]],["li",{"index":3},["text",{},"Clique no botão verde "],["strong",{},["text",{},"\"Baixar diagrama (PNG)\""]],["text",{}," — o arquivo será salvo automaticamente no seu computador"]]],["h2",{},["text",{},"Opção 2: Download do projeto completo"]],["ol",{"start":1},["li",{"index":1},["text",{},"Clique nos "],["strong",{},["text",{},"três pontos"]],["text",{}," no canto superior direito do bloco de código"]],["li",{"index":2},["text",{},"Selecione "],["strong",{},["text",{},"\"Download ZIP\""]]],["li",{"index":3},["text",{},"A imagem estará na pasta "],["code",{},"public/diagrama-caso-de-uso-vigia-ia.png"]]],["h2",{},["text",{},"Opção 3: Diagrama editável (recomendo para trabalho acadêmico)"]],["p",{},["text",{},"Se o download continuar falhando ou você quiser uma versão editável e sem imperfeições de texto, posso te dar o código "],["strong",{},["text",{},"PlantUML"]],["text",{}," pronto para colar no site "],["a",{"href":"https://www.plantuml.com/plantuml"},["text",{},"plantuml.com"]],["text",{}," ou no "],["strong",{},["text",{},"draw.io"]],["text",{},", gerando um diagrama limpo e profissional."]],["p",{},["text",{},"Quer que eu gere esse código PlantUML para você?"]],["AssistantMessageContentPart",{"part":{"createdAt":1783481119671,"finishedAt":1783481133384,"lastPartSentAt":1783481133365,"id":"R7rpyvnh3V4f5FF3","type":"task-diagnostics-v1","blockId":"b_wiD6PVYhL63","parts":[{"type":"fetching-diagnostics"},{"type":"diagnostics-passed"}]}}]]],[1,{}]]},"context":[],"isContentLoading":false,"role":"assistant","id":"Pr2u0vPjC177uSQjXe8W3La2Z0TqoGdm","streaming":false,"finishReason":"stop","vote":"$undefined","parentId":"tB6E4UGDx0BgzfvQVuyUAWkoEAhiQVPI","type":"message","creditCost":0.208674,"workMetrics":{"diffMap":{"app/baixar-diagrama/page.tsx":{"addedLines":50,"removedLines":0}},"imageGenerationCost":"$undefined","imageGenerationCount":"$undefined","linesRead":"$undefined","agentActions":2},"createdAt":"$D2026-07-08T03:24:54.006Z","updatedAt":"$D2026-07-08T03:25:33.760Z"}],"isLoading":false,"lastSyncedAt":1784350506305,"undo":null,"activeForkKey":["5PTjl2hlHP6s4s3bAyZg5yhUv59inGIL","sXRdiI56sidSEGJqgA2NFtiTjjuvdbRQ","j6FlqgcYbwNDSt52nMOA5pxph5WUvuiU","I1zsiLvQ2uPHLeDwWm1uzxJMppGV1TAO","nwhdUtZSfAejRxiZzwqAaRilS7Lg1eM4","18054GnXOEIutHA4C8D6fgL9Wv4LyTaG","Ou0cg17u1mGmLt9FYgpCpCAOCL25P3CX","WrpPeanxv6qLLwSOeDeDzBe9nK9YCs9e","nLKOls3WlTjhvq3s7IfDVeFqq0aOxuuX","KPQrv9uc0kGuaoDEfXTHrxdARWA1XQpP","qkMSu4ZV7laJB2KEkrnbBW4qPR8DMI1p","HfUiURjsKv4mjLqNQ12jWdlpt4N5OjzV","LkyCcubYoYedQv36gTbxbKYpr9R800rD","sUEt2JnGi9aU0ezq46BZSW6pUVjNMHOr","eNQKMIG70rUT38PaKqlrEcB6T730eXZh","AyjyqnmcF7Zh50qdFrCZw34R9Gw9KiNO","WWat3BHJKAxCOmMja0HcNyJiCMRDPrVj","0QwnaoxlSZICTATmWwUhdlO9NW0NzpnC","wqp5o7UhVfY82rbehWtIMAAaeB8Fbs2k","dd9ZKZ1hedgPB8HFamO6g5ENXByX3CtD","pNcIsZyiRluNnSzZsni20xgGGF93d1nJ","druC4JML6GeR7JHLLa9RhyO2O2NEeJfJ","lo9PZHiY7beFpPXj52mnsL9PMHxGdJoi","YlOrXdQyBwxQgCsV6LuVsPAkWGIW7ump","dHkFAxvru0wpcRaAPRJN70sjMgS7PBf6","ZQ2r9d0aK5tZzor3E3Vde6dSTSke8X2s","IA1Sq7OLcvOxjrV1Y3wHL818h6yYol8i","JjgH6DH9NcyKaCoTShDJ4V8UdaUdQ6YE","Tt0OmVCDGfupiOqzdQl9mJYbCQwB55EY","dpkmNEZaO3t5AuygQck4t5H9LtwTttKZ","gF6kyb1nq3QIqzZkWGXW1OILyE2REwBU","nZmM7E3jIIGk3ZG6XBxsMzPVZIcTRhtS","rWEk6Za6KOYjbMpIyyDoILHJr9Ql2Mi6","RpFsQWYjI3gFU9FoJfyvZxXkC1rSLZfS","ALIMwDFtc5pS9p0kW64TLwvQXCtRFvgg","nhcGIEyX1atbdwtbTq3dPbDh9MhaX1rY","ABocTQ09xmmCcpROEpTdFqablZVUJu5Y","l3rPrugfhGS3OsfkEkr05fisc82y7fsf","V1U7LTPUKBI0SyEFmRwoFvPHUVah5nt3","GagXaQCvMfOMdKpTXEgZJUO8cV5muuXu","MkkAZkVKS6gTRSsXv4DQxWon54oBsHtz","W9ET3W8oi3hT4OIYT6hhGcP8nWllK0Rh","L4k3X7cLQIlTk2GCch8IJ5MVZNv32c4U","MDBzdBhnxIcGhVXgWJcBrHK9hZMoSwkT","9BVkPdaaWqu6pZEgnbWg8jndK90WGS56","hyO1VxsTROb8PWqyfeoPbUDnkESRCZSF","7g3P4BcZROs5InuZXYCk7olEouZzy4Kf","AfQZmYG0w46IKi6Phdc7flXWXorznorM","outHEPhcHN77RJEAooi5MdEHRhhBwwfT","6JbP7c3q01quFjkVV1c1yJfMeebjaj2i","FTgwp1s3kQA9xhv1EPLxZiwmJke4s9oN","6sQTmr4Cg7FOJiqgFr4p1C8iqV91DgRK","TdUxbcHyvTGrZplLXkdiJzLexLxj9usU","nLS3mjB10CSuwDvKw7TBSrJtftaXr1HU","eaWYtG5211nDssEbNLY0KzpQ0YfEu3f7","Mtcb0tyv5HPSzMEKnr2bE5n6JcbzFIuO","ndN7VslNzMYzNlfW9NCWa3yyznkxDeJh","EHkHoXlE1Fsk4VKfLXVLVt7zzZCnQLhy","svC80tcNzEUUnQvjCNoto6dEFE2dfJSl","eprwdDhIQou76rwJ1pKDrXbpPtM4yAeK","Yr5rEv8ZCVPZe1zDs8AzNA3X03ZUpYSl","C6pz76ySpwmyUpnf7Mg5gbqltAPQZXYP","g9kjM2E98kMBv9oSHBjVv3NpkqBRMifV","cXjpSzVpsQl0sdPu3SCiCJ7c08JCKe28","U2uQ2IK5jt1UvAsWeZkK8Raj7v8yVPcb","DkAtNRJBN9FQjvMyPd1F6yvGnYgBDthX","MmWA6hzFWlFhS8l0W78Oa7pIc02azSaN","H5MzwSKxp7gxEuVgfnN6sNu09edwq318","lQwnzAUMLWcEgOElmYR1ei6cIYeyCOJy","qBCIrxqeD4fNWPBY8NafCdY4Iz3J5oR7","XKizwrOw5rySUDgQ2Jj6nNyYCQjIgmEP","p0R2zMHwRdSGeFrLoVovDAdmHCRY0JHL","wQoiTyOiCvokhqUMClvG9ipYzDl86UNC","TzrbGMDTvGuyhTyde6shJo51461kxy78","Y4qlDa8HbS83yGofoT880N0BexIECzWD","3UPtDmKDR0wIucO3Rtz0DZBV9OXbKg1Z","ChBJQMJWybSBXpZS7zkd4QSrCXBqNU6p","vKGoWW3aUptWyHzaNRaFSfijdi5hrKxt","Ao4Fo1W8HM2PjwlXwo4IP0oVN9vbkMab","t565YvmWPBR7zNKGGNhvoWel2lB4HjLx","fRKHmkIoTk5NYvXuXgozr3NMjy5xNIdo","oiPw1hP1IkYkPz6oVG8os8mt1D00kbWJ","xoF9UOod5uqL5u03Gt9s3OXpyi5bX3PC","qCDaX2XeUcbvQQwx9nDjSFVjZJbF3wRF","J1Q7pHP3bPu0eLHyPwx1phAfoXRzSpwc","hnx03nWCJvrVGXnL10NfzC2S5oaUWaUF","JeWzhzajD7Mo9a8ToHFkQDT79bTWJTDT","zawC6gUWDrqgpy0krC6h5Fqsl3VPy2qc","KnEKMdI9996nijXu3KdoBmopvcTD0Kje","ViaxtZama75lty1g0CBOPytoP4AqMYth","P6qF5jsxFyYDIqt2EQv0ZCRs3RBWYJMZ","7vm5kWHk4ICRi79WimKAfIa07efvaG8i","TCtcxdDh7m3tEsP0AH9Y5dArdT6xYL8h","NFHxfCjo6gEwlFqkVSLLafZ3vauQ7cZe","ESIDLjVy22UYYreM6saGYH8yo5eft5bl","qGtDwZEkYM91u26FbwQVkouQLgpjVN6F","URrOD64YzOTwNjFnWMxTlHgQp8yUmBxf","IPHOgqgX37DShBbt8bJMNIidDIvrxbYc","A6sfKwv66kSJi0hcXOEGWhnFcoLt6pLw","J4FPz3a0412oMUTgmfSP0kivtEpVEywy","RlRRUOgXj97hiYiXyaaNpkdgAzyASSvs","FyCi10Y8iAfIqV7ZMXrmBcpaA8nIaTno","tB6E4UGDx0BgzfvQVuyUAWkoEAhiQVPI","Pr2u0vPjC177uSQjXe8W3La2Z0TqoGdm"],"isStreaming":false,"isStopping":false,"isAuthor":false,"isRestoring":false,"hashMessageId":null,"initialStreamPromise":"$undefined"},"@\"active-block\",\"tW6WmgmPBP4\",":{"id":"b_wiD6PVYhL63","meta":{"taskNameActive":"Criando página de download","taskNameComplete":"Criei página de download","type":"code-project","id":"Code"},"initial":true,"type":"code-project","messageId":"Pr2u0vPjC177uSQjXe8W3La2Z0TqoGdm","language":"typescriptreact","source":"$a7","resultId":"$undefined","closed":true,"hasSourceBeenEdited":false,"lastEditedAt":"$undefined","lastDeployedAt":"$undefined","latestDeploymentInfo":"$undefined","templateVersionId":"$undefined","templateCanonId":"$undefined","forkedFromBlockId":"$undefined","isLoading":false,"needsBlockSource":false},"@\"chat:meta\",\"tW6WmgmPBP4\",":{"title":"Industrial security dashboard","isNew":false,"authorId":"d6P6ayKJZ12h7TFM35Sl5HuA","ownerId":"d6P6ayKJZ12h7TFM35Sl5HuA","storageEntityType":null,"storageEntityId":null,"tailwindV4Default":true,"vercelProjectId":null,"canWriteToChat":false,"from":"$undefined","nextVersionDefault":"$undefined","nextVersion15Default":true},"@\"chat:privacy\",\"tW6WmgmPBP4\",":"public","@\"chat:vm-mode\",\"tW6WmgmPBP4\",":false,"@\"chat:vercel-project\",\"tW6WmgmPBP4\",":"$undefined","@\"chat:show-v0-button\",\"tW6WmgmPBP4\",":false,"@\"team:sensitive-environment-variable-policy\",\"tW6WmgmPBP4\",":"$undefined","projects:for-user":{"projects":[],"selectedProjectId":null},"project:can-make-project-updates":"$undefined","@\"block-view\",\"tW6WmgmPBP4\",":true,"integrations:figma":"$@a8"},"children":["$La9","$Laa","$Lab","$Lac"]}]}]}]
</article></body></html>