@getparallel/parx 0.4.2 → 0.4.3

package/CHANGELOG.md

@@ -6,6 +6,10 @@ changes). Entries are generated by `npm run release` from the git history of `ap
 
 <!-- Notes written under «## Unreleased» are used as the next entry instead of the git log. -->
 
+## 0.4.3 (2026-10-11)
+
+- Each permission mode has its own colour, from least to most freedom: Read only teal, Ask violet, Auto orange, Bypass red. It shows in the status row, the `/mode` menu, the `/mode` confirmation, `/help` and the `╱╱` input marker; bash mode keeps its amber.
+
 ## 0.4.2 (2026-10-11)
 
 - Bash mode: type `!` first and the input turns amber with a `bash` label; Enter runs the command in the project folder, its output streams into the conversation with the exit code, and the agent sees it next turn. Read only refuses, «Careful» commands ask first, credentials stay out of the conversation, Esc or Ctrl+C stops it.

package/dist/cli.js

@@ -6,7 +6,7 @@ import { basename, resolve } from 'node:path';
 import { parseArgs } from 'node:util';
 import { randomUUID } from 'node:crypto';
 import { ALIAS_COMANDO, ALIAS_SI_NO, COMANDOS, t, USO } from "./textos.js";
-import { c, fijarCapacidades, sep, signo, SIMBOLOS } from "./marca.js";
+import { c, colorDeModo, fijarCapacidades, sep, signo, SIMBOLOS } from "./marca.js";
 import { guardarAjustes, leerAjustes, migrarCarpetaVieja, VERSION } from "./config.js";
 import { MODELO_POR_DEFECTO, MODELOS, modeloDe, nombreDeModelo } from "./modelos.js";
 import { correoVisible, crearMision, ErrorDeParallel, leerBandeja, leerCuenta, quienEs, responderBandeja, verMision } from "./api.js";
@@ -85,8 +85,12 @@ export function modoDe(texto) {
     return tabla[v] ?? null;
 }
 export const SIGUIENTE_MODO = { ask: 'auto', auto: 'read', read: 'ask', bypass: 'ask' };
+export function modosEnColor() {
+    const nombres = ['read', 'ask', 'auto', 'bypass'].map((m) => colorDeModo(m)(nombreDeModo(m)));
+    return `${nombres.slice(0, 3).join(', ')} or ${nombres[3]}`;
+}
 function ayudaDeComandos() {
-    return bloqueDeTabla([['!', t('tip.bash')], ...COMANDOS.map(([k, d]) => [`/${k}`, d])], { pie: `${t('tui.atajos')}\n${t('tui.atajos_raton')}` });
+    return bloqueDeTabla([['!', t('tip.bash')], ...COMANDOS.map(([k, d]) => [`/${k}`, k === 'mode' ? modosEnColor() : d])], { pie: `${t('tui.atajos')}\n${t('tui.atajos_raton')}` });
 }
 async function cuentaOError(cred, pantalla) {
     try {
@@ -393,6 +397,7 @@ async function principal() {
         saldo: saldo(),
         saldoCorto: saldoCorto(),
         peligro: sesion.ctx.modo === 'bypass',
+        clave: sesion.ctx.modo,
         extra: sesion.ensenar ? 'Teach' : undefined,
         esperando: esperandoEnBandeja ?? 0,
     });
@@ -662,7 +667,7 @@ async function principal() {
                         guardarAjustes({ modo: m });
                         registro.apuntar('modo', { modo: m });
                     }
-                    pantalla.escribir(t('modo.ahora', { modo: nombreDeModo(sesion.ctx.modo), desc: t(`modo.${sesion.ctx.modo}.desc`) }));
+                    pantalla.escribir(t('modo.ahora', { modo: colorDeModo(sesion.ctx.modo)(c.negrita(nombreDeModo(sesion.ctx.modo))), desc: t(`modo.${sesion.ctx.modo}.desc`) }));
                     superficie?.pintar();
                     break;
                 }

package/dist/marca.js

@@ -40,6 +40,10 @@ const PALETA = {
     verdeDiff: [80, 200, 120],
     rojoDiff: [240, 100, 100],
     peligro: [255, 69, 58],
+    modoRead: [29, 161, 181],
+    modoAsk: [139, 112, 255],
+    modoAuto: [242, 107, 29],
+    bash: [245, 166, 35],
 };
 const ANSI256 = {
     violeta: 99,
@@ -52,6 +56,10 @@ const ANSI256 = {
     verdeDiff: 78,
     rojoDiff: 203,
     peligro: 196,
+    modoRead: 37,
+    modoAsk: 99,
+    modoAuto: 202,
+    bash: 214,
 };
 const ANSI16 = {
     violeta: 35,
@@ -64,6 +72,10 @@ const ANSI16 = {
     verdeDiff: 32,
     rojoDiff: 31,
     peligro: 91,
+    modoRead: 36,
+    modoAsk: 35,
+    modoAuto: 33,
+    bash: 93,
 };
 function pintar(nombre, texto) {
     const { color } = caps;
@@ -88,10 +100,16 @@ export const c = {
     mas: (t) => pintar('verdeDiff', t),
     menos: (t) => pintar('rojoDiff', t),
     peligro: (t) => pintar('peligro', t),
+    bash: (t) => pintar('bash', t),
     negrita: (t) => (caps.color ? `\x1b[1m${t}\x1b[22m` : t),
     tenue: (t) => (caps.color ? `\x1b[2m${t}\x1b[22m` : t),
     boton: (t, peligro = false) => fondo(peligro ? 'peligro' : 'violeta', t),
 };
+const TINTA_DE_MODO = { read: 'modoRead', ask: 'modoAsk', auto: 'modoAuto', bypass: 'peligro' };
+export function colorDeModo(modo) {
+    const nombre = TINTA_DE_MODO[modo];
+    return (t) => pintar(nombre, t);
+}
 function fondo(nombre, texto) {
     const { color } = caps;
     if (color === 0)

package/dist/tui.js

@@ -1,4 +1,4 @@
-import { animacion, c, capacidades, sep, cabezaDePar, caraDePar, carril, fijarCapacidades, signo, ANCHO_DE_PAR, SIMBOLOS } from "./marca.js";
+import { animacion, c, capacidades, colorDeModo, sep, cabezaDePar, caraDePar, carril, fijarCapacidades, signo, ANCHO_DE_PAR, SIMBOLOS } from "./marca.js";
 import { anchoDe, envolver, puntos, recortar, rellenar } from "./texto.js";
 import { ALIAS_COMANDO, COMANDOS, t as tt } from "./textos.js";
 import { MODELOS, ORDEN_DE_MODELOS } from "./modelos.js";
@@ -138,13 +138,13 @@ export function bloqueDeCierre(texto, marca) {
 export function bloqueDeBash(comando) {
     return (ancho) => {
         const util = anchoUtil(ancho);
-        return ['', ...envolver(comando, util - 2).map((l, i) => `${m}${i === 0 ? c.aviso(c.negrita('!')) : ' '} ${l}`)];
+        return ['', ...envolver(comando, util - 2).map((l, i) => `${m}${i === 0 ? c.bash(c.negrita('!')) : ' '} ${l}`)];
     };
 }
 export function bloqueDeSalidaDeBash(lineas) {
     return (ancho) => {
         const util = anchoUtil(ancho);
-        const raya = c.tenue(c.aviso(capacidades().unicode ? '│' : '|'));
+        const raya = c.tenue(c.bash(capacidades().unicode ? '│' : '|'));
         return lineas.map((l) => `${m}${raya} ${recortar(l.replace(/\t/g, '  '), util - 2)}`);
     };
 }
@@ -152,7 +152,7 @@ export function bloqueDeFinDeBash(bien, texto) {
     return (ancho) => {
         const u = capacidades().unicode;
         const marca = bien ? c.ok(u ? '✓' : 'v') : c.error(u ? '✗' : 'x');
-        return [`${m}${c.tenue(c.aviso(u ? '╰' : '`'))} ${marca} ${recortar(c.gris(texto), anchoUtil(ancho) - 4)}`];
+        return [`${m}${c.tenue(c.bash(u ? '╰' : '`'))} ${marca} ${recortar(c.gris(texto), anchoUtil(ancho) - 4)}`];
     };
 }
 export function trocearTeclas(datos, estado) {
@@ -326,7 +326,7 @@ export function opcionesDelMenu(valor) {
             ];
     return valores
         .filter(([v]) => v.startsWith(q))
-        .map(([v, d]) => ({ nombre: v, descripcion: d, completar: `${base}${v}`, enviar: true, ...(cmd === 'mode' && v === 'bypass' ? { peligro: true } : {}) }));
+        .map(([v, d]) => ({ nombre: v, descripcion: d, completar: `${base}${v}`, enviar: true, ...(cmd === 'mode' ? { modo: v, ...(v === 'bypass' ? { peligro: true } : {}) } : {}) }));
 }
 export function componerBarra(e, util) {
     return componerBarraConZonas(e, util).texto;
@@ -334,7 +334,8 @@ export function componerBarra(e, util) {
 export function componerBarraConZonas(e, util) {
     const u = capacidades().unicode;
     const punto = c.gris(sep());
-    const modo = e.peligro ? c.aviso(c.negrita(`${u ? '▲' : '!'} ${e.modo}`)) : c.gris(e.modo);
+    const tinta = e.clave ? colorDeModo(e.clave) : e.peligro ? c.peligro : c.gris;
+    const modo = e.peligro ? tinta(c.negrita(`${u ? '▲' : '!'} ${e.modo}`)) : tinta(e.modo);
     const extra = e.extra ? `${punto}${c.marca(e.extra)}` : '';
     const n = e.esperando ?? 0;
     const espera = n ? c.aviso(`${u ? '●' : '*'} ${tt('bandeja.esperando', { n })}`) : '';
@@ -515,8 +516,8 @@ export function componerCarril(d, ancho, alto) {
     const anchoEscribir = util - (conPar ? huecoPar + 1 : 0);
     {
         const libre = Math.max(4, anchoEscribir - signoW);
-        const color = d.trabajo || d.pregunta ? c.gris : c.claro;
-        const marca = bash ? c.aviso(c.negrita('!')) : color(signo());
+        const color = d.trabajo || d.pregunta ? c.gris : d.estado.clave ? colorDeModo(d.estado.clave) : c.claro;
+        const marca = bash ? c.bash(c.negrita('!')) : color(signo());
         const unidades = bash ? d.unidades.slice(1) : d.unidades;
         const enCursor = bash ? Math.max(0, d.cursor - 1) : d.cursor;
         if (!unidades.length) {
@@ -534,7 +535,7 @@ export function componerCarril(d, ancho, alto) {
     }
     if (conPar)
         filaEscribir += ` ${cabezaDePar()}  `;
-    const tinta = (t) => (bash ? c.aviso(t) : c.violeta(t));
+    const tinta = (t) => (bash ? c.bash(t) : c.violeta(t));
     const linea = conPar ? `${tinta(carril(util - ANCHO_DE_PAR - 2))}${caraDePar(d.gesto)}${tinta(carril(2))}` : tinta(carril(util));
     let barra;
     let zonasBarra = [];
@@ -553,7 +554,7 @@ export function componerCarril(d, ancho, alto) {
         barra = izquierdaYDerecha(c.aviso(recortar(d.aviso, util)), '', util);
     }
     else if (bash) {
-        const etiqueta = c.aviso(c.negrita(tt('bash.etiqueta')));
+        const etiqueta = c.bash(c.negrita(tt('bash.etiqueta')));
         const largo = `${etiqueta}${c.gris(`${sep()}${tt('bash.intro')}`)}`;
         barra = izquierdaYDerecha(anchoDe(largo) + anchoDe(d.estado.saldoCorto ?? '') + 2 <= util ? largo : etiqueta, c.gris(d.estado.saldoCorto ?? ''), util);
     }
@@ -641,7 +642,8 @@ export function componerCarril(d, ancho, alto) {
                 const sel = i === d.menu.elegida;
                 const sobre = d.sobre === `menu:${i}`;
                 zonasEncima.push({ fila: k, desde: MARGEN, hasta: MARGEN + util, id: `menu:${i}` });
-                const marca = sel ? (o.peligro ? c.peligro : c.claro)(u ? '▌' : '>') : ' ';
+                const tinta = o.modo ? colorDeModo(o.modo) : o.peligro ? c.peligro : c.claro;
+                const marca = sel ? tinta(u ? '▌' : '>') : ' ';
                 const resto = Math.max(0, util - 2 - anchoNombre);
                 const desc = recortar(o.descripcion, resto);
                 if (o.peligro) {
@@ -649,6 +651,8 @@ export function componerCarril(d, ancho, alto) {
                     return `${m}${rellenar(`${marca} ${sel || sobre ? c.negrita(c.peligro(nombre)) : c.peligro(nombre)}${sel ? c.peligro(desc) : c.tenue(c.peligro(desc))}`, util)}`;
                 }
                 const nombre = rellenar(recortar(o.nombre, anchoNombre - 1), anchoNombre);
+                if (o.modo)
+                    return `${m}${rellenar(`${marca} ${sel || sobre ? c.negrita(tinta(nombre)) : tinta(nombre)}${sel || sobre ? desc : c.tenue(c.gris(desc))}`, util)}`;
                 return `${m}${rellenar(`${marca} ${sel ? c.negrita(c.marca(nombre)) : sobre ? c.marca(nombre) : c.gris(nombre)}${sel || sobre ? desc : c.tenue(c.gris(desc))}`, util)}`;
             });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getparallel/parx",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "parx: the coding agent of Parallel in your terminal. Reads and edits your project, runs commands and tests, and does coding tasks end to end. Mac, Windows and Linux.",
   "keywords": [
     "parx",