synthesisui 0.16.357 → 0.16.359

package/dist/claude-md.js

@@ -636,6 +636,37 @@ export async function syncClaudeMd(projectRoot) {
  * Um repo com `AGENTS.md` e `.cursor/` ganhou governança nos três lugares e não tinha como saber -
  * e o que não se diz não é adotado.
  */
+/**
+ * O COMANDO QUE ABRE CADA AGENTE - derivado de qual casa do bloco existe, nunca de uma lista fixa.
+ *
+ * O QUE O CLIENTE GANHA: o fim de um comando mostra o comando literal que abre o agente DELE, então
+ * "abra uma sessão nova" deixa de ser uma instrução que ele precisa traduzir (dono, 03/09: "seria
+ * legal ter os comandos para abrir, apenas para ficar fácil").
+ *
+ * MORA AO LADO DE `HOMES` de propósito. A mesma tabela que sabe onde o bloco vive é a que sabe como
+ * aquele agente abre - um agente novo entra em UM lugar. Se as duas listas morassem separadas, a
+ * segunda envelheceria calada no dia em que a primeira crescesse.
+ *
+ * O CURSOR NÃO TEM LINHA AQUI, e a ausência é a resposta certa: ele é um editor que se abre, não um
+ * comando de terminal. Inventar um `cursor .` mandaria alguém rodar o que talvez não exista no PATH
+ * dele.
+ *
+ * AS FLAGS SÃO AS QUE DISPENSAM APROVAR CADA ESCRITA, e o import escreve muito. Elas são DITAS na
+ * saída - o que a flag dispensa aparece em uma linha ao lado -, porque um comando cujo próprio nome
+ * carrega "dangerously" impresso sem uma palavra seria a gente escondendo o que ele faz.
+ */
+const OPENS = {
+    "CLAUDE.md": "claude --dangerously-skip-permissions",
+    "AGENTS.md": "codex --yolo",
+};
+/**
+ * Os comandos que abrem os agentes que ESTE repositório mostra ter - vazio quando nenhum deles
+ * carrega o bloco, e aí a saída não fala de abrir nada.
+ */
+export async function agentOpenCommands(projectRoot) {
+    const homes = await blockHomes(projectRoot);
+    return homes.map((h) => OPENS[h]).filter((c) => Boolean(c));
+}
 export async function blockHomes(projectRoot) {
     const found = [];
     for (const home of HOMES) {

package/dist/commands/align.js

@@ -2,6 +2,7 @@ import { readdir, readFile } from "node:fs/promises";
 import { homedir } from "node:os";
 import { join, resolve } from "node:path";
 import { pinnedHookVersion } from "../agent-wiring.js";
+import { agentOpenCommands } from "../claude-md.js";
 import { isOlderCli } from "../cli-version.js";
 import { readToken, resolveRegistry } from "../config.js";
 import { unsentEvents } from "../doctor/ledger.js";
@@ -9,7 +10,7 @@ import { readRequests } from "../doctor/requests.js";
 import { declaredReference } from "../group-role.js";
 import { CHECKER_SINCE, installedBehind, MATERIALISER_SINCE, READER_SINCE, } from "../install-marks.js";
 import { measuredScope } from "../measured-scope.js";
-import { body } from "../output.js";
+import { body, bodyWrapped, paint, section, snippet } from "../output.js";
 import { SKILLS } from "../skills.js";
 /**
  * QUAL CLI MEDIU O CENSO EM DISCO - e era o `reader`, um inteiro, até 11/08.
@@ -625,8 +626,63 @@ export async function nextStepFor(root) {
      * chutá-lo seria pior que pedir para olhar.
      */
     return measured
-        ? "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."';
+        ? {
+            sentence: "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>`.",
+            headline: "Your system is already in your account. Bring it in here:",
+            run: ["synthesisui list --mine", "synthesisui add <slug>"],
+            why: "Re-measuring would cost minutes and change nothing the platform already knows.",
+        }
+        : {
+            sentence: 'This repo has no design system contract yet. Ask me: "import my design system."',
+            headline: "Open a new agent session in this repo",
+            open: await agentOpenCommands(root).catch(() => []),
+            say: "import my design system",
+            why: "I read what is already in your code - the colours, the type, the shapes, the components. Nothing is invented.",
+        };
+}
+/**
+ * A AÇÃO RECOMENDADA, DESENHADA PARA SER VISTA - uma, com título, o literal copiável e o por quê.
+ *
+ * A hierarquia usa a paleta que já existe e no papel que ela declara: `blue` marca o que é VIVO (o
+ * que ele diz ou roda), `dim` é prosa secundária (o por quê e a exigência de sessão nova). A seção
+ * traz as linhas em branco de graça, que é o "respiro" pedido.
+ */
+export function renderNextStep(next, freshSession) {
+    const lines = [section("Do this next")];
+    /**
+     * NUMERA SÓ QUANDO SÃO DOIS PASSOS. Abrir o agente e falar com ele são duas coisas, e sem o "1" e
+     * o "2" a pessoa lê dois blocos azuis e não sabe se escolhe um ou faz os dois. Com um passo só, o
+     * número seria decoração.
+     */
+    const numbered = Boolean(next.open?.length && next.say);
+    if (next.open?.length) {
+        lines.push(body(numbered ? `1  ${next.headline}` : next.headline), "");
+        lines.push(paint.blue(snippet(next.open)), "");
+    }
+    if (next.say) {
+        if (next.open?.length)
+            lines.push(body(numbered ? "2  and say" : "and say"), "");
+        else
+            lines.push(body(`${next.headline} and say:`), "");
+        lines.push(paint.blue(snippet([next.say])), "");
+    }
+    if (next.run?.length) {
+        lines.push(body(next.headline), "");
+        lines.push(paint.blue(snippet(next.run)), "");
+    }
+    lines.push(...bodyWrapped(next.why).map(paint.dim));
+    /** O que a flag dispensa, dito - ver `OPENS` em `claude-md.ts`. E concordando: um repo com um
+     *  agente só recebe uma linha no singular, porque "those flags" sobre um comando lê como se a
+     *  pessoa tivesse perdido uma opção da tela. */
+    if (next.open?.length)
+        lines.push(...bodyWrapped(next.open.length === 1
+            ? "That flag lets it write without asking each time. Drop it to approve every change yourself."
+            : "Those flags let it write without asking each time. Drop them to approve every change yourself.").map(paint.dim));
+    if (freshSession)
+        lines.push(...bodyWrapped(freshSession.mcp
+            ? "A new session is what loads the skills and tools just installed, and the project's tools ask for approval once - say yes."
+            : "A new session is what loads the skills just installed.").map(paint.dim));
+    return lines.join("\n");
 }
 /**
  * A CAUDA DE UM COMANDO QUE TERMINOU: o que ainda está fora, ou nada.
@@ -642,10 +698,8 @@ export async function reportWhatIsLeft(root, opts = {}) {
     const items = await misalignments(root, opts).catch(() => []);
     if (items.length === 0) {
         const next = await nextStepFor(root).catch(() => null);
-        if (next) {
-            console.log("");
-            console.log(body(next));
-        }
+        if (next)
+            console.log(renderNextStep(next, opts.freshSession));
         return;
     }
     console.log("");
@@ -673,5 +727,5 @@ export async function align(opts) {
      */
     const next = await nextStepFor(root).catch(() => null);
     if (next)
-        console.log(next);
+        console.log(next.sentence);
 }

package/dist/commands/connect.js

@@ -153,7 +153,13 @@ version) {
         if (next !== current) {
             const was = pinnedInHook(current);
             console.log("");
-            console.log(body(`Updating the terminal check in ${rc} - ${was ? `it was pinned to ${was}` : "it was on an unpinned version"}, moving it to ${version}.`));
+            /**
+             * DITA, E EM SEGUNDO PLANO. O dono pediu em 03/09 que ela saísse da tela; ela FICA porque
+             * reporta uma escrita FORA do repositório, e "um `.zshrc` que muda sem uma palavra é a
+             * definição de invasivo" é decisão dele mesmo, de 11/08. O que muda é o peso: cinza claro,
+             * como toda prosa secundária, para ela informar sem disputar com a ação recomendada.
+             */
+            console.log(body(paint.dim(`Updating the terminal check in ${rc} - ${was ? `it was pinned to ${was}` : "it was on an unpinned version"}, moving it to ${version}.`)));
             await writeFile(rc, next, "utf8").catch(() => { });
         }
         return;
@@ -379,18 +385,19 @@ export async function connect(opts) {
                 : `✓ ${skill.label.padEnd(22)} updated to this CLI's pipeline`));
     }
     /**
-     * O CI: escrito só quando pedido, e OFERECIDO sempre - com o que ele faz em duas linhas, porque
-     * "adicione CI" sem dizer que nada reprova dívida herdada não é uma oferta, é um risco.
+     * O CI: escrito quando pedido, e NÃO MAIS OFERECIDO aqui.
+     *
+     * A oferta era verdadeira e estava no lugar errado: ela ocupava o espaço imediatamente antes da
+     * ação recomendada, num repositório onde a pessoa ainda não tem sistema nenhum - então o produto
+     * sugeria um portão de PR para uma dívida que ainda não existe. Ela mora agora na documentação do
+     * `connect` (dono, 03/09: "vamos deixar isso para uma documentação dentro do synthesisui").
+     *
+     * `--ci` continua fazendo tudo que fazia: quem pede, recebe.
      */
     if (opts.ci) {
         console.log("");
         await ci({ dir: root, write: true });
     }
