synthesisui 0.16.291 → 0.16.293

package/dist/commands/add.js

@@ -1,15 +1,17 @@
 import { access, mkdir, readdir, readFile, rm, writeFile, } from "node:fs/promises";
 import { join } from "node:path";
 import { syncClaudeMd } from "../claude-md.js";
-import { readProjectConfig, resolveRegistry } from "../config.js";
+import { readProjectConfig, readToken, resolveRegistry } from "../config.js";
 import { customFontFamilies, googleFontsHref, nextFontSnippet, } from "../fonts.js";
 import { lockReference } from "../group-role.js";
 import { buildGuide } from "../guide.js";
 import { censusScope } from "../measured-scope.js";
 import { body as line, section, snippet } from "../output.js";
 import { fetchDesignSystem } from "../registry.js";
+import { repoStateOf } from "../repo-state.js";
 import { describeFiltered, ruleApplies, rulesForProject, } from "../rule-filter.js";
 import { detectStack } from "../stack.js";
+import { onlyWhatMatched } from "../their-theme.js";
 import { pointTokensAtTheirNames } from "../their-vars.js";
 /**
  * QUAL METADE DESTA PASTA UM TIME COMMITA.
@@ -203,9 +205,26 @@ export async function add(slug, opts) {
      * do servidor. A folha nunca fica pior do que estava.
      */
     const theirVars = await pointTokensAtTheirNames(projectRoot, payload);
+    /**
+     * O `theme.css` ALINHA ONDE HÁ O QUE ALINHAR - ver `onlyWhatMatched`.
+     *
+     * O QUE ISSO EVITA NA TELA DELE: `rounded-xl` valia 12px no código dele, o default do Tailwind, e
+     * a nossa folha o fazia valer 28px em 21 elementos. Ele não pediu e não declarou raio nenhum: a
+     * classe dele significava uma coisa e passava a significar outra. Medido em 23/08 - dos 68
+     * utilitários que o arquivo redefine, 4 apontavam para um token que casou com o vocabulário dele e
+     * 64 eram nossos.
+     *
+     * Só isto é possível porque o mapa existe. Sem ele, "este token é dele?" não tinha resposta na hora
+     * de escrever a folha.
+     */
+    const aligned = onlyWhatMatched(payload.artifacts["theme.css"] ?? "", new Set(theirVars.pairs.map((p) => p.ours)));
     // 1. server artifacts (tokens.css, theme.css, …) → pinned version folder
     for (const [filename, content] of Object.entries(payload.artifacts)) {
-        await writeFile(join(versionDir, filename), filename === "tokens.css" ? theirVars.css : content, "utf8");
+        await writeFile(join(versionDir, filename), filename === "tokens.css"
+            ? theirVars.css
+            : filename === "theme.css"
+                ? aligned.css
+                : content, "utf8");
     }
     // 2. canonical source of truth
     await writeFile(join(versionDir, "design-system.json"), `${JSON.stringify(payload.document, null, 2)}\n`, "utf8");
@@ -301,6 +320,33 @@ export async function add(slug, opts) {
         fetchedAt: landed || !prev?.fetchedAt ? new Date().toISOString() : prev.fetchedAt,
     };
     await writeFile(rootLockPath, `${JSON.stringify(lock, null, 2)}\n`, "utf8");
+    /**
+     * O MAPA SOBE AGORA, e é o único momento em que ele é novo.
+     *
+     * O QUE ESTAVA FALTANDO, medido em 23/08: o `.lock` tinha 24 pares e a tabela `token_names` tinha
+     * zero. O `repo_state` viaja em três caminhos - o import, o ping do agente e o `sync` - e o import
+     * o envia ANTES de instalar, quando o `.lock` ainda não existe. Então o mapa ficava esperando o
+     * próximo comando que reportasse, e até lá o Studio continuava falando a nossa língua.
+     *
+     * Este é o comando que escreve o mapa. Ele é quem tem que contar.
+     *
+     * GUARDADO: o sistema está instalado e os arquivos estão no lugar. Uma rede que cai aqui custa o
+     * mapa no servidor até o próximo `sync`, e jamais o install que acabou de dar certo.
+     */
+    if (opts.cli) {
+        const state = await repoStateOf(projectRoot, payload.slug, opts.cli).catch(() => null);
+        const token = await readToken();
+        if (state?.tokenMap && token) {
+            await fetch(`${base}/api/ledger`, {
+                method: "POST",
+                headers: {
+                    "content-type": "application/json",
+                    Authorization: `Bearer ${token}`,
+                },
+                body: JSON.stringify({ slug: payload.slug, repo: state, events: [] }),
+            }).catch(() => null);
+        }
+    }
     await writeGovernanceIgnore(projectRoot);
     const retired = await retireMaterializedDoctrine(slugDir);
     // 5b. governance rules (personal DS) → doctrine.json at the slug root (stable path,
