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>

eslint.config.mjs

@@ -1,74 +1,70 @@
-import js from "@eslint/js";
-import reactPlugin from "eslint-plugin-react";
-import reactHooks from "eslint-plugin-react-hooks";
-import jsxA11y from "eslint-plugin-jsx-a11y";
-import importPlugin from "eslint-plugin-import";
-import tseslint from "typescript-eslint";
+import js from '@eslint/js';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import jsxA11y from 'eslint-plugin-jsx-a11y';
+import importPlugin from 'eslint-plugin-import';
+import tseslint from 'typescript-eslint';
 
 export default [
-    js.configs.recommended,
-    ...tseslint.configs.recommended,
-    {
-        files: ["**/*.ts", "**/*.tsx"],
-        ignores: ["node_modules/**", ".next/**", "out/**", "dist/**"],
-        languageOptions: {
-            ecmaVersion: "latest",
-            sourceType: "module",
-            parser: tseslint.parser,
-            parserOptions: {
-                project: "./tsconfig.json",
-            },
-            globals: {
-                React: true,
-                JSX: true,
-            },
-        },
-        plugins: {
-            react: reactPlugin,
-            "react-hooks": reactHooks,
-            "jsx-a11y": jsxA11y,
-            import: importPlugin,
-        },
-        settings: {
-            react: { version: "detect" },
-            "import/resolver": {
-                typescript: {
-                    alwaysTryTypes: true,
-                    project: "./tsconfig.json",
-                },
-                node: {
-                    extensions: [".js", ".jsx", ".ts", ".tsx"],
-                },
-            },
-        },
-        rules: {
-            "react/react-in-jsx-scope": "off",
-            "react/jsx-uses-react": "off",
-            "react/jsx-uses-vars": "warn",
-            "react-hooks/rules-of-hooks": "error",
-            "react-hooks/exhaustive-deps": "warn",
-            "import/order": [
-                "error",
-                {
-                    groups: [
-                        ["builtin", "external"],
-                        ["internal"],
-                        ["parent", "sibling", "index"],
-                    ],
-                    pathGroups: [
-                        {
-                            pattern: "@/**",
-                            group: "internal",
-                            position: "after",
-                        },
-                    ],
-                    alphabetize: { order: "asc", caseInsensitive: true },
-                    "newlines-between": "always",
-                },
-            ],
-            "import/no-duplicates": "error",
-            "import/newline-after-import": ["error", { count: 1 }],
-            "no-unused-vars": "warn",
-        },
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    ignores: ['node_modules/**', '.next/**', 'out/**', 'dist/**'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser: tseslint.parser,
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+      globals: {
+        React: true,
+        JSX: true,
+      },
     },
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': reactHooks,
+      'jsx-a11y': jsxA11y,
+      import: importPlugin,
+    },
+    settings: {
+      react: { version: 'detect' },
+      'import/resolver': {
+        typescript: {
+          alwaysTryTypes: true,
+          project: './tsconfig.json',
+        },
+        node: {
+          extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        },
+      },
+    },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'react/jsx-uses-react': 'off',
+      'react/jsx-uses-vars': 'warn',
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      'import/order': [
+        'error',
+        {
+          groups: [['builtin', 'external'], ['internal'], ['parent', 'sibling', 'index']],
+          pathGroups: [
+            {
+              pattern: '@/**',
+              group: 'internal',
+              position: 'after',
+            },
+          ],
+          alphabetize: { order: 'asc', caseInsensitive: true },
+          'newlines-between': 'always',
+        },
+      ],
+      'import/no-duplicates': 'error',
+      'import/newline-after-import': ['error', { count: 1 }],
+      'no-unused-vars': 'warn',
+    },
+  },
 ];

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/andamentos/page.tsx

@@ -1,9 +1,5 @@
-import TTBAndamentoServicoIndex from "@/packages/administrativo/components/TTBAndamentoServico/TTBAndamentoServicoIndex";
+import TTBAndamentoServicoIndex from '@/packages/administrativo/components/TTBAndamentoServico/TTBAndamentoServicoIndex';
 
 export default function TAtoParteTipo() {
-
-    return (
-        < TTBAndamentoServicoIndex />
-    );
-
-}
+  return <TTBAndamentoServicoIndex />;
+}

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

