chore(agent): remover permissoes de commit da IA no projeto e wiki (apenas sugerir texto) e manter push automatico exclusivo no .agent
This commit is contained in:
parent
212d2578f4
commit
26a4f98dab
116 changed files with 1162 additions and 1315 deletions
|
|
@ -1,23 +1,23 @@
|
|||
---
|
||||
type: rule
|
||||
name: estilos-design-system
|
||||
description: Define os dois design systems do ecossistema e-licencie — Floreta (iniciativa privada) e Betha (governo) — e quando usar cada um
|
||||
description: Define os dois design systems do ecossistema — Floreta (iniciativa privada) e Betha (governo/setor público) — parametrizados via memorias-ia/modulo.yml
|
||||
scope: global
|
||||
trigger: always_on
|
||||
updatedAt: "2026-09-28"
|
||||
updatedAt: "2026-10-14"
|
||||
---
|
||||
|
||||
# Regra: Estilos e Design Systems do Ecossistema
|
||||
|
||||
O ecossistema e-licencie opera com **dois design systems distintos**, selecionados conforme o público-alvo da aplicação.
|
||||
O ecossistema Azteca opera com **dois design systems distintos**, selecionados conforme o público-alvo e a definição em `memorias-ia/modulo.yml` (`modulo-id`, `modulo-descricao` e `modulo-tipo`).
|
||||
|
||||
## 1. Estilo Floreta — Iniciativa Privada
|
||||
|
||||
Usado em: `e-licencie`, `e-licencie.qualifica`, `e-licencie.gee` e todos os módulos voltados a empresas privadas.
|
||||
Usado nos módulos voltados a empresas privadas e gestão corporativa.
|
||||
|
||||
### Características
|
||||
|
||||
- **Framework UI:** Vuetify (Vue 3)
|
||||
- **Framework UI:** Vuetify (Vue 3) / `eli-vue`
|
||||
- **Cores:** paleta própria definida no tema Vuetify do projeto
|
||||
- **Tipografia:** controlada pelo tema Vuetify
|
||||
- **Componentes:** componentes Vuetify (`v-btn`, `v-card`, `v-data-table`, etc.)
|
||||
|
|
@ -25,14 +25,14 @@ Usado em: `e-licencie`, `e-licencie.qualifica`, `e-licencie.gee` e todos os mód
|
|||
|
||||
### Quando aplicar
|
||||
|
||||
- Todo código em pacotes `*-front` dos produtos e-licencie voltados ao mercado privado
|
||||
- Landing pages e painéis públicos de empresas
|
||||
- Todo código em pacotes `<modulo>-front` de módulos voltados ao setor privado (conforme descrito em `memorias-ia/modulo.yml`)
|
||||
- Landing pages e painéis públicos corporativos
|
||||
|
||||
---
|
||||
|
||||
## 2. Estilo Betha — Governo / Setor Público
|
||||
|
||||
Usado em: aplicações integradas à plataforma Betha (gestão municipal, e-Gov).
|
||||
Usado em módulos voltados a órgãos governamentais, gestão municipal e e-Gov (conforme identificado em `memorias-ia/modulo.yml`).
|
||||
|
||||
**Documentação oficial:** https://design.plataforma.betha.cloud/doc/index.html
|
||||
|
||||
|
|
@ -56,8 +56,8 @@ Usado em: aplicações integradas à plataforma Betha (gestão municipal, e-Gov)
|
|||
- Light (mais clara): sufixos `--l10`, `--l20`, `--l30`, `--l40`
|
||||
- Exemplo: `.bg__blue--d20`, `.tx__red--l30`
|
||||
|
||||
**Cores de produtos Betha:**
|
||||
| Produto | Hex |
|
||||
**Cores de linhas de produto:**
|
||||
| Linha de Produto | Hex |
|
||||
|--------------------------------------|-----------|
|
||||
| Gestão Municipal | `#9A8B7D` |
|
||||
| Planejamento e Contabilidade | `#A6B8FF` |
|
||||
|
|
@ -104,15 +104,9 @@ Usado em: aplicações integradas à plataforma Betha (gestão municipal, e-Gov)
|
|||
<script src="https://cdn.betha.cloud/base/g4/design/4.0.0/bth-design.js"></script>
|
||||
```
|
||||
|
||||
### Quando aplicar
|
||||
### Tokens para Frontends `<modulo>-front` (React/MUI e Vue 3/Vuetify)
|
||||
|
||||
- Módulos integrados à plataforma Betha de gestão municipal
|
||||
- Interfaces que operam dentro do ecossistema e-Gov Betha
|
||||
- Aplicações web com `body class="suite-pla iv"`
|
||||
|
||||
### Tokens Reais — Ecossistema GOV (React/MUI)
|
||||
|
||||
Os frontends React (QUIPO-FRONT, QUIPO-PORTAL3, AUTENTICACAO-FRONT) usam estes tokens via MUI ThemeProvider:
|
||||
Nos módulos governamentais (`memorias-ia/modulo.yml`), os pacotes `<modulo>-front` utilizam estes tokens:
|
||||
|
||||
| Token | Hex | Uso |
|
||||
|-------|-----|-----|
|
||||
|
|
@ -129,15 +123,13 @@ Os frontends React (QUIPO-FRONT, QUIPO-PORTAL3, AUTENTICACAO-FRONT) usam estes t
|
|||
| danger | `#dc3545` | erro/exclusão |
|
||||
| warning | `#ffc107` | alerta |
|
||||
| info | `#17a2b8` | informação |
|
||||
| e-licencie primary | `#688c00` | substituição de primary quando marca e-licencie ativa |
|
||||
| white-label primary alternativo | `#688c00` | substituição de primary quando marca alternativa ativa |
|
||||
|
||||
**Seleção de itens (cartões interativos):**
|
||||
- Selecionado: `#cce5ff` / hover: `#b8daff`
|
||||
- Não selecionado: `#f8f9fa` / hover: `#e9ecef`
|
||||
|
||||
### Vue 3 + Vuetify — QUIPO-CONSOLE
|
||||
|
||||
O QUIPO-CONSOLE usa Vue 3 + Vuetify 3. Configuração do tema em `src/plugins/vuetify.ts`:
|
||||
### Configuração Vue 3 + Vuetify (`src/plugins/vuetify.ts` em `<modulo>-front`)
|
||||
|
||||
```typescript
|
||||
theme: {
|
||||
|
|
@ -165,9 +157,9 @@ theme: {
|
|||
|
||||
---
|
||||
|
||||
## 3. Branding Dinâmico — eBetha() nos Footers
|
||||
## 3. Branding Dinâmico — `eBetha()` nos Footers
|
||||
|
||||
Todos os footers do ecossistema usam a função `eBetha()` para determinar a identidade da empresa exibida:
|
||||
Quando o módulo suporta white-label dinâmico, os footers de `<modulo>-front` utilizam a função `eBetha()` para determinar a identidade exibida:
|
||||
|
||||
```typescript
|
||||
import { eBetha } from "p-ambiente";
|
||||
|
|
@ -176,27 +168,20 @@ import { eBetha } from "p-ambiente";
|
|||
// eBetha() == false → Azteca Software LTDA, CNPJ 29.979.144/0001-13, Içara-SC
|
||||
```
|
||||
|
||||
**Arquivos de footer por frontend:**
|
||||
|
||||
| Frontend | Arquivo |
|
||||
|----------|---------|
|
||||
| QUIPO-FRONT | `src/components/Footer.tsx` e `src/pages/Portal/PortalFooter.tsx` |
|
||||
| QUIPO-PORTAL3 | `src/components/Footer/Footer.tsx` |
|
||||
| AUTENTICACAO-FRONT | sem footer próprio |
|
||||
|
||||
- O footer exibe sempre a versão da API e do frontend
|
||||
- O logotipo é condicional: logotipo diferente por marca
|
||||
- O logotipo é condicional conforme a marca ativa
|
||||
|
||||
---
|
||||
|
||||
## Decisão: Como identificar qual estilo usar
|
||||
|
||||
1. **Pergunte o contexto:** se o operador não especificar, pergunte se o módulo é para iniciativa privada (Floreta/Vuetify) ou governo (Betha)
|
||||
2. **Nunca misture:** um módulo usa UM estilo — nunca combine Vuetify com Betha Design
|
||||
3. **Header identifica:** header `#343a40` com logo = Betha; barra lateral com menu Vuetify customizado = Floreta
|
||||
1. **Consultar `memorias-ia/modulo.yml`:** verificar `modulo-id`, `modulo-descricao` e `modulo-tipo` para identificar se o projeto é privado (Floreta/Vuetify) ou governamental (Betha)
|
||||
2. **Nunca misturar:** um módulo usa UM estilo — nunca combinar ambos na mesma tela
|
||||
3. **Header identifica:** header `#343a40` = padrão governamental/Betha; barra lateral com menu Vuetify customizado = padrão privado/Floreta
|
||||
|
||||
## Referências
|
||||
|
||||
- Identidade do Módulo: `memorias-ia/modulo.yml`
|
||||
- Betha Design System: https://design.plataforma.betha.cloud/doc/index.html
|
||||
- Framework Design CDN: https://cdn.betha.cloud/base/g4/design/4.0.0/
|
||||
- Rule: `css-global-betha` (variáveis --bth-*)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue