synthesisui 0.16.513 → 0.16.514

package/dist/commands/hook.js

@@ -17,6 +17,8 @@ import { readMode } from "../mode.js";
 import { namesRemoved, previousText, rulesTouchedBy, } from "../rule-touched.js";
 import { loadSystem } from "./doctor.js";
 import { takeGrowthNote } from "../what-grew.js";
+import { readProjectConfig } from "../config.js";
+import { generatedTells, tellsText } from "../generated-tells.js";
 const pass = () => ({ continue: true });
 const speak = (context) => ({
     continue: true,
@@ -765,6 +767,26 @@ async function endOfTurn(root, input) {
         ? await checkChanged(root, changed, mode, "turn")
         : { said: [] };
     /** O que o sync destacado do turno anterior mandou para o rascunho - dito uma vez (re-rodada, 28/09). */
+    /**
+     * OS SINAIS DE PÁGINA FEITA POR IA (jornada "as camadas de design com fonte", E04, 24/10): só os que as fontes
+     * concordam, cada um com a fonte e o que fazer no lugar - ver `generated-tells.ts`. Um sistema que veio do código dela
+     * (o `intent` do config) não ouve: o hábito do código dela vence a regra de fora.
+     */
+    const imported = Boolean((await readProjectConfig(root).catch(() => null))?.intent);
+    if (!imported && changed.length > 0) {
+        const found = [];
+        for (const { rel } of changed.filter((c) => SCREEN.test(c.rel)).slice(0, REFUSAL_CEILING)) {
+            const src = await readFile(join(root, rel), "utf8").catch(() => null);
+            if (src == null)
+                continue;
+            const tells = generatedTells(src);
+            if (tells.length > 0)
+                found.push({ rel, tells });
+        }
+        const text = tellsText(found);
+        if (text)
+            said.push(text);
+    }
     const grown = await takeGrowthNote(root).catch(() => null);
     if (grown)
         said.push(grown);

package/dist/generated-tells.js

@@ -0,0 +1,122 @@
+/**
+ * OS SINAIS DE PÁGINA FEITA POR IA - jornada "as camadas de design com fonte", E04 (24/10). Desenho aprovado em 16/10
+ * (o aviso do fim do turno, v4 de https://claude.ai/artifact/KLxJLPXaZokMjgQKBkcGtf).
+ *
+ * São só os sinais em que as fontes CONCORDAM, cada um com a fonte e o commit lidos - os mesmos do registro do site
+ * (`apps/web/src/lib/design-layers/registry.ts`) - e o que fazer no lugar. A checagem lê o código que o turno escreveu,
+ * não a tela: o que ela não consegue ler com segurança no código, ela não acusa.
+ *
+ * QUEM NÃO OUVE: um sistema que veio do código da pessoa (o `intent` do config, adopt/migrate). O desenho é dele: "sistema
+ * IMPORTADO: nada muda; ligar é dele" - o hábito do código dela vence a regra de fora.
+ */
+const SOURCE = {
+    label: "taste-skill f624f37: on 16% of the strongest sites, 57% of the weakest",
+    gradientText: "impeccable 6af45ac and taste-skill f624f37: gradient text on 2% of the strongest sites, 13% of the weakest",
+    bounce: "impeccable 6af45ac and taste-skill f624f37 (motion.md: bounce and elastic easing are banned)",
+    sameFade: "taste-skill f624f37 (motion.md: the most cited motion tell) and design-motion-principles 4a9ca87",
+};
+const lineOf = (src, index) => src.slice(0, index).split("\n").length;
+const excerpt = (s) => {
+    const one = s.replace(/\s+/g, " ").trim();
+    return one.length > 90 ? `${one.slice(0, 87)}...` : one;
+};
+/** O rótulo: um elemento curto em maiúsculas com espaçamento de letra, logo antes de um título. */
+const LABEL = /<([a-z][\w.]*)\b[^>]*\bclassName=(?:"([^"]*)"|\{`([^`]*)`\})[^>]*>([^<{}]{1,200})<\/\1>\s*(?:\{\/\*[\s\S]*?\*\/\}\s*)?<(?:h[1-3]|Heading|DsHeading)\b/g;
+/** O gradiente no texto: o fundo recortado no texto e um gradiente no mesmo lugar. */
+const GRADIENT_TEXT_CLASS = /className=(?:"([^"]*)"|\{`([^`]*)`\})/g;
+const GRADIENT_TEXT_STYLE = /background-clip:\s*text|backgroundClip:\s*["']text["']|WebkitBackgroundClip:\s*["']text["']/g;
+/** O easing que quica: o do gsap pelo nome, e a curva que passa do fim. */
+const BOUNCE_NAME = /\bease\s*:\s*["'](bounce|elastic|back)(?:\.\w+)?(?:\([^)]*\))?["']/g;
+const OVERSHOOT = /cubic-bezier\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)/g;
+/** A mesma entrada: cada seção marcada para entrar do mesmo jeito. */
+const REVEAL = /\bdata-reveal\b|\bwhileInView=/g;
+const SAME_FADE_AT = 4;
+export function generatedTells(src) {
+    const tells = [];
+    for (const m of src.matchAll(LABEL)) {
+        const cls = m[2] ?? m[3] ?? "";
+        if (!/\buppercase\b/.test(cls) || !/\btracking-|letter-spacing/.test(cls))
+            continue;
+        /* O texto vem quebrado em linhas com recuo no JSX real ("Ceramics studio &amp; school", Kiln & Clay de 12/10): o
+           limite de rótulo é para o texto, não para o recuo. */
+        if (m[4].replace(/\s+/g, " ").trim().length > 48)
+            continue;
+        tells.push({
+            line: lineOf(src, m.index ?? 0),
+            what: "a small uppercase label above a heading",
+            excerpt: excerpt(`${m[4]}`),
+            instead: "put it in the heading or the first sentence, or drop it",
+            source: SOURCE.label,
+        });
+    }
+    for (const m of src.matchAll(GRADIENT_TEXT_CLASS)) {
+        const cls = m[1] ?? m[2] ?? "";
+        if (!/\bbg-clip-text\b/.test(cls) ||
+            !/\bbg-(gradient|linear|radial)-|\bfrom-/.test(cls))
+            continue;
+        tells.push({
+            line: lineOf(src, m.index ?? 0),
+            what: "gradient on text",
+            excerpt: excerpt(cls),
+            instead: "set the text in one colour from the system; let size and weight carry the emphasis",
+            source: SOURCE.gradientText,
+        });
+    }
+    for (const m of src.matchAll(GRADIENT_TEXT_STYLE)) {
+        const around = src.slice(Math.max(0, (m.index ?? 0) - 240), (m.index ?? 0) + 240);
+        if (!/gradient\(/.test(around))
+            continue;
+        tells.push({
+            line: lineOf(src, m.index ?? 0),
+            what: "gradient on text",
+            excerpt: excerpt(m[0]),
+            instead: "set the text in one colour from the system; let size and weight carry the emphasis",
+            source: SOURCE.gradientText,
+        });
+    }
+    for (const m of src.matchAll(BOUNCE_NAME)) {
+        tells.push({
+            line: lineOf(src, m.index ?? 0),
+            what: `a ${m[1]} easing`,
+            excerpt: excerpt(m[0]),
+            instead: "use the system's motion easing - things settle, they do not bounce",
+            source: SOURCE.bounce,
+        });
+    }
+    for (const m of src.matchAll(OVERSHOOT)) {
+        const y1 = Number(m[2]);
+        const y2 = Number(m[4]);
+        if (!(y1 > 1 || y1 < 0 || y2 > 1 || y2 < 0))
+            continue;
+        tells.push({
+            line: lineOf(src, m.index ?? 0),
+            what: "an easing that overshoots (it bounces past the end)",
+            excerpt: excerpt(m[0]),
+            instead: "use the system's motion easing - things settle, they do not bounce",
+            source: SOURCE.bounce,
+        });
+    }
+    const reveals = [...src.matchAll(REVEAL)];
+    if (reveals.length >= SAME_FADE_AT)
+        tells.push({
+            line: lineOf(src, reveals[0].index ?? 0),
+            what: `every section enters the same way (${reveals.length} marked to reveal)`,
+            excerpt: excerpt(reveals[0][0]),
+            instead: "give the entrance to the two or three sections that carry the story; the rest sit at rest",
+            source: SOURCE.sameFade,
+        });
+    return tells.sort((a, b) => a.line - b.line);
+}
+/** O bloco que o fim do turno entrega ao agente: por arquivo, o sinal, a linha, o que fazer no lugar e a fonte. */
+export function tellsText(found) {
+    const total = found.reduce((n, f) => n + f.tells.length, 0);
+    if (total === 0)
+        return null;
+    const lines = [
+        `SynthesisUI · ${total} thing${total === 1 ? "" : "s"} on this page look${total === 1 ? "s" : ""} generated`,
+    ];
+    for (const { rel, tells } of found)
+        for (const t of tells)
+            lines.push("", `  ${rel}:${t.line}  ${t.what}`, `    ${t.excerpt}`, `    -> ${t.instead}`, `    rule from ${t.source}`);
+    return lines.join("\n");
+}

package/dist/install-marks.js

@@ -598,7 +598,12 @@ export const COUNTED_DIFFERENTLY = "this run counts a value as named only when Y
  * E (E02, no mesmo PR) guarda o tamanho de título sem papel para a próxima leitura perguntar, e cobra o papel que a pessoa
  * escolheu no "não" (`decided` no rules.json): um hook pinado antes diz "papel novo" uma vez e nunca cobra.
  */
-export const CHECKER_SINCE = "0.16.506";
+/**
+ * 0.16.506 -> 0.16.514 em 24/10 (jornada "as camadas de design com fonte", E04), e o passo 1 dá **SIM**: o fim do turno
+ * passa a acusar os sinais de página feita por IA em que as fontes concordam (o rótulo acima do título, o gradiente no
+ * texto, o easing que quica, a mesma entrada em toda seção - `generated-tells.ts`). Um hook pinado antes não os cobra.
+ */
+export const CHECKER_SINCE = "0.16.514";
 /**
  * A ÚLTIMA VERSÃO EM QUE OS LEITORES PASSARAM A PRODUZIR UM CENSO DIFERENTE.
  *

package/package.json

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