@@ -1,9 +1,5 @@
-import TAtoParteTipoIndex from "@/packages/administrativo/components/TAtoParteTipo/TAtoParteTipoIndex";
+import TAtoParteTipoIndex from '@/packages/administrativo/components/TAtoParteTipo/TAtoParteTipoIndex';
 
 export default function TAtoParteTipo() {
-
-    return (
-        < TAtoParteTipoIndex />
-    );
-
-}
+  return <TAtoParteTipoIndex />;
+}

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

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBBairroIndex from "@/packages/administrativo/components/GTBBairro/GTBBairroIndex";
+import GTBBairroIndex from '@/packages/administrativo/components/GTBBairro/GTBBairroIndex';
 
 export default function GCidadePage() {
-    return (
-        < GTBBairroIndex />
-    );
+  return <GTBBairroIndex />;
 }

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/naturezas/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecTipoNaturezaIndex from "@/packages/administrativo/components/TCensecTipoNatureza/TCensecTipoNaturezaIndex";
+import TCensecTipoNaturezaIndex from '@/packages/administrativo/components/TCensecTipoNatureza/TCensecTipoNaturezaIndex';
 
 export default function TCensecTipoNaturezaPage() {
-  return (
-    < TCensecTipoNaturezaIndex />
-  );
+  return <TCensecTipoNaturezaIndex />;
 }

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

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

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

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecQualidadeIndex from "@/packages/administrativo/components/TCensecQualidade/TCensecQualidadeIndex";
+import TCensecQualidadeIndex from '@/packages/administrativo/components/TCensecQualidade/TCensecQualidadeIndex';
 
 export default function TCensecQualidadePage() {
-  return (
-    < TCensecQualidadeIndex />
-  );
+  return <TCensecQualidadeIndex />;
 }

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

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecIndex from "@/packages/administrativo/components/TCensec/TCensecIndex";
+import TCensecIndex from '@/packages/administrativo/components/TCensec/TCensecIndex';
 
 export default function GTBEstadoCivilPage() {
-    return (
-        < TCensecIndex />
-    );
+  return <TCensecIndex />;
 }

src/app/(protected)/(administrativo)/administrativo/centrais/censec/naturezas-litigios/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecNaturezaLitigioIndex from "@/packages/administrativo/components/TCensecNaturezaLitigio/TCensecNaturezaLitigioIndex";
+import TCensecNaturezaLitigioIndex from '@/packages/administrativo/components/TCensecNaturezaLitigio/TCensecNaturezaLitigioIndex';
 
 export default function GCidadePage() {
-    return (
-        < TCensecNaturezaLitigioIndex />
-    );
+  return <TCensecNaturezaLitigioIndex />;
 }

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

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecQualidadeIndex from "@/packages/administrativo/components/TCensecQualidade/TCensecQualidadeIndex";
+import TCensecQualidadeIndex from '@/packages/administrativo/components/TCensecQualidade/TCensecQualidadeIndex';
 
 export default function GTBEstadoCivilPage() {
-    return (
-        < TCensecQualidadeIndex />
-    );
+  return <TCensecQualidadeIndex />;
 }

src/app/(protected)/(administrativo)/administrativo/centrais/censec/tipos-atos/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import TCensecTipoAtoIndex from "@/packages/administrativo/components/TCensecTipoAto/TCensecTipoAtoIndex";
+import TCensecTipoAtoIndex from '@/packages/administrativo/components/TCensecTipoAto/TCensecTipoAtoIndex';
 
 export default function GTBEstadoCivilPage() {
-    return (
-        < TCensecTipoAtoIndex />
-    );
+  return <TCensecTipoAtoIndex />;
 }

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

@@ -1,9 +1,7 @@
 'use client';
 
-import GCidadeIndex from "@/packages/administrativo/components/GCidade/GCidadeIndex";
+import GCidadeIndex from '@/packages/administrativo/components/GCidade/GCidadeIndex';
 
 export default function GCidadePage() {
-    return (
-        < GCidadeIndex />
-    );
+  return <GCidadeIndex />;
 }

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

