Versões

Correções

• +O line-height do painel acompanha a mudança de tamanho da fonte, em vez de mostrar o valor antigo.
• +Nas Telas, nenhum tooltip fica preso sobre a tela quando o ponteiro entra nela.

Novidades

• +Telas. O botão de aparelhos na barra abre a página em que você está na largura de celular, tablet ou desktop (iPhone 15 · 390, iPad Mini · 768, Desktop · 1280), uma por vez, por cima da página. É o mesmo endereço: o login e os cookies continuam valendo, e os media queries respondem à largura real da tela.
• +A mesma barra em cada tela. Com as Telas abertas, a barra age na tela: selecionar, ajustar no painel, desenhar, Run, desfazer. O painel abre fora da tela, então nunca cobre um layout de 390px. O ajuste vai pro código e o hot reload atualiza a tela.
• +Qualquer tamanho, com réguas. Arraste a borda direita ou de baixo da tela (ou o canto) para qualquer tamanho no meio. Gire o celular para paisagem. As réguas em cima e à esquerda mostram o elemento selecionado em laranja.
• +App que recusa iframe abre mesmo assim. Pelo endereço da Ilse, X-Frame-Options e frame-ancestors saem só no carregamento da própria tela.

Novidades

• +Biblioteca de componentes. O catálogo e o seu design system agora ficam numa aba só, a Biblioteca. A lista de componentes do projeto é Free: busque pelo nome ou pelo que o componente faz, veja onde cada um está na página e abra a seção Componente dele.
• +Criar design system. Um clique (ou ilse ds) e a Ilse escreve o .ilse/ds/DESIGN.md a partir do seu código: os componentes com props e variantes, e os tokens (cores, espaçamento, raio, tipografia, sombras). Sem IA, em segundos.
• +O seu agente segue o DS. A janela do design system abre o que foi escrito. Adicionar ao AGENTS.md (ou CLAUDE.md) aponta qualquer agente pra ele num clique, e o Claude Code, Codex, Cursor ou Gemini passam a usar os seus componentes e tokens mesmo com a Ilse fechada. A Ilse também lê.

Correções

• +Editar pixels não faz mais aparecer uma barra de rolagem horizontal.
• +As linhas de raciocínio sobem acima de balões e painéis abertos em vez de ficarem cobertas.

English

Components in the panel. Select a component and the panel shows its props and variants, read from your code (types, cva(), how it's used) or from a library's types. Pick another variant and Ilse rewrites that prop where this instance is written — no AI.

Duplicate anything. Duplicate a list row and the agent adds a new item to the data behind the list (with a unique key); duplicate any other block and it writes a copy of the JSX. Drag the copy where you want it and restyle it in the panel — the copy goes there, with that style, and the original stays as it was.

An edit on one instance stays on that instance. When the element comes from a component used in several places, the change applies only here unless you choose "All".

Changes show without a reload. What you previewed — a style, a copy, a hidden element — stays on screen until the page re-renders with the real change. If it doesn't on its own, Ilse asks the framework to re-render (Next's App Router: no reload, state kept). It asks you to reload only as a last resort.

The page must not break. After a change, new errors the page logs (a duplicated React key, an uncaught exception) show up with Ask for a fix, Undo and Ignore.

Undo survives a restart. The undo history is kept per project outside your repo (ILSE_UNDO_SAVE=0 keeps it in memory only).

Smaller things

• +Panel size: Hug/Fill show the measured size; a Fill that changes nothing says why
• +The property panel keeps the spot you dragged it to
• +Chrome extension: right-click → Open with Ilse, which selects the element
• +A project's own app takes its Ilse server back from another project's tab
• +Old notes no longer come back as pending after a restart
• +The same request on the same element isn't sent twice
• +A cleaner terminal log

Português

Componentes no painel. Selecione um componente e o painel mostra as props e variantes dele, lidas do seu código (tipos, cva(), como ele é usado) ou dos tipos de uma biblioteca. Escolha outra variante e a Ilse reescreve essa prop onde esta instância está escrita — sem IA.

Duplicar qualquer coisa. Duplique uma linha de lista e o agente acrescenta um item novo aos dados dela (com key única); duplique qualquer outro bloco e ele escreve uma cópia do JSX. Arraste a cópia para onde quiser e mude o estilo dela no painel — a cópia vai para lá, com esse estilo, e o original fica como estava.

Uma edição numa instância fica nela. Quando o elemento vem de um componente usado em vários lugares, a mudança vale só aqui, a não ser que você escolha "Todos".