@@ -419,6 +465,15 @@ export async function add(slug, opts) {
             .map((r) => `${r.theirs} → ${theirVars.pairs.find((p) => p.ours === r.ours)?.theirs ?? "?"}`)
             .join(", ")}${renamed.length > 3 ? ", …" : ""}. The system follows the new name from here.`);
     }
+    /**
+     * E ELE FICA SABENDO DO QUE NÃO FOI ALINHADO - cortar em silêncio é a outra metade do erro.
+     *
+     * A linha diz quantos utilitários do Tailwind ficaram apontando para a decisão dele e quantos
+     * saíram por serem nossos, com os primeiros nomes. Quem lê pode discordar de qualquer um.
+     */
+    if (aligned.dropped.length > 0) {
+        console.log(line(`  ${aligned.kept} Tailwind utilit${aligned.kept === 1 ? "y" : "ies"} now point at your own decisions; ${aligned.dropped.length} were left alone because the value would be ours (${aligned.dropped.slice(0, 3).join(", ")}${aligned.dropped.length > 3 ? ", …" : ""}) - your classes keep meaning what they mean today.`));
+    }
     if (theirVars.pointed > 0)
         console.log(`  ${theirVars.pointed} value${theirVars.pointed === 1 ? "" : "s"} in tokens.css now point at the name YOUR code already gives ${theirVars.pointed === 1 ? "it" : "them"} - change yours and the system follows${theirVars.pruned > 0 ? `; ${theirVars.pruned} matched but your build does not emit ${theirVars.pruned === 1 ? "that name" : "those names"}, so ${theirVars.pruned === 1 ? "it keeps" : "they keep"} the value` : ""}`);
     /**
@@ -436,7 +491,21 @@ export async function add(slug, opts) {
     /** Nomeado, nunca em silêncio: apagar arquivo no repo de alguém se diz em voz alta. */
     if (retired.length > 0)
         console.log(`  removed ${retired.join(" and ")} - nothing rewrote them after an install, so they stated an older version's rules as current`);
-    console.log(`  CLAUDE.md ${claudeMd.created ? "created" : "updated"} (${claudeMd.count} system(s) installed)`);
+    /**
+     * "CREATED" PRECISA DIZER A CONSEQUÊNCIA, e a palavra sozinha não dizia.
+     *
+     * A distinção já existia aqui - `created` contra `updated` -, e três vezes em 23/08 o arquivo foi
+     * criado porque ele não estava no disco, com 78 linhas dele vivas no git. A palavra `created` é
+     * neutra: ela descreve o que o comando fez e não o que aconteceu com o trabalho de quem lê.
+     *
+     * `updated` significa "o seu arquivo continua aí, com o nosso bloco dentro". `created` significa
+     * "não havia arquivo aqui" - e num repositório que TEM um versionado, isso quer dizer que ele está
+     * ausente do diretório de trabalho, o que ninguém faz de propósito. A linha passa a dizer isso e o
+     * comando de volta.
+     */
+    console.log(claudeMd.created
+        ? `  CLAUDE.md created - there was none here (${claudeMd.count} system(s) indexed). If your repo has one in git, it is missing from your working tree: \`git checkout -- CLAUDE.md\` and run this again to keep both.`
+        : `  CLAUDE.md updated - your file is intact, with our block inside it (${claudeMd.count} system(s) indexed)`);
     if (opts.setupHints === false)
         return;
     const hasTheme = cssArtifacts.includes("theme.css");

package/dist/commands/align.js