@@ -1,9 +1,5 @@
-import GGramaticaIndex from "@/packages/administrativo/components/GGramatica/GGramaticaIndex";
+import GGramaticaIndex from '@/packages/administrativo/components/GGramatica/GGramaticaIndex';
 
 export default function GGramaticaPage() {
-
-    return (
-        <GGramaticaIndex />
-    );
-
-}
+  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/imoveis/rurais/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import TImovelIndex from "@/packages/administrativo/components/TImovel/TImovelIndex";
+import TImovelIndex from '@/packages/administrativo/components/TImovel/TImovelIndex';
 
 export default function TImovelRuralPage() {
   return (

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

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBTipoLogradouroIndex from "@/packages/administrativo/components/GTBTipoLogradouro/GTBTipoLogradouroIndex";
+import GTBTipoLogradouroIndex from '@/packages/administrativo/components/GTBTipoLogradouro/GTBTipoLogradouroIndex';
 
 export default function GMedidaTipoPage() {
-    return (
-        < GTBTipoLogradouroIndex />
-    );
+  return <GTBTipoLogradouroIndex />;
 }

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

@@ -1,6 +1,6 @@
 'use client';
 
-import TImovelIndex from "@/packages/administrativo/components/TImovel/TImovelIndex";
+import TImovelIndex from '@/packages/administrativo/components/TImovel/TImovelIndex';
 
 export default function TImovelUrbanoPage() {
   return (
@@ -10,4 +10,4 @@ export default function TImovelUrbanoPage() {
       tipoClasse={1}
     />
   );
-}
+}

src/app/(protected)/(administrativo)/administrativo/medidas/tipos/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import GMedidaTipoIndex from "@/packages/administrativo/components/GMedidaTipo/GMedidaTipoIndex";
+import GMedidaTipoIndex from '@/packages/administrativo/components/GMedidaTipo/GMedidaTipoIndex';
 
 export default function GMedidaTipoPage() {
-    return (
-        < GMedidaTipoIndex />
-    );
+  return <GMedidaTipoIndex />;
 }

src/app/(protected)/(administrativo)/administrativo/minutas/naturezas/page.tsx

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

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/pessoas/estados-civis/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBEstadoCivilIndex from "@/packages/administrativo/components/GTBEstadoCivil/GTBEstadoCivilIndex";
+import GTBEstadoCivilIndex from '@/packages/administrativo/components/GTBEstadoCivil/GTBEstadoCivilIndex';
 
 export default function GTBEstadoCivilPage() {
-    return (
-        < GTBEstadoCivilIndex />
-    );
+  return <GTBEstadoCivilIndex />;
 }

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

@@ -3,7 +3,5 @@
 import TPessoaFisicaIndex from '@/packages/administrativo/components/TPessoa/TPessoaFisica/TPessoaFisicaIndex';
 
 export default function TPessoaFisica() {
-  return (
-    <TPessoaFisicaIndex />
-  );
+  return <TPessoaFisicaIndex />;
 }

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

@@ -3,8 +3,5 @@
 import TPessoaJuridicaIndex from '@/packages/administrativo/components/TPessoa/TPessoaJuridica/TPessoaJuridicaIndex';
 
 export default function TPessoaFisica() {
-
-  return (
-    <TPessoaJuridicaIndex />
-  );
+  return <TPessoaJuridicaIndex />;
 }

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

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBProfissaoIndex from "@/packages/administrativo/components/GTBProfissao/GTBProfissaoIndex";
+import GTBProfissaoIndex from '@/packages/administrativo/components/GTBProfissao/GTBProfissaoIndex';
 
 export default function GTBEstadoCivilPage() {
-    return (
-        < GTBProfissaoIndex />
-    );
+  return <GTBProfissaoIndex />;
 }

src/app/(protected)/(administrativo)/administrativo/pessoas/regimes-bens/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBRegimeBensIndex from "@/packages/administrativo/components/GTBRegimeBens/GTBRegimeBensIndex";
+import GTBRegimeBensIndex from '@/packages/administrativo/components/GTBRegimeBens/GTBRegimeBensIndex';
 
 export default function GTBRegimeBensPage() {
-    return (
-        < GTBRegimeBensIndex />
-    );
+  return <GTBRegimeBensIndex />;
 }

src/app/(protected)/(administrativo)/administrativo/pessoas/regimes-comunhao/page.tsx

@@ -1,9 +1,7 @@
 'use client';
 
-import GTBRegimeComunhaoIndex from "@/packages/administrativo/components/GTBRegimeComunhao/GTBRegimeComunhaoIndex";
+import GTBRegimeComunhaoIndex from '@/packages/administrativo/components/GTBRegimeComunhao/GTBRegimeComunhaoIndex';
 
 export default function GTBRegimeBensPage() {
-    return (
-        < GTBRegimeComunhaoIndex />
-    );
+  return <GTBRegimeComunhaoIndex />;
 }

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

@@ -1,9 +1,5 @@
-import TTBReconhecimentoTipoIndex from "@/packages/administrativo/components/TTBReconhecimentoTipo/TTBReconhecimentoTipoIndex";
+import TTBReconhecimentoTipoIndex from '@/packages/administrativo/components/TTBReconhecimentoTipo/TTBReconhecimentoTipoIndex';
 
 export default function TAtoParteTipo() {
-
-    return (
-        < TTBReconhecimentoTipoIndex />
-    );
-
-}
+  return <TTBReconhecimentoTipoIndex />;
+}

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

@@ -1,11 +1,5 @@
-import GNaturezaTituloIndex from "@/packages/administrativo/components/GNaturezaTitulo/GNaturezaTituloIndex";
+import GNaturezaTituloIndex from '@/packages/administrativo/components/GNaturezaTitulo/GNaturezaTituloIndex';
 
 export default function GNaturezaPage() {
-
-    return (
-        <GNaturezaTituloIndex
-            sistema_id={2}
-        />
-    );
-
-}
+  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)/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,50 +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,54 +1,51 @@
 '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();
