113:"ExplicitChatIdProvider" 114:I[903690,["$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$8d","$8e","$7d","$86","$80","$7f","$8f","$81","$90","$91","$92","$7e","$93","$88","$8b","$85","$84","$89","$8a","$94","$95","$87","$96","$83"],"$113"] 115:I[838238,["$4a","$4b","$4c","$4d","$4e","$4f","$50","$51","$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$8d","$8e","$7d","$86","$80","$7f","$8f","$81","$90","$91","$92","$7e","$93","$88","$8b","$85","$84","$89","$8a","$94","$95","$87","$96","$83"],"SWRDataProvider"] 117:[] 118:[["b_s95NTlBuwP9",null],["b_gWODFQ2M0ho",null],["b_A790WmaDBvt",null]] 119:[["b_s95NTlBuwP9",{"templateVersionId":null,"templateCanonId":null}],["b_gWODFQ2M0ho",{"templateVersionId":null,"templateCanonId":null}],["b_A790WmaDBvt",{"templateVersionId":null,"templateCanonId":null}]] 11a:[["vudS4tBLmnu","$D2025-05-02T00:23:45.869Z"],["b_HO75BlEnVH6","$D2025-05-02T00:25:47.577Z"],["b_7TjWtpU14VU","$D2025-05-02T00:31:15.494Z"],["b_62XbxK6OHnc","$D2025-05-02T00:33:10.660Z"],["b_i5eB2hmidiV","$D2025-05-02T00:35:09.211Z"],["b_EXQ5ot7vZEu","$D2025-05-02T00:38:48.496Z"],["b_Gubd1Km6OqY","$D2025-05-02T00:41:59.803Z"],["b_LnHW9jGCF7x","$D2025-05-02T00:43:28.856Z"],["b_6lrzA7hV1SR","$D2025-05-02T00:49:08.716Z"],["b_kRFkjZjIP5W","$D2025-05-02T00:53:05.326Z"],["b_tOvuao1PAKS","$D2025-05-02T00:55:45.597Z"],["b_SkXFIIb7nHZ","$D2025-05-02T00:56:45.289Z"],["b_JTjUAULMOEH","$D2025-05-02T01:01:51.745Z"],["b_wrJz6qwBo5B","$D2025-05-02T01:04:42.592Z"],["b_83CV1thXWZ4","$D2025-05-02T01:17:04.801Z"],["b_kI1z4SnQeQc","$D2025-05-02T01:18:53.181Z"],["b_qEO2IWBJpx1","$D2025-05-02T01:20:34.823Z"],["b_NQDqk7hESJW","$D2025-05-02T01:32:01.908Z"],["b_P5N23EAj62h","$D2025-05-02T01:32:47.854Z"],["b_02LzqaxDDk3","$D2025-05-02T01:39:37.326Z"],["b_kjKWWmh3R5K","$D2025-05-02T01:44:19.661Z"],["b_5vmANFWICCj","$D2025-05-02T01:51:59.517Z"],["b_VFkLbmfIj6w","$D2025-05-02T01:53:11.002Z"],["b_hBeBWye545I","$D2025-05-02T01:56:38.464Z"],["b_WbfUHhW8qGS","$D2025-05-02T02:01:58.838Z"],["b_41P4xnlUcte","$D2025-05-02T02:04:14.038Z"],["b_tTbQRn76NAd","$D2025-05-02T02:04:31.050Z"],["b_TEzqK4dFaeh","$D2025-05-02T02:08:53.893Z"],["b_HkheKdWXTYV","$D2025-05-02T02:11:54.226Z"],["b_3CEzguwq1CI","$D2025-05-02T15:13:00.854Z"],["b_xBnA0w8Qnmw","$D2025-05-02T15:16:18.243Z"],["b_RHMsSotCYuV","$D2025-05-02T15:48:07.412Z"],["b_vUdX0OS3LI4","$D2025-05-02T15:55:32.222Z"],["b_Izp3qis9w2v","$D2025-05-02T16:01:49.132Z"],["b_ttbZ3VmwbVU","$D2025-05-02T16:05:16.779Z"],["b_slS7eZd01jJ","$D2025-05-02T16:22:14.517Z"],["b_yVJNIRod0rr","$D2025-05-02T16:55:51.538Z"],["b_XuzY1V9A6Jt","$D2025-05-02T16:58:31.742Z"],["b_K4wHXABbCIF","$D2025-05-02T17:17:52.808Z"],["b_u0yOswKy2tb","$D2025-05-02T17:23:12.310Z"],["b_k431r90SSuP","$D2025-05-02T17:43:50.168Z"],["b_BcQsiHWNs9o","$D2025-05-02T17:45:55.320Z"],["b_H2wsTaPh8ss","$D2025-05-02T17:51:18.853Z"],["b_qmWIm6s6lgG","$D2025-05-02T18:01:03.281Z"],["b_1be6aQ0osPl","$D2025-05-02T18:02:18.546Z"],["b_utMZRu5PMXM","$D2025-05-02T18:05:29.419Z"],["b_DA5QIVYwLr8","$D2025-05-02T18:15:51.101Z"],["b_ampHAEzRrcA","$D2025-05-02T18:17:35.856Z"],["b_qfKSxRLZdRl","$D2025-05-02T18:30:40.070Z"],["b_K280l6bjUXO","$D2025-05-02T18:51:39.737Z"],["b_xZO8Q2ntYOO","$D2025-05-02T19:02:24.409Z"],["b_XNsn1vq740c","$D2025-05-04T19:52:58.835Z"],["b_EuYumU94oax","$D2025-05-05T00:44:39.998Z"],["b_i7O7lkda5B6","$D2025-05-05T00:46:04.247Z"],["b_G5gs7uzTQfY","$D2025-05-05T00:46:22.154Z"],["b_RX5WTyR2aAw","$D2025-05-05T00:59:13.250Z"],["b_uWCC6iBQN8j","$D2025-05-05T01:02:20.670Z"],["b_4zF5bk6m0U8","$D2025-05-05T01:03:25.360Z"],["b_uwYEwOXNmDT","$D2025-05-05T02:47:31.402Z"],["b_oCPypeae2pS","$D2025-05-05T02:56:32.931Z"],["b_aoY7EnuiRgy","$D2025-05-05T03:01:16.593Z"],["b_Jf3iNNf3lv7","$D2025-05-05T03:05:10.677Z"],["b_SJYQXzcOGpf","$D2025-05-05T03:07:58.241Z"],["b_eYBkchctxkg","$D2025-05-05T14:25:13.861Z"],["b_ADtRXmGYa7r","$D2025-05-06T17:28:44.977Z"],["b_49tG34Rt1LA","$D2025-05-06T20:45:26.044Z"],["b_wEyX3i3MTcT","$D2025-05-06T21:15:23.589Z"],["b_k67X3TB8zh8","$D2025-05-06T21:31:31.433Z"],["b_YR6d9STJ5sW","$D2025-05-06T22:52:42.392Z"],["b_BxPSK7mjyj2","$D2025-05-06T23:01:43.290Z"],["b_lJR7o48XzHB","$D2025-05-06T23:18:46.927Z"],["b_CNxlkAiYyBb","$D2025-05-06T23:23:44.372Z"],["b_LLhAek6ibob","$D2025-05-06T23:25:00.335Z"],["b_pCEvV7FdVdL","$D2025-05-06T23:26:39.565Z"],["b_ebqIGqfuMrN","$D2025-05-06T23:27:01.749Z"],["b_I0Q2MTlM7lw","$D2025-05-06T23:28:46.489Z"],["b_0N3EvsmkDWR","$D2025-05-06T23:29:33.904Z"],["b_X4O09qPI0Uz","$D2025-05-06T23:29:41.039Z"],["b_yjvUAOF7kEX","$D2025-05-06T23:29:43.696Z"],["b_oBL44izmXYz","$D2025-05-06T23:29:47.877Z"],["b_Q3Jj4YPmsSV","$D2025-05-06T23:29:49.229Z"],["b_zO4B3ZHSEMx","$D2025-05-06T23:36:33.005Z"],["b_kvdXKsxUC15","$D2025-05-06T23:39:02.735Z"],["b_v3ybKorlY6S","$D2025-05-06T23:43:48.256Z"],["b_PzgME72oTBV","$D2025-05-06T23:48:27.519Z"],["b_y9QivFKEs3a","$D2025-05-07T02:17:07.676Z"],["b_4ZXxzDcYY5U","$D2025-05-07T02:56:59.548Z"],["b_RYA4eWiCNjS","$D2025-05-07T03:00:01.960Z"],["b_8JBikVtoee4","$D2025-05-07T03:05:02.853Z"],["b_TVeUe1A66oh","$D2025-05-07T03:21:00.612Z"],["b_5IG6M8OyWcC","$D2025-05-07T04:51:56.455Z"],["b_jXTimU4QEpj","$D2025-05-07T04:58:05.582Z"],["b_QbnqQPnekC4","$D2025-05-07T05:03:21.103Z"],["b_up0rY2Ern00","$D2025-05-07T05:08:36.180Z"],["b_FpMr8Q2WcL2","$D2025-05-07T05:12:32.577Z"],["b_KsVVzYPryCv","$D2025-05-07T06:11:12.047Z"],["b_HO1DNRbMrmk","$D2025-05-07T06:18:11.820Z"],["b_6He0CItyDID","$D2025-05-07T06:28:10.020Z"],["b_iL6VRsZJCwH","$D2025-05-07T06:36:30.571Z"],["b_3LfNi2IQRj6","$D2025-05-08T15:34:38.896Z"],["b_7tAR1iRgO0t","$D2025-05-09T02:40:47.169Z"],["b_ce0k5ZtbiWq","$D2025-05-09T02:44:19.508Z"],["b_VpmWD6Zomby","$D2025-05-09T02:46:09.917Z"],["b_wvaKAv7OPyi","$D2025-05-09T02:50:01.562Z"],["b_7Ku4sL9y9sr","$D2025-05-09T11:42:44.655Z"],["b_WpLBXNnr26d","$D2025-05-09T11:44:41.111Z"],["b_QFZbqbmHuFP","$D2025-05-14T02:40:18.252Z"],["b_pDIT38yThP9","$D2025-05-14T02:43:28.143Z"],["b_k4n7gXlLTWM","$D2025-05-14T02:44:57.428Z"],["b_UfPrGV9kDfl","$D2025-05-14T02:44:59.581Z"],["b_EIq8UfdNBBi","$D2025-05-23T15:31:46.942Z"],["b_LH3pFwc89it","$D2025-05-23T15:33:30.721Z"],["b_N4SF3SPC3L9","$D2025-05-23T15:38:29.982Z"],["b_uwYpGt6pQLg","$D2025-05-23T15:38:48.300Z"],["b_OH83pVgLdZt","$D2025-05-23T15:39:03.058Z"],["b_XWTRs6LxG1H","$D2025-05-23T15:39:15.918Z"],["b_s95NTlBuwP9","$D2025-05-23T15:41:50.932Z"],["b_gWODFQ2M0ho","$D2025-05-26T21:26:02.384Z"],["b_A790WmaDBvt","$D2025-05-30T20:16:44.063Z"]] 11b:[["b_s95NTlBuwP9",false],["b_gWODFQ2M0ho",false],["b_A790WmaDBvt",false]] 11c:[["b_s95NTlBuwP9","$undefined"],["b_gWODFQ2M0ho","$undefined"],["b_A790WmaDBvt",{"git":{"ref":"main","sha":"d85fc054a8d6468b6ffee0d2eb2648eb7cf11c55","type":"github","repoId":0,"repoName":"nextjs-ai-chatbot","ownerName":"Fernadoteixeira","commitMessage":"fix: correct unbalanced tags in Card component\n\nEnsure proper self-closing tags for Card components.\n\nCo-authored-by: null <206447526+own-boldsbrain@users.noreply.github.com>"},"deploymentId":"dpl_8XYgAbbgkxZYvG4hxHCz5wGgNMNc"}]] 11d:[["b_s95NTlBuwP9",null],["b_gWODFQ2M0ho",null],["b_A790WmaDBvt",null]] 11e:[["b_s95NTlBuwP9",true],["b_gWODFQ2M0ho",true],["b_A790WmaDBvt",true]] 11f:[["b_s95NTlBuwP9",true],["b_gWODFQ2M0ho",true],["b_A790WmaDBvt",true]] 120:[] 121:Tb0601,[V0_FILE]markdown:file="README.md"

Next.js 14 and App Router-ready AI chatbot.

Next.js AI Chatbot

An Open-Source AI Chatbot Template Built With Next.js and the AI SDK by Vercel.

Features · Model Providers · Deploy Your Own · Running locally

## Features - [Next.js](https://nextjs.org) App Router - Advanced routing for seamless navigation and performance - React Server Components (RSCs) and Server Actions for server-side rendering and increased performance - [AI SDK](https://sdk.vercel.ai/docs) - Unified API for generating text, structured objects, and tool calls with LLMs - Hooks for building dynamic chat and generative user interfaces - Supports OpenAI (default), Anthropic, Cohere, and other model providers - [shadcn/ui](https://ui.shadcn.com) - Styling with [Tailwind CSS](https://tailwindcss.com) - Component primitives from [Radix UI](https://radix-ui.com) for accessibility and flexibility - Data Persistence - [Vercel Postgres powered by Neon](https://vercel.com/storage/postgres) for saving chat history and user data - [Vercel Blob](https://vercel.com/storage/blob) for efficient file storage - [NextAuth.js](https://github.com/nextauthjs/next-auth) - Simple and secure authentication ## Model Providers This template ships with OpenAI `gpt-4o` as the default. However, with the [AI SDK](https://sdk.vercel.ai/docs), you can switch LLM providers to [OpenAI](https://openai.com), [Anthropic](https://anthropic.com), [Cohere](https://cohere.com/), and [many more](https://sdk.vercel.ai/providers/ai-sdk-providers) with just a few lines of code. ## Deploy Your Own You can deploy your own version of the Next.js AI Chatbot to Vercel with one click: [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fai-chatbot&env=AUTH_SECRET,OPENAI_API_KEY&envDescription=Learn%20more%20about%20how%20to%20get%20the%20API%20Keys%20for%20the%20application&envLink=https%3A%2F%2Fgithub.com%2Fvercel%2Fai-chatbot%2Fblob%2Fmain%2F.env.example&demo-title=AI%20Chatbot&demo-description=An%20Open-Source%20AI%20Chatbot%20Template%20Built%20With%20Next.js%20and%20the%20AI%20SDK%20by%20Vercel.&demo-url=https%3A%2F%2Fchat.vercel.ai&stores=[{%22type%22:%22postgres%22},{%22type%22:%22blob%22}]) ## Running locally You will need to use the environment variables [defined in `.env.example`](.env.example) to run Next.js AI Chatbot. It's recommended you use [Vercel Environment Variables](https://vercel.com/docs/projects/environment-variables) for this, but a `.env` file is all that is necessary. > Note: You should not commit your `.env` file or it will expose secrets that will allow others to control access to your various OpenAI and authentication provider accounts. 1. Install Vercel CLI: `npm i -g vercel` 2. Link local instance with Vercel and GitHub accounts (creates `.vercel` directory): `vercel link` 3. Download your environment variables: `vercel env pull` \`\`\`bash pnpm install pnpm dev \`\`\` Your app template should now be running on [localhost:3000](http://localhost:3000/). [V0_FILE]typescriptreact:file="app/alternative-layout.tsx" import type React from "react" import "@/app/globals.css" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import { DeviceContextProvider } from "@/hooks/use-device-context" import { SimpleOfflineIndicator } from "@/components/offline/simple-offline-indicator" import { ServiceWorkerRegistry } from "@/components/offline/service-worker-registry" import { Toaster } from "@/components/ui/toaster" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Solar Directory - Mapa de Localização", description: "Selecione a localização do seu projeto solar", } export default function AlternativeLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescript:file="app/api/map/geocode/route.ts" import { NextResponse } from "next/server" export async function GET(request: Request) { try { const { searchParams } = new URL(request.url) const query = searchParams.get("query") if (!query) { return NextResponse.json({ error: "Query parameter is required" }, { status: 400 }) } const apiKey = process.env.MAPTILER_API_KEY if (!apiKey) { return NextResponse.json({ error: "MapTiler API key not configured" }, { status: 500 }) } const response = await fetch(`https://api.maptiler.com/geocoding/${encodeURIComponent(query)}.json?key=${apiKey}`) if (!response.ok) { console.error(`Failed to fetch geocoding data: ${response.statusText}`) return NextResponse.json({ error: "Failed to fetch geocoding data" }, { status: response.status }) } const data = await response.json() // Definir os headers corretos return new NextResponse(JSON.stringify(data), { headers: { "Content-Type": "application/json", "Cache-Control": "public, max-age=3600", // Cache por 1 hora }, }) } catch (error) { console.error("Error geocoding:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/map/reverse-geocode/route.ts" import { NextResponse } from "next/server" export async function GET(request: Request) { try { const { searchParams } = new URL(request.url) const coordinates = searchParams.get("coordinates") if (!coordinates) { return NextResponse.json({ error: "Coordinates parameter is required" }, { status: 400 }) } const apiKey = process.env.MAPTILER_API_KEY if (!apiKey) { return NextResponse.json({ error: "MapTiler API key not configured" }, { status: 500 }) } const response = await fetch(`https://api.maptiler.com/geocoding/${coordinates}.json?key=${apiKey}`) if (!response.ok) { console.error(`Failed to fetch geocoding data: ${response.statusText}`) return NextResponse.json({ error: "Failed to fetch geocoding data" }, { status: response.status }) } const data = await response.json() // Definir os headers corretos return new NextResponse(JSON.stringify(data), { headers: { "Content-Type": "application/json", "Cache-Control": "public, max-age=3600", // Cache por 1 hora }, }) } catch (error) { console.error("Error reverse geocoding:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/map/static-key/route.ts" import { NextResponse } from "next/server" export async function GET() { try { // Get MapTiler API key from environment variables const mapTilerKey = process.env.MAPTILER_KEY if (!mapTilerKey) { console.error("MapTiler API key is missing") return NextResponse.json({ error: "Map configuration error" }, { status: 500 }) } // Return the key return NextResponse.json({ key: mapTilerKey }) } catch (error) { console.error("Error in static map key API route:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/map/style/route.ts" import { type NextRequest, NextResponse } from "next/server" export const dynamic = "force-dynamic" export async function GET(request: NextRequest) { try { const type = request.nextUrl.searchParams.get("type") || "default" // Get MapTiler API key from environment variables const mapTilerKey = process.env.MAPTILER_KEY if (!mapTilerKey) { console.error("MapTiler API key is missing") return NextResponse.json({ error: "Map configuration error" }, { status: 500 }) } // Choose style based on type parameter let styleUrl if (type === "basic") { styleUrl = `https://api.maptiler.com/maps/basic-v2/style.json?key=${mapTilerKey}` } else if (type === "satellite") { styleUrl = `https://api.maptiler.com/maps/satellite/style.json?key=${mapTilerKey}` } else { styleUrl = `https://api.maptiler.com/maps/streets-v2/style.json?key=${mapTilerKey}` } // Fetch the style from MapTiler const response = await fetch(styleUrl, { headers: { Accept: "application/json", }, next: { revalidate: 3600, // Cache for 1 hour }, }) if (!response.ok) { console.error(`Failed to fetch map style: ${response.status} ${response.statusText}`) return NextResponse.json({ error: "Failed to fetch map style" }, { status: response.status }) } const mapStyle = await response.json() // Return the style return NextResponse.json(mapStyle) } catch (error) { console.error("Error in map style API route:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/monitoring/events/route.ts" import { NextResponse } from "next/server" export async function POST(request: Request) { try { const event = await request.json() // Aqui você pode implementar a lógica para armazenar o evento em um banco de dados // ou enviar para um serviço de monitoramento externo console.log("Evento de monitoramento recebido:", event) // Exemplo: enviar para um webhook ou serviço de monitoramento if (process.env.MONITORING_WEBHOOK_URL) { await fetch(process.env.MONITORING_WEBHOOK_URL, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(event), }) } return NextResponse.json({ success: true }) } catch (error) { console.error("Erro ao processar evento de monitoramento:", error) return NextResponse.json({ error: "Erro ao processar evento de monitoramento" }, { status: 500 }) } } [V0_FILE]typescript:file="app/api/ping/route.ts" import { NextResponse } from "next/server" export async function GET() { return NextResponse.json({ timestamp: Date.now() }) } export async function HEAD() { return new Response(null, { status: 200, headers: { "Cache-Control": "no-store, no-cache, must-revalidate, proxy-revalidate", Pragma: "no-cache", Expires: "0", }, }) } [V0_FILE]typescript:file="app/api/sync-rest/route.ts" import { type NextRequest, NextResponse } from "next/server" // Simulação de banco de dados em memória para o exemplo const inMemoryDB = { changes: [] as any[], lastSync: new Date().toISOString(), } export async function POST(req: NextRequest) { try { // Extrair dados da requisição const data = await req.json() // Validar dados if (!data) { return NextResponse.json({ error: "Dados inválidos" }, { status: 400 }) } // Processar alterações const changes = data.changes || [] const deviceId = data.deviceId || "unknown" console.log(`Recebidas ${changes.length} alterações do dispositivo ${deviceId}`) // Armazenar alterações (simulação) if (changes.length > 0) { inMemoryDB.changes.push( ...changes.map((change: any) => ({ ...change, processedAt: new Date().toISOString(), })), ) } // Atualizar timestamp de sincronização inMemoryDB.lastSync = new Date().toISOString() // Retornar resposta de sucesso return NextResponse.json({ success: true, updatedItems: changes.length, timestamp: inMemoryDB.lastSync, }) } catch (error) { console.error("Erro ao processar sincronização REST:", error) return NextResponse.json( { error: "Erro ao processar sincronização", message: error instanceof Error ? error.message : "Erro desconhecido", }, { status: 500 }, ) } } export async function GET(req: NextRequest) { // Retornar status da API return NextResponse.json({ status: "online", lastSync: inMemoryDB.lastSync, changesCount: inMemoryDB.changes.length, }) } [V0_FILE]typescript:file="app/api/sync/route.ts" import type { NextRequest } from "next/server" import { NextResponse } from "next/server" import { WebSocketServer } from "ws" import type { Server } from "http" // Armazena as conexões ativas por projeto const connections: Map< string, Set<{ ws: WebSocket deviceId: string userId?: string }> > = new Map() // Inicializa o servidor WebSocket let wss: WebSocketServer | null = null function initWebSocketServer(server: Server) { if (wss) return wss = new WebSocketServer({ server }) wss.on("connection", (ws: WebSocket, req) => { // Extrai o ID do projeto da URL const url = new URL(req.url || "", `http://${req.headers.host}`) const projectId = url.searchParams.get("projectId") || "global" // Gera um ID de dispositivo temporário const deviceId = `temp_${Date.now()}_${Math.random().toString(36).substring(2, 9)}` // Adiciona a conexão ao mapa de conexões if (!connections.has(projectId)) { connections.set(projectId, new Set()) } const connection = { ws, deviceId } connections.get(projectId)?.add(connection) // Envia a lista de usuários ativos broadcastActiveUsers(projectId) // Configura o handler de mensagens ws.addEventListener("message", (event) => { try { const data = JSON.parse(event.data as string) // Atualiza o ID do dispositivo se fornecido if (data.deviceId) { connection.deviceId = data.deviceId } // Atualiza o ID do usuário se fornecido if (data.userId) { connection.userId = data.userId } // Processa a mensagem com base no tipo switch (data.type) { case "sync_request": // Processa a solicitação de sincronização handleSyncRequest(projectId, data, connection) break case "data_update": // Propaga a atualização para outros clientes broadcastDataUpdate(projectId, data, connection) break case "ping": // Responde com pong para manter a conexão ativa ws.send(JSON.stringify({ type: "pong", timestamp: Date.now() })) break } } catch (error) { console.error("Erro ao processar mensagem WebSocket:", error) ws.send( JSON.stringify({ type: "error", payload: { message: "Erro ao processar mensagem" }, }), ) } }) // Configura o handler de fechamento ws.addEventListener("close", () => { // Remove a conexão do mapa connections.get(projectId)?.delete(connection) // Remove o projeto se não houver mais conexões if (connections.get(projectId)?.size === 0) { connections.delete(projectId) } // Atualiza a lista de usuários ativos broadcastActiveUsers(projectId) }) }) } // Processa solicitações de sincronização async function handleSyncRequest(projectId: string, data: any, connection: any) { try { // Aqui você implementaria a lógica para buscar dados do banco de dados // e sincronizar com o cliente // Exemplo: Simula uma resposta de sincronização const syncResponse = { type: "sync_complete", payload: { updatedItems: data.changes?.length || 0, timestamp: new Date().toISOString(), }, } // Envia a resposta para o cliente connection.ws.send(JSON.stringify(syncResponse)) // Se houver alterações, propaga para outros clientes if (data.changes && data.changes.length > 0) { broadcastDataUpdate( projectId, { type: "data_update", payload: { changes: data.changes, source: connection.deviceId, user: connection.userId, timestamp: new Date().toISOString(), }, }, connection, ) } } catch (error) { console.error("Erro ao processar solicitação de sincronização:", error) connection.ws.send( JSON.stringify({ type: "error", payload: { message: "Erro ao processar solicitação de sincronização" }, }), ) } } // Propaga atualizações de dados para outros clientes function broadcastDataUpdate(projectId: string, data: any, sender: any) { const projectConnections = connections.get(projectId) if (!projectConnections) return // Envia a atualização para todos os clientes exceto o remetente projectConnections.forEach((connection) => { if (connection !== sender && connection.ws.readyState === WebSocket.OPEN) { connection.ws.send(JSON.stringify(data)) } }) } // Envia a lista de usuários ativos para todos os clientes function broadcastActiveUsers(projectId: string) { const projectConnections = connections.get(projectId) if (!projectConnections) return // Coleta IDs de usuários únicos const users = Array.from(projectConnections) .map((connection) => connection.userId || connection.deviceId) .filter((value, index, self) => self.indexOf(value) === index) // Envia a lista para todos os clientes projectConnections.forEach((connection) => { if (connection.ws.readyState === WebSocket.OPEN) { connection.ws.send( JSON.stringify({ type: "users_update", payload: { users }, }), ) } }) } // Handler para requisições HTTP export async function GET(req: NextRequest) { // Verificar se o cliente está solicitando um upgrade para WebSocket const upgrade = req.headers.get("upgrade") if (upgrade?.toLowerCase() !== "websocket") { return NextResponse.json( { message: "Este endpoint requer uma conexão WebSocket", status: "running", timestamp: new Date().toISOString(), }, { status: 200, headers: { "Content-Type": "application/json", }, }, ) } // Se chegou aqui, o cliente está solicitando um upgrade para WebSocket // mas o Next.js Edge Runtime não suporta WebSockets diretamente // Retornar uma resposta indicando que é necessário usar o servidor WebSocket dedicado return new Response("WebSocket endpoint", { status: 426, // Upgrade Required headers: { Upgrade: "websocket", Connection: "Upgrade", }, }) } [V0_FILE]typescriptreact:file="app/carbon-marketplace/page.tsx" import { CarbonMarketplaceDashboard } from "@/components/carbon-marketplace/carbon-marketplace-dashboard" export const metadata = { title: "Mercado de Créditos de Carbono | Helion Crow AI", description: "Compre, venda e negocie créditos de carbono de projetos solares tokenizados", } export default function CarbonMarketplacePage() { return (

Mercado de Créditos de Carbono

Compre, venda e negocie créditos de carbono verificados de projetos solares tokenizados, contribuindo para um futuro mais sustentável.

) } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" import { Toaster } from "@/components/ui/toaster" import { MonitoringProvider } from "@/components/monitoring/monitoring-provider" import { SyncProvider } from "@/components/sync/sync-provider" import { SyncMonitor } from "@/components/monitoring/sync-monitor" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Solar Directory", description: "Diretório de instalações solares", generator: 'v0.dev' } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {/* O SyncMonitor deve estar dentro do SyncProvider */} {children} ) } [V0_FILE]typescriptreact:file="app/mapa/page.tsx" import LocationMap from "@/components/location-map" export default function MapPage() { return (

Seleção de Localização

Utilize o mapa abaixo para buscar um endereço por CEP ou selecionar diretamente no mapa a localização do seu projeto solar.

) } [V0_FILE]typescriptreact:file="app/monitoring/page.tsx" import { ConnectionTester } from "@/components/monitoring/connection-tester" export default function MonitoringPage() { return (

Monitoramento do Sistema

{/* Outros componentes de monitoramento serão adicionados aqui */}

) } [V0_FILE]typescriptreact:file="app/offline-maps/page.tsx" "use client" import { useState, useRef } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { OfflineMapManager } from "@/components/offline/offline-map-manager" import { MapContainer } from "@/components/ui/map-container" import { useConnectionStatus } from "@/hooks/use-connection-status" import { AlertCircle } from "lucide-react" import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { useDeviceContext } from "@/hooks/use-device-context" import dynamic from "next/dynamic" // Importação dinâmica do mapa para evitar problemas de SSR const DynamicMap = dynamic(() => import("@/components/location-map").then((mod) => mod.LocationMap), { ssr: false }) export default function OfflineMapsPage() { const [mapBounds, setMapBounds] = useState<[number, number, number, number] | undefined>() const [selectedRegionId, setSelectedRegionId] = useState(null) const { isOnline, wasOffline } = useConnectionStatus() const { isMobile } = useDeviceContext() const mapRef = useRef(null) // Manipula mudanças nos limites do mapa const handleBoundsChange = (bounds: [number, number, number, number]) => { setMapBounds(bounds) } // Manipula seleção de região const handleRegionSelect = (regionId: string) => { setSelectedRegionId(regionId) // Aqui poderíamos ajustar o mapa para mostrar a região selecionada } return (

