[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" export default function HomePage() { return ( Bem-vindo ao Sistema de Administração de Saúde Gerencie operações, seguros e muito mais

Selecione uma opção no menu lateral para começar.

) } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" import { withUt } from "uploadthing/tw" /** @type {import('tailwindcss').Config} */ export default withUt({ darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: ["tailwindcss-animate"], }) [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { Sidebar } from "@/components/sidebar" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import type React from "react" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Siav Master", description: "Sistema de Administração Siav Master", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/sidebar.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { cn } from "@/lib/utils" import { ChevronDown, ChevronRight, Database, Search, FileText, BarChart3, HelpCircle, Menu, FileDigit, PenToolIcon as Tool, CreditCard, Move, UserCheck, } from "lucide-react" import Link from "next/link" import { useState } from "react" import { usePathname } from "next/navigation" import type React from "react" interface MenuItem { name: string href: string items?: MenuItem[] } interface MenuGroup { title: string icon: React.ReactNode items: MenuItem[] } const menuGroups: MenuGroup[] = [ { title: "Cadastros", icon: , items: [ { name: "Básicos", href: "/basics", items: [ { name: "Operadoras", href: "/basics/operators" }, { name: "Produtos", href: "/basics/products" }, { name: "Tipo Plano", href: "/basics/plan-types" }, { name: "Local de Entrega de Produção", href: "/basics/delivery-locations" }, { name: "Operacionais", href: "/basics/operations", items: [ { name: "Número de PROPOSTA", href: "/basics/operations/proposal-number" }, { name: "Motivo da Devolução", href: "/basics/operations/return-reason" }, { name: "Mensagens", href: "/basics/operations/messages" }, { name: "Bancos", href: "/basics/operations/banks" }, { name: "Profissões", href: "/basics/operations/professions" }, { name: "Origem", href: "/basics/operations/origin" }, { name: "Filial", href: "/basics/operations/branch" }, { name: "Parentesco", href: "/basics/operations/kinship" }, ], }, { name: "Seguros RE", href: "/basics/insurance", items: [ { name: "Perfil Condutor", href: "/basics/insurance/driver-profile" }, { name: "Coberturas", href: "/basics/insurance/coverage" }, { name: "Uso Veículo", href: "/basics/insurance/vehicle-usage" }, { name: "Veículos", href: "/basics/insurance/vehicles" }, ], }, { name: "Gerente Geral", href: "/basics/general-manager" }, { name: "Gerente Unidade", href: "/basics/unit-manager" }, { name: "Supervisores", href: "/basics/supervisors" }, { name: "Parceiro", href: "/basics/partner" }, { name: "Tipo de Vendedor / Equipes", href: "/basics/seller-teams" }, ], }, { name: "Calendário", href: "/calendar" }, { name: "Tabelas", href: "/tables", items: [ { name: "Padrão", href: "/tables/standard" }, { name: "Gerente Geral", href: "/tables/general-manager" }, { name: "Gerente Unidade", href: "/tables/unit-manager" }, { name: "Supervisor", href: "/tables/supervisor" }, { name: "Vendedor", href: "/tables/seller" }, { name: "Parceiro", href: "/tables/partner" }, { name: "DUAS ETAPAS CORRETORA", href: "/tables/two-stages" }, ], }, ], }, { title: "Consulta", icon: , items: [{ name: "Consultas", href: "/queries" }], }, { title: "Indicação", icon: , items: [{ name: "Indicações", href: "/indications" }], }, { title: "Movimentação", icon: , items: [{ name: "Movimentações", href: "/movements" }], }, { title: "Financeiro", icon: , items: [{ name: "Financeiro", href: "/financial" }], }, { title: "Relatórios", icon: , items: [{ name: "Relatórios", href: "/reports" }], }, { title: "Gráficos", icon: , items: [{ name: "Gráficos", href: "/graphics" }], }, { title: "Digitalização", icon: , items: [{ name: "Digitalização", href: "/digitalization" }], }, { title: "Utilitários", icon: , items: [ { name: "Configurações", href: "/utilities/settings", items: [ { name: "Tema de Cores", href: "/utilities/settings/theme" }, { name: "Logo", href: "/utilities/settings/logo" }, { name: "Descrição da Empresa", href: "/utilities/settings/company-description" }, ], }, { name: "Utilitários", href: "/utilities" }, ], }, ] export function Sidebar() { const [collapsed, setCollapsed] = useState>({}) const [sidebarOpen, setSidebarOpen] = useState(true) const pathname = usePathname() const toggleGroup = (path: string) => { setCollapsed((prev) => ({ ...prev, [path]: !prev[path] })) } const isActive = (href: string) => pathname === href const renderMenuItem = (item: MenuItem, depth = 0) => { const hasChildren = item.items && item.items.length > 0 const isGroupCollapsed = collapsed[item.href] const paddingLeft = `${depth * 16 + 16}px` return (

hasChildren && toggleGroup(item.href)} className={cn( "flex items-center gap-2 py-2 px-4 hover:bg-white/5 cursor-pointer", isActive(item.href) && "bg-white/10 font-medium", )} style={{ paddingLeft }} > {hasChildren && ( )} {item.name}

{hasChildren && isGroupCollapsed && (

{item.items.map((subItem) => renderMenuItem(subItem, depth + 1))}

)}

) } return (

{sidebarOpen && (

Sistema Administração

)}

{menuGroups.map((group) => (

{collapsed[group.title] && sidebarOpen && (

{group.items.map((item) => renderMenuItem(item))}

)}

))}

{sidebarOpen && (

Ajuda & Suporte

)}

) } [V0_FILE]typescriptreact:file="app/utilities/settings/page.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Label } from "@/components/ui/label" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" export default function SettingsPage() { return (

Configurações do Sistema Gerencie as configurações visuais e informações da empresa Tema de Cores Logo Descrição da Empresa

Tema do Sistema

Claro

Escuro

Sistema

Cor Principal

{["#2A3F54", "#1ABC9C", "#3498DB", "#9B59B6", "#E74C3C", "#F1C40F"].map((color) => (

))}

Logo Preview

Tamanho Máximo

Formatos Aceitos

Nome da Empresa

Descrição

</div>
                <div>
                  <Label>Endereço</Label>
                  <Input type="text" placeholder="Digite o endereço da empresa" className="mt-1" />
                </div>
                <div>
                  <Label>Contato</Label>
                  <Input type="text" placeholder="Digite o contato principal" className="mt-1" />
                </div>
              </div>
            </TabsContent>
          </Tabs>

<div className="flex justify-end space-x-2 mt-6 pt-6 border-t">
            <Button variant="outline">Cancelar</Button>
            <Button>Salvar Alterações</Button>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/basics/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function BasicsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Cadastros Básicos</CardTitle>
        <CardDescription>Gerencie informações fundamentais do sistema</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar operadoras, produtos, tipos de plano e locais de entrega.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function OperationsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Operações</CardTitle>
        <CardDescription>Gerencie as operações do dia a dia</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar seguros, gerentes, supervisores, parceiros e vendedores.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/queries/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function QueriesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Consultas</CardTitle>
        <CardDescription>Realize consultas no sistema</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode realizar diversas consultas e pesquisas no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/indications/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function IndicationsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Indicações</CardTitle>
        <CardDescription>Gerenciamento de indicações</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar e acompanhar as indicações de clientes e parceiros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/movements/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function MovementsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Movimentações</CardTitle>
        <CardDescription>Acompanhamento de movimentações</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode visualizar e gerenciar todas as movimentações financeiras e operacionais.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/financial/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function FinancialPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Financeiro</CardTitle>
        <CardDescription>Gerenciamento financeiro</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode acessar relatórios financeiros, gerenciar pagamentos e recebimentos.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/reports/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ReportsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Relatórios</CardTitle>
        <CardDescription>Geração e visualização de relatórios</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerar e visualizar diversos relatórios do sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/graphics/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function GraphicsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Gráficos</CardTitle>
        <CardDescription>Visualização de dados em gráficos</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode visualizar dados do sistema em formato de gráficos interativos.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/digitalization/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function DigitalizationPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Digitalização</CardTitle>
        <CardDescription>Gerenciamento de documentos digitalizados</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar o processo de digitalização e armazenamento de documentos.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/utilities/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function UtilitiesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Utilitários</CardTitle>
        <CardDescription>Ferramentas e utilitários do sistema</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode acessar diversas ferramentas e utilitários do sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operators/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { FilePlus, Save, Trash2, History, XCircle, LogOut } from "lucide-react"

export default function OperatorsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Operadoras</CardTitle>
        <CardDescription>Gerenciamento de operadoras de saúde</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre as operadoras de saúde.</p>
      </CardContent>
      <CardContent>
        <p>Aqui teremos o formulário de cadastramento das operadoras</p>
      </CardContent>
      <CardContent>
       <div className="container mx-auto p-4">
      <Card className="relative">
        <CardHeader>
          <CardTitle>Cadastro de Operadoras</CardTitle>
        </CardHeader>
        <CardContent>
          <form className="space-y-8">
            {/* Commercial Information Section */}
            <div className="space-y-4">
              <h2 className="text-xl font-semibold text-primary">Informações Comerciais</h2>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="razaoSocial">Razão Social</Label>
                  <Input id="razaoSocial" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="status">Status</Label>
                  <Select>
                    <SelectTrigger>
                      <SelectValue placeholder="Selecione o status" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="ativo">Ativo</SelectItem>
                      <SelectItem value="inativo">Inativo</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
              </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="cep">CEP</Label>
                  <Input id="cep" placeholder="00000-000" />
                </div>
                <div className="space-y-2 md:col-span-2">
                  <Label htmlFor="endereco">Endereço</Label>
                  <Input id="endereco" />
                </div>
              </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="bairro">Bairro</Label>
                  <Input id="bairro" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="cidade">Cidade</Label>
                  <Input id="cidade" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="uf">UF</Label>
                  <Input id="uf" maxLength={2} />
                </div>
              </div>

{/* Contacts Section */}
            <div className="space-y-4">
              <h2 className="text-xl font-semibold text-primary">Contatos</h2>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="comercial">Comercial</Label>
                  <Input id="comercial" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="vendas">Vendas</Label>
                  <Input id="vendas" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="cadastro">Cadastro</Label>
                  <Input id="cadastro" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="financeiro">Financeiro</Label>
                  <Input id="financeiro" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="email">Email</Label>
                  <Input id="email" type="email" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="site">Site</Label>
                  <Input id="site" type="url" />
                </div>
              </div>
            </div>

{/* Material Section */}
            <div className="space-y-4">
              <h2 className="text-xl font-semibold text-primary">Material</h2>
              <div className="grid grid-cols-1 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="materialEndereco">Endereço</Label>
                  <Input id="materialEndereco" />
                </div>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  <div className="space-y-2">
                    <Label htmlFor="materialTelFax">Tel. / Fax</Label>
                    <Input id="materialTelFax" />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="materialContato">Contato</Label>
                    <Input id="materialContato" />
                  </div>
                </div>
              </div>
            </div>
          </form>

{/* Action Buttons */}
          <div className="fixed right-4 top-20 flex flex-col gap-2">
            <Button variant="outline" size="icon" title="Nova">
              <FilePlus className="h-4 w-4" />
            </Button>
            <Button variant="outline" size="icon" title="Gravar">
              <Save className="h-4 w-4" />
            </Button>
            <Button variant="outline" size="icon" title="Limpar">
              <Trash2 className="h-4 w-4" />
            </Button>
            <Button variant="outline" size="icon" title="Histórico">
              <History className="h-4 w-4" />
            </Button>
            <Button variant="outline" size="icon" title="Excluir">
              <XCircle className="h-4 w-4" />
            </Button>
            <Button variant="outline" size="icon" title="Sair">
              <LogOut className="h-4 w-4" />
            </Button>
          </div>
        </CardContent>
      </Card>
    </div>
      </CardContent>
    </Card>

)
}