-    else {
-        console.log("");
-        console.log(body(paint.dim("Your PRs can carry this too: annotations on the exact line, and a check that fails only when the count goes UP - never on the debt you already have.")));
-        console.log(paint.blue(snippet(["npx synthesisui@latest ci"])));
-    }
     /** A mesma versão que a fiação do editor recebe - os dois pinam no mesmo número. */
     await offerShellHook(opts.shell === true, opts.version);
     /**
@@ -409,16 +416,13 @@ export async function connect(opts) {
     const needsRestart = moved(wired.hook) ||
         moved(wired.session) ||
         (Array.isArray(wired.mcp) && wired.mcp.some((m) => moved(m.status)));
-    if (needsRestart) {
-        console.log("");
-        console.log(body("Reopen your editor session - all of them are read at startup."));
-        if (want.mcp &&
-            Array.isArray(wired.mcp) &&
-            wired.mcp.some((m) => moved(m.status))) {
-            console.log(body('A project MCP server needs approving once; say yes when it asks. Then "/mcp" lists synthesisui.'));
-        }
-    }
-    await reportWhatIsLeft(root, { cli: opts.version });
+    const mcpMoved = Boolean(want.mcp &&
+        Array.isArray(wired.mcp) &&
+        wired.mcp.some((m) => moved(m.status)));
+    await reportWhatIsLeft(root, {
+        cli: opts.version,
+        ...(needsRestart ? { freshSession: { mcp: mcpMoved } } : {}),
+    });
     /**
      * O CUSTO DO HOOK, DITO SEM UM NÚMERO QUE NÃO É NOSSO.
      *
@@ -434,10 +438,10 @@ export async function connect(opts) {
      */
     if (wired.command.startsWith("npx synthesisui@")) {
         console.log("");
-        console.log(body("The hook runs through npx, which resolves this package against the"));
-        console.log(body("registry on every edit - that wait is the network, not the check itself"));
-        console.log(body("(the analysis is about 80ms). Adding synthesisui to your devDependencies"));
-        console.log(body("makes npx resolve it locally instead, which is several times faster;"));
-        console.log(body("run this again afterwards and it will switch by itself."));
+        console.log(body(paint.dim("The hook runs through npx, which resolves this package against the")));
+        console.log(body(paint.dim("registry on every edit - that wait is the network, not the check itself")));
+        console.log(body(paint.dim("(the analysis is about 80ms). Adding synthesisui to your devDependencies")));
+        console.log(body(paint.dim("makes npx resolve it locally instead, which is several times faster;")));
+        console.log(body(paint.dim("run this again afterwards and it will switch by itself.")));
     }
 }

