@jossuealcala/madre 1.0.3 → 1.0.4

package/CHANGELOG.en.md

@@ -4,7 +4,14 @@ Every published version of `@jossuealcala/madre`. Dates in ISO format.
 
 A version closes when it is on npm: until then its section is called **Unreleased** and it can keep growing. Each published version has exactly one `vX.Y.Z` tag, one GitHub release and one section here; the patch number can reach two digits (`0.2.10`) before the minor goes up. See `docs/ROADMAP.md` for the criteria on what bumps each number. This is the English translation of [CHANGELOG.md](CHANGELOG.md); the Spanish file is the original.
 
-## 1.0.4 · Unreleased
+## 1.0.5 · Unreleased
+
+## 1.0.4 · 2026-10-19
+
+- **Cursor in the welcome.** The «Connect your agents» animation showed four agents around MADRE; now Cursor sits above her, and lights up when connected like the rest.
+- **Your project's servers open even when they listen on the whole network.** Node, Express and Vite with `--host` listen on every interface of your computer, and the preview named them («open to your whole network · start it on 127.0.0.1») without letting you open them. Now they open the same way, inside your computer, and the list says «your network can reach it too». Servers from other folders are still not shown.
+- **The project's state dot always shows.** Beside the project's name on the bar, the dot that says whether it is live got cut when the bar was tight. Now the name gives way, with «…», and the dot always stays whole.
+- **Home's bar fits again.** With the Market and Modules keys, Home's bar ran under the buttons on the right and the pinned projects shrank to «+5», with no room to move them or drop a new one. Now, when it does not fit, the computer's name steps out first, then the keys keep only their icon (their name shows on hover), and last the agents step out. The projects always keep their room, also while you arrange the bar.
 
 ## 1.0.3 · 2026-10-17
 

package/CHANGELOG.md

@@ -4,7 +4,14 @@ Todas las versiones publicadas de `@jossuealcala/madre`. Fechas en ISO.
 
 Una versión se cierra cuando está en npm: hasta entonces su sección se llama **Sin publicar** y puede crecer. Cada versión publicada tiene exactamente una etiqueta `vX.Y.Z`, una release en GitHub y una sección aquí; el parche puede llegar a dos dígitos (`0.2.10`) antes de subir el menor. Ver `docs/ROADMAP.md` para el criterio de qué sube cada número.
 
-## 1.0.4 · Sin publicar
+## 1.0.5 · Sin publicar
+
+## 1.0.4 · 2026-10-19
+
+- **Cursor en la bienvenida.** La animación de «Conecta tus agentes» mostraba cuatro agentes alrededor de MADRE; ahora Cursor está arriba, y se enciende al conectarse como los demás.
+- **Los servidores de tu proyecto se abren aunque escuchen en toda la red.** Node, Express y Vite con `--host` escuchan en todas las interfaces de tu computadora, y la vista previa los nombraba («está abierto a toda la red · inícialo en 127.0.0.1») sin dejar abrirlos. Ahora se abren igual, dentro de tu computadora, y la lista avisa «tu red también lo alcanza». Los servidores de otras carpetas siguen sin mostrarse.
+- **El punto de estado del proyecto siempre se ve.** Junto al nombre del proyecto, en la barra, el punto que dice si está en vivo se cortaba cuando la barra iba justa. Ahora el que cede es el nombre, con «…», y el punto queda siempre entero.
+- **La barra de Inicio vuelve a caber.** Con las teclas Mercado y Módulos, la barra de Inicio se metía debajo de los botones de la derecha y los proyectos fijados quedaban reducidos a «+5», sin espacio para moverlos ni soltar uno nuevo. Ahora, cuando no cabe, primero se oculta el nombre de la computadora, luego las teclas se quedan con su ícono (su nombre aparece al pasar el ratón) y al final se ocultan los agentes. Los proyectos conservan siempre su lugar, también mientras acomodas la barra.
 
 ## 1.0.3 · 2026-10-17
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jossuealcala/madre",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "MADRE · one local room where the AI coding agents already on your machine (Codex, Claude Code, Gemini CLI, OpenCode) work on your project together, share one memory you can see and explore, and answer to you. Read-only by default, with per-message permission modes and checkpoints you can undo. Nothing leaves your machine on its own.",
   "keywords": [
     "ai-agents",

package/public/app.js

@@ -2513,7 +2513,8 @@ function paintPorts(read) {
     row.type = 'button';
     // A server that sends no Content-Type used to leave the separator hanging: «:5173 node · 200 · ».
     const kind = found.html ? '' : (found.contentType ?? '').trim();
-    const what = `${found.command} · ${found.status}${kind ? ` · ${kind}` : ''}`;
+    // Open to the whole network too: it opens here on 127.0.0.1, and the row says the rest.
+    const what = `${found.command} · ${found.status}${kind ? ` · ${kind}` : ''}${found.network ? ` · ${t('your network can reach it too')}` : ''}`;
     row.append(el('i', 'ports-lamp'), el('b', null, `:${found.port}`), el('span', null, found.framable === false ? t('{what} · cannot be shown in here', { what }) : what));
     row.addEventListener('click', () => openPort(found));
     menu.append(row);
@@ -6383,15 +6384,15 @@ function markRun({ responseMessageId, index }, status, where = null, startedAt =
     updateRunClock(button);
   }
   if (status === 'serving' && where?.port) {
+    // A server open to the whole network opens here too, on 127.0.0.1 (2026-10-18); the line says
+    // that the network can reach it as well.
     live.append(el('span', 'where', where.network
-      ? t('serving on :{port} · open to your whole network, so the project will not open it', { port: where.port })
+      ? t('serving on :{port} · your network can reach it too', { port: where.port })
       : t('serving on :{port}', { port: where.port })));
-    if (!where.network) {
-      const open = el('button', 'run-open', t('OPEN IN YOUR SERVERS'));
-      open.type = 'button';
-      open.addEventListener('click', () => { browserShow(); void browserOpen(`http://127.0.0.1:${where.port}/`); });
-      live.append(open);
-    }
+    const open = el('button', 'run-open', t('OPEN IN YOUR SERVERS'));
+    open.type = 'button';
+    open.addEventListener('click', () => { browserShow(); void browserOpen(`http://127.0.0.1:${where.port}/`); });
+    live.append(open);
   }
   const stop = el('button', 'run-stop', t('STOP'));
   stop.type = 'button';

package/public/es.js

@@ -1407,7 +1407,8 @@ export const ES = {
   '@{agent} waits for the turn writing in the project · one turn writes at a time': '@{agent} espera a la respuesta que está escribiendo en el proyecto · solo una respuesta escribe a la vez',
   'SERVING': 'EN MARCHA',
   'serving on :{port}': 'en marcha en :{port}',
-  'serving on :{port} · open to your whole network, so the project will not open it': 'en marcha en :{port} · está abierto a toda tu red, por eso el proyecto no lo abre',
+  'serving on :{port} · your network can reach it too': 'en marcha en :{port} · tu red también lo alcanza',
+  'your network can reach it too': 'tu red también lo alcanza',
   'OPEN IN YOUR SERVERS': 'ABRIR EN TUS SERVIDORES',
   'That command is not running.': 'Ese comando no está corriendo.',
   'what it left could not be read ({reason})': 'no se pudo leer lo que dejó ({reason})',

package/public/salas-mac.css

@@ -118,6 +118,13 @@ body.salas-mac {
 @media (max-width: 560px) { #sm-reload { display: none; } }
 .sm-brand:focus-visible { outline: 2px solid var(--s-acc); outline-offset: 3px; }
 .sm-spacer { flex: 1; }
+/* A bar that does not fit (salas-mac.js, fitBar): the computer's name steps out, then the keys keep
+   their icons, then the agents step out. */
+.sm-topbar.is-tight { gap: 10px; }
+.sm-topbar.is-tight .sm-live > span { display: none; }
+.sm-topbar.is-tighter .sm-barkey > span { display: none; }
+.sm-topbar.is-tighter .sm-barkey { padding: 0 8px; }
+.sm-topbar.is-tightest .sm-tb-agents { display: none; }
 /* The bar's keys are the room's bar keys (styles.css, .mother-button, .tree-button, .stop-all). */
 .sm-barkey, .sm-stop { display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 10px; border: 0; border-radius: 6px; font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
 .sm-barkey svg, .sm-stop svg { width: var(--ico-sm); height: var(--ico-sm); }

package/public/salas-mac.js

@@ -3167,6 +3167,47 @@ function pinsIndexAt(x) {
   window.addEventListener('storage', (event) => { if (event.key === PIN_KEY) { pins.saved = null; if (data) drawPins(); } });
 }
 
+// THE BAR FITS ITS ROW (2026-10-18). Everything on it keeps its width but the projects, so with the
+// Market and Modules keys it ran under the right group and left the projects a sliver («+5»), with
+// no room to drop or move one. Now, when it does not fit, the computer's name steps out first; then
+// the keys keep only their icons (their name stays in the tooltip); then the agents, as on a narrow
+// screen. The
+// projects keep at least BAR_ROOMS of the row, and all of it while the bar is being arranged.
+const BAR_ROOMS = 220;
+let barWatch = null;
+function fitBar() {
+  const bar = document.querySelector('.sm-top > .sm-topbar:first-child');
+  const rooms = ui.bar.open;
+  if (!bar) return;
+  for (const key of bar.querySelectorAll('.sm-barkey')) { const words = key.querySelector('span')?.textContent?.trim(); if (words) { key.title = words; key.setAttribute('aria-label', words); } }
+  bar.classList.remove('is-tight', 'is-tighter', 'is-tightest');
+  // The projects fold the ones that do not fit behind «+n» on their own (pinsFit): asked again at
+  // each step, they are short while some are folded and they have less than BAR_ROOMS.
+  const roomsShort = () => {
+    if (!data || !rooms || rooms.hidden) return false;
+    if (pins.editing) return rooms.scrollWidth > rooms.clientWidth + 1;
+    pinsFit();
+    return pins.spilled.length > 0 && rooms.clientWidth < BAR_ROOMS;
+  };
+  const short = () => bar.scrollWidth > bar.clientWidth + 1 || roomsShort();
+  for (const step of ['is-tight', 'is-tighter', 'is-tightest']) { if (!short()) break; bar.classList.add(step); }
+  if (data && !pins.editing) pinsFit();
+  // What fitting changed on the bar is its own doing, not a change to fit again.
+  barWatch?.takeRecords();
+}
+{
+  const bar = document.querySelector('.sm-top > .sm-topbar:first-child');
+  let queued = false;
+  const later = () => { if (queued) return; queued = true; requestAnimationFrame(() => { queued = false; fitBar(); }); };
+  if (bar) {
+    new ResizeObserver(later).observe(bar);
+    // What sits on the bar changes it: rooms pinned or opened, agents, who waits, a newer MADRE.
+    barWatch = new MutationObserver((changes) => { if (changes.some((change) => change.target !== bar)) later(); });
+    barWatch.observe(bar, { childList: true, subtree: true, attributes: true, attributeFilter: ['hidden', 'class'] });
+  }
+  later();
+}
+
 ui.bar.links.addEventListener('click', () => { if ((data?.enlaces ?? []).length) { if (!ui.linksSheet.open) ui.linksSheet.showModal(); } else openLinkSheet(); });
 ui.bar.update.addEventListener('click', () => openSettings('release'));
 // RELOAD, as a room reloads (app.js, reloadWithGrace): the curtain of Home's own ground with MADRE's
@@ -3963,7 +4004,8 @@ function agentsPanel({ onPaint = null, compact = false } = {}) {
 // scene of what it is about, moving: the agents come to MADRE and light up as they are connected;
 // the folders drop into the lobby; the rooms light up one after another as the beat runs through
 // them. Drawn here, from MADRE's own marks; still for whoever asked for less motion.
-const SCENE_AGENTS = [['codex', 17, 30], ['claude', 27, 78], ['gemini', 83, 30], ['opencode', 73, 78]];
+// Five since Cursor joined (1.0.3): the four around MADRE, and Cursor above her.
+const SCENE_AGENTS = [['codex', 17, 30], ['claude', 27, 78], ['cursor', 50, 17], ['gemini', 83, 30], ['opencode', 73, 78]];
 const FOLDER_GLYPH = '<svg viewBox="0 0 32 26" aria-hidden="true"><path d="M2 5.5A2.5 2.5 0 0 1 4.5 3h7.2l3 3.2h12.8A2.5 2.5 0 0 1 30 8.7v12.8a2.5 2.5 0 0 1-2.5 2.5h-23A2.5 2.5 0 0 1 2 21.5z" fill="currentColor"/><path d="M2 10h28" stroke="rgba(255,255,255,.35)" stroke-width="1.4"/></svg>';
 const BEAT_PATH = 'M0 22H70L78 22L86 6L96 38L104 22H190L198 22L206 6L216 38L224 22H320L328 22L336 6L346 38L354 22H420';
 function wizardScene(kind) {

package/public/styles.css

@@ -10218,3 +10218,9 @@ html.mk-open .toast { z-index: 2147482995 !important; left: 50% !important; righ
 .colophon-card-go { justify-self: start; margin-top: 2px; padding: 6px 12px; border-radius: 99px; background: var(--madre-green); color: var(--madre-green-ink); font-weight: 650; text-decoration: none; }
 .colophon-card-go:hover { filter: brightness(1.06); }
 @media (prefers-reduced-motion: reduce) { .colophon-key.heart:is(:hover, :focus-within) .colophon-key-mark svg { animation: none; } }
+
+/* THE STATE DOT ALWAYS SHOWS (2026-10-18). The bar's left group shrinks with its overflow hidden, and
+   the project's name kept its whole width, so what got cut was the last thing in the group: the dot
+   that says whether the project is live. Now the name gives way, with its «…», and the dot never does. */
+.bar > .bar-left > #project:not(.chat-here) { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.bar > .bar-left > .connection { flex: none; }

package/src/ports.mjs

@@ -22,12 +22,10 @@ const SYSTEM_PORTS = new Set([22, 25, 53, 88, 139, 445, 548, 631, 5353, 7000]);
 const NOISE = /^(rapportd|sharingd|identityservicesd|controlce|remoted|launchd|mDNSResponder|cupsd|Spotify|Dropbox|Docker|com\.docker|ollama|llama-ser)/i;
 
 // One `lsof -nP -iTCP -sTCP:LISTEN` table into the ports a human might want to look at.
-// Loopback only: a line bound to * or 0.0.0.0 is reachable from the network, and this room does
-// not help anyone frame that by accident.
-// Everything listening, split by whether RIPLEY may open it. The wider half is NOT a list of
-// things to show as openable — it is the answer to «there is nothing here», which was a lie:
-// `node server.js` and `python -m http.server` bind every interface by default, so the most
-// common case in the world was being discarded in silence and reported as an empty computer.
+// Everything listening, split by where it listens: loopback, or every interface (* or 0.0.0.0),
+// which is reachable from the network too. `node server.js` and `python -m http.server` bind every
+// interface by default. Since 2026-10-18 the servers sentinel offers a project's own server from
+// either half, opened on 127.0.0.1, and says which ones the network can also reach.
 export function classifyListening(output = '', { self = null } = {}) {
   const found = new Map();
   const wider = new Map();

package/src/server-sentinel.mjs

@@ -76,8 +76,12 @@ export class ServerSentinel {
     const pids = [...new Set(everyone.map((one) => one.pid))];
     const cwds = pids.length ? parseCwds(await this.#cwdsOf(pids).catch(() => '')) : new Map();
     const mine = (one) => inProject(cwds.get(one.pid), this.#projectRoot);
-    const own = listening.ports.filter(mine).slice(0, MAX_PROBED);
-    const wider = listening.wider.filter(mine).map(({ port, command }) => ({ port, command }));
+    // A server bound to every interface answers on 127.0.0.1 too (2026-10-18): Node, Express and
+    // Vite with --host do it by default, and leaving them out left a project's own servers off its
+    // list. Opening one here reaches it on this computer; that it can also be reached from the
+    // network is the human's choice, and the list says so.
+    const own = [...listening.ports.filter(mine), ...listening.wider.filter(mine).map((one) => ({ ...one, network: true }))].sort(byPort).slice(0, MAX_PROBED);
+    const wider = [];
 
     const next = new Map();
     for (const found of own) {
@@ -88,7 +92,7 @@ export class ServerSentinel {
       if (this.#notHttp.has(key)) continue;
       const probe = await this.#probe(found.port).catch(() => ({ ok: false }));
       if (!probe.ok || await this.#isRoom(found.port).catch(() => false)) { this.#notHttp.add(key); continue; }
-      next.set(found.port, { ...found, status: probe.status, html: probe.html, contentType: probe.contentType, framable: probe.framable, here: true });
+      next.set(found.port, { ...found, status: probe.status, html: probe.html, contentType: probe.contentType, framable: probe.framable, here: true, ...(found.network ? { network: true } : {}) });
     }
 
     const started = [...next.values()].filter((one) => this.#servers.get(one.port)?.pid !== one.pid);