As mudanças aparecem sem recarregar. O que você viu em prévia — um estilo, uma cópia, um elemento escondido — continua na tela até a página renderizar a mudança real. Se ela não renderizar sozinha, a Ilse pede ao framework que renderize de novo (App Router do Next: sem recarregar, sem perder o estado). Pedir para você recarregar é o último recurso.

A página não pode quebrar. Depois de uma mudança, erros novos que a página registra (uma key repetida do React, uma exceção não tratada) aparecem com Pedir correção, Desfazer e Ignorar.

Desfazer sobrevive a reiniciar. O histórico de desfazer fica guardado por projeto, fora do seu repositório (ILSE_UNDO_SAVE=0 mantém só em memória).

Coisas menores

• +Tamanho no painel: Hug/Fill mostram o tamanho medido; um Fill que não muda nada diz por quê
• +O painel de propriedades fica onde você o arrastou
• +Extensão do Chrome: botão direito → Abrir com a Ilse, que já seleciona o elemento
• +O app de um projeto pega de volta o servidor da Ilse que a aba de outro projeto tinha pegado
• +Notas antigas não voltam mais como pendentes depois de reiniciar
• +O mesmo pedido no mesmo elemento não é enviado duas vezes
• +Log do terminal mais limpo

Novidades

• +Position no painel: static · relative · absolute · fixed · sticky, com X/Y. Fora do fluxo, o elemento é arrastado para qualquer lugar, ignorando o layout do pai ("Ignorar o layout do pai", como no Figma). Não pula ao trocar e mantém a largura.
• +Effects no painel: sombra, blur e blur do fundo, na escala do projeto (shadow-md, blur-md, backdrop-blur-md). Aparecem quando o elemento tem; "+" adiciona uma sombra.
• +Alinhamento de texto: esquerda · centro · direita, em Typography.
• +Texto com formatação (<em>, <strong>, <span>…) pode ser reescrito no painel; cada parte mantém a formatação.

Tudo o que é aplicado sem IA vira classe Tailwind direto no código.

Correções

• +Fechar a Ilse com um card aberto não deixa mais a página em modo seleção.
• +Botões e campos desabilitados podem ser selecionados.
• +Marcadores dentro de listas e painéis com rolagem própria acompanham o elemento.

Novidades

• +Mantém o CI verde. Depois de cada mudança, a Ilse roda o typecheck do projeto e os testes que cobrem o que mudou. O que a mudança quebrou, o agente corrige antes de dizer que terminou — testes de aparência são atualizados, testes de comportamento ficam e o código é corrigido. Falhas que já existiam não são atribuídas à mudança. ILSE_CHECK=off desliga; .ilserc.json ganha check e protected.
• +Memória do projeto (Configurações → Memória do projeto): as mudanças de design que a Ilse fez aqui, com a sua nota e o que ainda não tem commit. Com o Ilse Pro, também o que o modo teste lembra.
• +Árvore de componentes no card, no lugar do bloco de CSS: suba para o pai ou desça para o filho sem fechar a nota.
• +A mudança cai na página certa: o pedido leva a página; um desenho em área vazia fica ancorado no elemento que a contém; se o agente mexer em outra tela, a barra avisa, com Refazer nesta página / Desfazer / Manter.
• +Arrastar move o que você selecionou, não o pai.
• +✕ fecha o card; menus da página não fecham mais quando você clica no card.
• +Cabeçalho das configurações: plano da Ilse, agente e conta ("Claude Pro"), modelo e chamadas da sessão.
• +"Sem cor" no Fill e no Stroke do painel.

Ilse Pro

O modo teste agora vem só no Ilse Pro, que se conecta ao pacote grátis por plugin. Sem o Pro, o mascote do modo teste aparece dormindo. Veja ilse.design/#pro.

Em português. A Ilse mostra a porta detectada na primeira vez em cada projeto — rodar nessa ou mudar — e salva a escolha (ilse --port <n> muda depois). Em monorepo, rodando da raiz, ela acha o app Vite ou Next do workspace e sobe ele direto. A página do npm agora está em inglês; o README em português virou o LEIAME.md.

Em português. Primeira beta pública. Rode npx ilse-design na pasta do projeto: a Ilse sobe o seu dev server por trás e abre o app no endereço de sempre, com login e SSO funcionando. Novidades: painel de propriedades com a escala do projeto, só este ou todos, mover e redimensionar ao vivo, selecionar o pai, degraus de custo (sem IA → rápido → agente), atalhos de teclado (I I traz a barra de volta) e a contribuição do @huxleydias (plugin Vite, bookmarklet e extensão do Chrome). README em português.