package/dist/output.js

@@ -20,6 +20,34 @@ export function snippet(lines) {
 export function body(line) {
     return `  ${line}`;
 }
+/**
+ * PROSA LONGA QUEBRADA NA MESMA LARGURA QUE O RESTO DA TELA RESPEITA.
+ *
+ * Todo parágrafo daqui foi quebrado À MÃO até agora, uma string por linha - o que funciona para
+ * texto fixo e não funciona para texto que vem de dado. Medido em 03/09 na ação recomendada do
+ * `connect`: a linha do "por quê" saiu com 103 colunas num desenho de 66, e num terminal estreito
+ * ela dobra no meio de uma palavra, exatamente na frase que a pessoa mais precisa ler.
+ *
+ * Quebra por PALAVRA e nunca no meio de uma; uma palavra maior que a largura fica sozinha na linha
+ * em vez de ser cortada. Já indenta como `body`, porque a indentação conta para a largura.
+ */
+export function bodyWrapped(text, width = WIDTH) {
+    const lines = [];
+    let current = "";
+    for (const word of text.split(/\s+/).filter(Boolean)) {
+        if (!current)
+            current = word;
+        else if (`${current} ${word}`.length <= width)
+            current += ` ${word}`;
+        else {
+            lines.push(current);
+            current = word;
+        }
+    }
+    if (current)
+        lines.push(current);
+    return lines.map(body);
+}
 /**
  * Colour, used the way the product uses motion: a quiet base and a few
  * deliberate accents (dono, 30/07: "um cinza mais escuro e um mais claro,

package/package.json

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