Mapas Offline

{!isOnline && ( Você está offline Você pode visualizar e gerenciar mapas salvos, mas não pode baixar novas áreas. )} {wasOffline && isOnline && ( Conexão restaurada Sua conexão foi restaurada. Agora você pode baixar novas áreas do mapa. )} Mapa Gerenciar Selecione uma área para salvar Navegue pelo mapa e ajuste o zoom para definir a área que deseja salvar para uso offline.

) } [V0_FILE]typescriptreact:file="app/page.tsx" import SolarProjectTimeline from "../solar-project-timeline" export default function Page() { return (

) } [V0_FILE]typescriptreact:file="app/tokenization/page.tsx" "use client" import { useState } from "react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { TokenizationEligibilityChecker } from "@/components/tokenization/tokenization-eligibility-checker" import { TokenizationRequestForm } from "@/components/tokenization/tokenization-request-form" import { TokenizedAssetsDashboard } from "@/components/tokenization/tokenized-assets-dashboard" import type { TokenizedAsset, TokenizationEligibility } from "@/lib/models/tokenized-asset" export default function TokenizationPage() { const [activeTab, setActiveTab] = useState("dashboard") const [eligibility, setEligibility] = useState(null) const [showTokenizationForm, setShowTokenizationForm] = useState(false) const [selectedAsset, setSelectedAsset] = useState(null) // Sample property data - in a real app, this would come from your property database const samplePropertyData = { id: "prop_1", name: "Residência Solar", description: "Instalação solar residencial de 5kW", capacity: 5.2, installationDate: "2023-05-15", panelType: "Monocristalino 400W", inverterType: "String Inverter 5kW", location: { lat: -23.5505, lng: -46.6333, address: "Av. Paulista, 1000, São Paulo - SP", }, } const handleEligibilityChecked = (result: TokenizationEligibility) => { setEligibility(result) if (result.status === "eligible") { // Automatically show the tokenization form if eligible setTimeout(() => { setShowTokenizationForm(true) }, 1000) } } const handleTokenizationComplete = (asset: TokenizedAsset) => { setSelectedAsset(asset) setShowTokenizationForm(false) setActiveTab("dashboard") } const handleCreateNew = () => { setEligibility(null) setShowTokenizationForm(false) setActiveTab("tokenize") } return (

Tokenização de Ativos Solares

Meus Ativos Tokenizados Tokenizar Instalação {showTokenizationForm ? ( setShowTokenizationForm(false)} /> ) : ( setShowTokenizationForm(true)} /> )}

) } [V0_FILE]typescriptreact:file="components/carbon-marketplace/carbon-credit-card.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Leaf, Info, Tag, Calendar, Globe2 } from "lucide-react" import { CreateListingForm } from "./create-listing-form" import type { CarbonCredit } from "@/lib/models/carbon-credit" interface CarbonCreditCardProps { credit: CarbonCredit onUpdate?: () => void } export function CarbonCreditCard({ credit, onUpdate }: CarbonCreditCardProps) { const [showListingForm, setShowListingForm] = useState(false) const standardColors = { GS: "bg-green-100 text-green-800", VCS: "bg-blue-100 text-blue-800", CDM: "bg-purple-100 text-purple-800", CAR: "bg-amber-100 text-amber-800", } const standardColor = standardColors[credit.standard as keyof typeof standardColors] || "bg-gray-100 text-gray-800" const statusColors = { active: "bg-emerald-100 text-emerald-800", pending: "bg-amber-100 text-amber-800", retired: "bg-gray-100 text-gray-800", transferred: "bg-blue-100 text-blue-800", } const statusColor = statusColors[credit.status] return ( <>

