Internal Chat UI (Angular)

Projeto Angular com interface inspirada no ChatGPT, pensado para consumo interno.

O que inclui

Layout moderno com sidebar e zona principal de conversa
Campo de input com envio por botão ou Enter
Estado de loading com animação
Serviço Angular para comunicar com backend privado
Configuração centralizada no ficheiro src/environments/environment.ts

Instalação

npm install
npm start

A aplicação ficará disponível por defeito em http://localhost:4200.

Configurar backend

Edita este ficheiro:

src/environments/environment.ts

Exemplo:

export const environment = {
  production: false,
  appName: 'MetaCase Internal Assistant',
  apiBaseUrl: 'http://127.0.0.1:8000',
  chatEndpoint: '/api/perguntar',
  requestTimeoutMs: 45000,
  internalBadge: 'Uso interno'
};

Payload enviado ao backend

O ChatService envia este formato:

{
  "pergunta": "Texto introduzido pelo utilizador",
  "history": [
    {
      "role": "user",
      "content": "...",
      "createdAt": "2026-03-20T00:00:00.000Z"
    }
  ]
}

Respostas aceites

A UI tenta ler um destes campos da resposta:

resposta
answer
message

Estrutura

src/
  app/
    components/chat-layout/
    services/chat.service.ts
  environments/environment.ts

Próximos melhoramentos

autenticação interna
histórico real de conversas
markdown nas respostas
upload de ficheiros
integração com OpenWebUI / FastAPI / proxy interno

1.5 KiB Raw Blame History