feat(OnlyOffice): Ajustes diversos no editor

.code-workspace

@@ -0,0 +1,117 @@
+{
+  "folders": [{ "path": "D:/IIS/Orius/app" }],
+  "settings": {
+    // === GERAL ===
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+      "source.fixAll": "explicit",
+      "source.organizeImports": "explicit",
+    },
+    "editor.formatOnPaste": false,
+    "editor.formatOnType": false,
+    "editor.minimap.enabled": false,
+    "files.trimTrailingWhitespace": true,
+    "files.autoSave": "onFocusChange",
+    "telemetry.telemetryLevel": "off",
+    "update.mode": "manual",
+
+    // === PERFORMANCE ===
+    "files.watcherExclude": {
+      "**/node_modules/**": true,
+      "**/dist/**": true,
+      "**/build/**": true,
+      "**/.next/**": true,
+      "**/.git/**": true,
+    },
+    "search.exclude": {
+      "**/node_modules": true,
+      "**/dist": true,
+      "**/.next": true,
+      "**/.git": true,
+    },
+
+    // === FRONTEND ===
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+    "[typescript]": {
+      "editor.defaultFormatter": "vscode.typescript-language-features",
+    },
+    "[typescriptreact]": {
+      "editor.defaultFormatter": "vscode.typescript-language-features",
+    },
+
+    // === TAILWIND ===
+    "files.associations": {
+      "*.css": "tailwindcss",
+    },
+    "tailwindCSS.includeLanguages": {
+      "plaintext": "html",
+      "javascript": "javascript",
+      "typescriptreact": "typescriptreact",
+    },
+
+    // === TERMINAIS ===
+    "terminal.integrated.profiles.windows": {
+      "Next.js Dev": {
+        "path": "cmd.exe",
+        "args": ["/k", "cd D:\\IIS\\Orius\\app && npm run dev"],
+      },
+      "Build & Preview": {
+        "path": "cmd.exe",
+        "args": ["/k", "cd D:\\IIS\\Orius\\app && npm run build && npm run start"],
+      },
+      "Git Bash": {
+        "path": "C:\\Program Files\\Git\\bin\\bash.exe",
+      },
+    },
+    "terminal.integrated.defaultProfile.windows": "Git Bash",
+
+    // === GIT ===
+    "git.enabled": true,
+    "git.autorefresh": false,
+    "git.fetchOnPull": true,
+    "git.confirmSync": false,
+
+    // === VISUAL ===
+    "workbench.colorTheme": "Default Dark Modern",
+    "window.zoomLevel": 0,
+    "breadcrumbs.enabled": true,
+    "explorer.compactFolders": false,
+
+    // === MISC ===
+    "files.exclude": {
+      "**/.DS_Store": true,
+      "**/*.log": true,
+    },
+  },
+  "launch": {
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "name": "Next.js: Debug Development Server",
+        "type": "node",
+        "request": "launch",
+        "runtimeExecutable": "npm",
+        "runtimeArgs": ["run", "dev"],
+        "cwd": "${workspaceFolder}",
+        "port": 9229,
+      },
+    ],
+  },
+  "extensions": {
+    "recommendations": [
+      // === FRONTEND CORE ===
+      "dbaeumer.vscode-eslint",
+      "esbenp.prettier-vscode",
+      "bradlc.vscode-tailwindcss",
+      "ms-vscode.vscode-typescript-next",
+
+      // === DEV EXPERIENCE ===
+      "formulahendry.code-runner",
+      "streetsidesoftware.code-spell-checker",
+      "eamodio.gitlens",
+      "mhutchie.git-graph",
+      "donjayamanne.githistory",
+    ],
+  },
+}

Dockerfile

@@ -1,22 +1,59 @@
-# Use uma imagem Node.js completa para o desenvolvimento
-FROM node:20-alpine
+# ============================
+# STAGE 1 – Build
+# ============================
+FROM node:20-alpine AS builder
 
-# Define o diretório de trabalho no container
 WORKDIR /app
 
-# Copia os arquivos de configuração do projeto
-COPY package.json package-lock.json ./
+# Copia pacotes e instala dependências
+COPY package*.json ./
+RUN npm ci
 
-# Instala todas as dependências do projeto
-# Isso é necessário para o modo de desenvolvimento, pois o build não pré-compila os arquivos.
-RUN npm install
-
-# Copia o restante do código da sua aplicação
+# Copia o restante do código
 COPY . .
 
-# Expõe a porta de desenvolvimento padrão do Next.js
+# ---------- Variáveis de build ----------
+# Estas variáveis são usadas pelo Next.js durante o "build"
+# para embutir no bundle do frontend.
+ARG NEXT_PUBLIC_ORIUS_APP_STATE
+ARG NEXT_PUBLIC_ORIUS_APP_API_URL
+ARG NEXT_PUBLIC_ORIUS_APP_API_PREFIX
+ARG NEXT_PUBLIC_ORIUS_APP_API_CONTENT_TYPE
+
+ENV NEXT_PUBLIC_ORIUS_APP_STATE=$NEXT_PUBLIC_ORIUS_APP_STATE
+ENV NEXT_PUBLIC_ORIUS_APP_API_URL=$NEXT_PUBLIC_ORIUS_APP_API_URL
+ENV NEXT_PUBLIC_ORIUS_APP_API_PREFIX=$NEXT_PUBLIC_ORIUS_APP_API_PREFIX
+ENV NEXT_PUBLIC_ORIUS_APP_API_CONTENT_TYPE=$NEXT_PUBLIC_ORIUS_APP_API_CONTENT_TYPE
+
+# ---------- Build ----------
+ENV NODE_ENV=production
+RUN npm run build
+
+# ============================
+# STAGE 2 – Runner (standalone)
+# ============================
+FROM node:20-alpine AS runner
+
+WORKDIR /app
+
+# ---------- Variáveis em runtime ----------
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Copia apenas o necessário do build
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package*.json ./
+
+# ---------- Corrige permissões ----------
+RUN addgroup -S nodejs && adduser -S nextjs -G nodejs \
+  && mkdir -p .next/cache/images \
+  && chown -R nextjs:nodejs /app
+
+USER nextjs
+
 EXPOSE 3000
 
-# Define o comando para iniciar a aplicação em modo de desenvolvimento
-# Isso ativará o servidor de desenvolvimento e a recarga automática
-CMD ["npm", "run", "dev"]
+# ---------- Executa o servidor ----------
+CMD ["node", "server.js"]

Dockerfile-homologacao

@@ -1,41 +0,0 @@
-# Etapa 1: Construir a aplicação
-FROM node:20-alpine AS builder
-
-# Define o diretório de trabalho
-WORKDIR /app
-
-# Copia os arquivos de configuração do pacote
-COPY package.json package-lock.json ./
-
-# Instala as dependências do projeto
-RUN npm install
-
-# Copia todo o código da aplicação para o container
-COPY . .
-
-# Constrói a aplicação com o output 'standalone'
-RUN npm run build
-
-# Etapa 2: Executar a aplicação
-# Usa uma imagem Node.js leve
-FROM node:20-alpine AS runner
-
-# Define o diretório de trabalho
-WORKDIR /app
-
-# Copia o diretório 'standalone' da etapa de build, que já contém o servidor e as dependências
-# O diretório 'standalone' é a pasta .next/standalone gerada pela configuração 'output: standalone'
-COPY --from=builder /app/.next/standalone ./
-
-# Copia os arquivos públicos
-COPY --from=builder /app/public ./public
-
-# Copia os arquivos estáticos gerados pelo build. É aqui que os arquivos CSS e JS ficam.
-COPY --from=builder /app/.next/static ./.next/static
-
-# Expõe a porta padrão do Next.js
-EXPOSE 3000
-
-# Define o comando para iniciar a aplicação
-# O 'start' do package.json não é necessário, o próprio servidor standalone já está no container
-CMD ["node", "server.js"]

README.md

@@ -1 +1,58 @@
 # saas_app
+
+Criar envlocal para usar variaveis de ambiente no em desenvolvimento
+NEXT_PUBLIC_ORIUS_APP_STATE=GO
+NEXT_PUBLIC_ORIUS_APP_API_URL=<http://localhost:8000/>
+NEXT_PUBLIC_ORIUS_APP_API_PREFIX=api/v1/
+NEXT_PUBLIC_ORIUS_APP_API_CONTENT_TYPE=application/json
+
+## Modo Debug
+
+Abra Run → Add Configuration… → Attach to Node.js
+
+Configure:
+
+{
+  "name": "Attach Next.js (9230)",
+  "type": "node",
+  "request": "attach",
+  "port": 9230,
+  "restart": true,
+  "smartStep": true,
+  "skipFiles": ["<node_internals>/**"]
+}
+
+npm run dev:debug
+
+## onlyoffice
+
+docker run -i -t -d -p 8081:80 --restart=always -e JWT_ENABLED=false onlyoffice/documentserver
+
+## next em rede
+
+```
+npx next dev -H 0.0.0.0
+```
+
+```
+"scripts": {
+  "dev": "next dev",
+  "build": "next build",
+  "start": "next start",
+  "dev:lan": "next dev -H 0.0.0.0"  <-- Adicione esta linha
+},
+```
+
+Como acessar no outro dispositivo
+Descubra seu IP Local:
+
+No Windows (seu caso), abra um terminal (CMD ou PowerShell) e digite:
+
+Bash
+
+ipconfig
+Procure por Endereço IPv4 (geralmente começa com 192.168.x.x ou 10.0.x.x).
+
+Acesse no navegador: No celular ou outro computador, digite: http://SEU_IP_AQUI:3000
+
+Exemplo: <http://192.168.0.15:3000>

next.config.ts

@@ -1,12 +1,17 @@
-import type { NextConfig } from 'next';
-
-const nextConfig: NextConfig = {
-  // Isso gera um diretório otimizado que inclui tudo o que a aplicação precisa para rodar
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // Gera build autônomo para rodar com "node server.js"
   output: 'standalone',
-  eslint: {
-    // Desativa a verificação de lint durante o build
-    ignoreDuringBuilds: true,
-  },
+
+  // Configurações gerais
+  reactStrictMode: true,
+  poweredByHeader: false,
+  compress: true,
+
+  // Desativa verificações no build de produção
+  eslint: { ignoreDuringBuilds: true },
+  typescript: { ignoreBuildErrors: true },
+
 };
 
-export default nextConfig;
+module.exports = nextConfig;

package.json

@@ -4,14 +4,17 @@
   "version": "25.9.1",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