{credit.projectName} {credit.location.city}, {credit.location.state}

{credit.standard}

{credit.amount.toFixed(2)} tCO₂e

{credit.status}

Tipo: {credit.type}

Vintage: {credit.vintage}

Localização: {credit.location.country}

Serial: {credit.metadata.serialNumber || "N/A"}

Preço de Mercado

{credit.price.toLocaleString("pt-BR", { style: "currency", currency: credit.currency })} / tCO₂e

Valor Total

{(credit.price * credit.amount).toLocaleString("pt-BR", { style: "currency", currency: credit.currency, })}

{showListingForm && ( setShowListingForm(false)} onSuccess={() => { setShowListingForm(false) if (onUpdate) onUpdate() }} /> )} ) } [V0_FILE]typescriptreact:file="components/carbon-marketplace/carbon-listing-card.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Leaf, Clock, Tag, User } from "lucide-react" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/hooks/use-toast" import { carbonCreditService } from "@/lib/services/carbon-credit-service" import type { CarbonCreditListing, CarbonCredit } from "@/lib/models/carbon-credit" interface CarbonListingCardProps { listing: CarbonCreditListing credit: CarbonCredit currentUserId: string onUpdate?: () => void } export function CarbonListingCard({ listing, credit, currentUserId, onUpdate }: CarbonListingCardProps) { const [showPurchaseDialog, setShowPurchaseDialog] = useState(false) const [showOfferDialog, setShowOfferDialog] = useState(false) const [purchaseAmount, setPurchaseAmount] = useState(listing.minPurchaseAmount) const [offerPrice, setOfferPrice] = useState(listing.pricePerUnit * 0.9) // Default to 90% of listing price const [isSubmitting, setIsSubmitting] = useState(false) const { toast } = useToast() const isOwner = listing.sellerId === currentUserId const expirationDate = new Date(listing.expirationDate) const isExpired = expirationDate < new Date() const totalPrice = purchaseAmount * listing.pricePerUnit const handlePurchase = async () => { if (purchaseAmount < listing.minPurchaseAmount) { toast({ title: "Quantidade inválida", description: `A quantidade mínima é ${listing.minPurchaseAmount} tCO₂e`, variant: "destructive", }) return } if (purchaseAmount > listing.amount) { toast({ title: "Quantidade excede o disponível", description: `Apenas ${listing.amount} tCO₂e estão disponíveis`, variant: "destructive", }) return } setIsSubmitting(true) try { await carbonCreditService.createTransaction({ listingId: listing.id, creditId: listing.creditId, sellerId: listing.sellerId, buyerId: currentUserId, amount: purchaseAmount, pricePerUnit: listing.pricePerUnit, totalPrice, currency: listing.currency, paymentMethod: "PIX", metadata: { purchaseType: "direct", buyerNote: "Compra direta via marketplace", }, }) toast({ title: "Compra realizada com sucesso", description: "Sua transação foi iniciada e está aguardando confirmação de pagamento", variant: "default", }) setShowPurchaseDialog(false) if (onUpdate) onUpdate() } catch (error) { toast({ title: "Erro ao processar compra", description: error instanceof Error ? error.message : "Ocorreu um erro ao processar sua solicitação", variant: "destructive", }) } finally { setIsSubmitting(false) } } const handleOffer = async () => { if (offerPrice <= 0) { toast({ title: "Preço inválido", description: "O preço deve ser maior que zero", variant: "destructive", }) return } setIsSubmitting(true) try { await carbonCreditService.createOffer({ listingId: listing.id, buyerId: currentUserId, buyerName: "Comprador Exemplo", // In a real app, get from auth amount: listing.amount, // Offering for the full amount pricePerUnit: offerPrice, totalPrice: offerPrice * listing.amount, currency: listing.currency, expirationDate: (() => { const date = new Date() date.setDate(date.getDate() + 7) // 7 day expiration return date.toISOString() })(), message: "Estou interessado em adquirir seus créditos de carbono.", }) toast({ title: "Oferta enviada com sucesso", description: "Sua oferta foi enviada ao vendedor para análise", variant: "default", }) setShowOfferDialog(false) if (onUpdate) onUpdate() } catch (error) { toast({ title: "Erro ao enviar oferta", description: error instanceof Error ? error.message : "Ocorreu um erro ao processar sua solicitação", variant: "destructive", }) } finally { setIsSubmitting(false) } } return ( <>

{credit.projectName} {credit.location.city}, {credit.location.state}

{credit.standard}

{listing.amount.toFixed(2)} tCO₂e

{isExpired ? "Expirado" : "Disponível"}

Tipo: {credit.type}

Expira em: {new Date(listing.expirationDate).toLocaleDateString("pt-BR")}

Vendedor: {listing.sellerName}

Preço por Unidade

{listing.pricePerUnit.toLocaleString("pt-BR", { style: "currency", currency: listing.currency })} / tCO₂e

Valor Total

{(listing.pricePerUnit * listing.amount).toLocaleString("pt-BR", { style: "currency", currency: listing.currency, })}

{listing.allowPartialPurchase && (

Compra mínima: {listing.minPurchaseAmount} tCO₂e ( {(listing.minPurchaseAmount * listing.pricePerUnit).toLocaleString("pt-BR", { style: "currency", currency: listing.currency, })} )

)}

{isOwner ? ( <> ) : ( <> )}

{/* Purchase Dialog */} {/* Offer Dialog */} ) } [V0_FILE]typescriptreact:file="components/carbon-marketplace/carbon-marketplace-dashboard.tsx" "use client" import { useState, useEffect } from "react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { CarbonCreditCard } from "./carbon-credit-card" import { CarbonListingCard } from "./carbon-listing-card" import { MarketStatsDisplay } from "./market-stats-display" import { carbonCreditService } from "@/lib/services/carbon-credit-service" import { Search, RefreshCw } from "lucide-react" import type { CarbonCredit, CarbonCreditListing } from "@/lib/models/carbon-credit" export function CarbonMarketplaceDashboard() { const [credits, setCredits] = useState([]) const [listings, setListings] = useState([]) const [isLoading, setIsLoading] = useState(true) const [searchTerm, setSearchTerm] = useState("") const [standardFilter, setStandardFilter] = useState("all") const [typeFilter, setTypeFilter] = useState("all") const [sortBy, setSortBy] = useState("price-asc") // In a real app, this would come from authentication const currentUserId = "user-123" const fetchData = async () => { setIsLoading(true) try { const [creditsData, listingsData] = await Promise.all([ carbonCreditService.getCredits(currentUserId), carbonCreditService.getListings({ visibility: "public", status: "active" }), ]) setCredits(creditsData) setListings(listingsData) } catch (error) { console.error("Error fetching data:", error) } finally { setIsLoading(false) } } useEffect(() => { fetchData() }, []) // Get all credits for the listings to display details const getCreditsForListings = async () => { const creditIds = listings.map((listing) => listing.creditId) const uniqueCreditIds = [...new Set(creditIds)] const creditsMap: Record = {} await Promise.all( uniqueCreditIds.map(async (id) => { const credit = await carbonCreditService.getCreditById(id) if (credit) { creditsMap[id] = credit } }), ) return creditsMap } const [creditsMap, setCreditsMap] = useState>({}) useEffect(() => { if (listings.length > 0) { getCreditsForListings().then(setCreditsMap) } }, [listings]) // Filter and sort functions const filterCredits = (credit: CarbonCredit) => { const matchesSearch = searchTerm === "" || credit.projectName.toLowerCase().includes(searchTerm.toLowerCase()) || credit.location.state.toLowerCase().includes(searchTerm.toLowerCase()) || credit.location.city?.toLowerCase().includes(searchTerm.toLowerCase()) || credit.standard.toLowerCase().includes(searchTerm.toLowerCase()) const matchesStandard = standardFilter === "all" || credit.standard === standardFilter const matchesType = typeFilter === "all" || credit.type === typeFilter return matchesSearch && matchesStandard && matchesType } const filterListings = (listing: CarbonCreditListing) => { const credit = creditsMap[listing.creditId] if (!credit) return false const matchesSearch = searchTerm === "" || credit.projectName.toLowerCase().includes(searchTerm.toLowerCase()) || credit.location.state.toLowerCase().includes(searchTerm.toLowerCase()) || credit.location.city?.toLowerCase().includes(searchTerm.toLowerCase()) || credit.standard.toLowerCase().includes(searchTerm.toLowerCase()) || listing.sellerName.toLowerCase().includes(searchTerm.toLowerCase()) const matchesStandard = standardFilter === "all" || credit.standard === standardFilter const matchesType = typeFilter === "all" || credit.type === typeFilter return matchesSearch && matchesStandard && matchesType } const sortCredits = (a: CarbonCredit, b: CarbonCredit) => { switch (sortBy) { case "price-asc": return a.price - b.price case "price-desc": return b.price - a.price case "amount-asc": return a.amount - b.amount case "amount-desc": return b.amount - a.amount case "date-asc": return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime() case "date-desc": return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime() default: return 0 } } const sortListings = (a: CarbonCreditListing, b: CarbonCreditListing) => { switch (sortBy) { case "price-asc": return a.pricePerUnit - b.pricePerUnit case "price-desc": return b.pricePerUnit - a.pricePerUnit case "amount-asc": return a.amount - b.amount case "amount-desc": return b.amount - a.amount case "date-asc": return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime() case "date-desc": return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime() default: return 0 } } const filteredCredits = credits.filter(filterCredits).sort(sortCredits) const filteredListings = listings.filter(filterListings).sort(sortListings) return (

setSearchTerm(e.target.value)} />

Mercado Meus Créditos Minhas Listagens Transações {isLoading ? (

{[1, 2, 3, 4, 5, 6].map((i) => (

))}

) : filteredListings.length > 0 ? (

{filteredListings.map((listing) => ( ))}

) : (

Nenhuma listagem encontrada

Não há listagens ativas que correspondam aos seus critérios de busca.

)} {isLoading ? (

{[1, 2, 3, 4, 5, 6].map((i) => (

))}

) : filteredCredits.length > 0 ? (

{filteredCredits.map((credit) => ( ))}

) : (

Nenhum crédito encontrado

Você ainda não possui créditos de carbono ou nenhum corresponde aos seus critérios de busca.

)} {isLoading ? (

{[1, 2, 3].map((i) => (

))}

) : (

{listings .filter((listing) => listing.sellerId === currentUserId) .map((listing) => ( ))} {listings.filter((listing) => listing.sellerId === currentUserId).length === 0 && (

Nenhuma listagem encontrada

Você ainda não possui listagens ativas no mercado.

)}

Histórico de Transações

O histórico detalhado de suas transações estará disponível em breve.

) } [V0_FILE]typescriptreact:file="components/carbon-marketplace/create-listing-form.tsx" "use client" import { useState } from "react" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Switch } from "@/components/ui/switch" import { Checkbox } from "@/components/ui/checkbox" import { useToast } from "@/hooks/use-toast" import { carbonCreditService } from "@/lib/services/carbon-credit-service" import type { CarbonCredit } from "@/lib/models/carbon-credit" interface CreateListingFormProps { credit: CarbonCredit onClose: () => void onSuccess: () => void } export function CreateListingForm({ credit, onClose, onSuccess }: CreateListingFormProps) { const [amount, setAmount] = useState(credit.amount) const [pricePerUnit, setPricePerUnit] = useState(credit.price) const [minPurchaseAmount, setMinPurchaseAmount] = useState(0.5) const [expirationDate, setExpirationDate] = useState(() => { const date = new Date() date.setMonth(date.getMonth() + 3) return date.toISOString().split("T")[0] }) const [terms, setTerms] = useState("Transferência imediata após pagamento confirmado") const [allowPartialPurchase, setAllowPartialPurchase] = useState(true) const [allowCounterOffers, setAllowCounterOffers] = useState(true) const [visibility, setVisibility] = useState<"public" | "private" | "invitation">("public") const [tags, setTags] = useState(["solar"]) const [isSubmitting, setIsSubmitting] = useState(false) const { toast } = useToast() const handleSubmit = async () => { if (amount <= 0) { toast({ title: "Quantidade inválida", description: "A quantidade deve ser maior que zero", variant: "destructive", }) return } if (amount > credit.amount) { toast({ title: "Quantidade excede o disponível", description: `Você possui apenas ${credit.amount} tCO₂e disponíveis`, variant: "destructive", }) return } if (pricePerUnit <= 0) { toast({ title: "Preço inválido", description: "O preço deve ser maior que zero", variant: "destructive", }) return } if (minPurchaseAmount > amount) { toast({ title: "Quantidade mínima inválida", description: "A quantidade mínima não pode ser maior que a quantidade total", variant: "destructive", }) return } setIsSubmitting(true) try { // In a real app, we would get the seller ID and name from authentication const sellerId = credit.owner const sellerName = "Vendedor Exemplo" await carbonCreditService.createListing({ creditId: credit.id, sellerId, sellerName, amount, pricePerUnit, currency: credit.currency, minPurchaseAmount: allowPartialPurchase ? minPurchaseAmount : amount, expirationDate, terms, allowPartialPurchase, allowCounterOffers, visibility, tags, }) toast({ title: "Listagem criada com sucesso", description: "Seus créditos de carbono estão agora disponíveis no mercado", variant: "default", }) onSuccess() } catch (error) { toast({ title: "Erro ao criar listagem", description: error instanceof Error ? error.message : "Ocorreu um erro ao processar sua solicitação", variant: "destructive", }) } finally { setIsSubmitting(false) } } return (