+  const { userAuthenticated } = useGUsuarioGetJWTHook();
 
-    // Inicializa time como null para renderizar só no cliente
-    const [time, setTime] = useState<Date | null>(null);
+  // Inicializa time como null para renderizar só no cliente
+  const [time, setTime] = useState<Date | null>(null);
 
-    useEffect(() => {
-        setTime(new Date()); // define data inicial no cliente
-        const interval = setInterval(() => setTime(new Date()), 1000);
-        return () => clearInterval(interval);
-    }, []);
+  useEffect(() => {
+    setTime(new Date()); // define data inicial no cliente
+    const interval = setInterval(() => setTime(new Date()), 1000);
+    return () => clearInterval(interval);
+  }, []);
 
-    // Se ainda não temos a hora, renderiza nada para evitar mismatch
-    if (!time || !userAuthenticated?.data) return null;
+  // Se ainda não temos a hora, renderiza nada para evitar mismatch
+  if (!time || !userAuthenticated?.data) return null;
 
-    const hours = time.getHours();
-    const greeting =
-        hours < 12 ? 'Bom dia' : hours < 18 ? 'Boa tarde' : 'Boa noite';
+  const hours = time.getHours();
+  const greeting = hours < 12 ? 'Bom dia' : hours < 18 ? 'Boa tarde' : 'Boa noite';
 
-    const formattedDate = time.toLocaleDateString('pt-BR', {
-        weekday: 'long',
-        day: '2-digit',
-        month: 'long',
-    });
-    const formattedTime = time.toLocaleTimeString('pt-BR');
+  const formattedDate = time.toLocaleDateString('pt-BR', {
+    weekday: 'long',
+    day: '2-digit',
+    month: 'long',
+  });
+  const formattedTime = time.toLocaleTimeString('pt-BR');
 
-    return (
-        <main className="fixed inset-0 flex flex-col items-center justify-center text-gray-800 overflow-hidden select-none">
-            <section className="text-center max-w-md px-4">
-                <h1 className="text-4xl font-bold mb-2">
-                    {greeting},{' '}
-                    <span className="text-blue-600">{userAuthenticated.data.nome}</span>{' '}
-                    👋
-                </h1>
+  return (
+    <main className="fixed inset-0 flex flex-col items-center justify-center overflow-hidden text-gray-800 select-none">
+      <section className="max-w-md px-4 text-center">
+        <h1 className="mb-2 text-4xl font-bold">
+          {greeting}, <span className="text-blue-600">{userAuthenticated.data.nome}</span> 👋
+        </h1>
 
-                <p className="text-gray-600 text-sm mb-6">
-                    Hoje é <strong>{formattedDate}</strong>, {formattedTime}
-                </p>
+        <p className="mb-6 text-sm text-gray-600">
+          Hoje é <strong>{formattedDate}</strong>, {formattedTime}
+        </p>
 
-                <div className="rounded-2xl p-6">
-                    <p className="text-gray-700 leading-relaxed">
-                        Que bom ter você de volta! 🎉
-                        Aproveite o seu dia e continue alcançando seus objetivos.
-                    </p>
-                </div>
-            </section>
-        </main>
-    );
+        <div className="rounded-2xl p-6">
+          <p className="leading-relaxed text-gray-700">
+            Que bom ter você de volta! 🎉 Aproveite o seu dia e continue alcançando seus objetivos.
+          </p>
+        </div>
+      </section>
+    </main>
+  );
 }

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,124 +1,111 @@
 'use client';
 
 import React, { useState } from 'react';