@@ -579,8 +579,23 @@ export async function nextStepFor(root) {
     if (locks.length > 0)
         return null;
     const measured = await readFile(join(root, "_synthesisui", "census.json"), "utf8").then(() => true, () => false);
+    /**
+     * MEDIDO E SEM SISTEMA INSTALADO SÃO DUAS HISTÓRIAS, e a frase antiga contava a errada.
+     *
+     * Ela dizia *"continue the import"*, e em 23/08 foi exatamente o que o agente fez: mediu o
+     * repositório inteiro de novo, refez a leitura, reenviou. O sistema JÁ EXISTIA na conta dele - o
+     * que faltava eram os arquivos aqui, e `add` é o comando que os traz. Medir de novo custou sete
+     * minutos e não mudou nada do que a plataforma sabia.
+     *
+     * As duas situações que produzem este estado, e as duas terminam no mesmo comando: um import que
+     * criou o sistema e parou antes de instalar (o que este CLI já não faz - ver o fim de `runImport`),
+     * e um clone fresco de um repositório onde alguém apagou a pasta `ds/`.
+     *
+     * `list --mine` primeiro porque o slug nasce no servidor: ele não está em nenhum arquivo daqui, e
+     * chutá-lo seria pior que pedir para olhar.
+     */
     return measured
-        ? 'This repo has been measured but has no design system yet. Ask me: "continue the import."'
+        ? "This repo has been measured and has no system installed here. If you already imported, the system is in your account: `synthesisui list --mine`, then `synthesisui add <slug>`."
         : 'This repo has no design system contract yet. Ask me: "import my design system."';
 }
 /**

package/dist/commands/import.js

@@ -49,6 +49,7 @@ import { phase, startProgress } from "../progress.js";
 import { repoStateOf } from "../repo-state.js";
 import { detectStack, resolveDeps, stackVersions } from "../stack.js";
 import { placeInWorkspace } from "../workspace-place.js";
+import { add } from "./add.js";
 import { walk, walkAll } from "./doctor.js";
 /**
  * How many distinct values travel, PER KIND.
@@ -3942,4 +3943,42 @@ export async function runImport(opts) {
     if (payload?.url)
         console.log(body(`    ${paint.blue(payload.url)}`));
     console.log("");
+    /**
+     * E O SISTEMA CHEGA NO REPOSITÓRIO DELE - quem manda importar quer usar.
+     *
+     * O QUE ELE VIVEU TRÊS VEZES EM 23/08: mandou importar, viu o sistema no ar com uma URL, e
+     * concluiu que tinha acabado. O repositório ficava com o censo, o ledger e o relatório de
+     * lacunas - sem `ds/`, sem `.lock`, sem `tokens.css`. O agente dele não sabia que o design
+     * system existia, e o comando seguinte falhava com "no design system installed here". E nada
+     * dizia que faltava um passo: nem o fim do import, nem a skill (que não cita `add` uma vez),
+     * nem o `doctor`.
+     *
+     * A LINHA "não escrevemos sem pedir" já foi cruzada aqui: este comando escreve o censo, o
+     * ledger, o `not-expressed.md` e um `.gitignore`. Parar antes de instalar não protegia nada -
+     * interrompia. Quem quer olhar antes de escrever usa `--dry`, que retorna muito acima desta
+     * linha e é onde essa responsabilidade mora.
+     *
+     * E É AQUI, DEPOIS DO RESUMO, e não antes: o resumo é sobre o que a leitura encontrou, e a
+     * instalação é sobre o que passou a existir na máquina dele. Misturar as duas faria a saída
+     * mais longa do produto ficar mais longa no lugar onde ela já é mais difícil de ler.
+     */
+    if (payload?.slug) {
+        try {
+            await add(payload.slug, {
+                registry: opts.registry,
+                dir: root,
+            });
+        }
+        catch (error) {
+            /**
+             * O SISTEMA FOI CRIADO NO SERVIDOR, e isso não se desfaz. Uma rede que cai na materialização
+             * custa os arquivos locais e nada mais - então o comando diz o que rodar, e jamais devolve
+             * um erro que faria a pessoa achar que perdeu a medição.
+             */
+            console.log("");
+            console.log(body(`Your system exists, and the files did not land here: ${error instanceof Error ? error.message : String(error)}`));
+            console.log(body(`    synthesisui add ${payload.slug}`));
+            console.log("");
+        }
+    }
 }

package/dist/doctor/broken-refs.js

@@ -21,8 +21,26 @@ import { frontierKind } from "../frontier-kind.js";
 import { importMap } from "./imports.js";
 /** Quantos lugares viajam por referência quebrada. Ver `BrokenRef.at`. */
 const MAX_PLACES = 3;