[V0_FILE]typescriptreact:file="app/basics/products/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ProductsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Produtos</CardTitle>
        <CardDescription>Gerenciamento de produtos de saúde</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar os produtos de saúde oferecidos pelas operadoras.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/plan-types/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function PlanTypesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tipo Plano</CardTitle>
        <CardDescription>Gerenciamento de tipos de planos de saúde</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar os diferentes tipos de planos de saúde disponíveis.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/delivery-locations/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function DeliveryLocationsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Local de Entrega de Produção</CardTitle>
        <CardDescription>Gerenciamento de locais de entrega de produção</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar os locais onde a produção é entregue.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/insurance/driver-profile/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function DriverProfilePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Perfil Condutor</CardTitle>
        <CardDescription>Gerencie os perfis de condutores para seguros</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar os perfis de condutores para seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/insurance/coverage/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function CoveragePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Coberturas</CardTitle>
        <CardDescription>Gerencie as coberturas de seguros</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar as diferentes coberturas oferecidas nos seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/insurance/vehicle-usage/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function VehicleUsagePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Uso Veículo</CardTitle>
        <CardDescription>Gerencie as categorias de uso de veículos</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar as diferentes categorias de uso de veículos para seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/insurance/vehicles/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function VehiclesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Veículos</CardTitle>
        <CardDescription>Gerencie os veículos segurados</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os veículos segurados.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/general-manager/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function GeneralManagerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Gerente Geral</CardTitle>
        <CardDescription>Gerencie informações dos gerentes gerais</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre os gerentes gerais.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/unit-manager/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function UnitManagerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Gerente Unidade</CardTitle>
        <CardDescription>Gerencie informações dos gerentes de unidade</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os gerentes de unidade.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/supervisors/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SupervisorsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Supervisores</CardTitle>
        <CardDescription>Gerencie informações dos supervisores</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre os supervisores.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/partner/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function PartnerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Parceiro</CardTitle>
        <CardDescription>Gerencie informações dos parceiros</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os parceiros da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/seller-teams/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SellerTeamsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tipo de Vendedor / Equipes</CardTitle>
        <CardDescription>Gerencie tipos de vendedores e equipes</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre tipos de vendedores e equipes de vendas.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/operations/sellers/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SellersPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Vendedores</CardTitle>
        <CardDescription>Gerencie informações dos vendedores</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os vendedores da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/utilities/settings/theme/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ThemeSettingsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tema de Cores</CardTitle>
        <CardDescription>Configuração do tema de cores do sistema</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode personalizar o tema de cores utilizado no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/utilities/settings/logo/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function LogoSettingsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Logo</CardTitle>
        <CardDescription>Configuração do logo da empresa</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode fazer upload e gerenciar o logo da empresa utilizado no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/utilities/settings/company-description/page.tsx" isEdit="true" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function CompanyDescriptionPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Descrição da Empresa</CardTitle>
        <CardDescription>Configuração da descrição da empresa</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode editar e atualizar a descrição da empresa exibida no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isMerged="true"