-import {
-    AlertDialog,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-    AlertDialogAction,
-} from '@/components/ui/alert-dialog';
 
 import {
-    InputOTP,
-    InputOTPGroup,
-    InputOTPSlot,
-} from '@/components/ui/input-otp';
+  AlertDialog,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogAction,
+} from '@/components/ui/alert-dialog';
+import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp';
 
 interface ConfirmExclusionProps {
-    isOpen: boolean;
-    title: string;
-    description?: string;
-    expectedCode: string;
-    confirmText?: string;
-    cancelText?: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    onResendCode: () => void; // Função para reenviar o código
+  isOpen: boolean;
+  title: string;
+  description?: string;
+  expectedCode: string;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  onResendCode: () => void; // Função para reenviar o código
 }
 
 export default function ConfirmExclusion({
-    isOpen,
-    title,
-    description,
-    expectedCode,
-    confirmText = 'Continuar',
-    cancelText = 'Cancelar',
-    onConfirm,
-    onCancel,
-    onResendCode, // A função para reenvio do código
+  isOpen,
+  title,
+  description,
+  expectedCode,
+  confirmText = 'Continuar',
+  cancelText = 'Cancelar',
+  onConfirm,
+  onCancel,
+  onResendCode, // A função para reenvio do código
 }: ConfirmExclusionProps) {
-    const [code, setCode] = useState('');
-    const [isValid, setIsValid] = useState(false);
-    const [isResending, setIsResending] = useState(false); // Novo estado para controle de envio do código
+  const [code, setCode] = useState('');
+  const [isValid, setIsValid] = useState(false);
+  const [isResending, setIsResending] = useState(false); // Novo estado para controle de envio do código
 
-    const handleChange = (value: string) => {
-        setCode(value);
-        setIsValid(value === expectedCode);
-    };
+  const handleChange = (value: string) => {
+    setCode(value);
+    setIsValid(value === expectedCode);
+  };
 
-    const handleResendCode = async () => {
-        setIsResending(true);
-        try {
-            await onResendCode(); // Chamando a função de reenvio
-        } catch (error) {
-            console.error("Erro ao reenviar código", error);
-        } finally {
-            setIsResending(false); // Resetando o estado de envio
-        }
-    };
+  const handleResendCode = async () => {
+    setIsResending(true);
+    try {
+      await onResendCode(); // Chamando a função de reenvio
+    } catch (error) {
+      console.error('Erro ao reenviar código', error);
+    } finally {
+      setIsResending(false); // Resetando o estado de envio
+    }
+  };
 
-    return (
-        <AlertDialog open={isOpen} onOpenChange={(open) => !open && onCancel()}>
-            <AlertDialogContent className="max-w-lg mx-auto p-6">
-                <AlertDialogHeader className="text-center">
-                    <AlertDialogTitle className="text-xl font-semibold text-center">{title}</AlertDialogTitle>
-                    {description && (
-                        <AlertDialogDescription className="mt-2 text-sm text-muted-foreground text-center">
-                            {description}
-                        </AlertDialogDescription>
-                    )}
-                </AlertDialogHeader>
+  return (
+    <AlertDialog open={isOpen} onOpenChange={(open) => !open && onCancel()}>
+      <AlertDialogContent className="mx-auto max-w-lg p-6">
+        <AlertDialogHeader className="text-center">
+          <AlertDialogTitle className="text-center text-xl font-semibold">{title}</AlertDialogTitle>
+          {description && (
+            <AlertDialogDescription className="text-muted-foreground mt-2 text-center text-sm">
+              {description}
+            </AlertDialogDescription>
+          )}
+        </AlertDialogHeader>
 
-                <div className="py-4 text-sm text-muted-foreground space-y-4">
-                    <div className="flex justify-center">
-                        <InputOTP
-                            maxLength={expectedCode.length}
-                            value={code}
-                            onChange={handleChange}
-                        >
-                            <InputOTPGroup className="flex gap-4">
-                                {expectedCode.split('').map((_, index) => (
-                                    <InputOTPSlot
-                                        key={index}
-                                        index={index}
-                                        className="w-12 h-12 text-center text-lg border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
-                                    />
-                                ))}
-                            </InputOTPGroup>
-                        </InputOTP>
-                    </div>
+        <div className="text-muted-foreground space-y-4 py-4 text-sm">
+          <div className="flex justify-center">
+            <InputOTP maxLength={expectedCode.length} value={code} onChange={handleChange}>
+              <InputOTPGroup className="flex gap-4">
+                {expectedCode.split('').map((_, index) => (
+                  <InputOTPSlot
+                    key={index}
+                    index={index}
+                    className="h-12 w-12 rounded-lg border-2 border-gray-300 text-center text-lg focus:ring-2 focus:ring-blue-500"
+                  />
+                ))}
+              </InputOTPGroup>
+            </InputOTP>
+          </div>
 
-                    {/* Botão "Reenviar Código" */}
-                    <div className="flex justify-center items-center text-center gap-2 mt-4">
-                        <AlertDialogDescription>
-                            Não recebeu o código?
-                        </AlertDialogDescription>
-                        <button
-                            onClick={handleResendCode}
-                            className={`text-blue-500 font-semibold cursor-pointer ${isResending ? 'cursor-not-allowed text-gray-400' : 'hover:text-blue-600'}`}
-                            disabled={isResending} // Desabilita o botão enquanto o código está sendo reenviado
-                        >
-                            {isResending ? 'Enviando...' : 'Reenviar Código'}
-                        </button>
-                    </div>
-                </div>
+          {/* Botão "Reenviar Código" */}
+          <div className="mt-4 flex items-center justify-center gap-2 text-center">
+            <AlertDialogDescription>Não recebeu o código?</AlertDialogDescription>
+            <button
+              onClick={handleResendCode}
+              className={`cursor-pointer font-semibold text-blue-500 ${isResending ? 'cursor-not-allowed text-gray-400' : 'hover:text-blue-600'}`}
+              disabled={isResending} // Desabilita o botão enquanto o código está sendo reenviado
+            >
+              {isResending ? 'Enviando...' : 'Reenviar Código'}
+            </button>
+          </div>
+        </div>
 
-                <AlertDialogFooter>
-                    <AlertDialogCancel onClick={onCancel} className="text-gray-600 hover:text-gray-800">
-                        {cancelText}
-                    </AlertDialogCancel>
-                    <AlertDialogAction
-                        onClick={onConfirm}
-                        disabled={!isValid}
-                    >
-                        {confirmText}
-                    </AlertDialogAction>
-                </AlertDialogFooter>
-            </AlertDialogContent>
-        </AlertDialog>
-    );
+        <AlertDialogFooter>
+          <AlertDialogCancel onClick={onCancel} className="text-gray-600 hover:text-gray-800">
+            {cancelText}
+          </AlertDialogCancel>
+          <AlertDialogAction onClick={onConfirm} disabled={!isValid}>
+            {confirmText}
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
 }

src/app/_components/confirm_exclusion/useConfirmExclusion.ts

@@ -1,4 +1,4 @@
-import { useCallback, useState } from "react";
+import { useCallback, useState } from 'react';
 
 interface UseConfirmExclusionOptions {
   onConfirm?: () => void;
@@ -6,15 +6,19 @@ interface UseConfirmExclusionOptions {
   expectedCode: string; // código que o usuário precisa digitar
 }
 
-export function useConfirmExclusion({ onConfirm, onCancel, expectedCode }: UseConfirmExclusionOptions) {
+export function useConfirmExclusion({
+  onConfirm,
+  onCancel,
+  expectedCode,
+}: UseConfirmExclusionOptions) {
   const [isOpen, setIsOpen] = useState(false);
-  const [code, setCode] = useState("");
+  const [code, setCode] = useState('');
   const [isValid, setIsValid] = useState(false);
 
   const openDialog = useCallback(() => setIsOpen(true), []);
   const closeDialog = useCallback(() => {
     setIsOpen(false);
-    setCode("");      // limpa o código quando fecha
+    setCode(''); // limpa o código quando fecha
     setIsValid(false);
   }, []);
 
@@ -35,7 +39,7 @@ export function useConfirmExclusion({ onConfirm, onCancel, expectedCode }: UseCo
       setCode(value);
       setIsValid(value === expectedCode);
     },
-    [expectedCode]
+    [expectedCode],
   );
 
   return {

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',
@@ -106,8 +133,8 @@ const data = {
           url: '/administrativo/pessoas/estados-civis',
         },
         {
-          title: "Regimes/Comunhão",
-          url: "/administrativo/pessoas/regimes-comunhao/",
+          title: 'Regimes/Comunhão',
+          url: '/administrativo/pessoas/regimes-comunhao/',
         },
         {
           title: 'Tipo de Medida',
@@ -130,12 +157,12 @@ const data = {
           url: '/administrativo/minutas/naturezas',
         },
         {
-          title: "Censec/Tipo do Ato",
-          url: "/administrativo/centrais/censec/tipos-atos"
+          title: 'Censec/Tipo do Ato',
+          url: '/administrativo/centrais/censec/tipos-atos',
         },
         {
-          title: "Censec/Qualidades",
-          url: "/administrativo/centrais/censec/qualidades"
+          title: 'Censec/Qualidades',
+          url: '/administrativo/centrais/censec/qualidades',
         },
         {
           title: 'Censec/Centrais',
@@ -146,18 +173,41 @@ const data = {
           url: '/administrativo/centrais/censec/naturezas-litigios',
         },
         {
-          title: "Atos/Partes Tipos",
-          url: "/administrativo/atos/partes-tipos",
+          title: 'Tipos/Serviços',
+          url: '/administrativo/tipos-servicos',
         },
         {
-          title: "Valores de Serviços",
-          url: "/administrativo/valores-de-servicos",
+          title: 'Atos/Partes Tipos',
+          url: '/administrativo/atos/partes-tipos',
         },
         {
-          title: "Gramatica",
-          url: "/administrativo/gramatica",
-        }
-
+          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',
+        },
       ],
     },
   ],
@@ -186,16 +236,12 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
                     alt="Logo do site"
                     width={100}
                     height={100}
-                    className='rounded-lg'
+                    className="rounded-lg"
                   />
                 </div>
                 <div className="flex flex-col gap-0.5 leading-none">
-                  <span className="font-semibold">
-                    Orius Tecnologia
-                  </span>
-                  <span className="">
-                    25.9.1
-                  </span>
+                  <span className="font-semibold">Orius Tecnologia</span>
+                  <span className="">25.9.1</span>
                 </div>
               </a>
             </SidebarMenuButton>

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-main.tsx

@@ -31,9 +31,7 @@ export function NavMain({
 }) {
   return (
     <SidebarGroup>
-      <SidebarGroupLabel>
-        SAAS
-      </SidebarGroupLabel>
+      <SidebarGroupLabel>SAAS</SidebarGroupLabel>
       <SidebarMenu>
         {items.map((item) => (
           <Collapsible

src/components/nav-projects.tsx

@@ -32,9 +32,7 @@ export function NavProjects({
 
   return (
     <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-      <SidebarGroupLabel>
-        Escrituras
-      </SidebarGroupLabel>
+      <SidebarGroupLabel>Escrituras</SidebarGroupLabel>
       <SidebarMenu>
         {projects.map((item) => (
           <SidebarMenuItem key={item.name}>

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,58 +1,51 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import { OTPInput, OTPInputContext } from "input-otp"
-import { MinusIcon } from "lucide-react"
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { MinusIcon } from 'lucide-react';
+import * as React from 'react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
 function InputOTP({
   className,
   containerClassName,
   ...props
 }: React.ComponentProps<typeof OTPInput> & {
-  containerClassName?: string
+  containerClassName?: string;
 }) {
   return (
     <OTPInput
       data-slot="input-otp"
-      containerClassName={cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      )}
-      className={cn("disabled:cursor-not-allowed", className)}
+      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}
+      className={cn('disabled:cursor-not-allowed', className)}
       {...props}
     />
-  )
+  );
 }
 
-function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
+function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {
   return (
-    <div
-      data-slot="input-otp-group"
-      className={cn("flex items-center", className)}
-      {...props}
-    />
-  )
+    <div data-slot="input-otp-group" className={cn('flex items-center', className)} {...props} />
+  );
 }
 
 function InputOTPSlot({
   index,
   className,
   ...props
-}: React.ComponentProps<"div"> & {
-  index: number
+}: React.ComponentProps<'div'> & {
+  index: number;
 }) {
-  const inputOTPContext = React.useContext(OTPInputContext)
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
 
   return (
     <div
       data-slot="input-otp-slot"
       data-active={isActive}
       className={cn(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
-        className
+        'data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]',
+        className,
       )}
       {...props}
     >
@@ -63,15 +56,15 @@ function InputOTPSlot({
         </div>
       )}
     </div>
-  )
+  );
 }
 
-function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
+function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {
   return (
     <div data-slot="input-otp-separator" role="separator" {...props}>
       <MinusIcon />
     </div>
-  )
+  );
 }
 
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

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;
@@ -548,7 +548,7 @@ function SidebarMenuAction({
         'peer-data-[size=lg]/menu-button:top-2.5',
         'group-data-[collapsible=icon]:hidden',
         showOnHover &&
-        'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',
+          'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',
         className,
       )}
       {...props}

src/components/ui/switch.tsx

@@ -1,31 +1,28 @@
-"use client"
+'use client';
 
-import * as React from "react"
-import * as SwitchPrimitive from "@radix-ui/react-switch"
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as React from 'react';
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils';
 
-function Switch({
-  className,
-  ...props
-}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {
   return (
     <SwitchPrimitive.Root
       data-slot="switch"
       className={cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        className,
       )}
       {...props}
     >
       <SwitchPrimitive.Thumb
         data-slot="switch-thumb"
         className={cn(
-          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          'bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0',
         )}
       />
     </SwitchPrimitive.Root>
-  )
+  );
 }
 
-export { Switch }
+export { Switch };

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

@@ -0,0 +1,97 @@
+'use client';
+
+import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react';
+import React 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 { CCaixaServicoReadInterface } from '@/packages/administrativo/hooks/CCaixaServico/CCaixaServicoReadInterface';
+import { useCCaixaServicoReadHook } from '@/packages/administrativo/interfaces/CCaixaServico/useCCaixaServicoReadHook';
+import GetCapitalize from '@/shared/actions/text/GetCapitalize';
+
+export default function CCaixaServicoSelect({ sistema_id, field }: any) {
+  const cCaixaServicoReadParams: CCaixaServicoReadInterface = { sistema_id };
+
+  const [open, setOpen] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const { cCaixaServico, fetchCCaixaServico } = useCCaixaServicoReadHook();
+  // Busca os dados uma única vez ao montar
+  React.useEffect(() => {
+    const loadData = async () => {
+      if (!cCaixaServico.length) {
+        setIsLoading(true);
+        await fetchCCaixaServico(cCaixaServicoReadParams);
+        setIsLoading(false);
+      }
+    };
+    loadData();
+  }, []);
+  const selected = cCaixaServico?.find(
+    (item) => String(item.caixa_servico_id) === String(field.value),
+  );
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <FormControl className="w-full">
+          <Button
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            disabled={isLoading}
+            className="cursor-pointer justify-between"
+          >
+            {isLoading
+              ? 'Carregando...'
+              : selected
+                ? GetCapitalize(selected.descricao)
+                : 'Selecione o serviço'}
+            <ChevronsUpDownIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </FormControl>
+      </PopoverTrigger>
+      <PopoverContent className="w-[var(--radix-popover-trigger-width)] p-0">
+        <Command>
+          <CommandInput placeholder="Buscar etiquetas/carimbos..." />
+          <CommandList>
+            <CommandEmpty>
+              {isLoading ? 'Carregando...' : 'Nenhum resultado encontrado.'}
+            </CommandEmpty>
+            <CommandGroup>
+              {cCaixaServico?.map((item) => (
+                <CommandItem
+                  className="cursor-pointer"
+                  key={item.caixa_servico_id}
+                  value={item.descricao?.toLowerCase() ?? ''}
+                  onSelect={() => {
+                    field.onChange(Number(item.caixa_servico_id)); // envia apenas o número
+                    setOpen(false);
+                  }}
+                >
+                  <CheckIcon
+                    className={cn(
+                      'mr-2 h-4 w-4',
+                      String(field.value) === String(item.caixa_servico_id)
+                        ? 'opacity-100'
+                        : 'opacity-0',
+                    )}
+                  />
+                  {GetCapitalize(item.descricao)}
+                </CommandItem>
+              ))}
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}

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,
+    },
+  ];
+}