Como criar uma interface de segurança personalizada com widgets Turbine e IA.

Como criar uma interface de segurança personalizada com widgets Turbine e IA.

As equipes de segurança raramente ficam sem dados. O que lhes falta é a visualização correta desses dados. O painel que quase mostra tudo o que um líder de turno precisa. O layout do caso que obriga um analista a abrir quatro abas para reconstruir um único alerta. As telas prontas para uso chegam perto, mas param por aí.

Os widgets do Turbine resolvem esse último problema. Um widget é um pequeno componente de interface personalizado que você cria e insere no Swimlane Turbine, seja em um registro de aplicativo ou em um painel, para que a plataforma mostre exatamente o que seu centro de operações de segurança (SOC) precisa, da maneira que precisa. Este guia explica o que são widgets, onde eles são executados, alguns exemplos que podem ser úteis e as três maneiras de criar um, desde uma única linha de código até um prompt em linguagem natural.

Com pouco tempo? O vídeo abaixo aborda o mesmo assunto em poucos minutos.

O que é um widget de turbina?

Um widget do Turbine é um componente web personalizado que é renderizado dentro do Swimlane Turbine e pode ler, exibir e atualizar seus dados. Os widgets são construídos com o Lit, uma biblioteca leve de componentes web, e estendem uma classe base chamada SwimlaneElement. Essa classe base serve como ponte para a plataforma: ela passa os dados do registro ou relatório atual, expõe o contexto da sessão e permite que o widget chame qualquer API do Turbine sem que você precise lidar com tokens ou autenticação. Se você já trabalhou com HTML, CSS e JavaScript, o modelo lhe parecerá familiar.

A vantagem é maior do que parece. Em vez de aceitar as telas que o Turbine oferece, você pode estender a própria interface e apresentar aos seus analistas qualquer visualização que desejar.

Os widgets são renderizados dentro do próprio Turbine. Aqui, um deles está posicionado em um layout de registro.

Widgets de gravação vs. Widgets de relatório

Os widgets são renderizados em dois locais, e a localização determina quais dados eles podem ver.

• Widgets de gravação Eles se baseiam em um layout de registro, um caso ou um alerta e trabalham com os campos desse registro específico. São ideais para indicadores de pontuação de risco, cronogramas de eventos, indicadores de status ou uma visão consolidada de um alerta.
• Widgets de relatório Eles ficam posicionados em um painel de controle e leem dados agregados de uma consulta de relatório, o que os torna ideais para métricas, gráficos, monitores de integridade e agregações multilocatárias.

Mesma estrutura, dois escopos: os dados de um único registro ou os dados de vários registros.

Os widgets de registro leem um único registro. Os widgets de relatório leem vários registros.

Top 3 Exemplos de widgets de turbina que valem a pena usar como referência

O catálogo inclui mais de cem widgets, cada um com o código-fonte completo, então a maneira mais rápida de aprender os padrões é começar por um. Três que usamos com frequência são:

#1 Widget de calculadora de ROI 

O widget Calculadora de ROI é um widget de relatório que transforma execuções de playbook, ações e uso do Hero AI em economia de tempo e custos. Ele responde à pergunta que todo líder de SOC (Centro de Operações de Segurança) eventualmente ouve da empresa: qual é o retorno disso?

Calculadora de ROI: tempo e custos economizados por meio de estratégias, ações e instruções da IA Hero.

Resumo do caso #2

O widget de resumo do caso opera no nível do registro. Ele reúne um alerta em um único painel, em vez de várias abas.

Resumo do caso: um alerta e tudo relacionado a ele em uma única visualização.

Widget de mapa de calor #3 MITRE ATT&CK

Este widget de relatório mapeia o volume de alertas na matriz MITRE ATT&CK. Como você pode ver na imagem abaixo, a cor mostra onde as detecções se agrupam e, mais importante, onde estão as lacunas. Ele tende a ganhar um lugar permanente no painel de controle do SOC.

Mapa de calor do MITRE ATT&CK: onde as detecções se agrupam e onde estão as lacunas.

Três maneiras de construir um widget de turbina

A forma como você cria um widget depende de quanto código você quer modificar. Os três caminhos compartilham o mesmo editor e a mesma biblioteca de componentes, swim-ui, o que mantém a aparência nativa do Turbine em tudo o que você criar.

1.    Importar da Rede de Distribuição de Conteúdo. Muitos widgets estão hospedados na CDN da Swimlane, prontos para uso. Basta colar uma única linha de importação no editor de widgets, salvar e ele será renderizado. Fixe uma versão quando precisar de estabilidade. Não é necessário conhecimento de frameworks.

2.    Construir do zero. Abra o editor de widgets e escreva o código Lit você mesmo: estenda a classe SwimlaneElement, inclua o swim-ui e defina seu método de renderização. Esse caminho lhe dá controle total e é a melhor maneira de aprender o framework. O site de documentação em swimlane.github.io/custom-Widgets contém a referência da API, a biblioteca de componentes e o código-fonte de todo o catálogo. 

3. Construa com IA Hero. Abra o editor de widgets e escolha “construir com Hero AI”. Descreva o que você deseja em linguagem simples, e o Herói entra. Modo de criação de widgets, O Hero AI gera o código do widget na aba de código e exibe uma pré-visualização ao vivo. Revise, clique em aplicar e ele estará no layout. Você pode continuar refinando na mesma sessão, e o Hero fará perguntas de esclarecimento quando precisar de mais detalhes. O Hero AI precisa estar habilitado em seu tenant.

Crie com Hero AI: descreva o widget, visualize o código gerado e clique em Aplicar.

Perguntas frequentes

O que é um widget de turbina?

Um componente web personalizado que funciona dentro do Swimlane Turbine e pode ler, exibir e atualizar seus dados. Os widgets estendem a interface do usuário da plataforma em layouts de registro e painéis, utilizando o framework Lit e a classe base Swimlane Element.

Onde os Turbine Widgets são executados?

Em dois locais. Os widgets de registro são executados em um layout de registro e trabalham com os campos de um único registro. Os widgets de relatório são executados em um painel e leem dados agregados de uma consulta de relatório.

Preciso saber programar para construir um?

Não necessariamente. Você pode importar um widget pronto do CDN com uma única linha de código ou descrever o que deseja para o Hero AI e deixar que ele gere o código. Programar do zero é opcional e oferece maior controle.

O Hero AI pode criar um widget para mim?

Sim. No editor de widgets, escolha "Criar com Hero AI", descreva o widget em linguagem simples e o Hero gera o código para você visualizar e aplicar. O Hero AI precisa estar habilitado em seu tenant.

Quantos widgets estão disponíveis?

O catálogo inclui mais de cem widgets, cada um publicado com o código-fonte completo que você pode estudar e adaptar ao seu ambiente.

Pronto para começar a criar seus próprios widgets?

Escolha uma visualização que sua equipe sempre desejou e crie-a, seja importando-a de uma CDN, codificando-a do zero ou descrevendo-a para a Hero AI. Depois, compartilhe: publique seu widget no LinkedIn e marque a Swimlane. Se estiver tão bom quanto esperamos, enviaremos algo para vocês.