import { Bell, Settings, User } from "lucide-react"
import { Button } from "@/components/ui/button"

export function Header() {
  return (
    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
      <div className="container flex h-14 items-center">
        <div className="mr-4 hidden md:flex">
          <a className="mr-6 flex items-center space-x-2" href="/">
            <span className="hidden font-bold sm:inline-block">Siav Master - Sistema de Administração e vendas</span>
          </a>
        </div>
        <div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">
          <nav className="flex items-center">
            <Button variant="ghost" size="icon">
              <Bell className="h-5 w-5" />
              <span className="sr-only">Notifications</span>
            </Button>
            <Button variant="ghost" size="icon">
              <Settings className="h-5 w-5" />
              <span className="sr-only">Settings</span>
            </Button>
            <Button variant="ghost" size="icon">
              <User className="h-5 w-5" />
              <span className="sr-only">Profile</span>
            </Button>
          </nav>
        </div>
      </div>
    </header>
  )
}

[V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isMerged="true"
export function Footer() {
  return (
    <footer className="border-t bg-background">
      <div className="container flex h-14 items-center">
        <p className="text-sm text-muted-foreground">© 2025 Siav Master. Todos os direitos reservados.</p>
      </div>
    </footer>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/proposal-number/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ProposalNumberPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Número de PROPOSTA</CardTitle>
        <CardDescription>Gerenciamento de números de proposta</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar e visualizar os números de proposta no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/return-reason/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ReturnReasonPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Motivo da Devolução</CardTitle>
        <CardDescription>Gerenciamento de motivos de devolução</CardDescription>
      </CardHeader>
      <CardContent>
        <p>
          Nesta página, você pode adicionar, editar e visualizar os motivos de devolução de propostas ou documentos.
        </p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/messages/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function MessagesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Mensagens</CardTitle>
        <CardDescription>Gerenciamento de mensagens do sistema</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar as mensagens utilizadas no sistema, como notificações e alertas.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/banks/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function BanksPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Bancos</CardTitle>
        <CardDescription>Gerenciamento de informações bancárias</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode adicionar, editar e visualizar informações sobre bancos utilizados no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/professions/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function ProfessionsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Profissões</CardTitle>
        <CardDescription>Gerenciamento de profissões</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode gerenciar a lista de profissões utilizadas no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/origin/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function OriginPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Origem</CardTitle>
        <CardDescription>Gerenciamento de origens de clientes ou propostas</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar as diferentes origens de clientes ou propostas no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/branch/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function BranchPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Filial</CardTitle>
        <CardDescription>Gerenciamento de filiais</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre as filiais da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operations/kinship/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function KinshipPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Parentesco</CardTitle>
        <CardDescription>Gerenciamento de tipos de parentesco</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar os diferentes tipos de parentesco utilizados no sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/insurance/driver-profile/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function DriverProfilePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Perfil Condutor</CardTitle>
        <CardDescription>Gerenciamento de perfis de condutores</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar os diferentes perfis de condutores para seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/insurance/coverage/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function CoveragePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Coberturas</CardTitle>
        <CardDescription>Gerenciamento de coberturas de seguros</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar as diferentes coberturas oferecidas nos seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/insurance/vehicle-usage/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function VehicleUsagePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Uso Veículo</CardTitle>
        <CardDescription>Gerenciamento de categorias de uso de veículos</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar as diferentes categorias de uso de veículos para seguros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/insurance/vehicles/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function VehiclesPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Veículos</CardTitle>
        <CardDescription>Gerenciamento de veículos segurados</CardDescription>
      </CardHeader>
      <CardContent>
        <p>
          Nesta página, você pode gerenciar informações sobre os veículos segurados, incluindo detalhes como modelo, ano
          e características específicas.
        </p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/general-manager/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function GeneralManagerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Gerente Geral</CardTitle>
        <CardDescription>Gerenciamento de gerentes gerais</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre os gerentes gerais da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/unit-manager/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function UnitManagerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Gerente Unidade</CardTitle>
        <CardDescription>Gerenciamento de gerentes de unidade</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os gerentes de unidade da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/supervisors/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SupervisorsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Supervisores</CardTitle>
        <CardDescription>Gerenciamento de supervisores</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre os supervisores da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/partner/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function PartnerPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Parceiro</CardTitle>
        <CardDescription>Gerenciamento de parceiros</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode gerenciar informações sobre os parceiros da empresa.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/seller-teams/page.tsx" isMerged="true"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SellerTeamsPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tipo de Vendedor / Equipes</CardTitle>
        <CardDescription>Gerenciamento de tipos de vendedores e equipes</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode adicionar, editar e visualizar informações sobre tipos de vendedores e equipes de vendas.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/calendar/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function CalendarPage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Calendário</CardTitle>
        <CardDescription>Gerenciamento de calendários e eventos</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode visualizar e gerenciar calendários e eventos do sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/standard/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function StandardTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela Padrão</CardTitle>
        <CardDescription>Gerenciamento da tabela padrão</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode visualizar e editar a tabela padrão do sistema.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/general-manager/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function GeneralManagerTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela de Gerente Geral</CardTitle>
        <CardDescription>Gerenciamento da tabela de Gerente Geral</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode visualizar e editar a tabela específica para Gerentes Gerais.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/unit-manager/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function UnitManagerTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela de Gerente Unidade</CardTitle>
        <CardDescription>Gerenciamento da tabela de Gerente de Unidade</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode visualizar e editar a tabela específica para Gerentes de Unidade.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/supervisor/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SupervisorTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela de Supervisor</CardTitle>
        <CardDescription>Gerenciamento da tabela de Supervisor</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode visualizar e editar a tabela específica para Supervisores.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/seller/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function SellerTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela de Vendedor</CardTitle>
        <CardDescription>Gerenciamento da tabela de Vendedor</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode visualizar e editar a tabela específica para Vendedores.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/partner/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function PartnerTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela de Parceiro</CardTitle>
        <CardDescription>Gerenciamento da tabela de Parceiro</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Nesta página, você pode visualizar e editar a tabela específica para Parceiros.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/tables/two-stages/page.tsx"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"

export default function TwoStagesTablePage() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Tabela DUAS ETAPAS</CardTitle>
        <CardDescription>Gerenciamento da tabela DUAS ETAPAS 
        CORRETORAS</CardDescription>
      </CardHeader>
      <CardContent>
        <p>Aqui você pode visualizar e editar a tabela específica para o processo de DUAS ETAPAS CORRETORAS.</p>
      </CardContent>
    </Card>
  )
}

[V0_FILE]typescriptreact:file="app/basics/operators/operatorform.tsx" isMoved="true"
"use client"

export default function Myform() {
  return (
    <div className="container mx-auto p-4">
      <Card className="relative">
        <CardHeader>
          <CardTitle>Cadastro de Operadoras</CardTitle>
        </CardHeader>
        <CardContent>
          <form className="space-y-8">
            {/* Commercial Information Section */}
            <div className="space-y-4">
              <h2 className="text-xl font-semibold text-primary">Informações Comerciais</h2>
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="space-y-2">
                  <Label htmlFor="razaoSocial">Razão Social</Label>
                  <Input id="razaoSocial" />
                </div>
                <div className="space-y-2">
                  <Label htmlFor="status">Status</Label>
                  <Select>
                    <SelectTrigger>
                      <SelectValue placeholder="Selecione o status" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="ativo">Ativo</SelectItem>
                      <SelectItem value="inativo">Inativo</SelectItem>
                    </SelectContent>
                  </Select>
                </div>
              </div>

About

About