+    "dev:debug": "cross-env NEXT_USE_TURBOPACK=0 NODE_OPTIONS=\"--inspect=9230\" next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "postinstall": "shx mkdir -p public/libs && shx cp -r node_modules/tinymce public/libs/tinymce"
   },
   "dependencies": {
     "@faker-js/faker": "^10.0.0",
     "@hookform/resolvers": "^5.2.1",
+    "@onlyoffice/document-editor-react": "^2.1.1",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -20,9 +23,12 @@
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
@@ -32,7 +38,9 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "cookies-next": "^6.1.0",
+    "date-fns": "^3.6.0",
     "faker-js": "^1.0.0",
+    "framer-motion": "^12.23.24",
     "input-otp": "^1.4.2",
     "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.2",
@@ -44,6 +52,7 @@
     "react-dom": "19.1.0",
     "react-hook-form": "^7.62.0",
     "react-masked-text": "^1.0.5",
+    "recharts": "^3.3.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tinymce": "^8.1.2",
@@ -51,6 +60,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
+    "@types/date-fns": "^2.5.3",
     "@types/js-cookie": "^3.0.6",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^20",
@@ -58,6 +68,7 @@
     "@types/react-dom": "^19",
     "@typescript-eslint/eslint-plugin": "^8.46.1",
     "@typescript-eslint/parser": "^8.46.1",
+    "cross-env": "^10.1.0",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
@@ -69,6 +80,7 @@
     "eslint-plugin-unused-imports": "^4.2.0",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
+    "shx": "^0.4.0",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.3.7",
     "typescript": "5.9.3",

src/app/(protected)/(administrativo)/(g_usuario)/usuarios/[id]/detalhes/page.tsx

@@ -1,50 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-import { useParams } from 'next/navigation';
-
-import { Card, CardContent } from '@/components/ui/card';
-import { useGUsuarioReadHooks } from '@/packages/administrativo/hooks/GUsuario/useGUsuarioReadHooks';
-import Usuario from '@/packages/administrativo/interfaces/GUsuario/GUsuarioInterface';
-import Loading from '@/shared/components/loading/loading';
-
-export default function UsuarioDetalhes() {
-  const params = useParams();
-
-  const { usuario, fetchUsuario } = useGUsuarioReadHooks();
-
-  useEffect(() => {
-    if (params.id) {
-      fetchUsuario({ usuario_id: Number(params.id) } as Usuario);
-    }
-  }, []);
-
-  if (!usuario) return <Loading type={1} />;
-
-  return (
-    <div>
-      <Card>
-        <CardContent>
-          <div className="mb-4 grid grid-cols-4 gap-4">
-            <div>
-              <div className="text-2xl font-semibold">Nome</div>
-              <div className="text-xl">{usuario?.nome_completo}</div>
-            </div>
-            <div>
-              <div className="text-2xl font-semibold">CPF</div>
-              <div className="text-xl">{usuario?.cpf}</div>
-            </div>
-            <div>
-              <div className="text-2xl font-semibold">Função</div>
-              <div className="text-xl">{usuario?.funcao}</div>
-            </div>
-            <div>
-              <div className="text-2xl font-semibold">Email</div>
-              <div className="text-xl">{usuario?.email}</div>
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}

src/app/(protected)/(administrativo)/(g_usuario)/usuarios/formulario/page.tsx

@@ -1,127 +0,0 @@
-'use client';
-
-import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { Input } from '@/components/ui/input';
-import { GUsuarioSchema } from '../../../../../../packages/administrativo/schemas/GUsuario/GUsuarioSchema';
-
-import { Button } from '@/components/ui/button';
-
-import { Card, CardContent } from '@/components/ui/card';
-
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form';
-
-import { useGUsuarioSaveHook } from '../../../../../../packages/administrativo/hooks/GUsuario/useGUsuarioSaveHook';
-
-type FormValues = z.infer<typeof GUsuarioSchema>;
-
-export default function UsuarioFormularioPage() {
-  const { usuario, saveUsuario } = useGUsuarioSaveHook();
-
-  const form = useForm<FormValues>({
-    resolver: zodResolver(GUsuarioSchema),
-    defaultValues: {
-      login: '',
-      nome_completo: '',
-      funcao: '',
-      email: '',
-      cpf: '',
-    },
-  });
-
-  async function onSubmit(values: FormValues) {
-    saveUsuario(values);
-  }
-
-  return (
-    <div>
-      <Card>
-        <CardContent>
-          <Form {...form}>
-            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
-              <FormField
-                control={form.control}
-                name="login"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Login</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <FormField
-                control={form.control}
-                name="nome_completo"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Nome Completo</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <FormField
-                control={form.control}
-                name="funcao"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Função</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <FormField
-                control={form.control}
-                name="email"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Email</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <FormField
-                control={form.control}
-                name="cpf"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Cpf</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
-              <Button type="submit">Salvar</Button>
-            </form>
-          </Form>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}

src/app/(protected)/(administrativo)/(g_usuario)/usuarios/page.tsx

@@ -1,82 +0,0 @@
-'use client';
-
-import { Card, CardContent } from '@/components/ui/card';
-
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table';
-
-import Usuario from '../../../../../packages/administrativo/interfaces/GUsuario/GUsuarioInterface';
-import { Button } from '@/components/ui/button';
-import Link from 'next/link';
-import { useGUsuarioIndexHook } from '../../../../../packages/administrativo/hooks/GUsuario/useGUsuarioIndexHook';
-import { useEffect } from 'react';
-import Loading from '@/shared/components/loading/loading';
-
-export default function UsuarioPage() {
-  const { usuarios, fetchUsuarios } = useGUsuarioIndexHook();
-
-  useEffect(() => {
-    fetchUsuarios();
-  }, []);
-
-  if (!usuarios) return <Loading type={2} />;
-
-  return (
-    <div>
-      <Card>
-        <CardContent>
-          <div className="grid grid-cols-2">
-            <div className="text-2xl font-semibold">Usuarios</div>
-            <div className="text-right">
-              <Button asChild>
-                <Link href="/usuarios/formulario">+ Usuário</Link>
-              </Button>
-            </div>
-          </div>
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead className="text-center">#</TableHead>
-                <TableHead>Situação</TableHead>
-                <TableHead>CPF</TableHead>
-                <TableHead>Login / Sigla / Nome</TableHead>
-                <TableHead>Função</TableHead>
-                <TableHead></TableHead>
-                <TableHead></TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {usuarios.map((usuario: Usuario) => (
-                <TableRow key={usuario.usuario_id} className="cursor-pointer">
-                  <TableCell className="text-center">{usuario.usuario_id}</TableCell>
-                  <TableCell className="font-medium">{usuario.situacao}</TableCell>
-                  <TableCell className="font-medium">{usuario.cpf}</TableCell>
-                  <TableCell>
-                    <div className="text-xs font-semibold">
-                      {usuario.login} - {usuario.sigla}
-                    </div>
-                    <div className="text-base">{usuario.nome_completo}</div>
-                  </TableCell>
-                  <TableCell>
-                    <div className="text-base">{usuario.funcao}</div>
-                  </TableCell>
-                  <TableCell>
-                    <Button asChild>
-                      <Link href={`/usuarios/${usuario.usuario_id}/detalhes`}>Detalhes</Link>
-                    </Button>
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}

src/app/(protected)/(administrativo)/administrativo/cartorio/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import GCartorioIndex from '@/packages/administrativo/components/GCartorio/GCartorioIndex';
+
+export default function GCartorioPage() {
+  return <GCartorioIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/censec/page.tsx

@@ -0,0 +1,3 @@
+export default function TCensecPage() {
+  return <div></div>;
+}

src/app/(protected)/(administrativo)/administrativo/financeiro/calculo-rapido/page.tsx

@@ -0,0 +1,5 @@
+import GCalculoIndex from '@/packages/administrativo/components/GCalculo/GCalculoIndex';
+
+export default function GEmolumentoPeriodoPage() {
+  return <GCalculoIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/financeiro/emolumentos/[emolumentoId]/[emolumentoPeriodoId]/itens/page.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+
+import GEmolumentoItemIndex from '@/packages/administrativo/components/GEmolumentoItem/GEmolumentoItemIndex';
+
+export default function GGramaticaPage() {
+  const params = useParams();
+
+  return (
+    <GEmolumentoItemIndex
+      emolumento_id={Number(params.emolumentoId)}
+      emolumento_periodo_id={Number(params.emolumentoPeriodoId)}
+    />
+  );
+}

src/app/(protected)/(administrativo)/administrativo/financeiro/emolumentos/page.tsx

@@ -0,0 +1,5 @@
+import GEmolumentoIndex from '@/packages/administrativo/components/GEmolumento/GEmolumentoIndex';
+
+export default function GEmolumentoPeriodoPage() {
+  return <GEmolumentoIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/financeiro/periodos/page.tsx

@@ -0,0 +1,5 @@
+import GEmolumentoPeriodoIndex from '@/packages/administrativo/components/GEmolumentoPeriodo/GEmolumentoPeriodoIndex';
+
+export default function GEmolumentoPeriodoPage() {
+  return <GEmolumentoPeriodoIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/gramatica/page.tsx

@@ -0,0 +1,5 @@
+import GGramaticaIndex from '@/packages/administrativo/components/GGramatica/GGramaticaIndex';
+
+export default function GGramaticaPage() {
+  return <GGramaticaIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/imoveis/dashboard/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import TImovelDashboard from '@/packages/administrativo/components/TImovel/TImovelDashboard';
+
+export default function TImovelDashboardPage() {
+  return <TImovelDashboard />;
+}

src/app/(protected)/(administrativo)/administrativo/pessoas/dashboard/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import TPessoaDashboard from '@/packages/administrativo/components/TPessoa/TPessoaDashboard';
+
+export default function TPessoaDashboardPage() {
+  return <TPessoaDashboard />;
+}

src/app/(protected)/(administrativo)/administrativo/selos/grupos/page.tsx

@@ -0,0 +1,5 @@
+import GSeloGrupoIndex from '@/packages/administrativo/components/GSeloGrupo/GSeloGrupoIndex';
+
+export default function GSeloGrupoPage() {
+  return <GSeloGrupoIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/tipos-servicos/page.tsx

@@ -0,0 +1,5 @@
+import TServicoTipoIndex from '@/packages/administrativo/components/TServicoTipo/TServicoTipoIndex';
+
+export default function TServicoTipoPage() {
+  return <TServicoTipoIndex />;
+}

src/app/(protected)/(administrativo)/administrativo/valores-de-servicos/page.tsx

@@ -0,0 +1,5 @@
+import GNaturezaTituloIndex from '@/packages/administrativo/components/GNaturezaTitulo/GNaturezaTituloIndex';
+
+export default function GNaturezaPage() {
+  return <GNaturezaTituloIndex sistema_id={2} />;
+}

src/app/(protected)/(cadastros)/cadastros/(t_minuta)/minuta/[id]/detalhes/page.tsx

@@ -1,14 +1,13 @@
 'use client';
 
-import { useEffect, useState } from 'react';
 import { useParams } from 'next/navigation';
+import { useEffect, useState } from 'react';
 
-import { Card, CardContent } from '@/components/ui/card';
 import MainEditor from '@/components/MainEditor';
-
-import Loading from '@/shared/components/loading/loading';
+import { Card, CardContent } from '@/components/ui/card';
 import { useTMinutaReadHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaReadHook';
 import { TMinutaInterface } from '@/packages/administrativo/interfaces/TMinuta/TMinutaInterface';
+import Loading from '@/shared/components/loading/loading';
 
 export default function TMinutaDetalhes() {
   const params = useParams();

src/app/(protected)/(cadastros)/cadastros/(t_minuta)/minuta/formulario/page.tsx

@@ -1,11 +1,13 @@
 'use client';
 
-import z from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
+import z from 'zod';
 
+import MainEditor from '@/components/MainEditor';
 import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
 import { Checkbox } from '@/components/ui/checkbox';
 import {
   Form,
@@ -17,11 +19,8 @@ import {
 } from '@/components/ui/form';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-
-import MainEditor from '@/components/MainEditor';
-import { TMinutaSchema } from '@/packages/administrativo/schemas/TMinuta/TMinutaSchema';
 import { useTMinutaSaveHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaSaveHook';
-import { Card, CardContent } from '@/components/ui/card';
+import { TMinutaSchema } from '@/packages/administrativo/schemas/TMinuta/TMinutaSchema';
 
 type FormValues = z.infer<typeof TMinutaSchema>;
 

src/app/(protected)/(cadastros)/cadastros/(t_minuta)/minuta/page.tsx

@@ -1,22 +1,19 @@
 'use client';
 
 import { useEffect, useState, useCallback } from 'react';
+
 import { Card, CardContent } from '@/components/ui/card';
-import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
-
-import Header from '@/shared/components/structure/Header';
-import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
-import Loading from '@/shared/components/loading/loading';
-
-import TMinutaTable from '@/packages/administrativo/components/TMinuta/TMinutaTable';
 import TMinutaForm from '@/packages/administrativo/components/TMinuta/TMinutaForm';
-
-import { useTMinutaReadHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaReadHook';
-import { useTMinutaSaveHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaSaveHook';
-import { useTMinutaRemoveHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaRemoveHook';
-
-import { TMinutaInterface } from '@/packages/administrativo/interfaces/TMinuta/TMinutaInterface';
+import TMinutaTable from '@/packages/administrativo/components/TMinuta/TMinutaTable';
 import { useTMinutaIndexHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaIndexHook';
+import { useTMinutaReadHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaReadHook';
+import { useTMinutaRemoveHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaRemoveHook';
+import { useTMinutaSaveHook } from '@/packages/administrativo/hooks/TMinuta/useTMinutaSaveHook';
+import { TMinutaInterface } from '@/packages/administrativo/interfaces/TMinuta/TMinutaInterface';
+import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
+import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
+import Loading from '@/shared/components/loading/loading';
+import Header from '@/shared/components/structure/Header';
 
 export default function TMinutaPage() {
   // Hooks de leitura e escrita

src/app/(protected)/(cadastros)/cadastros/_components/t_servico_tipo/TServicoTipoTable.tsx

@@ -1,101 +0,0 @@
-'use client';
-
-import { Button } from '@/components/ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu';
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table';
-
-import { EllipsisIcon, PencilIcon, Trash2Icon } from 'lucide-react';
-import TServicoTipoInterface from '../../_interfaces/TServicoTipoInterface'; // Import alterado
-
-// Tipagem das props do componente da tabela
-interface TServicoTipoTableProps {
-  // Nome da interface alterado
-  data: TServicoTipoInterface[]; // lista de tipos de serviço
-  onEdit: (item: TServicoTipoInterface, isEditingFormStatus: boolean) => void; // callback para edição
-  onDelete: (item: TServicoTipoInterface, isEditingFormStatus: boolean) => void; // callback para exclusão
-}
-
-/**
- * Componente principal da tabela de Tipos de Serviço
- */
-export default function TServicoTipoTable({ data, onEdit, onDelete }: TServicoTipoTableProps) {
-  return (
-    <Table className="w-full table-fixed">
-      {/* Cabeçalho da tabela */}
-      <TableHeader>
-        <TableRow>
-          <TableHead className="w-15 font-bold">#</TableHead>
-          {/* As colunas IBGE e UF foram removidas */}
-          <TableHead className="font-bold">Descrição</TableHead>
-          <TableHead className="text-right"></TableHead>
-        </TableRow>
-      </TableHeader>
-
-      {/* Corpo da tabela */}
-      <TableBody>
-        {data.map((item) => (
-          // Assumindo que o ID do Tipo de Serviço é 'servico_tipo_id'
-          <TableRow key={item.servico_tipo_id} className="cursor-pointer">
-            {/* ID do Tipo de Serviço */}
-            <TableCell>{item.servico_tipo_id}</TableCell>
-
-            {/* Nome/descrição do Tipo de Serviço (descricao) */}
-            <TableCell>{item.descricao}</TableCell>
-            {/* As células de IBGE e UF foram removidas */}
-
-            {/* Ações (menu dropdown) */}
-            <TableCell className="text-right">
-              <DropdownMenu>
-                {/* Botão de disparo do menu */}
-                <DropdownMenuTrigger asChild>
-                  <Button variant="outline" size="icon" className="cursor-pointer">
-                    <EllipsisIcon />
-                  </Button>
-                </DropdownMenuTrigger>
-
-                {/* Conteúdo do menu */}
-                <DropdownMenuContent side="left" align="start">
-                  <DropdownMenuGroup>
-                    {/* Opção editar */}
-                    <DropdownMenuItem
-                      className="cursor-pointer"
-                      onSelect={() => onEdit(item, true)}
-                    >
-                      <PencilIcon className="mr-2 h-4 w-4" />
-                      Editar
-                    </DropdownMenuItem>
-
-                    <DropdownMenuSeparator />
-
-                    {/* Opção remover */}
-                    <DropdownMenuItem
-                      className="cursor-pointer"
-                      onSelect={() => onDelete(item, true)}
-                    >
-                      <Trash2Icon className="mr-2 h-4 w-4" />
-                      Remover
-                    </DropdownMenuItem>
-                  </DropdownMenuGroup>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </TableCell>
-          </TableRow>
-        ))}
-      </TableBody>
-    </Table>
-  );
-}

src/app/(protected)/(cadastros)/cadastros/_data/GEmolumento/GEmolumentoIndexData.ts

@@ -1,27 +0,0 @@
-// Importa o utilitário responsável por tratar erros de forma padronizada no cliente
-import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
-
-// Importa a classe de serviço que gerencia requisições HTTP para a API
-import API from '@/shared/services/api/Api';
-
-// Importa o enum que define os métodos HTTP disponíveis (GET, POST, PUT, DELETE, etc.)
-import { Methods } from '@/shared/services/api/enums/ApiMethodEnum';
-import { GEmolumentoReadInterface } from '../../_interfaces/GEmolumentoReadInterface';
-
-// Função assíncrona responsável por executar a requisição para listar os tipos de marcação
-async function executeGEmolumentoIndexData(data: GEmolumentoReadInterface) {
-  // Cria uma nova instância da classe API para enviar a requisição
-  const api = new API();
-
-  // Concatena o endpoint com a query string (caso existam parâmetros)
-  const endpoint = `administrativo/g_emolumento/${data.sistema_id}`;
-
-  // Envia uma requisição GET para o endpoint 'administrativo/g_marcacao_tipo/'
-  return await api.send({
-    method: Methods.GET,
-    endpoint: endpoint,
-  });
-}
-
-// Exporta a função encapsulada pelo handler de erro, garantindo tratamento uniforme em caso de falhas
-export const GEmolumentoIndexData = withClientErrorHandler(executeGEmolumentoIndexData);

src/app/(protected)/(cadastros)/cadastros/_data/TServicoTipo/TServicoTipoIndexData.ts

@@ -1,23 +0,0 @@
-// Importa o serviço de API que será utilizado para realizar requisições HTTP
-import API from '@/shared/services/api/Api'; //
-
-// Importa o enum que contém os métodos HTTP disponíveis (GET, POST, PUT, DELETE)
-import { Methods } from '@/shared/services/api/enums/ApiMethodEnum'; //
-
-// Importa função que encapsula chamadas assíncronas e trata erros automaticamente
-import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler'; //
-
-// Função assíncrona que implementa a lógica de buscar todos os tipos de serviço (GET)
-async function executeTServicoTipoIndexData() {
-  // Instancia o cliente da API para enviar a requisição
-  const api = new API(); //
-
-  // Executa a requisição para a API com o método apropriado e o endpoint da tabela t_servico_tipo
-  return await api.send({
-    method: Methods.GET, // GET listar todos os itens
-    endpoint: `administrativo/t_servico_tipo/`, // Endpoint atualizado
-  });
-}
-
-// Exporta a função de listar tipos de serviço já encapsulada com tratamento de erros
-export const TServicoTipoIndexData = withClientErrorHandler(executeTServicoTipoIndexData);

src/app/(protected)/(cadastros)/cadastros/_data/TTBReconhecimentoTipo/TTBReconhecimentoTipoIndexData.ts

@@ -1,29 +0,0 @@
-// Importa o utilitário responsável por tratar erros de forma padronizada no cliente
-import { withClientErrorHandler } from '@/shared/actions/withClientErrorHandler/withClientErrorHandler';
-
-// Importa a classe de serviço que gerencia requisições HTTP para a API
-import API from '@/shared/services/api/Api';
-
-// Importa o enum que define os métodos HTTP disponíveis (GET, POST, PUT, DELETE, etc.)
-import { Methods } from '@/shared/services/api/enums/ApiMethodEnum';
-import { TTBReconhecimentoTipoReadInterface } from '../../_interfaces/TTBReconhecimentoTipoReadInterface';
-
-// Função assíncrona responsável por executar a requisição para listar os tipos de marcação
-async function executeTTBReconhecimentoTipoIndexData(data: TTBReconhecimentoTipoReadInterface) {
-  // Cria uma nova instância da classe API para enviar a requisição
-  const api = new API();
-
-  // Concatena o endpoint com a query string (caso existam parâmetros)
-  const endpoint = `administrativo/t_tb_reconhecimentotipo/`;
-
-  // Envia uma requisição GET para o endpoint 'administrativo/g_marcacao_tipo/'
-  return await api.send({
-    method: Methods.GET,
-    endpoint: endpoint,
-  });
-}
-
-// Exporta a função encapsulada pelo handler de erro, garantindo tratamento uniforme em caso de falhas
-export const TTBReconhecimentoTipoIndexData = withClientErrorHandler(
-  executeTTBReconhecimentoTipoIndexData,
-);

src/app/(protected)/(cadastros)/cadastros/_hooks/g_emolumento/useGEmolumentoReadHook.ts

@@ -1,36 +0,0 @@
-// Importa o hook responsável por gerenciar e exibir respostas globais (sucesso, erro, etc.)
-import { useResponse } from '@/shared/components/response/ResponseContext';
-
-// Importa hooks do React para gerenciamento de estado e memorização de valores
-import { useMemo, useState } from 'react';
-
-// Importa a interface que define a estrutura dos dados de "GEmolumento"
-import { GEmolumentoReadInterface } from '../../_interfaces/GEmolumentoReadInterface';
-
-// Importa o serviço responsável por buscar os dados de "GEmolumento" na API
-import { GEmolumentoIndexService } from '../../_services/g_emolumento/GEmolumentoIndexService';
-import { GEmolumentoInterface } from '../../_interfaces/GEmolumentoInterface';
-
-// Hook personalizado para leitura (consulta) dos emolumentos
-export const useGEmolumentoReadHook = () => {
-  // Obtém a função que atualiza a resposta global do sistema
-  const { setResponse } = useResponse();
-
-  // Define o estado local que armazenará a lista de emolumentos
-  const [gEmolumento, setGEmolumento] = useState<GEmolumentoInterface[]>([]);
-
-  // Função responsável por buscar os dados da API e atualizar o estado
-  const fetchGEmolumento = async (data: GEmolumentoReadInterface) => {
-    // Executa o serviço que faz a requisição à API
-    const response = await GEmolumentoIndexService(data);
-
-    // Atualiza o estado local com os dados retornados
-    setGEmolumento(response.data);
-
-    // Atualiza o contexto global de resposta (ex: para exibir alertas ou mensagens)
-    setResponse(response);
-  };
-
-  // Retorna os dados e a função de busca, memorizando o valor para evitar recriações desnecessárias
-  return useMemo(() => ({ gEmolumento, fetchGEmolumento }), [gEmolumento, fetchGEmolumento]);
-};

src/app/(protected)/(cadastros)/cadastros/_hooks/t_tb_reconhecimentotipo/useTTBReconhecimentoTipoReadHook.ts

@@ -1,41 +0,0 @@
-// Importa o hook responsável por gerenciar e exibir respostas globais (sucesso, erro, etc.)
-import { useResponse } from '@/shared/components/response/ResponseContext';
-
-// Importa hooks do React para gerenciamento de estado e memorização de valores
-import { useMemo, useState } from 'react';
-
-// Importa a interface que define a estrutura dos dados de "TTBReconhecimentoTipo"
-import { TTBReconhecimentoTipoReadInterface } from '../../_interfaces/TTBReconhecimentoTipoReadInterface';
-import { TTBReconhecimentoTipoInterface } from '../../_interfaces/TTBReconhecimentoTipoInterface';
-
-// Importa o serviço responsável por buscar os dados de "TTBReconhecimentoTipo" na API
-import { TTBReconhecimentoTipoIndexService } from '../../_services/t_tb_reconhecimentotipo/TTBReconhecimentoTipoIndexService';
-
-// Hook personalizado para leitura (consulta) dos tipos de marcação
-export const useTTBReconhecimentoTipoReadHook = () => {
-  // Obtém a função que atualiza a resposta global do sistema
-  const { setResponse } = useResponse();
-
-  // Define o estado local que armazenará a lista de tipos de marcação
-  const [tTBReconhecimentoTipo, setTTBReconhecimentoTipo] = useState<
-    TTBReconhecimentoTipoInterface[]
-  >([]);
-
-  // Função responsável por buscar os dados da API e atualizar o estado
-  const fetchTTBReconhecimentoTipo = async (data: TTBReconhecimentoTipoReadInterface) => {
-    // Executa o serviço que faz a requisição à API
-    const response = await TTBReconhecimentoTipoIndexService(data);
-
-    // Atualiza o estado local com os dados retornados
-    setTTBReconhecimentoTipo(response.data);
-
-    // Atualiza o contexto global de resposta (ex: para exibir alertas ou mensagens)
-    setResponse(response);
-  };
-
-  // Retorna os dados e a função de busca, memorizando o valor para evitar recriações desnecessárias
-  return useMemo(
-    () => ({ tTBReconhecimentoTipo, fetchTTBReconhecimentoTipo }),
-    [tTBReconhecimentoTipo, fetchTTBReconhecimentoTipo],
-  );
-};

src/app/(protected)/(cadastros)/cadastros/_interfaces/GEmolumentoItemInterface.ts

@@ -1,32 +0,0 @@
-// Interface que representa a tabela G_EMOLUMENTO_ITEM (inferido)
-export interface GEmolumentoItemInterface {
-  valor_emolumento?: number; // NUMERIC(14,3)
-  emolumento_item_id: number; // NUMERIC(10,2) NOT NULL - Chave primária (assumida)
-  emolumento_id?: number; // NUMERIC(10,2)
-  valor_inicio?: number; // NUMERIC(14,3)
-  valor_fim?: number; // NUMERIC(14,3)
-  valor_taxa_judiciaria?: number; // NUMERIC(14,3)
-  emolumento_periodo_id?: number; // NUMERIC(10,2)
-  codigo?: number; // NUMERIC(10,2)
-  pagina_extra?: number; // NUMERIC(10,2)
-  valor_pagina_extra?: number; // NUMERIC(14,3)
-  valor_outra_taxa1?: number; // NUMERIC(14,3)
-  codigo_selo?: string; // VARCHAR(30)
-  valor_fundo_ri?: number; // NUMERIC(14,3)
-  codigo_tabela?: string; // VARCHAR(30)
-  selo_grupo_id?: number; // NUMERIC(10,2)
-  codigo_km?: string; // VARCHAR(30)
-  emolumento_acresce?: number; // NUMERIC(14,3)
-  taxa_acresce?: number; // NUMERIC(14,3)
-  funcivil_acresce?: number; // NUMERIC(14,3)
-  valor_fracao?: number; // NUMERIC(14,3)
-  valor_por_excedente_emol?: number; // NUMERIC(14,3)
-  valor_por_excedente_tj?: number; // NUMERIC(14,3)
-  valor_por_excedente_fundo?: number; // NUMERIC(14,3)
-  valor_limite_excedente_emol?: number; // NUMERIC(14,3)
-  valor_limite_excedente_tj?: number; // NUMERIC(14,3)
-  valor_limite_excedente_fundo?: number; // NUMERIC(14,3)
-  fundo_selo?: number; // NUMERIC(14,3)
-  distribuicao?: number; // NUMERIC(14,3)
-  vrc_ext?: number; // NUMERIC(10,2) - Renomeado de VRCEXT para vrc_ext (convenção)
-}

src/app/(protected)/(cadastros)/cadastros/_interfaces/TServicoTipoInterface.ts

@@ -1,27 +0,0 @@
-export default interface TServicoTipoInterface {
-  servico_tipo_id?: number; // SERVICO_TIPO_ID NUMERIC(10,2) NOT NULL (PK)
-  descricao: string; // DESCRICAO VARCHAR(60)
-  valor?: number; // VALOR NUMERIC(14,3)
-  requer_autorizacao?: string; // REQUER_AUTORIZACAO VARCHAR(1)
-  requer_biometria?: string; // REQUER_BIOMETRIA VARCHAR(1)
-  tipo_pessoa?: string; // TIPO_PESSOA VARCHAR(1)
-  tb_reconhecimentotipo_id?: number; // TB_RECONHECIMENTOTIPO_ID NUMERIC(10,2) (FK)
-  requer_abonador?: string; // REQUER_ABONADOR VARCHAR(1)
-  situacao?: string; // SITUACAO VARCHAR(1)
-  requer_cpf?: string; // REQUER_CPF VARCHAR(1)
-  servico_padrao?: string; // SERVICO_PADRAO VARCHAR(1)
-  maximo_pessoa?: number; // MAXIMO_PESSOA NUMERIC(10,2)
-  alterar_valor?: string; // ALTERAR_VALOR VARCHAR(1)
-  servico_caixa_id?: number; // SERVICO_CAIXA_ID NUMERIC(10,2)
-  caixa_servico_id?: number; // LIBERAR_DESCONTO VARCHAR(1)
-  valor_fixo?: string; // VALOR_FIXO VARCHAR(1)
-  emolumento_id?: number; // EMOLUMENTO_ID NUMERIC(10,2) (FK)
-  emolumento_obrigatorio?: number; // EMOLUMENTO_OBRIGATORIO NUMERIC(10,2) (FK)
-  ato_praticado?: string; // ATO_PRATICADO VARCHAR(1)
-  selar?: string; // SELAR VARCHAR(1)
-  frenteverso?: string; // FRENTEVERSO VARCHAR(1)
-  etiqueta_unica?: string; // ETIQUETA_UNICA VARCHAR(1)
-  transferencia_veiculo?: string; // TRANSFERENCIA_VEICULO VARCHAR(1)
-  usar_a4?: string; // USAR_A4 VARCHAR(1)
-  averbacao?: string; // AVERBACAO VARCHAR(1)
-}

src/app/(protected)/(cadastros)/cadastros/_interfaces/TTBReconhecimentoTipoInterface.ts

@@ -1,6 +0,0 @@
-// Interface que representa a tabela T_TB_RECONHECIMENTOTIPO
-export interface TTbReconhecimentoTipoInterface {
-  tb_reconhecimentotipo_id: number; // NUMERIC(10,2) NOT NULL - Chave primária
-  descricao?: string; // VARCHAR(30)
-  situacao?: string; // VARCHAR(1)
-}

src/app/(protected)/(cadastros)/cadastros/_schemas/TServicoTipoSchema.ts

@@ -1,78 +0,0 @@
-import z from 'zod';
-
-/**
- * Tipos utilitários para campos simples
- */
-const SN = z.enum(['S', 'N']).default('N'); // Campos do tipo Sim/Não
-const AI = z.enum(['A', 'I']).default('A'); // Situação Ativo/Inativo
-const OneCharString = z.string().max(1, 'Deve ter no máximo 1 caractere').optional();
-const RequiredString = z.string().min(1, 'O campo é obrigatório');
-const OptionalNumber = z.number().optional();
-const RequiredNumber = z.number();
-
-/**
- * Schema principal baseado na DDL e adaptado ao formulário React
- */
-export const TServicoTipoSchema = z.object({
-  // Identificador
-  servico_tipo_id: RequiredNumber.describe('ID do Tipo de Serviço').optional(),
-
-  // Campos principais
-  descricao: z.string().max(60, 'A descrição deve ter no máximo 60 caracteres').optional(),
-  categoria: z.string().optional(),
-
-  // Controle de flags (S/N)
-  frenteverso: SN.optional(),
-  averbacao: SN.optional(),
-  transferencia_veiculo: SN.optional(),
-  usar_a4: SN.optional(),
-  etiqueta_unica: SN.optional(),
-  selar: SN.optional(),
-  servico_padrao: SN.optional(),
-  // lancar_taxa: SN.optional(),
-  // lancar_fundesp: SN.optional(),
-  // liberar_desconto: SN.optional(),
-  // fundesp_automatica: SN.optional(),
-  // lancar_valor_documento: SN.optional(),
-  valor_fixo: SN.optional(),
-  ato_praticado: SN.optional(),
-  // apresentante_selo: SN.optional(),
-  // renovacao_cartao: SN.optional(),
-
-  // Situação
-  situacao: AI,
-
-  // Campos numéricos
-  valor: OptionalNumber,
-  maximo_pessoa: OptionalNumber,
-  servico_caixa_id: OptionalNumber,
-  emolumento_id: z.number().nullable(),
-  emolumento_obrigatorio: z.number().nullable(),
-
-  // Relacionamentos e permissões
-  tipo_item: OneCharString,
-  requer_autorizacao: OneCharString,
-  requer_biometria: OneCharString,
-  tipo_pessoa: OneCharString,
-  tb_reconhecimentotipo_id: OptionalNumber,
-  // tipo_permissao_cpf: OneCharString,
-  requer_abonador: OneCharString,
-  // requer_representante: OneCharString,
-  requer_cpf: OneCharString,
-  // alterar_valor: OneCharString,
-  // pagina_acrescida: OneCharString,
-
-  // Campos auxiliares usados apenas no formulário (não persistidos)
-  valor_emolumento: z.number().optional(),
-  valor_taxa_judiciaria: z.number().optional(),
-  fundesp_valor: z.number().optional(),
-  valor_total: z.number().optional(),
-  etiquetas_carimbos: z.any().optional(),
-  emolumento: z.any().optional(),
-  emolumento_auxiliar: z.any().optional(),
-});
-
-/**
- * Tipo inferido do schema — usado diretamente no useForm
- */
-export type TServicoTipoFormValues = z.infer<typeof TServicoTipoSchema>;

src/app/(protected)/layout.tsx

@@ -2,8 +2,8 @@ import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import '../globals.css';
 
-import { ResponseProvider } from '../../shared/components/response/ResponseContext';
 import { AppSidebar } from '@/components/app-sidebar';
+import { ThemeProvider } from '@/components/theme-provider';
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -15,7 +15,9 @@ import {
 import { Separator } from '@/components/ui/separator';
 import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';
 import { Toaster } from '@/components/ui/sonner';
+
 import Response from '../../shared/components/response/response';
+import { ResponseProvider } from '../../shared/components/response/ResponseContext';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -35,46 +37,46 @@ export const metadata: Metadata = {
   },
 };
 
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
-        <SidebarProvider>
-          <AppSidebar />
-          <SidebarInset>
-            <header className="mb-4 flex h-16 shrink-0 items-center gap-2 border-b-1 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
-              <div className="flex items-center gap-2 px-4">
-                <SidebarTrigger className="-ml-1" />
-                <Separator
-                  orientation="vertical"
-                  className="mr-2 data-[orientation=vertical]:h-4"
-                />
-                <Breadcrumb>
-                  <BreadcrumbList>
-                    <BreadcrumbItem className="hidden md:block">
-                      <BreadcrumbLink href="#">Building Your Application</BreadcrumbLink>
-                    </BreadcrumbItem>
-                    <BreadcrumbSeparator className="hidden md:block" />
-                    <BreadcrumbItem>
-                      <BreadcrumbPage>Data Fetching</BreadcrumbPage>
-                    </BreadcrumbItem>
-                  </BreadcrumbList>
-                </Breadcrumb>
-              </div>
-            </header>
-            <ResponseProvider>
-              <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-                {children}
-                <Toaster richColors position="top-center" />
-                <Response />
-              </div>
-            </ResponseProvider>
-          </SidebarInset>
-        </SidebarProvider>
+        <ThemeProvider>
+          <SidebarProvider>
+            <AppSidebar />
+
+            <SidebarInset>
+              <header className="mb-4 flex h-16 shrink-0 items-center gap-2 border-b-1 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
+                <div className="flex items-center gap-2 px-4">
+                  <SidebarTrigger className="-ml-1" />
+                  <Separator
+                    orientation="vertical"
+                    className="mr-2 data-[orientation=vertical]:h-4"
+                  />
+                  <Breadcrumb>
+                    <BreadcrumbList>
+                      <BreadcrumbItem className="hidden md:block">
+                        <BreadcrumbLink href="#">Building Your Application</BreadcrumbLink>
+                      </BreadcrumbItem>
+                      <BreadcrumbSeparator className="hidden md:block" />
+                      <BreadcrumbItem>
+                        <BreadcrumbPage>Data Fetching</BreadcrumbPage>
+                      </BreadcrumbItem>
+                    </BreadcrumbList>
+                  </Breadcrumb>
+                </div>
+              </header>
+
+              <ResponseProvider>
+                <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
+                  {children}
+                  <Toaster richColors position="top-center" />
+                  <Response />
+                </div>
+              </ResponseProvider>
+            </SidebarInset>
+          </SidebarProvider>
+        </ThemeProvider>
       </body>
     </html>
   );

src/app/(protected)/page.tsx

@@ -1,8 +1,9 @@
 'use client';
 
-import useGUsuarioGetJWTHook from '@/shared/hooks/auth/useGUsuarioGetJWTHook';
 import { useEffect, useState } from 'react';
 
+import useGUsuarioGetJWTHook from '@/shared/hooks/auth/useGUsuarioGetJWTHook';
+
 export default function Page() {
   const { userAuthenticated } = useGUsuarioGetJWTHook();
 

src/app/(protected)/servicos/atos/ato/page.tsx

@@ -0,0 +1,5 @@
+import TAtoForm from '@/packages/servicos/components/TAto/TAtoForm';
+
+export default function TAtoFormPage() {
+  return <TAtoForm />;
+}

src/app/(protected)/servicos/atos/page.tsx

@@ -0,0 +1,5 @@
+import TAtoIndex from '@/packages/servicos/components/TAto/TAtoIndex';
+
+export default function TServicoAToPag() {
+  return <TAtoIndex />;
+}

src/app/(protected)/servicos/dashboard/page.tsx

@@ -0,0 +1,5 @@
+import TServicoPedidoDashboard from '@/packages/servicos/components/TServicoPedido/TServicoPedidoDashboard';
+
+export default function TServicoPedidoPage() {
+  return <TServicoPedidoDashboard />;
+}

src/app/(protected)/servicos/pedidos/detalhes/[servicoPedidoId]/page.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+
+import TServicoPedidoDetails from '@/packages/servicos/components/TServicoPedido/TServicoPedidoDetails';
+
+export default function TServicoPedidoDetailsPage() {
+  const params = useParams();
+
+  return <TServicoPedidoDetails servico_pedido_id={Number(params.servicoPedidoId)} />;
+}

src/app/(protected)/servicos/pedidos/page.tsx

@@ -0,0 +1,5 @@
+import TServicoPedidoIndex from '@/packages/servicos/components/TServicoPedido/TServicoPedidoIndex';
+
+export default function TServicoPedidoPage() {
+  return <TServicoPedidoIndex />;
+}

src/app/(protected)/servicos/pedidos/pedido/[servicoPedidoId]/page.tsx

@@ -0,0 +1,11 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+
+import TServicoPedidoForm from '@/packages/servicos/components/TServicoPedido/TServicoPedidoForm';
+
+export default function TServicoPedidoPage() {
+  const params = useParams();
+
+  return <TServicoPedidoForm servico_pedido_id={Number(params.servicoPedidoId)} />;
+}

src/app/(protected)/servicos/pedidos/pedido/page.tsx

@@ -0,0 +1,5 @@
+import TServicoPedidoForm from '@/packages/servicos/components/TServicoPedido/TServicoPedidoForm';
+
+export default function TServicoPedidoPage() {
+  return <TServicoPedidoForm />;
+}

src/app/_components/confirm_exclusion/ConfirmExclusion.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, { useState } from 'react';
+
 import {
   AlertDialog,
   AlertDialogCancel,
@@ -11,7 +12,6 @@ import {
   AlertDialogTitle,
   AlertDialogAction,
 } from '@/components/ui/alert-dialog';
-
 import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp';
 
 interface ConfirmExclusionProps {

src/app/globals.css

@@ -3,60 +3,194 @@
 
 @custom-variant dark (&:is(.dark *));
 
+:root {
+  --background: oklch(0.9911 0 0);
+  --foreground: oklch(0.2988 0.0123 222.4429);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.2988 0.0123 222.4429);
+  --popover: oklch(0.9881 0 0);
+  --popover-foreground: oklch(0.2988 0.0123 222.4429);
+  --primary: oklch(0.721 0.1873 47.564);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.2988 0.0123 222.4429);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.9551 0 0);
+  --accent-foreground: oklch(0.2988 0.0123 222.4429);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.81 0.1 252);
+  --chart-2: oklch(0.62 0.19 260);
+  --chart-3: oklch(0.55 0.22 263);
+  --chart-4: oklch(0.49 0.22 264);
+  --chart-5: oklch(0.42 0.18 266);
+  --sidebar: oklch(1 0 0);
+  --sidebar-foreground: oklch(0.2988 0.0123 222.4429);
+  --sidebar-primary: oklch(0.2364 0.0083 240.2365);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --radius: 0.625rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+  --shadow-offset-x: 0;
+  --shadow-offset-y: 1px;
+  --letter-spacing: 0em;
+}
+
+.dark {
+  --background: oklch(0.1934 0.0062 236.9149);
+  --foreground: oklch(0.9881 0 0);
+  --card: oklch(0.2364 0.0083 240.2365);
+  --card-foreground: oklch(0.9881 0 0);
+  --popover: oklch(0.2988 0.0123 222.4429);
+  --popover-foreground: oklch(0.9881 0 0);
+  --primary: oklch(0.721 0.1873 47.564);
+  --primary-foreground: oklch(0.2988 0.0123 222.4429);
+  --secondary: oklch(0.2988 0.0123 222.4429);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.2988 0.0123 222.4429);
+  --accent-foreground: oklch(1 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.275 0 0);
+  --input: oklch(0.325 0 0);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.81 0.1 252);
+  --chart-2: oklch(0.62 0.19 260);
+  --chart-3: oklch(0.55 0.22 263);
+  --chart-4: oklch(0.49 0.22 264);
+  --chart-5: oklch(0.42 0.18 266);
+  --sidebar: oklch(0.2364 0.0083 240.2365);
+  --sidebar-foreground: oklch(0.9881 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.275 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --radius: 0.625rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --shadow-offset-x: 0;
+  --shadow-offset-y: 1px;
+  --letter-spacing: 0em;
+  --spacing: 0.25rem;
+}
+
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: Inter, sans-serif;
-  --font-mono: JetBrains Mono, monospace;
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
   --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
-  --font-serif: Source Serif 4, serif;
-  --radius: 0.375rem;
+
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+  --radius: 0.625rem;
   --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
   --tracking-tight: calc(var(--tracking-normal) - 0.025em);
   --tracking-wide: calc(var(--tracking-normal) + 0.025em);
   --tracking-wider: calc(var(--tracking-normal) + 0.05em);
   --tracking-widest: calc(var(--tracking-normal) + 0.1em);
   --tracking-normal: var(--tracking-normal);
-  --shadow-2xl: var(--shadow-2xl);
-  --shadow-xl: var(--shadow-xl);
-  --shadow-lg: var(--shadow-lg);
-  --shadow-md: var(--shadow-md);
-  --shadow: var(--shadow);
-  --shadow-sm: var(--shadow-sm);
-  --shadow-xs: var(--shadow-xs);
-  --shadow-2xs: var(--shadow-2xs);
   --spacing: var(--spacing);
   --letter-spacing: var(--letter-spacing);
   --shadow-offset-y: var(--shadow-offset-y);
@@ -65,118 +199,6 @@
   --shadow-blur: var(--shadow-blur);
   --shadow-opacity: var(--shadow-opacity);
   --color-shadow-color: var(--shadow-color);
-  --color-destructive-foreground: var(--destructive-foreground);
-}
-
-:root {
-  --radius: 0.375rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.2686 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.2686 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.2686 0 0);
-  --primary: oklch(0.7686 0.1647 70.0804);
-  --primary-foreground: oklch(0 0 0);
-  --secondary: oklch(0.967 0.0029 264.5419);
-  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
-  --muted: oklch(0.9846 0.0017 247.8389);
-  --muted-foreground: oklch(0.551 0.0234 264.3637);
-  --accent: oklch(0.9869 0.0214 95.2774);
-  --accent-foreground: oklch(0.4732 0.1247 46.2007);
-  --destructive: oklch(0.6368 0.2078 25.3313);
-  --border: oklch(0.9276 0.0058 264.5313);
-  --input: oklch(0.9276 0.0058 264.5313);
-  --ring: oklch(0.7686 0.1647 70.0804);
-  --chart-1: oklch(0.7686 0.1647 70.0804);
-  --chart-2: oklch(0.6658 0.1574 58.3183);
-  --chart-3: oklch(0.5553 0.1455 48.9975);
-  --chart-4: oklch(0.4732 0.1247 46.2007);
-  --chart-5: oklch(0.4137 0.1054 45.9038);
-  --sidebar: oklch(0.9846 0.0017 247.8389);
-  --sidebar-foreground: oklch(0.2686 0 0);
-  --sidebar-primary: oklch(0.7686 0.1647 70.0804);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.9869 0.0214 95.2774);
-  --sidebar-accent-foreground: oklch(0.4732 0.1247 46.2007);
-  --sidebar-border: oklch(0.9276 0.0058 264.5313);
-  --sidebar-ring: oklch(0.7686 0.1647 70.0804);
-  --destructive-foreground: oklch(1 0 0);
-  --font-sans: Inter, sans-serif;
-  --font-serif: Source Serif 4, serif;
-  --font-mono: JetBrains Mono, monospace;
-  --shadow-color: hsl(0 0% 0%);
-  --shadow-opacity: 0.1;
-  --shadow-blur: 8px;
-  --shadow-spread: -1px;
-  --shadow-offset-x: 0px;
-  --shadow-offset-y: 4px;
-  --letter-spacing: 0em;
-  --spacing: 0.25rem;
-  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
-  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
-  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
-  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
-  --tracking-normal: 0em;
-}
-
-.dark {
-  --background: oklch(0.2046 0 0);
-  --foreground: oklch(0.9219 0 0);
-  --card: oklch(0.2686 0 0);
-  --card-foreground: oklch(0.9219 0 0);
-  --popover: oklch(0.2686 0 0);
-  --popover-foreground: oklch(0.9219 0 0);
-  --primary: oklch(0.7686 0.1647 70.0804);
-  --primary-foreground: oklch(0 0 0);
-  --secondary: oklch(0.2686 0 0);
-  --secondary-foreground: oklch(0.9219 0 0);
-  --muted: oklch(0.2686 0 0);
-  --muted-foreground: oklch(0.7155 0 0);
-  --accent: oklch(0.4732 0.1247 46.2007);
-  --accent-foreground: oklch(0.9243 0.1151 95.7459);
-  --destructive: oklch(0.6368 0.2078 25.3313);
-  --border: oklch(0.3715 0 0);
-  --input: oklch(0.3715 0 0);
-  --ring: oklch(0.7686 0.1647 70.0804);
-  --chart-1: oklch(0.8369 0.1644 84.4286);
-  --chart-2: oklch(0.6658 0.1574 58.3183);
-  --chart-3: oklch(0.4732 0.1247 46.2007);
-  --chart-4: oklch(0.5553 0.1455 48.9975);
-  --chart-5: oklch(0.4732 0.1247 46.2007);
-  --sidebar: oklch(0.1684 0 0);
-  --sidebar-foreground: oklch(0.9219 0 0);
-  --sidebar-primary: oklch(0.7686 0.1647 70.0804);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.4732 0.1247 46.2007);
-  --sidebar-accent-foreground: oklch(0.9243 0.1151 95.7459);
-  --sidebar-border: oklch(0.3715 0 0);
-  --sidebar-ring: oklch(0.7686 0.1647 70.0804);
-  --destructive-foreground: oklch(1 0 0);
-  --radius: 0.375rem;
-  --font-sans: Inter, sans-serif;
-  --font-serif: Source Serif 4, serif;
-  --font-mono: JetBrains Mono, monospace;
-  --shadow-color: hsl(0 0% 0%);
-  --shadow-opacity: 0.1;
-  --shadow-blur: 8px;
-  --shadow-spread: -1px;
-  --shadow-offset-x: 0px;
-  --shadow-offset-y: 4px;
-  --letter-spacing: 0em;
-  --spacing: 0.25rem;
-  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
-  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
-  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
-  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
-  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
-  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
 }
 
 @layer base {

src/components/MainEditor.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Editor } from '@tinymce/tinymce-react';
+import React from 'react';
 
 // 1. Define as propriedades que nosso componente vai receber
 interface MainEditorProps {

src/components/app-sidebar.tsx

@@ -1,15 +1,16 @@
 'use client';
 
-import * as React from 'react';
 import {
   Bot,
   Frame,
   GalleryVerticalEnd,
-  House,
   HouseIcon,
+  SquareMousePointer,
   SquareTerminal,
   UsersIcon,
 } from 'lucide-react';
+import Image from 'next/image';
+import * as React from 'react';
 
 import { NavMain } from '@/components/nav-main';
 import { NavProjects } from '@/components/nav-projects';
@@ -24,9 +25,7 @@ import {
   SidebarMenuItem,
   SidebarRail,
 } from '@/components/ui/sidebar';
-
 import useGUsuarioGetJWTHook from '@/shared/hooks/auth/useGUsuarioGetJWTHook';
-import Image from 'next/image';
 
 // This is sample data.
 const data = {
@@ -44,12 +43,36 @@ const data = {
         },
       ],
     },
+    {
+      title: 'Servicos',
+      url: '#',
+      icon: SquareMousePointer,
+      isActive: false,
+      items: [
+        {
+          title: 'Dashboard',
+          url: '/servicos/dashboard/',
+        },
+        {
+          title: 'Pedidos',
+          url: '/servicos/pedidos/',
+        },
+        {
+          title: 'Atos',
+          url: '/servicos/atos/',
+        },
+      ],
+    },
     {
       title: 'Pessoas',
       url: '#',
       icon: UsersIcon,
       isActive: false,
       items: [
+        {
+          title: 'Dashboard',
+          url: '/administrativo/pessoas/dashboard',
+        },
         {
           title: 'Físicas',
           url: '/administrativo/pessoas/fisicas',
@@ -66,6 +89,10 @@ const data = {
       icon: HouseIcon,
       isActive: false,
       items: [
+        {
+          title: 'Dashboard',
+          url: '/administrativo/imoveis/dashboard',
+        },
         {
           title: 'Urbanos',
           url: '/administrativo/imoveis/urbanos',
@@ -146,13 +173,41 @@ const data = {
           url: '/administrativo/centrais/censec/naturezas-litigios',
         },
         {
-          title: 'Serviços/Tipos',
-          url: '/cadastros/servicos-tipo/',
+          title: 'Tipos/Serviços',
+          url: '/administrativo/tipos-servicos',
         },
         {
           title: 'Atos/Partes Tipos',
           url: '/administrativo/atos/partes-tipos',
         },
+        {
+          title: 'Valores de Serviços',
+          url: '/administrativo/valores-de-servicos',
+        },
+        {
+          title: 'Gramatica',
+          url: '/administrativo/gramatica',
+        },
+        {
+          title: 'Cartório',
+          url: '/administrativo/cartorio',
+        },
+        {
+          title: 'Financeiro/Periodo',
+          url: '/administrativo/financeiro/periodos',
+        },
+        {
+          title: 'Financeiro/Emolumentos',
+          url: '/administrativo/financeiro/emolumentos',
+        },
+        {
+          title: 'Selos/Grupos',
+          url: '/administrativo/selos/grupos',
+        },
+        {
+          title: 'Financeiro/Cálculo Rápido',
+          url: '/administrativo/financeiro/calculo-rapido',
+        },
       ],
     },
   ],

src/components/login-form.tsx

@@ -1,18 +1,20 @@
 'use client';
 
+import { zodResolver } from '@hookform/resolvers/zod';
 import Image from 'next/image';
-import { cn } from '@/lib/utils';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import z from 'zod';
+
 import { Card, CardContent } from '@/components/ui/card';
 import { Input } from '@/components/ui/input';
-import z from 'zod';
-import { zodResolver } from '@hookform/resolvers/zod';
-import GUsuarioLoginService from '@/packages/administrativo/services/GUsuario/GUsuarioLogin';
-import { useForm } from 'react-hook-form';
-import { useState } from 'react';
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from './ui/form';
-import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
-import { Button } from './ui/button';
+import { cn } from '@/lib/utils';
 import { GUsuarioLoginSchema } from '@/packages/administrativo/schemas/GUsuario/GUsuarioLoginSchema';
+import GUsuarioLoginService from '@/packages/administrativo/services/GUsuario/GUsuarioLogin';
+import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
+
+import { Button } from './ui/button';
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from './ui/form';
 
 type FormValues = z.infer<typeof GUsuarioLoginSchema>;
 

src/components/nav-user.tsx

@@ -1,6 +1,9 @@
 'use client';
 
-import { ChevronsUpDown, LogOut, Sparkles } from 'lucide-react';
+import { ChevronsUpDown, LogOut, Moon, Sparkles, Sun } from 'lucide-react';
+import { useTheme } from 'next-themes';
+import { useCallback, useState } from 'react';
+
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import {
   DropdownMenu,
@@ -17,11 +20,9 @@ import {
   SidebarMenuItem,
   useSidebar,
 } from '@/components/ui/sidebar';
-
-import GUsuarioAuthenticatedInterface from '@/shared/interfaces/GUsuarioAuthenticatedInterface';
-import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
 import { useGUsuarioLogoutHook } from '@/packages/administrativo/hooks/GUsuario/useGUsuarioLogoutHook';
-import { use, useCallback, useState } from 'react';
+import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
+import GUsuarioAuthenticatedInterface from '@/shared/interfaces/GUsuarioAuthenticatedInterface';
 
 export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
   // Hook para encerrar sessão
@@ -32,19 +33,26 @@ export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
 
   const { isMobile } = useSidebar();
 
-  // Manipulação de formulário de confirmação
-  const handleConfirmOpen = useCallback(async () => {
+  // Tema (claro/escuro) - next-themes
+  const { theme, setTheme } = useTheme();
+  const isDark = theme === 'dark';
+
+  const handleConfirmOpen = useCallback(() => {
     setIsConfirmOpen(true);
   }, []);
 
-  const handleLogoutConfirm = useCallback(async () => {
+  const handleLogoutConfirm = useCallback(() => {
     logoutUsuario();
-  }, []);
+  }, [logoutUsuario]);
 
-  const handleLogoutCancel = useCallback(async () => {
+  const handleLogoutCancel = useCallback(() => {
     setIsConfirmOpen(false);
   }, []);
 
+  const handleToggleTheme = useCallback(() => {
+    setTheme(isDark ? 'light' : 'dark');
+  }, [isDark, setTheme]);
+
   if (!user) {
     return 'Carregando...';
   }
@@ -61,13 +69,11 @@ export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
               >
                 <Avatar className="h-8 w-8 rounded-lg">
                   <AvatarImage src={user.sigla} alt={user.nome} />
-
                   <AvatarFallback className="rounded-lg">{user.sigla}</AvatarFallback>
                 </Avatar>
 
                 <div className="grid flex-1 text-left text-sm leading-tight">
                   <span className="truncate font-medium">{user.nome}</span>
-
                   <span className="truncate text-xs">{user.email}</span>
                 </div>
 
@@ -85,13 +91,11 @@ export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
                 <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
                   <Avatar className="h-8 w-8 rounded-lg">
                     <AvatarImage src={user.sigla} alt={user.nome} />
-
                     <AvatarFallback className="rounded-lg">{user.sigla}</AvatarFallback>
                   </Avatar>
 
                   <div className="grid flex-1 text-left text-sm leading-tight">
                     <span className="truncate font-medium">{user.nome}</span>
-
                     <span className="truncate text-xs">{user.email}</span>
                   </div>
                 </div>
@@ -100,16 +104,22 @@ export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
               <DropdownMenuSeparator />
 
               <DropdownMenuGroup>
+                {/* Alternância de tema */}
+                <DropdownMenuItem className="cursor-pointer" onClick={handleToggleTheme}>
+                  {isDark ? <Sun className="mr-2 h-4 w-4" /> : <Moon className="mr-2 h-4 w-4" />}
+                  {isDark ? 'Modo claro' : 'Modo escuro'}
+                </DropdownMenuItem>
+
                 <DropdownMenuItem className="cursor-pointer">
-                  <Sparkles />
+                  <Sparkles className="mr-2 h-4 w-4" />
                   Configurações
                 </DropdownMenuItem>
               </DropdownMenuGroup>
 
               <DropdownMenuSeparator />
 
-              <DropdownMenuItem className="cursor-pointer" onClick={() => handleConfirmOpen()}>
-                <LogOut />
+              <DropdownMenuItem className="cursor-pointer" onClick={handleConfirmOpen}>
+                <LogOut className="mr-2 h-4 w-4" />
                 Log out
               </DropdownMenuItem>
             </DropdownMenuContent>
@@ -122,11 +132,11 @@ export function NavUser({ user }: { user: GUsuarioAuthenticatedInterface }) {
         isOpen={isConfirmOpen}
         title="Log-out"
         description="Atenção"
-        message={`Deseja realmente encerrar a sessão ? Dados não salvos serão perdidos`}
+        message="Deseja realmente encerrar a sessão? Dados não salvos serão perdidos."
         confirmText="Sim, sair"
         cancelText="Cancelar"
-        onConfirm={() => handleLogoutConfirm()}
-        onCancel={() => handleLogoutCancel()}
+        onConfirm={handleLogoutConfirm}
+        onCancel={handleLogoutCancel}
       />
     </>
   );

src/components/team-switcher.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import { ChevronsUpDown, Plus } from 'lucide-react';
+import * as React from 'react';
 
 import {
   DropdownMenu,

src/components/theme-provider.tsx

@@ -0,0 +1,17 @@
+'use client';
+
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import * as React from 'react';
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
+      {children}
+    </NextThemesProvider>
+  );
+}

src/components/ui/alert-dialog.tsx

@@ -1,10 +1,10 @@
 'use client';
 
-import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
 
-import { cn } from '@/lib/utils';
 import { buttonVariants } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
 
 function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
   return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;

src/components/ui/avatar.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/badge.tsx

@@ -0,0 +1,39 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const badgeVariants = cva(
+  'inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
+  {
+    variants: {
+      variant: {
+        default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+        destructive:
+          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+        outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'span';
+
+  return (
+    <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };

src/components/ui/breadcrumb.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/button-group.tsx

@@ -0,0 +1,78 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+
+import { Separator } from '@/components/ui/separator';
+import { cn } from '@/lib/utils';
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+        vertical:
+          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+      },
+    },
+    defaultVariants: {
+      orientation: 'horizontal',
+    },
+  },
+);
+
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="button-group"
+      data-orientation={orientation}
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  );
+}
+
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<'div'> & {
+  asChild?: boolean;
+}) {
+  const Comp = asChild ? Slot : 'div';
+
+  return (
+    <Comp
+      className={cn(
+        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ButtonGroupSeparator({
+  className,
+  orientation = 'vertical',
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="button-group-separator"
+      orientation={orientation}
+      className={cn(
+        'bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

src/components/ui/button.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
@@ -9,12 +9,12 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
         destructive:
-          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
         outline:
           'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
-        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
         ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
         link: 'text-primary underline-offset-4 hover:underline',
       },
@@ -23,6 +23,8 @@ const buttonVariants = cva(
         sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
         lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
         icon: 'size-9',
+        'icon-sm': 'size-8',
+        'icon-lg': 'size-10',
       },
     },
     defaultVariants: {

src/components/ui/card.tsx

@@ -20,7 +20,7 @@ function CardHeader({ className, ...props }: React.ComponentProps<'div'>) {
     <div
       data-slot="card-header"
       className={cn(
-        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
+        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
         className,
       )}
       {...props}

src/components/ui/chart.tsx

@@ -0,0 +1,132 @@
+const ChartTooltip = RechartsPrimitive.Tooltip;
+
+function ChartTooltipContent(props: any) {
+  const {
+    active,
+    payload,
+    className,
+    indicator = 'dot',
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey,
+  } = props;
+
+  const { config } = useChart();
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+
+    const [item] = payload;
+    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value =
+      !labelKey && typeof label === 'string'
+        ? config[label as keyof typeof config]?.label || label
+        : itemConfig?.label;
+
+    if (labelFormatter) {
+      return (
+        <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>
+      );
+    }
+
+    if (!value) {
+      return null;
+    }
+
+    return <div className={cn('font-medium', labelClassName)}>{value}</div>;
+  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+
+  if (!active || !payload?.length) {
+    return null;
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== 'dot';
+
+  return (
+    <div
+      className={cn(
+        'border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl',
+        className,
+      )}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className="grid gap-1.5">
+        {payload
+          .filter((item: any) => item.type !== 'none')
+          .map((item: any, index: number) => {
+            const key = `${nameKey || item.name || item.dataKey || 'value'}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = color || item.payload?.fill || item.color;
+
+            return (
+              <div
+                key={item.dataKey}
+                className={cn(
+                  '[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5',
+                  indicator === 'dot' && 'items-center',
+                )}
+              >
+                {formatter && item?.value !== undefined && item.name ? (
+                  formatter(item.value, item.name, item, index, item.payload)
+                ) : (
+                  <>
+                    {itemConfig?.icon ? (
+                      <itemConfig.icon />
+                    ) : (
+                      !hideIndicator && (
+                        <div
+                          className={cn(
+                            'shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)',
+                            {
+                              'h-2.5 w-2.5': indicator === 'dot',
+                              'w-1': indicator === 'line',
+                              'w-0 border-[1.5px] border-dashed bg-transparent':
+                                indicator === 'dashed',
+                              'my-0.5': nestLabel && indicator === 'dashed',
+                            },
+                          )}
+                          style={
+                            {
+                              '--color-bg': indicatorColor,
+                              '--color-border': indicatorColor,
+                            } as React.CSSProperties
+                          }
+                        />
+                      )
+                    )}
+                    <div
+                      className={cn(
+                        'flex flex-1 justify-between leading-none',
+                        nestLabel ? 'items-end' : 'items-center',
+                      )}
+                    >
+                      <div className="grid gap-1.5">
+                        {nestLabel ? tooltipLabel : null}
+                        <span className="text-muted-foreground">
+                          {itemConfig?.label || item.name}
+                        </span>
+                      </div>
+                      {item.value && (
+                        <span className="text-foreground font-mono font-medium tabular-nums">
+                          {item.value.toLocaleString()}
+                        </span>
+                      )}
+                    </div>
+                  </>
+                )}
+              </div>
+            );
+          })}
+      </div>
+    </div>
+  );
+}

src/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/command.tsx

@@ -1,10 +1,9 @@
 'use client';
 
-import * as React from 'react';
 import { Command as CommandPrimitive } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
+import * as React from 'react';
 
-import { cn } from '@/lib/utils';
 import {
   Dialog,
   DialogContent,
@@ -12,6 +11,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
+import { cn } from '@/lib/utils';
 
 function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
   return (

src/components/ui/dialog.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/form.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
 import {
   Controller,
   FormProvider,
@@ -13,8 +13,8 @@ import {
   type FieldValues,
 } from 'react-hook-form';
 
-import { cn } from '@/lib/utils';
 import { Label } from '@/components/ui/label';
+import { cn } from '@/lib/utils';
 
 const Form = FormProvider;
 

src/components/ui/input-otp.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { MinusIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/input.tsx

@@ -2,18 +2,17 @@ import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
-function Input({ className, value, type, ...props }: React.ComponentProps<'input'>) {
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
   return (
     <input
       type={type}
       data-slot="input"
       className={cn(
-        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
         'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
         'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
         className,
       )}
-      value={value ?? ''}
       {...props}
     />
   );

src/components/ui/item.tsx

@@ -0,0 +1,172 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+import { Separator } from '@/components/ui/separator';
+import { cn } from '@/lib/utils';
+
+function ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      role="list"
+      data-slot="item-group"
+      className={cn('group/item-group flex flex-col', className)}
+      {...props}
+    />
+  );
+}
+
+function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="item-separator"
+      orientation="horizontal"
+      className={cn('my-0', className)}
+      {...props}
+    />
+  );
+}
+
+const itemVariants = cva(
+  'group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        outline: 'border-border',
+        muted: 'bg-muted/50',
+      },
+      size: {
+        default: 'p-4 gap-4 ',
+        sm: 'py-3 px-4 gap-2.5',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+);
+
+function Item({
+  className,
+  variant = 'default',
+  size = 'default',
+  asChild = false,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : 'div';
+  return (
+    <Comp
+      data-slot="item"
+      data-variant={variant}
+      data-size={size}
+      className={cn(itemVariants({ variant, size, className }))}
+      {...props}
+    />
+  );
+}
+
+const itemMediaVariants = cva(
+  'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+);
+
+function ItemMedia({
+  className,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {
+  return (
+    <div
+      data-slot="item-media"
+      data-variant={variant}
+      className={cn(itemMediaVariants({ variant, className }))}
+      {...props}
+    />
+  );
+}
+
+function ItemContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="item-content"
+      className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)}
+      {...props}
+    />
+  );
+}
+
+function ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="item-title"
+      className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)}
+      {...props}
+    />
+  );
+}
+
+function ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {
+  return (
+    <p
+      data-slot="item-description"
+      className={cn(
+        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',
+        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
+        className,
+      )}
+      {...props}
+    />
+  );
+}
+
+function ItemActions({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div data-slot="item-actions" className={cn('flex items-center gap-2', className)} {...props} />
+  );
+}
+
+function ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="item-header"
+      className={cn('flex basis-full items-center justify-between gap-2', className)}
+      {...props}
+    />
+  );
+}
+
+function ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="item-footer"
+      className={cn('flex basis-full items-center justify-between gap-2', className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter,
+};

src/components/ui/label.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/popover.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/progress.tsx

@@ -0,0 +1,28 @@
+'use client';
+
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot="progress"
+      className={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot="progress-indicator"
+        className="bg-primary h-full w-full flex-1 transition-all"
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  );
+}
+
+export { Progress };

src/components/ui/scroll-area.tsx

@@ -0,0 +1,56 @@
+'use client';
+
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn('relative', className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot="scroll-area-viewport"
+        className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  );
+}
+
+function ScrollBar({
+  className,
+  orientation = 'vertical',
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
+  return (
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      data-slot="scroll-area-scrollbar"
+      orientation={orientation}
+      className={cn(
+        'flex touch-none p-px transition-colors select-none',
+        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',
+        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',
+        className,
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb
+        data-slot="scroll-area-thumb"
+        className="bg-border relative flex-1 rounded-full"
+      />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  );
+}
+
+export { ScrollArea, ScrollBar };

src/components/ui/select.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
@@ -48,6 +48,7 @@ function SelectContent({
   className,
   children,
   position = 'popper',
+  align = 'center',
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Content>) {
   return (
@@ -61,6 +62,7 @@ function SelectContent({
           className,
         )}
         position={position}
+        align={align}
         {...props}
       >
         <SelectScrollUpButton />

src/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/sheet.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import * as React from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/sidebar.tsx

@@ -1,12 +1,10 @@
 'use client';
 
-import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva, VariantProps } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
+import * as React from 'react';
 
-import { useIsMobile } from '@/hooks/use-mobile';
-import { cn } from '@/lib/utils';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Separator } from '@/components/ui/separator';
@@ -19,6 +17,8 @@ import {
 } from '@/components/ui/sheet';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
+import { useIsMobile } from '@/hooks/use-mobile';
+import { cn } from '@/lib/utils';
 
 const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

src/components/ui/switch.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/tabs.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 

src/middleware.ts

@@ -4,13 +4,19 @@ import { NextResponse, type MiddlewareConfig, type NextRequest } from 'next/serv
 const publicRoutes = [
   { path: '/login', whenAuthenticated: 'redirect' },
   { path: '/register', whenAuthenticated: 'redirect' },
-  { path: '/', whenAuthenticated: 'next' },
 ] as const;
 
 const ROOT_PATH = '/login'; // url raiz
 
 export function middleware(request: NextRequest) {
   const path = request.nextUrl.pathname;
+
+  // --- AJUSTE NECESSÁRIO PARA ONLYOFFICE ---
+  // Se a rota termina em .docx, libera o acesso imediatamente (sem checar token)
+  if (path.endsWith('.docx')) {
+    return NextResponse.next();
+  }
+  // -----------------------------------------
   const publicRoute = publicRoutes.find((route) => route.path === path);
   const authToken = request.cookies.get('access_token');
 
@@ -26,6 +32,8 @@ export function middleware(request: NextRequest) {
 
   // 3. Autenticado em rota pública com flag "redirect" → vai para raiz
   if (authToken && publicRoute && publicRoute.whenAuthenticated === 'redirect') {
+    // OBS: Se ROOT_PATH for '/login', isso pode gerar um loop infinito para usuários logados.
+    // O ideal seria redirecionar para '/' (dashboard), mas mantive seu código original.
     return NextResponse.redirect(new URL(ROOT_PATH, request.url));
   }
 
@@ -53,7 +61,7 @@ export function middleware(request: NextRequest) {
 
 export const config: MiddlewareConfig = {
   matcher: [
-    // ignora APIs, arquivos estáticos e metadados
-    '/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt|images).*)',
+    // ignora APIs, arquivos estáticos, metadados E ARQUIVOS .DOCX
+    '/((?!api|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt|images|.*\\.docx$).*)',
   ],
-};
+};

src/packages/administrativo/components/CCaixaServico/CCaixaServicoSelect.tsx

@@ -1,6 +1,8 @@
 'use client';
 
+import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
 import React from 'react';
+
 import { Button } from '@/components/ui/button';
 import {
   Command,
@@ -13,10 +15,9 @@ import {
 import { FormControl } from '@/components/ui/form';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 import { cn } from '@/lib/utils';
-import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
+import { CCaixaServicoReadInterface } from '@/packages/administrativo/hooks/CCaixaServico/CCaixaServicoReadInterface';
+import { useCCaixaServicoReadHook } from '@/packages/administrativo/interfaces/CCaixaServico/useCCaixaServicoReadHook';
 import GetCapitalize from '@/shared/actions/text/GetCapitalize';
-import { useCCaixaServicoReadHook } from '@/app/(protected)/(cadastros)/cadastros/_hooks/c_caixa_servico/useCCaixaServicoReadHook';
-import { CCaixaServicoReadInterface } from '@/app/(protected)/(cadastros)/cadastros/_interfaces/CCaixaServicoReadInterface';
 
 export default function CCaixaServicoSelect({ sistema_id, field }: any) {
   const cCaixaServicoReadParams: CCaixaServicoReadInterface = { sistema_id };
@@ -58,7 +59,7 @@ export default function CCaixaServicoSelect({ sistema_id, field }: any) {
           </Button>
         </FormControl>
       </PopoverTrigger>
-      <PopoverContent className="w-full p-0">
+      <PopoverContent className="w-[var(--radix-popover-trigger-width)] p-0">
         <Command>
           <CommandInput placeholder="Buscar etiquetas/carimbos..." />
           <CommandList>

src/packages/administrativo/components/GCalculo/GCalculoColumns.tsx

@@ -0,0 +1,115 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { EllipsisIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import GCalculoInterface from '@/packages/administrativo/interfaces/GCalculo/GCalculoInterface';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+import { SortableHeader } from '@/shared/components/dataTable/SortableHeader';
+
+export default function GCalculoColumns(
+  onEdit: (item: GCalculoInterface, isEditingFormStatus: boolean) => void,
+  onDelete: (item: GCalculoInterface, isEditingFormStatus: boolean) => void,
+): ColumnDef<GCalculoInterface>[] {
+  return [
+    // Descrição
+    {
+      accessorKey: 'apresentante',
+      header: ({ column }) => SortableHeader('Apresentante', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('apresentante') || '')),
+    },
+
+    // valor documento
+    {
+      accessorKey: 'valor_documento',
+      header: ({ column }) => SortableHeader('Documento', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_documento') || '')),
+    },
+
+    // valor_emolumento
+    {
+      accessorKey: 'valor_emolumento',
+      header: ({ column }) => SortableHeader('Emolumento', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_emolumento') || '')),
+    },
+
+    // valor_taxa_judiciaria
+    {
+      accessorKey: 'valor_taxa_judiciaria',
+      header: ({ column }) => SortableHeader('Tx. Judiciária', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_taxa_judiciaria') || '')),
+    },
+
+    // valor_fundos
+    {
+      accessorKey: 'valor_fundos',
+      header: ({ column }) => SortableHeader('Fundos', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_fundos') || '')),
+    },
+
+    // valor_iss
+    {
+      accessorKey: 'valor_iss',
+      header: ({ column }) => SortableHeader('ISS', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_iss') || '')),
+    },
+
+    // quantidade
+    {
+      accessorKey: 'quantidade',
+      header: ({ column }) => SortableHeader('Quantidade', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('quantidade') || '')),
+    },
+
+    // valor_total
+    {
+      accessorKey: 'valor_total',
+      header: ({ column }) => SortableHeader('Total', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_total') || '')),
+    },
+
+    // Ações
+    {
+      id: 'actions',
+      header: 'Ações',
+      cell: ({ row }) => {
+        const natureza = row.original;
+
+        return (
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" size="icon">
+                <EllipsisIcon />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent side="left" align="start">
+              <DropdownMenuGroup>
+                <DropdownMenuItem onSelect={() => onEdit(natureza, true)}>
+                  <PencilIcon className="mr-2 h-4 w-4" />
+                  Editar
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem
+                  className="text-red-600"
+                  onSelect={() => onDelete({ ...natureza, index: row.index }, true)}
+                >
+                  <Trash2Icon className="mr-2 h-4 w-4" />
+                  Remover
+                </DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        );
+      },
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ];
+}

src/packages/administrativo/components/GCalculo/GCalculoForm.tsx

@@ -0,0 +1,169 @@
+'use client';
+
+import { useEffect } from 'react';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import GEmolumentoSelect from '@/packages/administrativo/components/GEmolumento/GEmolumentoSelect';
+import { useGCalculoFormHook } from '@/packages/administrativo/hooks/GCalculo/useGCalculoFormHook';
+import { GCalculoFormInterface } from '@/packages/administrativo/interfaces/GCalculo/GCalculoFormInterface';
+import { ResetFormIfData } from '@/shared/actions/form/ResetFormIfData';
+import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
+
+/**
+ * Formulário de cadastro/edição de Natureza
+ * Baseado nos campos da tabela G_NATUREZA
+ */
+export default function GCalculoForm({
+  isOpen,
+  data,
+  onClose,
+  onSave,
+  buttonIsLoading,
+}: GCalculoFormInterface) {
+  const form = useGCalculoFormHook({});
+
+  // Atualiza o formulário quando recebe dados para edição
+  useEffect(() => {
+    ResetFormIfData(form, data);
+  }, [data, form]);
+
+  function onError(error: any) {
+    console.log('Erro no formulário:', error);
+  }
+
+  return (
+    <Dialog
+      open={isOpen}
+      onOpenChange={(open) => {
+        if (!open) onClose(null, false);
+      }}
+    >
+      <DialogContent className="w-full max-w-full p-6 sm:max-w-3xl md:max-w-2xl lg:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle className="text-lg sm:text-xl">Formulário de Cálculo Rápido</DialogTitle>
+          <DialogDescription className="text-muted-foreground text-sm">
+            Formulário de Cálculo Rápido
+          </DialogDescription>
+        </DialogHeader>
+        {/* Formulário principal */}
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSave, onError)} className="space-y-6">
+            {/* GRID MOBILE FIRST */}
+            <div className="grid w-full grid-cols-12 gap-4">
+              {/* apresentante */}
+              <div className="col-span-12 sm:col-span-6 md:col-span-12">
+                <FormField
+                  control={form.control}
+                  name="apresentante"
+                  render={({ field }) => (
+                    <FormItem className="col-span-1 sm:col-span-2">
+                      <FormLabel>Apresentante</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              {/* Observação */}
+              <div className="col-span-12 sm:col-span-6 md:col-span-12">
+                <FormField
+                  control={form.control}
+                  name="observacao"
+                  render={({ field }) => (
+                    <FormItem className="col-span-1 sm:col-span-2">
+                      <FormLabel>Observação</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              {/* Emolumento */}
+              <div className="col-span-12 sm:col-span-6 md:col-span-12">
+                <FormField
+                  control={form.control}
+                  name="emolumento_id"
+                  render={({ field }) => (
+                    <FormItem className="col-span-1 sm:col-span-2">
+                      <FormLabel>Emolumento</FormLabel>
+                      <GEmolumentoSelect field={field} sistema_id={2} />
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              {/* valor_documento */}
+              <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="valor_documento"
+                  render={({ field }) => (
+                    <FormItem className="col-span-1 sm:col-span-2">
+                      <FormLabel>Valor Documento</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="number" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+              {/* quantidade */}
+              <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="quantidade"
+                  render={({ field }) => (
+                    <FormItem className="col-span-1 sm:col-span-2">
+                      <FormLabel>Quantidade</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="number" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+            {/* Rodapé */}
+            <DialogFooter className="mt-6 flex flex-col justify-end gap-2 sm:flex-row">
+              <DialogClose asChild>
+                <Button variant="outline" type="button">
+                  Cancelar
+                </Button>
+              </DialogClose>
+              <LoadingButton
+                text="Salvar"
+                textLoading="Salvando..."
+                type="submit"
+                loading={buttonIsLoading}
+              />
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}

src/packages/administrativo/components/GCalculo/GCalculoIndex.tsx

@@ -0,0 +1,144 @@
+'use client';
+
+import { useCallback, useState } from 'react';
+
+import { useGCalculoDeleteHook } from '@/packages/administrativo/hooks/GCalculo/useGCalculoDeleteHook';
+import { useGCalculoIndexHook } from '@/packages/administrativo/hooks/GCalculo/useGCalculoIndexHook';
+import { useGCalculoSaveHook } from '@/packages/administrativo/hooks/GCalculo/useGCalculoSaveHook';
+import GCalculoInterface from '@/packages/administrativo/interfaces/GCalculo/GCalculoInterface';
+import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
+import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
+import Header from '@/shared/components/structure/Header';
+
+import GCalculoForm from './GCalculoForm';
+import GCalculoTable from './GCalculoTable';
+
+export default function GCalculoIndex() {
+  // Controle de estado do botão
+  const [buttonIsLoading, setButtonIsLoading] = useState(false);
+
+  // Hooks para leitura e salvamento
+  const { gCalculo, setGCalculo } = useGCalculoIndexHook();
+  const { saveGCalculo } = useGCalculoSaveHook(setGCalculo);
+  const { deleteGCalculo } = useGCalculoDeleteHook();
+
+  // Estados
+  const [selectedData, setSelectedData] = useState<GCalculoInterface | null>(null);
+  const [isFormOpen, setIsFormOpen] = useState(false);
+
+  // Estado para saber qual item será deletado
+  const [itemToDelete, setItemToDelete] = useState<GCalculoInterface | null>(null);
+
+  /**
+   * Hook do modal de confirmação
+   */
+  const { isOpen: isConfirmOpen, openDialog: openConfirmDialog, handleCancel } = useConfirmDialog();
+
+  /**
+   * Abre o formulário no modo de edição ou criação
+   */
+  const handleOpenForm = useCallback((data: GCalculoInterface | null) => {
+    setSelectedData(data);
+    setIsFormOpen(true);
+  }, []);
+
+  /**
+   * Fecha o formulário e limpa o andamento selecionado
+   */
+  const handleCloseForm = useCallback(() => {
+    setSelectedData(null);
+    setIsFormOpen(false);
+  }, []);
+
+  /**
+   * Salva os dados do formulário
+   */
+  const handleSave = useCallback(
+    async (formData: GCalculoInterface) => {
+      // Coloca o botão em estado de loading
+      setButtonIsLoading(true);
+
+      // Aguarda salvar o registro
+      const response = await saveGCalculo(formData);
+
+      // Adiciona o item no array atual (sem apagar os anteriores)
+      setGCalculo((prev) => [...prev, response]);
+
+      // Remove o botão em estado de loading
+      setButtonIsLoading(false);
+    },
+    [saveGCalculo, handleCloseForm],
+  );
+
+  /**
+   * Quando o usuário clica em "remover" na tabela
+   */
+  const handleConfirmDelete = useCallback(
+    (item: GCalculoInterface) => {
+      // Define o item atual para remoção
+      setItemToDelete(item);
+      // Abre o modal de confirmação
+      openConfirmDialog();
+    },
+    [openConfirmDialog],
+  );
+
+  /**
+   * Executa a exclusão de fato quando o usuário confirma
+   */
+  const handleDelete = useCallback(async () => {
+    // Se não houver item selecionado para exclusão, encerra a função
+    if (itemToDelete === null || itemToDelete === undefined) return;
+
+    // Chama a função de exclusão, passando o item
+    await deleteGCalculo(itemToDelete);
+
+    // Atualiza a lista de cálculos em memória, removendo o item pelo índice
+    setGCalculo((prev) => prev.filter((_, index) => index !== itemToDelete.index));
+
+    // Limpa o item selecionado para exclusão
+    setItemToDelete(null);
+
+    // Fecha o diálogo de confirmação
+    handleCancel();
+  }, [itemToDelete, deleteGCalculo, setGCalculo, handleCancel]);
+
+  return (
+    <div>
+      {/* Cabeçalho */}
+      <Header
+        title={'Cálculo Rápido'}
+        description={'Cálculo Rápido'}
+        buttonText={'Novo calculo'}
+        buttonAction={() => {
+          handleOpenForm(null);
+        }}
+      />
+      {/* Tabela de andamentos */}
+      <GCalculoTable data={gCalculo} onEdit={handleOpenForm} onDelete={handleConfirmDelete} />
+      {/* Modal de confirmação */}
+      {isConfirmOpen && (
+        <ConfirmDialog
+          isOpen={isConfirmOpen}
+          title="Confirmar exclusão"
+          description="Atenção"
+          message={`Deseja realmente excluir o cáculo do "${itemToDelete?.apresentante}"?`}
+          confirmText="Sim, excluir"
+          cancelText="Cancelar"
+          onConfirm={handleDelete}
+          onCancel={handleCancel}
+        />
+      )}
+      {/* Formulário de criação/edição */}
+      {isFormOpen && (
+        <GCalculoForm
+          isOpen={isFormOpen}
+          data={selectedData}
+          onClose={handleCloseForm}
+          onSave={handleSave}
+          buttonIsLoading={buttonIsLoading}
+        />
+      )}
+    </div>
+  );
+}

src/packages/administrativo/components/GCalculo/GCalculoTable.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import GCalculoTableInterface from '@/packages/administrativo/interfaces/GCalculo/GCalculoTableInterface';
+import { DataTable } from '@/shared/components/dataTable/DataTable';
+
+import GCalculoColumns from './GCalculoColumns';
+
+export default function GCalculoTable({ data, onEdit, onDelete }: GCalculoTableInterface) {
+  const columns = GCalculoColumns(onEdit, onDelete);
+
+  return (
+    <div>
+      <DataTable
+        data={data}
+        columns={columns}
+        filterColumn="apresentante"
+        filterPlaceholder="Buscar por apresentante da natureza..."
+      />
+    </div>
+  );
+}

src/packages/administrativo/components/GCartorio/GCartorioColumns.tsx

@@ -0,0 +1,78 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { EllipsisIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+import { SortableHeader } from '@/shared/components/dataTable/SortableHeader';
+
+import GCartorioInterface from '@/packages/administrativo/interfaces/GCartorio/GCartorioInterface';
+
+export default function GCartorioColumns(
+  onEdit: (item: GCartorioInterface, isEditingFormStatus: boolean) => void,
+  onDelete: (item: GCartorioInterface, isEditingFormStatus: boolean) => void,
+): ColumnDef<GCartorioInterface>[] {
+  return [
+    // ID
+    {
+      accessorKey: 'cartorio_id',
+      header: ({ column }) => SortableHeader('ID', column),
+      cell: ({ row }) => Number(row.getValue('cartorio_id')),
+      enableSorting: true,
+    },
+
+    // Descrição
+    {
+      accessorKey: 'razao_social',
+      header: ({ column }) => SortableHeader('Razão Social', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('razao_social') || '')),
+    },
+
+    // Ações
+    {
+      id: 'actions',
+      header: 'Ações',
+      cell: ({ row }) => {
+        const natureza = row.original;
+
+        return (
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" size="icon">
+                <EllipsisIcon />
+              </Button>
+            </DropdownMenuTrigger>
+
+            <DropdownMenuContent side="left" align="start">
+              <DropdownMenuGroup>
+                <DropdownMenuItem onSelect={() => onEdit(natureza, true)}>
+                  <PencilIcon className="mr-2 h-4 w-4" />
+                  Editar
+                </DropdownMenuItem>
+
+                <DropdownMenuSeparator />
+
+                <DropdownMenuItem
+                  className="text-red-600"
+                  onSelect={() => onDelete(natureza, true)}
+                >
+                  <Trash2Icon className="mr-2 h-4 w-4" />
+                  Remover
+                </DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        );
+      },
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ];
+}

src/packages/administrativo/components/GCartorio/GCartorioForm.tsx

@@ -0,0 +1,414 @@
+'use client';
+
+import { useEffect } from 'react';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { ResetFormIfData } from '@/shared/actions/form/ResetFormIfData';
+import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
+
+import { useGCartorioFormHook } from '@/packages/administrativo/hooks/GCartorio/useGCartorioFormHook';
+import { GCartorioFormInterface } from '@/packages/administrativo/interfaces/GCartorio/GCartorioFormInterface';
+
+/**
+ * Formulário de cadastro/edição de Natureza
+ * Baseado nos campos da tabela G_NATUREZA
+ */
+export default function GCartorioForm({
+  isOpen,
+  data,
+  onClose,
+  onSave,
+  buttonIsLoading,
+}: GCartorioFormInterface) {
+  const form = useGCartorioFormHook({});
+
+  // Atualiza o formulário quando recebe dados para edição
+  useEffect(() => {
+    ResetFormIfData(form, data);
+  }, [data, form]);
+
+  function onError(error: any) {
+    console.log('Erro no formulário:', error);
+  }
+
+  return (
+    <Dialog
+      open={isOpen}
+      onOpenChange={(open) => {
+        if (!open) onClose(null, false);
+      }}
+    >
+      <DialogContent className="w-full max-w-full p-6 sm:max-w-3xl md:max-w-2xl lg:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle className="text-lg sm:text-xl">Formulário de Cartório</DialogTitle>
+          <DialogDescription className="text-muted-foreground text-sm">
+            Cadastro e edição de cartórios
+          </DialogDescription>
+        </DialogHeader>
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSave, onError)} className="space-y-6">
+            <div className="grid w-full grid-cols-12 gap-4">
+              {/* Identificação */}
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="razao_social"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Razão Social</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="denominacao_serventia"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Denominação da Serventia</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6 md:col-span-4">
+                <FormField
+                  control={form.control}
+                  name="cnpj"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>CNPJ</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6 md:col-span-4">
+                <FormField
+                  control={form.control}
+                  name="cns"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>CNS</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6 md:col-span-4">
+                <FormField
+                  control={form.control}
+                  name="seq"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>SEQ</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {/* Localização */}
+              <div className="col-span-12 sm:col-span-8">
+                <FormField
+                  control={form.control}
+                  name="endereco"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Endereço</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-4">
+                <FormField
+                  control={form.control}
+                  name="endereco_numero"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Número</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="bairro"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Bairro</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="municipio"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Município</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-4 md:col-span-3">
+                <FormField
+                  control={form.control}
+                  name="uf"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>UF</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" maxLength={2} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-4 md:col-span-3">
+                <FormField
+                  control={form.control}
+                  name="cep"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>CEP</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {/* Contatos */}
+              <div className="col-span-12 sm:col-span-4 md:col-span-3">
+                <FormField
+                  control={form.control}
+                  name="telefone1"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Telefone</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-4 md:col-span-3">
+                <FormField
+                  control={form.control}
+                  name="fax"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Fax</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="email"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Email</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="email" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="home_page"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Site</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="url" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {/* Titular */}
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="nome_titular"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Nome do Titular</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="cpf_titular"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>CPF do Titular</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {/* Substituto */}
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="nome_substituto"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Nome do Substituto</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-6">
+                <FormField
+                  control={form.control}
+                  name="cpf_substituto"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>CPF do Substituto</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="text" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-12 sm:col-span-12">
+                <FormField
+                  control={form.control}
+                  name="email_substituto"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Email do Substituto</FormLabel>
+                      <FormControl>
+                        <Input {...field} type="email" />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Rodapé */}
+            <DialogFooter className="mt-6 flex flex-col justify-end gap-2 sm:flex-row">
+              <DialogClose asChild>
+                <Button variant="outline" type="button">
+                  Cancelar
+                </Button>
+              </DialogClose>
+              <LoadingButton
+                text="Salvar"
+                textLoading="Salvando..."
+                type="submit"
+                loading={buttonIsLoading}
+              />
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}

src/packages/administrativo/components/GCartorio/GCartorioIndex.tsx

@@ -0,0 +1,159 @@
+'use client';
+
+import { useEffect, useState, useCallback } from 'react';
+
+import { useGCartorioDeleteHook } from '@/packages/administrativo/hooks/GCartorio/useGCartorioDeleteHook';
+import { useGCartorioIndexHook } from '@/packages/administrativo/hooks/GCartorio/useGCartorioIndexHook';
+import { useGCartorioSaveHook } from '@/packages/administrativo/hooks/GCartorio/useGCartorioSaveHook';
+import GCartorioInterface from '@/packages/administrativo/interfaces/GCartorio/GCartorioInterface';
+import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
+import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
+import Loading from '@/shared/components/loading/loading';
+import Header from '@/shared/components/structure/Header';
+
+import GCartorioForm from './GCartorioForm';
+import GCartorioTable from './GCartorioTable';
+
+export default function GCartorioIndex() {
+  // Controle de estado do botão
+  const [buttonIsLoading, setButtonIsLoading] = useState(false);
+
+  // Hooks para leitura e salvamento
+  const { gGramatica, indexGCartorio } = useGCartorioIndexHook();
+  const { saveGCartorio } = useGCartorioSaveHook();
+  const { deleteGCartorio } = useGCartorioDeleteHook();
+
+  // Estados
+  const [selectedData, setSelectedData] = useState<GCartorioInterface | null>(null);
+  const [isFormOpen, setIsFormOpen] = useState(false);
+
+  // Estado para saber qual item será deletado
+  const [itemToDelete, setItemToDelete] = useState<GCartorioInterface | null>(null);
+
+  /**
+   * Hook do modal de confirmação
+   */
+  const { isOpen: isConfirmOpen, openDialog: openConfirmDialog, handleCancel } = useConfirmDialog();
+
+  /**
+   * Abre o formulário no modo de edição ou criação
+   */
+  const handleOpenForm = useCallback((data: GCartorioInterface | null) => {
+    setSelectedData(data);
+    setIsFormOpen(true);
+  }, []);
+
+  /**
+   * Fecha o formulário e limpa o andamento selecionado
+   */
+  const handleCloseForm = useCallback(() => {
+    setSelectedData(null);
+    setIsFormOpen(false);
+  }, []);
+
+  /**
+   * Salva os dados do formulário
+   */
+  const handleSave = useCallback(
+    async (formData: GCartorioInterface) => {
+      // Coloca o botão em estado de loading
+      setButtonIsLoading(true);
+
+      // Aguarda salvar o registro
+      await saveGCartorio(formData);
+
+      // Remove o botão em estado de loading
+      setButtonIsLoading(false);
+
+      // Atualiza a lista de dados
+      indexGCartorio();
+    },
+    [saveGCartorio, indexGCartorio, handleCloseForm],
+  );
+
+  /**
+   * Quando o usuário clica em "remover" na tabela
+   */
+  const handleConfirmDelete = useCallback(
+    (item: GCartorioInterface) => {
+      // Define o item atual para remoção
+      setItemToDelete(item);
+      // Abre o modal de confirmação
+      openConfirmDialog();
+    },
+    [openConfirmDialog],
+  );
+
+  /**
+   * Executa a exclusão de fato quando o usuário confirma
+   */
+  const handleDelete = useCallback(async () => {
+    // Protege contra null
+    if (!itemToDelete) return;
+
+    // Executa o Hook de remoção
+    await deleteGCartorio(itemToDelete);
+
+    // Atualiza a lista
+    await indexGCartorio();
+
+    // Limpa o item selecionado
+    setItemToDelete(null);
+
+    // Fecha o modal
+    handleCancel();
+  }, [itemToDelete, indexGCartorio, handleCancel]);
+
+  /**
+   * Busca inicial dos dados
+   */
+  useEffect(() => {
+    indexGCartorio();
+  }, []);
+
+  /**
+   * Tela de loading enquanto carrega os dados
+   */
+  if (gGramatica?.length == 0) {
+    return <Loading type={2} />;
+  }
+
+  return (
+    <div>
+      {/* Cabeçalho */}
+      <Header
+        title={'Cartório'}
+        description={'Cartório'}
+        buttonText={'Novo Cartório'}
+        buttonAction={() => {
+          handleOpenForm(null);
+        }}
+      />
+      {/* Tabela de andamentos */}
+      <GCartorioTable data={gGramatica} onEdit={handleOpenForm} onDelete={handleConfirmDelete} />
+      {/* Modal de confirmação */}
+      {isConfirmOpen && (
+        <ConfirmDialog
+          isOpen={isConfirmOpen}
+          title="Confirmar exclusão"
+          description="Atenção"
+          message={`Deseja realmente excluir o valor "${itemToDelete?.razao_social}"?`}
+          confirmText="Sim, excluir"
+          cancelText="Cancelar"
+          onConfirm={handleDelete}
+          onCancel={handleCancel}
+        />
+      )}
+      {/* Formulário de criação/edição */}
+      {isFormOpen && (
+        <GCartorioForm
+          isOpen={isFormOpen}
+          data={selectedData}
+          onClose={handleCloseForm}
+          onSave={handleSave}
+          buttonIsLoading={buttonIsLoading}
+        />
+      )}
+    </div>
+  );
+}

src/packages/administrativo/components/GCartorio/GCartorioTable.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import { DataTable } from '@/shared/components/dataTable/DataTable';
+
+import GCartorioTableInterface from '@/packages/administrativo/interfaces/GCartorio/GCartorioTableInterface';
+import GCartorioColumns from './GCartorioColumns';
+
+/**
+ * Componente principal da tabela de Naturezas
+ */
+export default function GCartorioTable({ data, onEdit, onDelete }: GCartorioTableInterface) {
+  const columns = GCartorioColumns(onEdit, onDelete);
+  return (
+    <div>
+      <DataTable
+        data={data}
+        columns={columns}
+        filterColumn="razao_social"
+        filterPlaceholder="Buscar por descrição da razão social..."
+      />
+    </div>
+  );
+}

src/packages/administrativo/components/GCidade/GCidadeForm.tsx

@@ -33,7 +33,7 @@ import {
 } from '@/components/ui/select';
 import { useGUfReadHook } from '@/packages/administrativo/hooks/GUF/useGUfReadHook';
 
-import { GCidadeSchema } from '../../schemas/GCidade/GCidadeSchema';
+import { GCidadeSchema } from '@/packages/administrativo/schemas/GCidade/GCidadeSchema';
 
 // Hook responsável em trazer todos os estados brasileiros
 

src/packages/administrativo/components/GCidade/GCidadeTable.tsx

@@ -20,7 +20,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 
-import GCidadeInterface from '../../interfaces/GCidade/GCidadeInterface';
+import GCidadeInterface from '@/packages/administrativo/interfaces/GCidade/GCidadeInterface';
 
 // Tipagem das props do componente da tabela
 interface GCidadeTableProps {

src/packages/administrativo/components/GEmolumento/GEmolumentoColumns.tsx

@@ -0,0 +1,85 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { EllipsisIcon, ListIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+import Link from 'next/link';
+
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+import { SortableHeader } from '@/shared/components/dataTable/SortableHeader';
+
+import GEmolumentoInterface from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoInterface';
+
+export default function GEmolumentoColumns(
+  onEdit: (item: GEmolumentoInterface, isEditingFormStatus: boolean) => void,
+  onDelete: (item: GEmolumentoInterface, isEditingFormStatus: boolean) => void,
+  emolumentoPeriodoId: number,
+): ColumnDef<GEmolumentoInterface>[] {
+  return [
+    // ID
+    {
+      accessorKey: 'emolumento_id',
+      header: ({ column }) => SortableHeader('ID', column),
+      cell: ({ row }) => Number(row.getValue('emolumento_id')),
+      enableSorting: true,
+    },
+
+    // Descrição
+    {
+      accessorKey: 'descricao',
+      header: ({ column }) => SortableHeader('Descrição', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('descricao') || '')),
+    },
+
+    // Ações
+    {
+      id: 'actions',
+      header: 'Ações',
+      cell: ({ row }) => {
+        const natureza = row.original;
+        return (
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" size="icon">
+                <EllipsisIcon />
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent side="left" align="start">
+              <DropdownMenuGroup>
+                <DropdownMenuItem onSelect={() => onEdit(natureza, true)}>
+                  <PencilIcon className="mr-2 h-4 w-4" />
+                  Editar
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem asChild>
+                  <Link
+                    href={`/administrativo/financeiro/emolumentos/${Number(row.getValue('emolumento_id'))}/${emolumentoPeriodoId}/itens`}
+                  >
+                    <ListIcon className="mr-2 h-4 w-4" />
+                    Itens
+                  </Link>
+                </DropdownMenuItem>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem
+                  className="text-red-600"
+                  onSelect={() => onDelete(natureza, true)}
+                >
+                  <Trash2Icon className="mr-2 h-4 w-4" />
+                  Remover
+                </DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        );
+      },
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ];
+}

src/packages/administrativo/components/GEmolumento/GEmolumentoForm.tsx

@@ -0,0 +1,366 @@
+'use client';
+
+import { HouseIcon, IdCardIcon } from 'lucide-react';
+import { useEffect } from 'react';
+
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { parseNumberInput } from '@/shared/actions/form/parseNumberInput';
+import { ResetFormIfData } from '@/shared/actions/form/ResetFormIfData';
+import LoadingButton from '@/shared/components/loadingButton/LoadingButton';
+import SistemasSelect from '@/shared/components/sistemas/SistemasSelect';
+import SituacoesSelect from '@/shared/components/situacoes/SituacoesSelect';
+import TipoEmolumentoSelect from '@/shared/components/tipoEmolumento/TipoAtoAnteriorSelect';
+
+import { useGEmolumentoFormHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoFormHook';
+import { GEmolumentoFormInterface } from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoFormInterface';
+import GSeloGrupoSelect from '../GSeloGrupo/GSeloGrupoSelect';
+
+/**
+ * Formulário de cadastro/edição de Natureza
+ * Baseado nos campos da tabela G_NATUREZA
+ */
+export default function GEmolumentoForm({
+  isOpen,
+  data,
+  onClose,
+  onSave,
+  buttonIsLoading,
+}: GEmolumentoFormInterface) {
+  const form = useGEmolumentoFormHook({});
+
+  // Atualiza o formulário quando recebe dados para edição
+  useEffect(() => {
+    ResetFormIfData(form, data);
+  }, [data, form]);
+
+  function onError(error: any) {
+    console.log('Erro no formulário:', error);
+  }
+
+  return (
+    <Dialog
+      open={isOpen}
+      onOpenChange={(open) => {
+        if (!open) onClose(null, false);
+      }}
+    >
+      <DialogContent className="w-full max-w-full p-6 sm:max-w-3xl md:max-w-2xl lg:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle className="text-lg sm:text-xl">Emolumento</DialogTitle>
+          <DialogDescription className="text-muted-foreground text-sm">
+            Formulário de Emolumento
+          </DialogDescription>
+        </DialogHeader>
+        {/* Formulário principal */}
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSave, onError)} className="space-y-6">
+            <Tabs defaultValue="geral" className="space-y-4">
+              <TabsList className="flex w-full">
+                <TabsTrigger className="flex-1 cursor-pointer text-center" value="geral">
+                  <HouseIcon className="me-1 inline" />
+                  Geral
+                </TabsTrigger>
+                <TabsTrigger className="flex-1 cursor-pointer text-center" value="registroImoveis">
+                  <IdCardIcon className="inline" />
+                  Registro de Imóveis
+                </TabsTrigger>
+              </TabsList>
+              <TabsContent value="geral" className="space-y-4">
+                {/* GRID MOBILE FIRST */}
+                <div className="grid w-full grid-cols-12 gap-4">
+                  {/* Descrição */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-12">
+                    <FormField
+                      control={form.control}
+                      name="descricao"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Descrição</FormLabel>
+                          <FormControl>
+                            <Input {...field} type="text" />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Tipo */}
+                  <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="tipo"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Tipo</FormLabel>
+                          <TipoEmolumentoSelect field={field} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Sistema ID */}
+                  <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="sistema_id"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Serventia</FormLabel>
+                          <SistemasSelect field={field} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Selo Grupo ID */}
+                  <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="selo_grupo_id"
+                      render={({ field }) => (
+                        <FormItem className="w-full">
+                          <FormLabel>Selo Grupo</FormLabel>
+                          <GSeloGrupoSelect field={field} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Registro/Averbação */}
+                  <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="reg_averb"
+                      render={({ field }) => (
+                        <FormItem className="w-full">
+                          <FormLabel>Registro/Averbação</FormLabel>
+                          <Input {...field} type="text" maxLength={1} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Situação */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="situacao"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Situação</FormLabel>
+                          <SituacoesSelect field={field} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Tipo Objetivo */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="tipo_objetivo"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Tipo Objetivo</FormLabel>
+                          <Input {...field} type="text" maxLength={3} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Modelo Tag */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="modelo_tag"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Modelo Tag</FormLabel>
+                          <Input {...field} type="text" maxLength={3} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+
+                  {/* Código Nota ID */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="codigo_nota_id"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Código Nota</FormLabel>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              type="number"
+                              step="0.01"
+                              onChange={(e) => field.onChange(parseNumberInput(e))}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </div>
+              </TabsContent>
+              <TabsContent value="registroImoveis" className="space-y-4">
+                {/* Pré-Definido */}
+                <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                  <FormField
+                    control={form.control}
+                    name="pre_definido"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Pré-Definido</FormLabel>
+                        <Input {...field} type="text" maxLength={1} />
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                {/* Motivo Redução */}
+                <div className="col-span-12 sm:col-span-8 md:col-span-6">
+                  <FormField
+                    control={form.control}
+                    name="motivo_reducao"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Motivo da Redução</FormLabel>
+                        <FormControl>
+                          <Input {...field} type="text" />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                {/* Valor Máximo Certidão */}
+                <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                  <FormField
+                    control={form.control}
+                    name="valor_maximo_certidao"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Valor Máximo Certidão</FormLabel>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            type="number"
+                            step="0.001"
+                            onChange={(e) => field.onChange(parseNumberInput(e))}
+                          />
+                        </FormControl>
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                {/* Com Redução */}
+                <div className="col-span-12 sm:col-span-4 md:col-span-6">
+                  <FormField
+                    control={form.control}
+                    name="com_reducao"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Com Redução</FormLabel>
+                        <Input {...field} type="text" maxLength={1} />
+                        <FormMessage />
+                      </FormItem>
+                    )}
+                  />
+                </div>
+                <div className="grid w-full grid-cols-12 gap-4">
+                  {/* Item DF */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="item_df"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Item DF</FormLabel>
+                          <Input {...field} type="text" maxLength={10} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                  {/* Convênio CODHAB */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="convenio_codhab"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Convênio CODHAB</FormLabel>
+                          <Input {...field} type="text" maxLength={1} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                  {/* Situação RI */}
+                  <div className="col-span-12 sm:col-span-6 md:col-span-6">
+                    <FormField
+                      control={form.control}
+                      name="situacao_ri"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Situação RI</FormLabel>
+                          <SituacoesSelect field={field} />
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </div>
+              </TabsContent>
+            </Tabs>
+            {/* Rodapé */}
+            <DialogFooter className="mt-6 flex flex-col justify-end gap-2 sm:flex-row">
+              <DialogClose asChild>
+                <Button variant="outline" type="button">
+                  Cancelar
+                </Button>
+              </DialogClose>
+              <LoadingButton
+                text="Salvar"
+                textLoading="Salvando..."
+                type="submit"
+                loading={buttonIsLoading}
+              />
+            </DialogFooter>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}

src/packages/administrativo/components/GEmolumento/GEmolumentoIndex.tsx

@@ -0,0 +1,175 @@
+'use client';
+
+import { useCallback, useEffect, useState } from 'react';
+
+import { useGEmolumentoDeleteHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoDeleteHook';
+import { useGEmolumentoIndexHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoIndexHook';
+import { useGEmolumentoSaveHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoSaveHook';
+import GEmolumentoInterface from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoInterface';
+import ConfirmDialog from '@/shared/components/confirmDialog/ConfirmDialog';
+import { useConfirmDialog } from '@/shared/components/confirmDialog/useConfirmDialog';
+import Loading from '@/shared/components/loading/loading';
+import Header from '@/shared/components/structure/Header';
+
+import GEmolumentoForm from './GEmolumentoForm';
+import GEmolumentoTable from './GEmolumentoTable';
+
+export default function GEmolumentoIndex() {
+  // Controle de estado do botão
+  const [buttonIsLoading, setButtonIsLoading] = useState(false);
+
+  // Hooks para leitura e salvamento
+  const { gGramatica, indexGEmolumento } = useGEmolumentoIndexHook();
+  const { saveGEmolumento } = useGEmolumentoSaveHook();
+  const { deleteGEmolumento } = useGEmolumentoDeleteHook();
+
+  // Estados
+  const [selectedData, setSelectedData] = useState<GEmolumentoInterface | null>(null);
+  const [isFormOpen, setIsFormOpen] = useState(false);
+
+  // Estado para saber qual item será deletado
+  const [itemToDelete, setItemToDelete] = useState<GEmolumentoInterface | null>(null);
+
+  // Estado para controlar o período selecionado
+  const [getEmolumentoPeriodoId, setEmolumentoPeriodoId] = useState<number | 0>(0);
+
+  /**
+   * Hook do modal de confirmação
+   */
+  const { isOpen: isConfirmOpen, openDialog: openConfirmDialog, handleCancel } = useConfirmDialog();
+
+  /**
+   * Executa consulta ao selecionar um período
+   */
+  const handleSelectedEmolumentoPeriodo = (emolumentoPeriodoId: number) => {
+    setEmolumentoPeriodoId(emolumentoPeriodoId);
+  };
+
+  /**
+   * Abre o formulário no modo de edição ou criação
+   */
+  const handleOpenForm = useCallback((data: GEmolumentoInterface | null) => {
+    setSelectedData(data);
+    setIsFormOpen(true);
+  }, []);
+
+  /**
+   * Fecha o formulário e limpa o andamento selecionado
+   */
+  const handleCloseForm = useCallback(() => {
+    setSelectedData(null);
+    setIsFormOpen(false);
+  }, []);
+
+  /**
+   * Salva os dados do formulário
+   */
+  const handleSave = useCallback(
+    async (formData: GEmolumentoInterface) => {
+      // Coloca o botão em estado de loading
+      setButtonIsLoading(true);
+
+      // Aguarda salvar o registro
+      await saveGEmolumento(formData);
+
+      // Remove o botão em estado de loading
+      setButtonIsLoading(false);
+
+      // Atualiza a lista de dados
+      indexGEmolumento();
+    },
+    [saveGEmolumento, indexGEmolumento, handleCloseForm],
+  );
+
+  /**
+   * Quando o usuário clica em "remover" na tabela
+   */
+  const handleConfirmDelete = useCallback(
+    (item: GEmolumentoInterface) => {
+      // Define o item atual para remoção
+      setItemToDelete(item);
+      // Abre o modal de confirmação
+      openConfirmDialog();
+    },
+    [openConfirmDialog],
+  );
+
+  /**
+   * Executa a exclusão de fato quando o usuário confirma
+   */
+  const handleDelete = useCallback(async () => {
+    // Protege contra null
+    if (!itemToDelete) return;
+
+    // Executa o Hook de remoção
+    await deleteGEmolumento(itemToDelete);
+
+    // Atualiza a lista
+    await indexGEmolumento();
+
+    // Limpa o item selecionado
+    setItemToDelete(null);
+
+    // Fecha o modal
+    handleCancel();
+  }, [itemToDelete, indexGEmolumento, handleCancel]);
+
+  /**
+   * Busca inicial dos dados
+   */
+  useEffect(() => {
+    indexGEmolumento();
+  }, []);
+
+  /**
+   * Tela de loading enquanto carrega os dados
+   */
+  if (gGramatica?.length == 0) {
+    return <Loading type={2} />;
+  }
+
+  return (
+    <div>
+      {/* Cabeçalho */}
+      <Header
+        title={'Emolumentos'}
+        description={'Emolumentos'}
+        buttonText={'Novo emolumento'}
+        buttonAction={() => {
+          handleOpenForm(null);
+        }}
+      />
+      {/* Tabela de andamentos */}
+      <GEmolumentoTable
+        data={gGramatica}
+        onEdit={handleOpenForm}
+        onDelete={handleConfirmDelete}
+        onSelectedEmolumentoPeriodo={handleSelectedEmolumentoPeriodo}
+        emolumentoPeriodoId={Number(getEmolumentoPeriodoId)}
+      />
+      {/* Modal de confirmação */}
+      {isConfirmOpen && (
+        <ConfirmDialog
+          isOpen={isConfirmOpen}
+          title="Confirmar exclusão"
+          description="Atenção"
+          message={`Deseja realmente excluir o valor "${itemToDelete?.descricao}"?`}
+          confirmText="Sim, excluir"
+          cancelText="Cancelar"
+          onConfirm={handleDelete}
+          onCancel={handleCancel}
+        />
+      )}
+      {/* Formulário de criação/edição */}
+      {isFormOpen && (
+        <GEmolumentoForm
+          isOpen={isFormOpen}
+          data={selectedData}
+          onClose={handleCloseForm}
+          onSave={handleSave}
+          buttonIsLoading={buttonIsLoading}
+        />
+      )}
+    </div>
+  );
+}

src/packages/administrativo/components/GEmolumento/GEmolumentoSelect.tsx

@@ -1,6 +1,8 @@
 'use client'; // Garante execução no cliente (Next.js App Router)
 
+import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
 import React from 'react';
+
 import { Button } from '@/components/ui/button';
 import {
   Command,
@@ -13,10 +15,9 @@ import {
 import { FormControl } from '@/components/ui/form';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
 import { cn } from '@/lib/utils';
-import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
+import { useGEmolumentoReadHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoReadHook';
+import { GEmolumentoReadInterface } from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoReadInterface';
 import GetCapitalize from '@/shared/actions/text/GetCapitalize';
-import { useGEmolumentoReadHook } from '@/app/(protected)/(cadastros)/cadastros/_hooks/g_emolumento/useGEmolumentoReadHook';
-import { GEmolumentoReadInterface } from '@/app/(protected)/(cadastros)/cadastros/_interfaces/GEmolumentoReadInterface';
 
 // Tipagem das props do componente
 interface GEmolumentoSelectProps {
@@ -127,7 +128,7 @@ export default function GEmolumentoSelect({
                     if (onSelectChange)
                       onSelectChange({
                         key: Number(item.emolumento_id),
-                        value: item.descricao,
+                        value: item.descricao ?? '',
                       });
 
                     // Fecha o popover

src/packages/administrativo/components/GEmolumento/GEmolumentoServicoSelect.tsx

@@ -0,0 +1,150 @@
+'use client';
+
+import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
+import { Button } from '@/components/ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command';
+import { FormControl } from '@/components/ui/form';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { cn } from '@/lib/utils';
+import { useGEmolumentoReadHook } from '@/packages/administrativo/hooks/GEmolumento/useGEmolumentoReadHook';
+import { GEmolumentoReadInterface } from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoReadInterface';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+
+// Tipagem das props do componente
+interface GEmolumentoSelectProps {
+  sistema_id: number;
+  field: any;
+  onSelectChange?: (emolumento: { emolumento_id: number; descricao: string }) => void;
+  className?: string;
+}
+
+// Componente principal do select de emolumentos
+export default function GEmolumentoServicoSelect({
+  sistema_id,
+  field,
+  onSelectChange,
+  className,
+}: GEmolumentoSelectProps) {
+  const [open, setOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+
+  // Define parâmetros de leitura para o hook que busca os emolumentos
+  const gEmolumentoReadParams: GEmolumentoReadInterface = {
+    sistema_id,
+    urlParams: { situacao: 'A' },
+  };
+  const { gEmolumento = [], fetchGEmolumento } = useGEmolumentoReadHook();
+
+  /**
+   * Efeito para buscar os dados apenas uma vez.
+   */
+  const loadData = useCallback(async () => {
+    if (gEmolumento.length) return;
+    setIsLoading(true);
+    await fetchGEmolumento(gEmolumentoReadParams);
+    setIsLoading(false);
+  }, [gEmolumento.length, fetchGEmolumento, gEmolumentoReadParams]);
+
+  useEffect(() => {
+    loadData();
+  }, [loadData]);
+
+  /**
+   * Memoriza o item selecionado para evitar reprocessamentos.
+   */
+  const selected = useMemo(
+    () => gEmolumento.find((item) => String(item.emolumento_id) === String(field?.value?.id ?? '')),
+    [gEmolumento, field?.value],
+  );
+
+  /**
+   * Manipulador de seleção com verificação segura.
+   */
+  const handleSelect = useCallback(
+    (item: any) => {
+      if (!field?.onChange) return;
+
+      const selectedValue = {
+        emolumento_id: Number(item.emolumento_id),
+        descricao: item.descricao,
+        sistema_id: item.sistema_id,
+      };
+
+      field.onChange(selectedValue);
+
+      if (onSelectChange) onSelectChange(selectedValue);
+
+      setOpen(false);
+    },
+    [field, onSelectChange],
+  );
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <FormControl className="w-full">
+          <Button
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            disabled={isLoading}
+            className={cn(
+              'min-h-[2.5rem] w-full justify-between text-left break-words whitespace-normal',
+              className,
+            )}
+          >
+            {isLoading
+              ? 'Carregando...'
+              : field.value?.descricao
+                ? GetCapitalize(field.value.descricao)
+                : 'Selecione emolumento'}
+            <ChevronsUpDownIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </FormControl>
+      </PopoverTrigger>
+
+      <PopoverContent
+        align="start"
+        side="bottom"
+        className="w-[var(--radix-popover-trigger-width)] max-w-full p-0"
+      >
+        <Command>
+          <CommandInput placeholder="Buscar emolumentos..." disabled={isLoading} />
+          <CommandList>
+            <CommandEmpty>
+              {isLoading ? 'Carregando...' : 'Nenhum resultado encontrado.'}
+            </CommandEmpty>
+            <CommandGroup>
+              {gEmolumento.map((item) => (
+                <CommandItem
+                  key={item.emolumento_id}
+                  value={item.descricao?.toLowerCase() ?? ''}
+                  onSelect={() => handleSelect(item)}
+                >
+                  <CheckIcon
+                    className={cn(
+                      'mr-2 h-4 w-4',
+                      String(field?.value?.emolumento_id ?? '') === String(item.emolumento_id)
+                        ? 'opacity-100'
+                        : 'opacity-0',
+                    )}
+                  />
+                  {GetCapitalize(item.descricao ?? '')}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}

src/packages/administrativo/components/GEmolumento/GEmolumentoTable.tsx

@@ -0,0 +1,31 @@
+'use client';
+
+import { DataTable } from '@/shared/components/dataTable/DataTable';
+
+import GEmolumentoTableInterface from '@/packages/administrativo/interfaces/GEmolumento/GEmolumentoTableInterface';
+import GEmolumentoPeriodoSelect from '../GEmolumentoPeriodo/GEmolumentoPeriodoSelect';
+import GEmolumentoColumns from './GEmolumentoColumns';
+
+/**
+ * Componente principal da tabela de Naturezas
+ */
+export default function GEmolumentoTable({
+  data,
+  onEdit,
+  onDelete,
+  onSelectedEmolumentoPeriodo,
+  emolumentoPeriodoId,
+}: GEmolumentoTableInterface) {
+  const columns = GEmolumentoColumns(onEdit, onDelete, emolumentoPeriodoId);
+  return (
+    <div>
+      <GEmolumentoPeriodoSelect onSelectedEmolumentoPeriodo={onSelectedEmolumentoPeriodo} />
+      <DataTable
+        data={data}
+        columns={columns}
+        filterColumn="descricao"
+        filterPlaceholder="Buscar por descrição da natureza..."
+      />
+    </div>
+  );
+}

src/packages/administrativo/components/GEmolumentoItem/GEmolumentoItemColumns.tsx

@@ -0,0 +1,92 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { EllipsisIcon, PencilIcon, Trash2Icon } from 'lucide-react';
+
+import { Button } from '@/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+import { SortableHeader } from '@/shared/components/dataTable/SortableHeader';
+
+import GEmolumentoItemInterface from '@/packages/administrativo/interfaces/GEmolumentoItem/GEmolumentoItemInterface';
+
+export default function GEmolumentoItemColumns(
+  onEdit: (item: GEmolumentoItemInterface, isEditingFormStatus: boolean) => void,
+  onDelete: (item: GEmolumentoItemInterface, isEditingFormStatus: boolean) => void,
+): ColumnDef<GEmolumentoItemInterface>[] {
+  return [
+    // ID
+    {
+      accessorKey: 'emolumento_item_id',
+      header: ({ column }) => SortableHeader('ID', column),
+      cell: ({ row }) => Number(row.getValue('emolumento_item_id')),
+      enableSorting: true,
+    },
+
+    // Valor Início
+    {
+      accessorKey: 'valor_inicio',
+      header: ({ column }) => SortableHeader('Valor Inicial', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_inicio') || '')),
+    },
+
+    // Valor Fim
+    {
+      accessorKey: 'valor_fim',
+      header: ({ column }) => SortableHeader('Valor Final', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_fim') || '')),
+    },
+
+    // Taxa Judiciárioa
+    {
+      accessorKey: 'valor_taxa_judiciaria',
+      header: ({ column }) => SortableHeader('Taxa Judiciária', column),
+      cell: ({ row }) => GetCapitalize(String(row.getValue('valor_taxa_judiciaria') || '')),
+    },
+
+    // Ações
+    {
+      id: 'actions',
+      header: 'Ações',
+      cell: ({ row }) => {
+        const natureza = row.original;
+
+        return (
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button variant="ghost" size="icon">
+                <EllipsisIcon />
+              </Button>
+            </DropdownMenuTrigger>
+
+            <DropdownMenuContent side="left" align="start">
+              <DropdownMenuGroup>
+                <DropdownMenuItem onSelect={() => onEdit(natureza, true)}>
+                  <PencilIcon className="mr-2 h-4 w-4" />
+                  Editar
+                </DropdownMenuItem>
+
+                <DropdownMenuSeparator />
+
+                <DropdownMenuItem
+                  className="text-red-600"
+                  onSelect={() => onDelete(natureza, true)}
+                >
+                  <Trash2Icon className="mr-2 h-4 w-4" />
+                  Remover
+                </DropdownMenuItem>
+              </DropdownMenuGroup>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        );
+      },
+      enableSorting: false,
+      enableHiding: false,
+    },
+  ];
+}