> For the complete documentation index, see [llms.txt](https://kb.stoque.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kb.stoque.com.br/abaris/zeev-sead/tarefas-e-fluxos/configurando-o-workflow/diagrama.md).

# Diagrama

**O Diagrama é a ferramenta utilizada para desenhar todo o fluxo de trabalho de acordo com as regras de cada processo.**

***

\<aside> 💡 **As alterações podem ser salvas manualmente, é possui um autosave que salva automaticamente a cada 5 minutos.**

\</aside>

\<aside> 💡 **Um fluxo não pode iniciar com um evento, logo, não pode ser inserido nenhum evento após o evento Início.**

\</aside>&#x20;

\-

#### Criar Diagrama.

* Selecionar o Workflow.
* Clicar em: [Diagrama](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Diagrama](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Selecionar o elemento: [Início](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Propriedades](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Preencher o campo: [Nome](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Selecionar um elemento “[qualquer](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)”.
* Clicar em: [Propriedades](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Preencher os [campos obrigatórios](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Selecionar o elemento: [Término](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Propriedades](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Preencher o campo: [Nome](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Checkin](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**” é exibida.**
  * O Workflow é publicado no módulo Cliente.

\-

#### Barra de ações superior.

**Novo.**

* Clicar em: [Novo](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Novo Processo](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).

\-

**Salvar.**

* Clicar em: [Salvar](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida**
  * Salvar as alterações feitas no diagrama.

\-

**Checkin.**

**Clicando em Checkin, o processo é publicado no módulo Cliente.**

* Clicar em: [Checkin](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Caso não exista elemento Início.
  * **A mensagem “**[**O Processo não possui um evento Início.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso não exista elemento Término.
  * **A mensagem “**[**O Processo não possui um evento Fim.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso não exista conector no elemento.
  * **A mensagem “**[**\[Elemento: "{Sem Nome}"\] O elemento deve possuir pelo menos um conector.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso o elemento Início seja conectado diretamente no elemento Término.
  * **A mensagem “**[**\[Elemento: "{Sem Nome}"\] O elemento não pode ser associado ao evento Início.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso o elemento esteja sem nome.
  * **A mensagem “**[**O processo possui elementos sem nome.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso o elemento esteja sem os campos obrigatórios preenchidos.
  * **A mensagem “**[**\[Elemento: "Tarefa manual"\] Você deve selecionar o responsável/responsáveis.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso todas as configurações estejam corretas.
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
  * O Workflow é publicado no módulo [Cliente](https://www.notion.so/94da91ce87a64c9b86c7d437dafb9b37?pvs=21).

\-

**Checkout.**

**Clicando em Checkout, o processo fica disponível para edição, e a última versão publicada deste processo ainda pode ser iniciada no módulo Cliente.**

* Clicar em: [**Checkout**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
  * O diagrama entra em modo de edição.

\-

**Desfazer.**

* Clicar em: [Desfazer](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * [Desfaz](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21) a(s) última(s) ação feita no diagrama.

\-

**Refazer.**

* Clicar em: [Refazer](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * [Refaz](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21) a(s) última(s) ação “desfeita” no diagrama.

\-

**Excluir.**

* Clicar em: [Excluir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)
  * Exclui o elemento selecionado.

\-

**Configurações.**

* Clicar em: [Configurações](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Configurações](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).

\-

**Tipos Documento.**

* Clicar em: [**Tipos Documento**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [**Tipos de Documento**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**

**-**

* Clicar em: [**Atributos**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [**Atributos**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**

**-**

**Grupos de Usuários.**

* Clicar em: [**Grupos de Usuários**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [**Grupos de Usuário**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**

**-**

**Lixeira de Fluxos.**

* Clicar em: [**Lixeira de Fluxos**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [**Lixeira de Fluxos**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**

**-**

**Importar.**

\<aside> 💡 Todos os Tipos de Documento, Atributos, Índices, do diagrama importado, devem ser previamente configurados no diagrama que receberá a importação.

\</aside>

* Clicar em: [**Importar**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [Arquivo .XML para importação do fluxo](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* Clicar em: [Escolher arquivo](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Abrir do Windows](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Selecionar o arquivo.
* Clicar em: [Abrir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Importar](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Caso algum “item” do diagrama importado não exista nas configurações do novo diagrama.
  * **A mensagem “**[**O tipo de documento \\"Tipo de Documento Padrão\\" associado ao processo não está configurado no sistema.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Caso todas as configurações do diagrama estejam corretas.
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
  * O diagrama é importado.

**-**

**Exportar.**

* Clicar em: [Exportar](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* O [arquivo é baixado](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21) automaticamente.

\-

**Bibliotecas JS.**

* Clicar em: [**Bibliotecas JS**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**.**
* É aberta a tela: [Selecione o arquivo .JS e adicione](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)..**.**
* Clicar em: [Javascript modular](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Arquivo [AbarisEvents.js](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21) “modelo” é baixado automaticamente.
* Clicar em: [Escolher arquivo](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Abrir do Windows](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Selecionar o arquivo.
* Clicar em: [Abrir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [(+)](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Validar](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * **A mensagem “**[**Ação realizada com sucesso.**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)**”, é exibida.**
* Clicar em: [Concluir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * A Biblioteca JS é importada para o diagrama.

\-

**Imprimir**

* Clicar em: [Imprimir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* É aberta a tela: [Imprimir do navegador](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
* Clicar em: [Imprimir](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).

\-

**Tamanho Real**

* Clicar em: [Tamanho Real](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * O [diagrama é exibido](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21) centralizado na tela.

\-

**Mais Zoom**

* Clicar em: [Mais Zoom](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * O diagrama é ampliado.

\-

**Menos Zoom**

* Clicar em: [Menos Zoom](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * O diagrama é minimizado.

\-

**Fonte**

* Clicar em: [Helvetica](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * São exibidas mais opções de fonte.

\-

**Tamanho da fonte**

* Clicar em: [12](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * São exibidas mais opções de tamanho da fonte.

\-

**Negrito**

* Clicar em: [Negrito](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Destaca a fonte do nome do elemento em **Negrito**.

\-

**Itálico**

* Clicar em: [**Itálico**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Destaca a fonte do nome do elemento em **Itálico**.

\-

**Sublinhado**

* Clicar em: [**Sublinhado**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Destaca a fonte do nome do elemento **Sublinhando**.

\-

**Alinhar**

* Clicar em: [Alinhar](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Alinha a fonte do nome do elemento para (Esquerda, Centro, Direita).

\-

**Alinhamento**

* Clicar em: [Alinhamento](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Alinha a fonte do nome do elemento para (Topo, Meio, Fundo).

\-

**Cor da Fonte**

* Clicar em: [**Cor da Fonte**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Altera a cor da fonte do nome do elemento.

\-

**Cor da Linha**

* Clicar em: [**Cor da Linha**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Altera a [cor da borda do elemento](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).

\-

**Cor de Preenchimento**

* Clicar em: [**Cor de Preenchimento**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Altera a cor do elemento.

\-

* Clicar em: [Gradiente](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Altera a cor do elemento em duas cores.

\-

**Mostrar grades.**

* Clicar em: [Mostrar grades](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Exibe “[pontilhados](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)” de referência na página do diagrama.

\-

**Linhas inteligentes.**

* Clicar em: [**Linhas inteligentes**](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21).
  * Exibe “[linhas guias](https://www.notion.so/Diagrama-7b23ad4c184e42d587f2ad1f027d19c7?pvs=21)” de referência na página do diagrama ao arrastar os elementos.

\-

<figure><img src="https://content.gitbook.com/content/73h8jc2boir77H17PQnh/blobs/HxXCv89d54WzP9FyFhLI/image.png" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://kb.stoque.com.br/abaris/zeev-sead/tarefas-e-fluxos/configurando-o-workflow/diagrama.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.