-/** `var(--x)`, including inside a Tailwind arbitrary value: `bg-[var(--x)]`. */
-const VAR_REF = /var\(\s*(--[a-zA-Z0-9_-]+)/g;
+/**
+ * `var(--x)`, including inside a Tailwind arbitrary value: `bg-[var(--x)]`.
+ *
+ * O SEGUNDO GRUPO É O FALLBACK, e é ele que separa uma referência quebrada de uma com rede:
+ * `var(--aurora-angle,125deg)` pinta 125deg. Chamar isso de "não pinta nada" é dizer ao cliente que
+ * o código dele está defeituoso quando ele escreveu a defesa.
+ */
+const VAR_REF = /var\(\s*(--[a-zA-Z0-9_-]+)\s*(,)?/g;
+/**
+ * `el.style.setProperty("--tx", …)` - uma custom property DECLARADA em JavaScript.
+ *
+ * O QUE O CLIENTE RECEBIA SEM ISTO: `--tx` e `--ty` na lista de "referências que não pintam nada",
+ * quando um hook de tilt dele as escreve a cada movimento do mouse. O agente dele diagnosticou isso à
+ * mão em 23/08 e disse a frase que virou esta regra: *"o que um leitor não consegue ver é uma custom
+ * property escrita por JS"*. A resposta não é adivinhar - é procurar a escrita, e ela é literal.
+ *
+ * Medido em quatro populações: 2 nomes no `codelevel-ui`, 0 no `packages/ui` do `frontend-hub`, 2 no
+ * dashboard dele e 3 no nosso próprio app. Três de quatro escrevem variável por JS.
+ */
+const SET_PROPERTY = /setProperty\(\s*['"`](--[a-zA-Z0-9_-]+)/g;
 /**
  * VARIABLES A HEADLESS LIBRARY SETS AT RUNTIME, which no stylesheet can declare.
  *
@@ -90,12 +108,35 @@ const NAMESPACES = [
  */
 export function findBrokenRefs(sources, declared) {
     const seen = new Map();
+    /**
+     * AS QUE O PRÓPRIO CÓDIGO DELE ESCREVE EM JAVASCRIPT - ver `SET_PROPERTY`.
+     *
+     * Colhidas de TODAS as fontes antes do laço, e não por arquivo: quem escreve `--tx` é o hook, e
+     * quem a lê é a folha global. São dois arquivos, e perguntar por arquivo diria que a folha
+     * referencia algo que ninguém declara.
+     */
+    const setInJs = new Set();
+    for (const { source } of sources)
+        for (const m of source.matchAll(SET_PROPERTY))
+            setInJs.add(m[1]);
     for (const { file, source } of sources) {
         const runtime = importsHeadless(source);
         for (const m of source.matchAll(VAR_REF)) {
             const name = m[1];
             if (declared.has(name))
                 continue;
+            /**
+             * UMA CHAMADA COM FALLBACK NÃO ESTÁ QUEBRADA - ela pinta o fallback.
+             *
+             * Por CHAMADA e não por nome: a mesma variável pode ser lida com rede num lugar e sem rede em
+             * outro, e é a segunda que precisa de conserto. Contar as duas juntas ou descartar as duas
+             * juntas erra em direções opostas.
+             */
+            if (m[2])
+                continue;
+            /** Declarada em JS - só não em CSS. Ver `SET_PROPERTY`. */
+            if (setInJs.has(name))
+                continue;
             if (runtime && (RUNTIME_ANCHOR.has(name) || RUNTIME_PREFIX.test(name)))
                 continue;
             const hit = seen.get(name) ?? {

package/dist/install-marks.js

@@ -128,7 +128,7 @@
  * é sempre o bump deste PR - nunca o número que o `package.json` já carrega, porque alguém pode
  * publicar no meio.
  */
-export const MATERIALISER_SINCE = "0.16.290";
+export const MATERIALISER_SINCE = "0.16.293";
 /**
  * A ÚLTIMA VERSÃO EM QUE O QUE O HOOK RODA MUDOU.
  *

package/dist/their-theme.js

@@ -0,0 +1,17 @@
+/** `--radius-lg: var(--ds-radius-lg);` - uma redefinição de utilitário do Tailwind pelo nosso token. */
+const ALIGNMENT = /^([ \t]*)(--[a-zA-Z0-9-]+)(\s*:\s*)var\(\s*(--ds-[a-zA-Z0-9-]+)\s*\)\s*;[ \t]*\n?/gm;
+export function onlyWhatMatched(css, 
+/** Os nossos tokens que casaram com um nome do código dele - ver `PointedAt.pairs`. */
+matched) {
+    let kept = 0;
+    const dropped = [];
+    const out = css.replace(ALIGNMENT, (whole, _indent, tailwind, _sep, ours) => {
+        if (matched.has(ours)) {
+            kept += 1;
+            return whole;
+        }
+        dropped.push(tailwind);
+        return "";
+    });
+    return { css: out, kept, dropped: dropped.sort() };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.291",
+  "version": "0.16.293",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {