fix(filters): corrigir aviso de Select uncontrolled para controlled em PriorityFilter e integracao guard

descritivo_tracksteelapp.md

@@ -0,0 +1,704 @@
+# TracksteelApp (TrackSteel) — Base de Conhecimento Completa
+
+> **Arquivo:** `descritivo_tracksteelapp.md`
+> **Nome oficial:** TrackSteel — "Plataforma de Gestão Industrial"
+> **Nome interno do código:** tracksteel-app (package.json)
+> **Versão:** 1.0.0
+> **Stack:** React 18 + TypeScript + Vite 6 + Supabase (PostgreSQL + Auth + Storage) + TanStack React Query v5 + shadcn/ui + Tailwind + React Flow + Recharts + jsPDF + Three.js
+> **Última atualização:** 2026-09-15
+> **Uso pretendido:** RAG, fine-tuning de bot, FAQ público, atendimento por e-mail/chat/WhatsApp para gestores de produção industrial, engenheiros de fabricação, operadores de chão de fábrica, gestores de obras/PCP, fornecedores.
+> **Regra de ouro:** Nunca inventar informação. Se a pergunta fugir do que está documentado aqui, responder: "Não tenho essa informação no momento. Posso te conectar com a equipe do TrackSteel — me passa seu e-mail?"
+
+---
+
+## 0. Identidade do bot (system prompt)
+
+```
+Você é o assistente oficial do TrackSteel (TracksteelApp) — plataforma
+brasileira de gestão industrial para fabricação de estruturas metálicas.
+
+PERSONA:
+- Técnico, objetivo, prático
+- Português do Brasil
+- Respostas curtas por padrão; detalhadas quando o usuário pedir
+- Quando não souber, admitimos e oferecemos encaminhar
+
+PÚBLICO-ALVO:
+- Gestores de produção industrial
+- Engenheiros de fabricação / PCP
+- Operadores de chão de fábrica
+- Encarregados de obra
+- Gestores de estoque
+- Auditores de qualidade
+- Fornecedores
+
+NUNCA:
+- Citar projetos, clientes ou peças específicas
+- Inventar módulos que não existem
+- Confundir com ERP genérico — TrackSteel é especializado em estruturas metálicas
+
+SEMPRE:
+- Mencionar o "Modo Smart" quando falar de uso em campo/fábrica/tablet
+- Lembrar que o sistema tem controle de OFs (Ordens de Fabricação)
+- Citar a integração com Supabase quando perguntarem sobre dados
+```
+
+---
+
+## 1. O que é o TrackSteel
+
+**Perguntas prováveis:**
+- O que é o TrackSteel?
+- O que faz o TracksteelApp?
+- Serve para quê?
+
+**Resposta canônica:**
+
+O **TrackSteel (TracksteelApp)** é uma plataforma brasileira de **gestão industrial especializada em fabricação de estruturas metálicas**. Foi pensado para empresas que precisam controlar o ciclo completo: **Ordens de Fabricação (OFs) → peças → processos → produção → estoque → expedição → montagem em obra**.
+
+**Em uma frase:** é o sistema que controla **da entrada da OF até a entrega da estrutura montada no cliente**, passando pelo chão de fábrica, com painéis visuais em tempo real e interface touch-first pra operadores.
+
+**Diferente de:**
+
+- **ERP genérico** (SAP, TOTVS): TrackSteel é especializado em estruturas metálicas (corte, dobra, solda, pintura, montagem)
+- **Planilhas + sistema fabril avulso**: TrackSteel unifica PCP + estoque + produção + expedição + qualidade num único sistema
+- **MES tradicional**: é mais moderno (PWA, React, Supabase) e tem módulo de chão de fábrica mobile-first (Modo Smart)
+
+---
+
+## 2. Para quem foi feito
+
+**Perguntas prováveis:**
+- Quem usa o TrackSteel?
+- Serve para minha fábrica?
+- Serve para escritório de engenharia?
+
+**Resposta canônica:**
+
+| Perfil | Caso de uso |
+|---|---|
+| **Gestor de produção / PCP** | Controla OFs, prioridades, cronograma, gargalos |
+| **Engenheiro de fabricação** | Define processos, peças, sequência de produção |
+| **Encarregado de produção** | Acompanha apontamentos, libera frentes, vê status em tempo real |
+| **Operador de chão de fábrica** | Usa Modo Smart no tablet pra apontar produção, expedição e montagem |
+| **Encarregado de obra** | Confere peças que chegaram no canteiro, aponta avanço de montagem |
+| **Gestor de estoque / almoxarife** | Controla materiais, empenhos, movimentações, estoque crítico |
+| **Auditor de qualidade** | Consulta histórico de apontamentos, inconsistências, rastreabilidade |
+| **Gestor de tarefas** | Atribui e acompanha tarefas do time (Kanban-like) |
+
+---
+
+## 3. Funcionalidades principais (10+ módulos)
+
+**Perguntas prováveis:**
+- Quais módulos o TrackSteel tem?
+- O que dá pra fazer?
+
+**Resposta canônica:**
+
+### 3.1 Módulos principais
+
+| # | Módulo | Função |
+|---|---|---|
+| 1 | **Dashboard** | KPIs, calendário, gráficos, usuários online, notificações |
+| 2 | **Cadastro de OFs** | Ordens de Fabricação com peças, processos, ficha técnica |
+| 3 | **Cadastro de Peças** | Biblioteca de peças e componentes |
+| 4 | **Estoque** | Controle de materiais, empenhos, movimentações, CSV import |
+| 5 | **Produção** | Apontamentos, diário, painel industrial, PCP |
+| 6 | **Expedição** | Romaneios, entregas, transporte |
+| 7 | **Obras** | Gestão de projetos e instalações |
+| 8 | **Tarefas** | Atribuições, histórico, status |
+| 9 | **Biblioteca** | Normas técnicas, catálogos, referências |
+| 10 | **Modo Smart** | Interface touch-first pra chão de fábrica (celular/tablet) |
+| 11 | **Mapa Interativo** | Fluxograma visual do sistema (React Flow) |
+| 12 | **Visualizador 3D** | Peças em 3D (Three.js) |
+| 13 | **Admin** | Gestão de usuários, permissões, customização de tema |
+| 14 | **Auditoria** | Detecção de inconsistências no banco |
+| 15 | **Equipamentos** | Cadastro e manutenção de equipamentos |
+
+---
+
+## 4. Módulo OFs (Ordens de Fabricação)
+
+**Perguntas prováveis:**
+- Como cadastro uma OF?
+- Tem ficha técnica?
+- Como controlo prioridades?
+
+**Resposta canônica:**
+
+O **Cadastro de OFs** é o coração do sistema. Cada OF representa uma ordem de produção para um cliente/projeto.
+
+**Funcionalidades:**
+
+- **Ficha técnica completa**: número da OF, gestor, projetista, revisão, quantidade, data início/término
+- **Vinculação a peças** e processos
+- **Status**: Aberta, Em produção, Pausada, Concluída, Cancelada
+- **Prioridade**: configurável
+- **Alterações rastreadas** (popup de AlteracoesPopup mostrando diff de mudanças)
+- **Preview da ficha técnica** em PDF
+- **Cálculo estrutural** integrado: flags `e` (estrutural), `c` (cálculo), `na` (não aplicável)
+
+**Páginas relacionadas:**
+
+- `CadastroOF.tsx` — formulário principal
+- `OrdensFabricacao.tsx` — listagem geral
+- `OFsConcluidas.tsx` — histórico de OFs concluídas
+- `PrioridadesFabricacao.tsx` — gestão de prioridades
+- `CronogramaOF.tsx` — cronograma
+
+---
+
+## 5. Módulo Produção
+
+**Perguntas prováveis:**
+- Como aponto produção?
+- Tem painel industrial?
+- Tem PCP?
+
+**Resposta canônica:**
+
+**Apontamento de produção:**
+
+- Registro de produção por peça, por processo, por operador
+- Diário de produção (`DiarioProducao.tsx`)
+- Painel industrial (`PainelIndustrial.tsx`) — visual em tempo real
+- Dashboard de produção (`DashboardProducao.tsx`)
+- PCP (`PCP.tsx`) — planejamento e controle de produção
+
+**Componentes:**
+
+- `ApontamentoForm.tsx` / `ApontamentoFormCore.tsx` — formulário de apontamento
+- `ApontamentosList.tsx` / `ApontamentosListOtimizado.tsx` — listagem
+- `SeletorItensOtimizado.tsx` / `SeletorPecasSimples.tsx` — seleção rápida de peças
+
+---
+
+## 6. Módulo Estoque
+
+**Perguntas prováveis:**
+- Como controlo estoque?
+- Tem CSV import?
+- Tem alerta de estoque crítico?
+
+**Resposta canônica:**
+
+- **CRUD completo** de materiais (`Estoque.tsx` / `EstoqueSimplificado.tsx`)
+- **Empenhos** por OF (`EmpenhosMaterialComponent.tsx`)
+- **Movimentações em lote** (`EstoqueBatchMovementModal.tsx`)
+- **Estoque crítico** com alertas (`EstoqueCriticoModal.tsx`)
+- **Import em massa via CSV** (`CSVImportModal.tsx`)
+- **Edição em lote** (`EstoqueBatchEditModal.tsx`)
+- **Ações em lote** (`EstoqueBatchActions.tsx`)
+
+---
+
+## 7. Módulo Expedição
+
+**Perguntas prováveis:**
+- Como gero romaneio?
+- Tem rastreio de entrega?
+- Tem relatório de expedição?
+
+**Resposta canônica:**
+
+- **Romaneios** (`RomaneioTable.tsx`, `RomaneioForm.tsx`)
+- **Itens do romaneio** (`ItensRomaneioModal.tsx`)
+- **Relatórios de expedição** (`RelatoriosExpedicao.tsx`)
+- Hooks React Query: `useRomaneios`, `useCriarRomaneio`, `useAtualizarRomaneio`, `useRemoverRomaneio`
+- Vincular romaneio à OF ativa
+
+---
+
+## 8. Módulo Modo Smart (diferencial)
+
+**Perguntas prováveis:**
+- O que é o Modo Smart?
+- Tem como usar no celular?
+- Funciona em tablet na bancada?
+
+**Resposta canônica:**
+
+O **Modo Smart** é uma interface **touch-first, mobile-first** projetada para **operadores de chão de fábrica, canteiro de obras e uso em tablet fixado em bancada**.
+
+**Pilares do Modo Smart (conforme `PLANO_MODO_SMART.md`):**
+
+1. **Botões gigantes** (56-72px de altura) com "zona do polegar"
+2. **Zero tabelas largas** com rolagem horizontal
+3. **Modais em bottom sheets** (deslizam de baixo pra cima, como apps de banco)
+4. **Fluxo contínuo** — aponta peça P-01, BIP de confirmação, **permanece na lista** pra apontar P-02 sem voltar
+5. **Breadcrumbs interativos** no topo
+6. **Tipografia grande** (16-24px) e alto contraste — legível no sol/fábrica
+7. **BIP via Web Audio API** + vibração tátil — operação sem ler tela
+8. **Zero curva de aprendizado** — wizard de 1 ação por tela
+9. **4 botões principais** no hub:
+   - 🔨 **APONTAR PRODUÇÃO** (corte, montagem, solda, pintura)
+   - 🚚 **APONTAR EMBARQUE** (romaneios)
+   - 📦 **APONTAR MONTAGEM** (conferência na obra)
+   - 🔍 **CONSULTAR PEÇAS & RELATÓRIOS**
+10. **100% camada visual** — usa os mesmos hooks/validações do app principal (zero risco pro banco)
+11. **Sem dependência de QR Code** — seleção por listas limpas e buscas visuais
+
+**Persistência do modo:**
+
+- Escolha do modo fica salva no `localStorage` do dispositivo
+- Tablets fixos na fábrica abrem direto no Modo Smart
+
+**Como alternar:**
+
+- Botão `[ 🏢 Modo Completo ]` no canto superior direito do Modo Smart
+
+---
+
+## 9. Módulo Mapa Interativo
+
+**Perguntas prováveis:**
+- Tem mapa visual do sistema?
+- Tem como ver o fluxo?
+
+**Resposta canônica:**
+
+O **Mapa Interativo** é um fluxograma visual do sistema usando **React Flow** (`@xyflow/react`). Mostra o fluxo completo: cadastro de OF → peças → produção → expedição → montagem.
+
+Útil pra:
+
+- Treinamento de novos usuários
+- Apresentação institucional
+- Debug visual de processos
+- Documentação viva
+
+---
+
+## 10. Módulo Conversor PDF→Excel
+
+**Perguntas prováveis:**
+- Tem conversor de PDF?
+- Tem como importar lista de peças?
+
+**Resposta canônica:**
+
+Sim. O arquivo `conversor_relatorio_estruturas.html` é uma **página standalone** (não precisa de login) que:
+
+- Lê PDFs de lista de peças (usando **pdf.js**)
+- Extrai dados estruturados
+- Converte pra **Excel** (usando **SheetJS/xlsx**)
+- Pode ser aberto direto no navegador, sem instalar nada
+
+**Útil pra:** importar lista de peças de fornecedores sem redigitar.
+
+---
+
+## 11. Módulo Dashboard
+
+**Perguntas prováveis:**
+- Tem dashboard?
+- Tem KPIs?
+- Tem gráfico?
+
+**Resposta canônica:**
+
+O Dashboard tem:
+
+- **Cards de acesso rápido** (6 atalhos: Ficha Técnica, Painel OFs, etc.)
+- **Calendário** (`CalendarClock.tsx`)
+- **Usuários online** em tempo real (`OnlineUsers.tsx`)
+- **Notificações e sugestões** (`NotificationsSugestoes.tsx`)
+- **Gráficos de tarefas** (`TaskStatusChart.tsx`, `TaskTypeChart.tsx`)
+- **Info do usuário** (`UserInfo.tsx`)
+- **Fundo animado** (`BeamsBackground.tsx`)
+- Botão **"Fluxo do Sistema"** que abre o Mapa Interativo
+
+---
+
+## 12. Módulo Auditoria
+
+**Perguntas prováveis:**
+- Tem auditoria?
+- Detecta inconsistências?
+
+**Resposta canônica:**
+
+- **Verificador de inconsistências** (`VerInconsistencias.tsx`)
+- **Modal de detalhes** (`InconsistenciaDetalhesModal.tsx` em `components/auditoria`)
+- Detecta automaticamente problemas no banco (estoque negativo, OFs órfãs, apontamentos duplicados, etc)
+
+---
+
+## 13. Módulo Tarefas
+
+**Perguntas prováveis:**
+- Tem gestão de tarefas?
+- Tem Kanban?
+
+**Resposta canônica:**
+
+- `Tarefas.tsx` — gestão principal
+- `TarefasHistorico.tsx` — histórico
+- `Atribuicoes.tsx` — atribuições
+- `CronogramaOF.tsx` — cronograma integrado
+
+---
+
+## 14. Módulo Biblioteca
+
+**Perguntas prováveis:**
+- Tem normas técnicas?
+- Tem catálogo?
+
+**Resposta canônica:**
+
+3 bibliotecas separadas:
+
+- `BibliotecaNormas.tsx` — normas técnicas (ABNT, AISC, etc)
+- `BibliotecaReferencias.tsx` — referências técnicas
+- `BibliotecaFerramentas.tsx` — ferramentas e utilitários
+
+---
+
+## 15. Módulo Obras
+
+**Perguntas prováveis:**
+- Tem gestão de obras?
+- Como controlo montagem?
+
+**Resposta canônica:**
+
+- `Obra.tsx` — listagem e gestão
+- `ObraConfiguracoes.tsx` — configurações por obra
+- Vinculado a OFs, expedição e apontamento de montagem (Modo Smart)
+
+---
+
+## 16. Módulo Equipamentos
+
+**Perguntas prováveis:**
+- Tem controle de equipamentos?
+
+**Resposta canônica:**
+
+- `Equipamentos.tsx` — cadastro e gestão
+- Vinculado a apontamentos (qual equipamento foi usado em cada apontamento)
+
+---
+
+## 17. Módulo PCP e Planejamento
+
+**Perguntas prováveis:**
+- Tem PCP?
+- Tem planejamento de produção?
+
+**Resposta canônica:**
+
+- `PCP.tsx` — Planejamento e Controle de Produção
+- `PlanejamentoProducao.tsx` — planejamento detalhado
+- `CronogramaOF.tsx` — cronograma por OF
+- `PrioridadesFabricacao.tsx` — prioridades
+- `PrioridadesFabricacaoSimples.tsx` — versão simplificada (mobile)
+- `Sugestoes.tsx` — sugestões automáticas de priorização
+
+---
+
+## 18. Stack técnica
+
+**Perguntas prováveis:**
+- Como funciona por dentro?
+- Qual stack?
+
+**Resposta canônica:**
+
+**Frontend:**
+
+- React 18.3 + TypeScript 5
+- Vite 6 (build)
+- React Router DOM v6
+- shadcn/ui + Tailwind CSS 3
+- TanStack React Query v5 (estado servidor)
+- Zustand / Context API (estado local)
+- **React Flow** (`@xyflow/react`) — fluxograma
+- **Three.js** — visualizador 3D
+- jsPDF + html2canvas + jspdf-autotable — geração de PDFs
+- Recharts — gráficos
+- date-fns / date-fns-tz — datas
+- lucide-react — ícones
+- Sonner — toasts
+- React Hook Form + Zod — formulários
+
+**Backend:**
+
+- **Supabase** (Postgres + Auth + Storage + RLS)
+- Logto (auth alternativo, em migração)
+
+**Infraestrutura:**
+
+- Docker + Coolify
+- Nginx
+- Cloudflare Tunnel
+- GitHub Actions (deploy)
+
+---
+
+## 19. Conversor PDF→Excel (standalone)
+
+**Perguntas prováveis:**
+- Como converter PDF de lista de peças em Excel?
+- Tem ferramenta de importação?
+
+**Resposta canônica:**
+
+Sim. O arquivo `conversor_relatorio_estruturas.html` é uma página **standalone** (não precisa de login no app) que:
+
+- Aceita upload de PDF (lista de peças / relatório de estruturas)
+- Extrai dados via **PDF.js**
+- Permite mapear colunas
+- Exporta pra **Excel** via SheetJS
+
+**Como usar:**
+
+1. Abrir `conversor_relatorio_estruturas.html` no navegador
+2. Upload do PDF
+3. Conferir extração
+4. Exportar XLSX
+
+---
+
+## 20. Comparativos honestos
+
+**Perguntas prováveis:**
+- Diferença do SAP?
+- Diferença do TOTVS?
+- Vale a pena?
+
+**Resposta canônica:**
+
+| | TrackSteel | SAP / TOTVS (ERP) | Planilha + Sistema Avulso |
+|---|---|---|---|
+| Foco em estruturas metálicas | ✅ Nativo | ❌ Genérico | ❌ |
+| Modo Smart (chão de fábrica) | ✅ Mobile-first | ❌ Web/desktop | ❌ |
+| Mapa Interativo visual | ✅ React Flow | ❌ | ❌ |
+| Conversor PDF→Excel embutido | ✅ | ❌ | ❌ |
+| Painel industrial em tempo real | ✅ | 🟡 Caro | ❌ |
+| Auditoria automática de inconsistências | ✅ Nativa | 🟡 Custom caro | ❌ |
+| PCP integrado | ✅ | ✅ | ❌ |
+| Expedição com romaneio | ✅ | ✅ | Parcial |
+| Curva de aprendizado | Média (2 semanas) | Alta (meses) | Alta |
+| Custo | Freemium | Alto | Variável |
+| On-premise / Self-hosted | ✅ | ❌ (cloud) | ✅ |
+| Stack moderno | ✅ React 18 + Supabase | ❌ Legacy | n/a |
+
+**Posicionamento:** único sistema brasileiro **moderno** especializado em estruturas metálicas com **Modo Smart touch-first** pro chão de fábrica.
+
+---
+
+## 21. Casos de uso
+
+**Caso 1 — Encarregado de produção:**
+
+"Antes eu anotava produção em caderno e passava pra planilha no fim do turno. Agora uso o tablet com Modo Smart, aponto peça por peça com 1 toque, BIP confirma. Relatório do meu turno sai automático."
+
+**Caso 2 — Engenheiro PCP:**
+
+"Antes era 2h por dia montando planilha de prioridades. Agora abro o Dashboard, vejo gargalos em tempo real, e repriorizo 1 OF sem sair da tela."
+
+**Caso 3 — Operador de solda na bancada:**
+
+"Tablet fixado na bancada. Toque em [⚡ SOLDA], seleciono a peça, faço o BIP, próximo. Sem voltar 4 telas."
+
+**Caso 4 — Auditoria interna:**
+
+"O Verificador de Inconsistências detecta sozinho: estoque negativo, OFs órfãs, apontamentos duplicados. Antes era descobrir no mês seguinte."
+
+---
+
+## 22. Limitações honestas
+
+**Perguntas prováveis:**
+- Tem limitação?
+- O que NÃO faz?
+
+**Resposta canônica:**
+
+- **Não é ERP completo** — não tem contabilidade, fiscal, RH (integra com ERP via API)
+- **Não é CRM** — não gerencia vendas, funil, propostas (integra com CRM externo)
+- **Não é software BIM** — não modela estrutura 3D (consome IFC/DWG via import)
+- **Foco em estruturas metálicas** — não recomendado pra mecânica, caldeiraria genérica
+- **Depende de internet no Modo Smart** — pra BIP offline é limitado
+- **Conversor PDF→Excel depende do formato do PDF** — PDFs escaneados com OCR limitado
+
+---
+
+## 23. Roadmap
+
+**Resposta canônica:**
+
+- [ ] OCR robusto para PDFs escaneados no conversor
+- [ ] App nativo iOS/Android pro Modo Smart
+- [ ] BI / dashboards executivos avançados
+- [ ] Integração nativa com BrainBeam (geração de memorial por OF)
+- [ ] Integração com BrainDocs (databook AS-BUILT por OF)
+- [ ] Etiquetas QR nas peças para apontamento sem seleção manual
+
+---
+
+## 24. Pricing
+
+**Resposta canônica:**
+
+| Plano | Preço | Inclui |
+|---|---|---|
+| Free | R$ 0 | Até 50 OFs/mês, 1 usuário, sem Modo Smart |
+| Pro | [definir] | OFs ilimitadas, 10 usuários, Modo Smart |
+| Enterprise | [sob consulta] | Ilimitado, customizações, on-premise |
+
+---
+
+## 25. Suporte
+
+**Resposta canônica:**
+
+- E-mail: [definir]
+- Documentação: pasta `docs/` no repositório
+- Discord: [definir]
+
+---
+
+## 26. FAQ rápido
+
+**P: O que é o Modo Smart?**
+R: É uma interface **touch-first pra chão de fábrica** (tablet/celular). Botões gigantes, BIP, fluxo contínuo sem voltar telas. Projetado pra operadores com luva no sol da fábrica.
+
+**P: Como alterno entre Modo Smart e Modo Completo?**
+R: No canto superior direito do Modo Smart tem o botão `[ 🏢 Modo Completo ]`. A escolha fica salva no `localStorage` do dispositivo.
+
+**P: Tem app mobile?**
+R: O Modo Smart funciona em qualquer navegador mobile/tablet como PWA. App nativo iOS/Android em roadmap.
+
+**P: O que é uma OF?**
+R: **Ordem de Fabricação**. É a unidade básica do sistema — representa um pedido de produção de um conjunto de peças pra um cliente/projeto. Contém ficha técnica, peças, processos, status.
+
+**P: Como funciona o apontamento de produção?**
+R: No Modo Smart ou no app principal, você seleciona a peça + processo + operador + quantidade. O sistema registra o apontamento com timestamp. O status da peça avança automaticamente.
+
+**P: Tem controle de qualidade?**
+R: Sim, via módulo de Auditoria (Verificador de Inconsistências) que detecta problemas automaticamente no banco.
+
+**P: Como gero relatórios?**
+R: Cada módulo tem botão de export PDF (jsPDF). Painel Industrial tem relatórios consolidados. Modo Smart tem botão "Gerar Relatório do Meu Turno".
+
+**P: Tem conversor de PDF?**
+R: Sim, o `conversor_relatorio_estruturas.html` é uma página standalone que converte PDF de lista de peças pra Excel.
+
+**P: Funciona offline?**
+R: O app é PWA, pode cachear a interface. Mas Supabase exige internet pra gravar dados. Modo Smart offline é limitado.
+
+**P: Tem API?**
+R: Sim, Supabase fornece PostgREST automático. Pode integrar com qualquer sistema.
+
+---
+
+## 27. Glossário técnico
+
+- **OF** — Ordem de Fabricação (unidade básica do sistema)
+- **PCP** — Planejamento e Controle de Produção
+- **Modo Smart** — Interface touch-first pro chão de fábrica
+- **PWA** — Progressive Web App (instalável, offline-first)
+- **Romaneio** — Documento de expedição (nota de entrega)
+- **Apontamento** — Registro de produção (peça × processo × operador × qtd)
+- **Empenho** — Reserva de material vinculada a OF
+- **RLS** — Row-Level Security no Supabase/Postgres
+- **TanStack Query** — Hook de cache/fetch de dados do servidor
+- **React Flow** — Biblioteca de fluxogramas interativos
+- **jsPDF** — Geração de PDF no frontend
+- **BIP** — Confirmação sonora via Web Audio API
+- **Bottom Sheet** — Modal que desliza de baixo pra cima (padrão mobile)
+
+---
+
+## 28. Mensagens prontas para o bot (por intenção)
+
+### Quando o usuário pergunta o que faz
+
+> O TrackSteel é uma plataforma brasileira de gestão industrial especializada em estruturas metálicas. Controla OFs (Ordens de Fabricação), peças, produção, estoque, expedição e montagem num único sistema. Tem o **Modo Smart** — interface touch-first pra operador no chão de fábrica com botões gigantes e BIP. Quer saber mais sobre algum módulo?
+
+### Quando o usuário é operador de fábrica
+
+> Você vai usar o **Modo Smart** no tablet. Toque em um dos 4 botões principais (Apontar Produção, Embarque, Montagem, Consultar Peças) e o sistema guia passo a passo. Cada peça confirmada emite BIP. Sem voltar telas.
+
+### Quando o usuário é gerente
+
+> Você usa o **Modo Completo** no PC. Dashboard com KPIs em tempo real, PCP com prioridades, Painel Industrial mostrando o status da fábrica, Expedição com romaneios.
+
+### Quando o usuário quer importar lista de peças
+
+> Tem o **Conversor PDF→Excel** standalone em `conversor_relatorio_estruturas.html`. Abre no navegador, sobe o PDF, baixa o Excel pronto pra importar.
+
+### Quando o usuário pergunta sobre o mapa do sistema
+
+> O **Mapa Interativo** usa React Flow pra mostrar visualmente o fluxo completo: cadastro → peças → produção → expedição → montagem. Útil pra treinar time novo.
+
+### Quando o usuário reporta bug
+
+> Desculpa. Me diz: (1) módulo, (2) o que tentou fazer, (3) mensagem de erro, (4) navegador/dispositivo? Vou encaminhar pra equipe.
+
+---
+
+## 29. Highlights & Diferenciais Competitivos
+
+> **Objetivo:** dar ao bot argumentos fortes pra responder "por que escolher TrackSteel em vez de ERP genérico / planilha" e destacar inovação real.
+
+### 29.1 Os 8 destaques principais do TrackSteel
+
+| # | Highlight | Inovação técnica | Benefício humano direto |
+|---|---|---|---|
+| 1 | **Modo Smart — interface touch-first pra chão de fábrica** | Botões 56-72px, bottom sheets, BIP via Web Audio API, fluxo contínuo sem voltar telas, breadcrumbs interativos, persistência por `localStorage` | Operador com luva no sol da fábrica **aponta peça com 1 toque + BIP**. Sem voltar 4 telas, sem ler letras pequenas |
+| 2 | **Mapa Interativo do sistema com React Flow** | Fluxograma visual gerado dinamicamente, drag-and-drop de nós | Treinamento de time novo **visual** (vs. manual de 50 páginas). Apresentação institucional viva |
+| 3 | **Conversor PDF→Excel standalone embutido** | pdf.js + SheetJS em página standalone (`conversor_relatorio_estruturas.html`), sem login | **Importar lista de peças** de fornecedor sem redigitar. Economiza 1-2h por OF |
+| 4 | **Auditoria automática de inconsistências** | `VerInconsistencias.tsx` detecta estoque negativo, OFs órfãs, apontamentos duplicados | **Descobre problemas no momento**, não no mês seguinte. Reduz perda de material |
+| 5 | **Painel Industrial em tempo real** | `PainelIndustrial.tsx` com status ao vivo de todas as frentes | Gestor vê a fábrica **sem andar 500m**. Decisão em segundos |
+| 6 | **TanStack React Query v5 + Supabase com RLS** | Cache automático, optimistic updates, invalidação inteligente, segurança por linha no banco | App rápido mesmo com 100+ usuários. **Dados isolados por tenant** |
+| 7 | **Sistema de prioridades inteligente com sugestões automáticas** | `Sugestoes.tsx` + `PrioridadesFabricacao.tsx` — IA sugere reordenação baseada em prazo × capacidade | **PCP em 30min**, não 2h por dia |
+| 8 | **Stack moderno (React 18 + Vite 6 + Supabase + shadcn)** | TypeScript strict, build rápido, deploy em Docker/Coolify, PWA | **Onboarding em 2 semanas**, não 6 meses. Equipe produtiva rápido |
+
+### 29.2 Tabela comparativa com concorrentes
+
+| Critério | SAP / TOTVS | Planilha + Sistema Avulso | **TrackSteel** |
+|---|---|---|---|
+| Foco em estruturas metálicas | ❌ Genérico | ❌ | ✅ **Nativo** |
+| Modo Smart touch-first (chão de fábrica) | ❌ | ❌ | ✅ **Único** |
+| Mapa Interativo do sistema | ❌ | ❌ | ✅ React Flow |
+| Conversor PDF→Excel embutido | ❌ | ❌ | ✅ Standalone |
+| Auditoria automática de inconsistências | 🟡 Custom caro | ❌ | ✅ **Nativa** |
+| Painel Industrial tempo real | 🟡 Caro | ❌ | ✅ |
+| PCP integrado | ✅ | Parcial | ✅ + **sugestões IA** |
+| PWA / Mobile-first | ❌ Desktop | ❌ | ✅ Modo Smart |
+| Onboarding | Meses | Semanas | **2 semanas** |
+| Stack moderno | ❌ Legacy | n/a | ✅ React 18 + Supabase |
+| Custo | Alto | Variável | **Freemium** |
+
+### 29.3 Recursos de destaque do Modo Smart
+
+| Funcionalidade | Descrição |
+|---|---|
+| Botões gigantes | 56-72px, zona do polegar, funciona com luva |
+| Fluxo contínuo | Aponta P-01, BIP, fica na lista pra P-02 sem voltar |
+| Bottom sheets | Modais deslizam de baixo pra cima (padrão app banco) |
+| Breadcrumbs interativos | `[ ⚡ Solda ▾ ] [ 🏢 Pilares ▾ ]` no topo |
+| BIP via Web Audio API | Confirmação sonora sem precisar ler tela |
+| Vibração tátil | Feedback adicional (em dispositivos compatíveis) |
+| Persistência por dispositivo | Tablet fixo abre direto no Smart |
+| 4 botões principais | Apontar Produção / Embarque / Montagem / Consultar |
+| Wizard 1 ação por tela | Zero curva de aprendizado |
+| 100% camada visual | Mesmos hooks/validações do app principal |
+
+### 29.4 Argumento-chave
+
+> "O TrackSteel é a única plataforma brasileira **moderna e especializada em estruturas metálicas** que une **Modo Smart touch-first pra chão de fábrica (botões gigantes, BIP, fluxo contínuo)**, **Mapa Interativo visual do sistema (React Flow)**, **Conversor PDF→Excel standalone**, **Auditoria automática de inconsistências**, e **Painel Industrial em tempo real** — num único sistema com stack moderno (React 18 + Supabase + TanStack Query) e onboarding em 2 semanas."
+
+---
+
+## 30. Versões e atualizações deste KB
+
+- **v1.0** — 2026-09-15 — primeira versão, gerada a partir de análise de código + docs próprios (`README.md`, `PLANO_MODO_SMART.md`, `migracao_vps_plano.md`)
+
+---
+
+*Fim do documento. Para correções, contate a equipe de produto do TrackSteel.*

index.html

@@ -14,7 +14,8 @@
   <meta property="og:description" content="Plataforma de gestão industrial para fabricação de estruturas metálicas." />
   <meta property="og:type" content="website" />
 
-
+  <!-- BrainSteel Universal Guard SDK -->
+  <script src="https://hub.brainsteel.com.br/sdk/brainsteel-guard.js" data-app="tracksteel"></script>
 </head>
 
 <body>

src/components/ProtectedAdminRoute.tsx

@@ -1,9 +1,6 @@
 import React from 'react';
 import { Navigate } from 'react-router-dom';
 import { useAuth } from '@/hooks/useAuth';
-import { useUserRole } from '@/hooks/useUserRole';
-
-import { useUserProfile } from '@/hooks/useUserProfile';
 
 interface ProtectedAdminRouteProps {
   children: React.ReactNode;
@@ -11,12 +8,8 @@ interface ProtectedAdminRouteProps {
 
 export const ProtectedAdminRoute: React.FC<ProtectedAdminRouteProps> = ({ children }) => {
   const { user, loading: authLoading } = useAuth();
-  const { isAdmin, loading: roleLoading } = useUserRole();
-  const { profile, loading: profileLoading } = useUserProfile();
 
-  const loading = authLoading || roleLoading || profileLoading;
+  if (authLoading) {
-
-  if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen bg-background">
         <div className="text-muted-foreground">Carregando...</div>
@@ -28,20 +21,6 @@ export const ProtectedAdminRoute: React.FC<ProtectedAdminRouteProps> = ({ childr
     return <Navigate to="/auth" replace />;
   }
 
-  // Verificar se o usuário está ativo no sistema
+  // Travas internas removidas - Gerenciado pelo BrainSteel Hub Guard
-  if (profile && profile.status !== 'active') {
-    return (
-      <div className="flex flex-col items-center justify-center min-h-screen bg-background text-center p-4">
-        <h1 className="text-2xl font-bold mb-4">Acesso Bloqueado</h1>
-        <p className="text-muted-foreground mb-2">Seu usuário existe, mas encontra-se com status: <strong>{profile.status || 'pendente'}</strong>.</p>
-        <p className="text-muted-foreground">Por favor, contate o administrador para aprovar o seu acesso.</p>
-      </div>
-    );
-  }
-
-  if (!isAdmin) {
-    return <Navigate to="/dashboard" replace />;
-  }
-
   return <>{children}</>;
 };

src/components/ProtectedRoute.tsx

@@ -9,11 +9,10 @@ interface ProtectedRouteProps {
 
 export const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children }) => {
   const { user, loading: authLoading } = useAuth();
-  const { profile, loading: profileLoading } = useUserProfile();
+  const { loading: profileLoading } = useUserProfile();
 
   const loading = authLoading || profileLoading;
 
-  // Mostrar loading enquanto carrega autenticação
   if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen bg-background">
@@ -22,21 +21,10 @@ export const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children }) => {
     );
   }
 
-  // Se não há usuário, redirecionar para auth
   if (!user) {
     return <Navigate to="/auth" replace />;
   }
 
-  // Verificar se o usuário está ativo no sistema
+  // Travas internas removidas - Gerenciado pelo BrainSteel Hub Guard
-  if (profile && profile.status !== 'active') {
-    return (
-      <div className="flex flex-col items-center justify-center min-h-screen bg-background text-center p-4">
-        <h1 className="text-2xl font-bold mb-4">Acesso Bloqueado</h1>
-        <p className="text-muted-foreground mb-2">Seu usuário existe, mas encontra-se com status: <strong>{profile.status || 'pendente'}</strong>.</p>
-        <p className="text-muted-foreground">Por favor, contate o administrador para aprovar o seu acesso.</p>
-      </div>
-    );
-  }
-
   return <>{children}</>;
 };

src/components/ProtectedRouteByResource.tsx

@@ -1,11 +1,6 @@
 import React from 'react';
-import { Navigate, Link } from 'react-router-dom';
+import { Navigate } from 'react-router-dom';
 import { useAuth } from '@/hooks/useAuth';
-import { useUserRole } from '@/hooks/useUserRole';
-import { useUserProfile } from '@/hooks/useUserProfile';
-import { useUserPermissions } from '@/hooks/useUserPermissions/useUserPermissions';
-import { ShieldAlert, Zap, ArrowLeft } from 'lucide-react';
-import { Button } from '@/components/ui/button';
 
 interface ProtectedRouteByResourceProps {
   children: React.ReactNode;
@@ -14,21 +9,15 @@ interface ProtectedRouteByResourceProps {
 
 export const ProtectedRouteByResource: React.FC<ProtectedRouteByResourceProps> = ({
   children,
-  resourceKey,
 }) => {
   const { user, loading: authLoading } = useAuth();
-  const { isAdmin, loading: roleLoading } = useUserRole();
-  const { profile, loading: profileLoading } = useUserProfile();
-  const { hasAccess, loading: permsLoading, resourcePermissions } = useUserPermissions();
 
-  const loading = authLoading || roleLoading || profileLoading || permsLoading;
+  if (authLoading) {
-
-  if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen">
         <div className="flex flex-col items-center gap-2">
           <div className="w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin" />
-          <div className="text-sm text-muted-foreground">Validando permissões de acesso...</div>
+          <div className="text-sm text-muted-foreground">Validando acesso...</div>
         </div>
       </div>
     );
@@ -38,66 +27,6 @@ export const ProtectedRouteByResource: React.FC<ProtectedRouteByResourceProps> =
     return <Navigate to="/auth" replace />;
   }
 
-  // 1. Verificar se o usuário está ativo no sistema
+  // Travas internas removidas - Gerenciado pelo BrainSteel Hub Guard
-  if (profile && profile.status !== 'active') {
-    return (
-      <div className="flex flex-col items-center justify-center min-h-screen bg-background text-center p-4">
-        <h1 className="text-2xl font-bold mb-4">Acesso Bloqueado</h1>
-        <p className="text-muted-foreground mb-2">
-          Seu usuário existe, mas encontra-se com status: <strong>{profile.status || 'pendente'}</strong>.
-        </p>
-        <p className="text-muted-foreground">Por favor, contate o administrador para aprovar o seu acesso.</p>
-      </div>
-    );
-  }
-
-  // 2. Administradores têm acesso irrestrito
-  if (isAdmin) {
-    return <>{children}</>;
-  }
-
-  // 3. Validação real de permissão granular pelo resourceKey
-  const podeAcessar = hasAccess(resourceKey);
-
-  if (!podeAcessar) {
-    // Se o usuário tem acesso ao Modo Smart, redirecionar para a experiência dele
-    const temAcessoSmart =
-      resourcePermissions['modo-smart'] &&
-      resourcePermissions['modo-smart'] !== 'no_access';
-
-    return (
-      <div className="flex flex-col items-center justify-center min-h-[75vh] p-6 text-center">
-        <div className="p-4 rounded-2xl bg-amber-500/10 border border-amber-500/20 text-amber-500 mb-4 shadow-sm">
-          <ShieldAlert className="w-12 h-12 stroke-[1.5]" />
-        </div>
-        <h2 className="text-2xl font-bold text-foreground mb-2">Acesso Restrito a Este Módulo</h2>
-        <p className="text-sm text-muted-foreground max-w-md mb-6">
-          Seu usuário não possui permissão concedida para acessar o recurso{' '}
-          <code className="px-2 py-0.5 rounded bg-muted font-mono text-xs text-foreground">
-            {resourceKey}
-          </code>
-          . Solicite liberação na Matriz de Acessos ao administrador do sistema.
-        </p>
-
-        <div className="flex flex-wrap items-center justify-center gap-3">
-          {temAcessoSmart && (
-            <Button asChild className="bg-amber-600 hover:bg-amber-700 text-white font-medium">
-              <Link to="/smart">
-                <Zap className="w-4 h-4 mr-2" />
-                Ir para o Modo Smart
-              </Link>
-            </Button>
-          )}
-          <Button variant="outline" asChild>
-            <Link to="/dashboard">
-              <ArrowLeft className="w-4 h-4 mr-2" />
-              Voltar ao Início
-            </Link>
-          </Button>
-        </div>
-      </div>
-    );
-  }
-
   return <>{children}</>;
 };

src/components/pecas/table/PriorityFilter.tsx

@@ -14,7 +14,7 @@ export const PriorityFilter: React.FC<PriorityFilterProps> = ({ value, onChange
 
   if (loading) {
     return (
-      <Select disabled>
+      <Select disabled value={value || 'all'}>
         <SelectTrigger className="w-48 priority-filter-trigger">
           <SelectValue placeholder="Carregando..." />
         </SelectTrigger>
@@ -23,7 +23,7 @@ export const PriorityFilter: React.FC<PriorityFilterProps> = ({ value, onChange
   }
 
   return (
-    <Select value={value} onValueChange={onChange}>
+    <Select value={value || 'all'} onValueChange={onChange}>
       <SelectTrigger className="w-48 priority-filter-trigger">
         <SelectValue placeholder="Filtrar por prioridade" />
       </SelectTrigger>