---
title: Kanban Front React
slug: releases/kanban-front-react
docTags: 
createdAt: 2024-10-10T13:43:13.474Z
---

:::::ExpandableHeading
# Versão 2.0.0

Esta versão do Agility traz melhorias na usabilidade, organização das tarefas e novas opções para personalizar ainda mais o sistema.

<font color="#4283c7"></font>

::::Tabs
:::Tab{title="✨ Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

✨ **NOVAS FUNCIONALIDADES**

***

**🧩 Nova versão de Campos Personalizados**

A funcionalidade de **campos personalizados foi atualizada** e ficou mais completa.

Agora você pode:

- Gerenciar **campos arquivados**
- Utilizar novos tipos de campo como:&#x20;
  - 💰 Moeda;
  - 📅 Data;
  - 📞 Telefone.

***

⚡ **MELHORIAS**

***

**🔗 Melhorias nas tarefas vinculadas**

A navegação e visualização de **tarefas ligadas a Programas e Produtos** ficaram mais organizadas e fáceis de entender.

***

**👤 Mais informações nos anexos**

- Agora a listagem de anexos mostra:
  - Avatar de quem enviou&#x20;
  - Data e hora do envio&#x20;

***

**⚙️ Inicialização mais inteligente do sistema**

O sistema agora carrega configurações do **Low Code antes de abrir a aplicação**, garantindo um funcionamento mais dinâmico e consistente.

***
:::

:::Tab{title="🛠️CORREÇÕES "}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

**🛠️CORREÇÕES IMPORTANTES**

***

**🖥️ Melhorias na tela de detalhes da tarefa**

- A tela de detalhes foi ajustada para ter:
  - Melhor organização&#x20;
  - Scroll mais fluido&#x20;

***

**🔐 Ajuste no controle de permissões**

A verificação de permissões agora é baseada no **perfil (role) do usuário**, deixando o controle mais seguro e confiável.

***

**🗂️ Organização das abas da tarefa**

As abas da tela de tarefa foram **renomeadas e reorganizadas**, facilitando o entendimento e o acesso às informações.

***

**🔎 Correção em campo de busca**

Resolvido um problema onde a **busca em campos de seleção (select)** não funcionava corretamente.

***

**🧹 Atualização de cache em campos personalizados**

Agora, ao excluir um campo personalizado, o sistema **atualiza corretamente as informações**, evitando dados desatualizados.

***

**🧾 Ajuste em títulos grandes**

Corrigido problema onde **títulos muito grandes eram cortados** no topo da tela.

***

**👥 Correção na busca de membros**

Ajustado erro ao buscar usuários quando havia **informações incompletas ou vazias**.

***

**⏱️ Melhor experiência ao registrar horas**

Removida uma etapa extra de confirmação ao selecionar horário, deixando o processo **mais rápido e direto**.

***
:::
::::
:::::

:::ExpandableHeading
# Versão 1.2.6

<font color="#4283c7"></font>

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

**⚡ Melhorias**

📎 Melhorada a navegação da seção de mudanças na busca global da página inicial de workspaces.

***
:::

:::::ExpandableHeading
# Versão 1.2.5

<font color="#4283c7"> - hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

**⚡ Melhorias**

**📎 Mais tipos de arquivos nos anexos**

Agora você pode anexar novos tipos de arquivos nas tarefas:

- 📝 .md (Markdown);
- 🗜️ .zip (arquivos compactados);
- 📊 .xlsx (planilhas Excel).

👉 Mais liberdade para anexar o que você precisa no dia a dia.

***
:::
::::
:::::

:::::ExpandableHeading
# Versão 1.2.4

<font color="#4283c7"> - hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

**⚡ Melhorias**

**✍️ Editor de texto mais completo**

Agora o editor ficou mais poderoso:

- ↩️ Desfazer e refazer (undo/redo)&#x20;
- 📏 Alinhamento de texto (esquerda, direita, centro e justificado)&#x20;
- 🖍️ Marcação de texto&#x20;
- ➖ Linha horizontal&#x20;

👉 Ficou bem mais fácil formatar seus textos.

***

**🔤 Lista de membros organizada**

👉Agora a lista de membros no filtro do kanban aparece em **ordem alfabética**.

***

**🧩 Mais flexibilidade nos templates**

👉Agora você pode **salvar um template de projeto&#x20;**&#x6D;esmo que o usuário não tenha selecionado **tarefas ou transições**

***

**⏱️ Limite de horas por membro**

👉Agora existe um limite de **2000 horas por membro em um projeto**.

***

**🗂️ Abas da tarefa reorganizadas**

Mudamos a ordem das abas dentro da tarefa para facilitar o uso.
&#x20;👉 Agora as informações mais importantes aparecem primeiro.

**Antes**:  Campos personalizados, Histórias vinculadas, Tickets vinculados, Tarefas vinculadas, Comentários, Checklists, Histórico, Horas registradas, Anexos, Resultado da transição

**Depois**: Checklists, Comentários, Anexos, Horas registradas, Histórico, Campos personalizados, Histórias vinculadas, Tickets vinculados, Tarefas vinculadas, Resultado da transição

***

**👆 Menos cliques no apontamento de horas**

Melhoramos o componente de horas registradas.
&#x20;👉 Agora você precisa de **menos cliques pra lançar horas**.

***
:::

:::Tab{title="Correções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

**🐛 Correções**

**🔄 Kanban quebrando ao voltar**

👉 Corrigido erro que fazia o kanban travar ao entrar em uma tarefa e voltar.

***

**📊 Exportação CSV funcionando**

👉 Corrigido botão de **Exportar CSV** nos custos do projeto, que estava sem ação.

***

**📱 Ajuste no checklist**

👉 Corrigido problema onde textos grandes quebravam o limite da tela.

***

**🧹 Limpeza do modal de transição**

👉 Agora, ao fechar a tela de transição, ela **volta limpa**.

***

**💰 Valores de custo corrigidos**

👉 Ajustado o campo de valores nos custos de projeto e tarefa.

***

**🔁 Erro ao limpar e salvar movimentação**

👉 Corrigido erro ao usar o botão “Limpar” e depois salvar novamente.

***

**💬 Permissões nos comentários corrigidas**

👉 Agora só quem comentou pode ver os botões de **editar e excluir**.

***

**⚡ Busca de membros mais estável**

👉 Ajustado o comportamento da busca de membros, times e ARTs.

***

**🖼️ Melhor visual nos anexos**

Agora os anexos mostram:

- 👤 Avatar de quem enviou ;
- 🕒 Data e hora .

***
:::
::::
:::::

:::::ExpandableHeading
# Versão 1.2.3

<font color="#4283c7"> - hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

**🚀 Novas Funcionalidades**

**🛠️ CRUD de templates de projeto**

- Agora você pode **criar, editar, arquivar e visualizar templates de projetos** com facilidade.

**📋 Criação de projeto com base em template**

- Agora dá pra **criar novos projetos usando um template já pronto**.

**🗂️ Templates arquivados**

- Agora você consegue **ver templates que foram arquivados e também restaurar quando quiser**.

***

**⚡ Melhorias**

**🔐 Mais segurança no Low Code**

Melhoramos a forma como o sistema se comunica com o Low Code.
&#x20;👉 Agora as requisições estão **mais seguras e confiáveis** para endpoints do Low code.

***
:::

:::Tab{title="Correções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

**🐛 Correções**

**🔄 Navegação entre abas do projeto**

Corrigido um erro nas abas de **Métricas e Kanban** dentro do projeto.
&#x20;👉 Antes, ao entrar em métricas, não dava pra voltar na aba kanban.
&#x20;👉 Agora você navega normalmente entre as abas.&#x20;

***
:::
::::
:::::

:::::ExpandableHeading
# Versão 1.2.2

<font color="#4283c7">- hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Correções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

- ✅ Corrigido um erro que fazia o sistema **enviar informações vazias ao criar um projeto;**
- ✅ Corrigido um erro que fazia o sistema **enviar informações vazias ao criar um projeto.**

***
:::
::::
:::::

:::::ExpandableHeading
# Versão 1.2.1

<font color="#4283c7">1 - hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

****<font color="#2166AE">**Mais Produtividade e Estabilidade**</font>****

- 📄 **Duplicar projetos e workspaces**
  &#x20;Agora você pode copiar projetos e workspaces inteiros, economizando muito tempo.
- 🔐 **Mais segurança nas APIs**
  &#x20;As integrações ficaram mais seguras com novos cabeçalhos de proteção.
- 🏷️ **Tags com títulos maiores**
  &#x20;O limite de caracteres das tags aumentou (de 30 para 50).
- 🌍 **Traduções ajustadas**
  &#x20;Tradução da label para desselecionar todos os itens no componente de select.


:::

:::Tab{title="Correções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

- 🐞 **Erro ao criar projeto corrigido**
  &#x20;Problema que quebrava a tela ao acessar membros foi resolvido.
- 🔄 **Movimentação de tarefas ajustada**
  &#x20;Correção em erro que impedia mover tarefas entre raias corretamente.

****<font color="#2166AE">**Resumo rápido: o que mudou na prática?**</font>****

✔️ Sistema mais bonito e fácil de usar;
✔️ Mais controle sobre tarefas, clientes e aprovações;
✔️ Filtros e buscas mais inteligentes;
✔️ Menos erros e mais estabilidade;
✔️ Mais agilidade no dia a dia dos times.
:::
::::
:::::

:::::ExpandableHeading
# Versão 1.2.0

<font color="#4283c7">0 - hyper-kanban-front-react</font>

::::Tabs
:::Tab{title="Evoluções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

****<font color="#2166AE">**Grande Evolução Visual e Funcional**</font>****

- 🧭 **Novas telas principais**
  &#x20;Tudo ficou mais organizado e fácil de navegar.
  &#x20;Agora o sistema conta com telas dedicadas para:
  - Workspaces;
  - Projetos;
  - Tarefas.
- 👤 **Clientes dentro das tarefas**
  &#x20;Agora dá pra cadastrar clientes e **ligar cada tarefa a um cliente**, facilitando o controle e a organização.
- 🏷️ **Tags globais**
  &#x20;Gerencie tags únicas e use elas em várias tarefas, sem bagunça.
- 🔍 **Filtros mais inteligentes**
  &#x20;Filtre projetos por **membro** ou **perfil de acesso**, encontrando o que precisa em segundos.
- 🧩 **Campos personalizados nas tarefas**
  &#x20;Crie campos extras (data, texto ou número) e escolha **quem pode ver** cada informação.
- ✅ **Aprovação de tarefas**
  &#x20;Algumas tarefas agora podem exigir **aprovação ou rejeição**, trazendo mais controle e segurança.
:::

:::Tab{title="Correções"}
![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/6dIoCBBePELj5M0Bs2kkx_titulo-correcoes.png)

- 🎨 **Visual renovado**
  &#x20;Os cards dos workspaces ganharam um novo design, mais moderno e agradável.
- 🧭 **Navegação mais fluida**
  &#x20;Trocar entre workspaces ficou muito mais rápido e intuitivo.
- 👥 **Gerenciamento de membros otimizado**
  &#x20;Adicionar, remover e gerenciar pessoas ficou mais simples.
- 📝 **Tela de tarefa mais fácil de usar**
  &#x20;Tudo mais claro, organizado e funcional.
- ☑️ **Checklist mais eficiente**
  &#x20;A aba de checklist ficou mais prática e funcional.
- 🔎 **Busca mais rápida**
  &#x20;Encontrar tickets e stories ficou muito mais ágil.
- 📅 **Datas inteligentes**
  &#x20;O sistema agora impede a seleção de datas inválidas.



****<font color="#2166AE">**O**</font>****<font color="#2166AE">**bservações importantes**</font>****

- Os arquivos de build desta aplicação devem ser adicionados na pasta da aplicação no minio para ser possível a execução no edge-runtime;
- Alterar no itsm a url do iframe que renderiza o agility nos tickets de mudança para
  renderizar a versão em react ao invés da versão em angular:
  -    No configmap do itsm, precisa ser trocada a url que faz o apontamento ao agility para renderização do agility via iframe (esta alteração deve ser feita para cada tenant que for utilizar a versão do hyper-kanban-front-react);
  -    KANBAN\_TENANTS\_0\_FRONTENDURL: [https://domínio/a/agility](#)
-  Em decorrência disso, a rota do agility workspaces no hyper-admin deve ser sem o indicativo da versão. Por exemplo: Temos a versão 1.1.0 do agility. A rota de
  workspace NÃO pode ser assim: /a/agility\@1.1.0/workspaces pois dessa forma
  não funciona a navegação do iframe no itsm;
-  A url deve ser como essa marcada em verde no configmap do itsm
  Caminho da aplicação ao cadastrar no hyper-admin

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/zM2Ts0uSEKAblkdSefHJo_image.png)

- Caminho da aplicação ao cadastrar no hyper-admin

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/AnFfhpMWXUimuxaHWGZ08_image.png)
:::
::::
:::::

:::ExpandableHeading
# Versão 1.1.0

<font color="#4283c7">0 - hyper-kanban-front-react</font>

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

- **Refatoração&#x20;**&#x64;as seguintes Telas:
  - Tela de programa;
  - Tela de produto;
  - Tela de templates.
- Tela de programa e tela de produto foram separadas para permitir visualização de
  dados de forma separada para melhorar a experiência do usuário tendo as 2 telas
  abertas ao mesmo tempo.
- Esta nova versão depende exclusivamente da aplicação edge-runtime para ser
  deployada.
- Os arquivos de build desta aplicação devem ser adicionados na pasta da aplicação
  no minio para ser possível a execução no edge-runtime.

:::

:::ExpandableHeading
# Versão 1.0.0

<font color="#4283c7">0 - </font><font color="#4283c7">hyper-kanban-front-react</font>

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/v3QOBRFO45u3MVuqke-WI_titulo-destaque-de-valor.png)

- **Refatoração**. Primeiras telas refatoradas de Angular para React. Foram refatoradas as seguintes Telas:
  - Tela de custos;
  - Tela de arquivados;
  - Tela times e art;
  - Tela de perfil de acesso;
  - Tela de release.
:::

