Início Boas práticas Tema Idiomas e RTL App e cabeçalho Layout Tipografia Abas Menu e âncora Dropdown e popover Command e toggles Botão Campos Seleção e valores Combobox e menções Datas e calendário Árvore e cascata Transfer Upload Filtros Tabela Planilha KPI e estatística Badge e tag Listas e detalhes Gráficos Imagem e carrossel Ícones Diagramas Alertas e estados Progresso e passos Diálogo e toast Drawer e notificação Utilitários Overview Work queue Report Report com htmx Form / request Tabela administrativa Página de detalhe Formulário em diálogo Gráfico com dados do servidor Buscar… llms.txt Tema Tema Restaurar Retos (4 / 2)Padrão (8 / 6)Arredondados (16 / 10) ConfortávelCompacta ClaroEscuroAutomático Copiar prompt Copiar snippet Prompt: para as instruções de um agente. Snippet: direto no templates/base.html. v0.11.0 Inline message in the page (never alert()). AlertasMensagens na própria página, nunca alert(). Os dados vêm do ERP a cada 15 minutos. Remessa enviada ao banco. Elas não entram no fechamento até serem classificadas. Tente novamente em alguns minutos. <ab-stack gap="3"> <ab-alert tone="info" heading="Sincronizado há 5 min">Os dados vêm do ERP a cada 15 minutos.</ab-alert> <ab-alert tone="ok">Remessa enviada ao banco.</ab-alert> <ab-alert tone="warn" heading="3 notas sem centro de custo" dismissible>Elas não entram no fechamento até serem classificadas.</ab-alert> <ab-alert tone="danger" heading="Falha na conexão com o SAP">Tente novamente em alguns minutos.</ab-alert> </ab-stack> Vazio, carregando Importar extrato Processando… <ab-grid cols="3"> <ab-card><ab-empty icon="upload-simple" heading="Nenhum extrato importado" description="Envie o OFX do banco para começar."><ab-button variant="primary" icon="upload-simple">Importar extrato</ab-button></ab-empty></ab-card> <ab-card heading="Carregando"><ab-skeleton lines="4"></ab-skeleton></ab-card> <ab-card heading="Spinner"><ab-cluster><ab-spinner></ab-spinner><span>Processando…</span></ab-cluster></ab-card> </ab-grid> APIAtributos, propriedades, métodos, eventos e slots de cada tag. <ab-alert>Inline message in the page (never alert()). <ab-empty>Empty state: icon, one line saying what will appear, and the action that fills it. <ab-skeleton>Placeholder shimmer while content loads. <ab-spinner>Loading spinner.