@jossuealcala/madre 0.5.2 → 0.7.0

package/public/index.html

@@ -20,6 +20,10 @@
           <span id="project" class="project" title="Project room"></span>
         </div>
         <div id="agents" class="agents" aria-label="Agents"></div>
+        <button id="agents-compact" class="bar-icon agents-compact" type="button" title="Crew" aria-label="Crew">
+          <svg viewBox="0 0 20 20" aria-hidden="true"><rect x="3.5" y="6.5" width="13" height="9" rx="3" fill="none" stroke="currentColor" stroke-width="1.6"/><circle cx="7.6" cy="11" r="1.25" fill="currentColor"/><circle cx="12.4" cy="11" r="1.25" fill="currentColor"/><path d="M10 3.4v3.1M6.2 15.5v1.3M13.8 15.5v1.3" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
+          <span id="agents-count" class="bar-count"></span>
+        </button>
         <div id="connection" class="connection" data-state="connecting" title="Live updates">
           <span class="connection-dot"></span><span class="connection-label">connecting</span>
         </div>
@@ -28,10 +32,10 @@
           <span class="stop-all-glyph" aria-hidden="true"></span>STOP ALL
         </button>
         <button id="modules-button" class="mother-button" type="button" title="Modules · optional integrations for this project" aria-haspopup="dialog">
-          <span class="mother-glyph modules-glyph" aria-hidden="true"></span>MODULES<span id="modules-count" class="modules-count" hidden></span>
+          <span class="mother-glyph modules-glyph" aria-hidden="true"></span><svg class="bar-glyph" viewBox="0 0 20 20" aria-hidden="true"><path d="M8.1 3.2h3.8v1.6a1.5 1.5 0 0 0 3 0V3.2h1.9v3.6h-1.4a1.5 1.5 0 0 0 0 3h1.4v3.6h-3.6v-1.5a1.5 1.5 0 0 0-3 0v1.5H6.8V9.8H5.4a1.5 1.5 0 0 1 0-3h1.4V3.2z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>MODULES<span id="modules-count" class="modules-count" hidden></span>
         </button>
         <button id="mother-button" class="mother-button" type="button" title="Troubleshooting · MU/TH/UR" aria-haspopup="dialog">
-          <span class="mother-glyph" aria-hidden="true"></span>MU/TH/UR<span id="mother-count" class="mother-count" hidden></span>
+          <span class="mother-glyph" aria-hidden="true"></span><svg class="bar-glyph" viewBox="0 0 20 20" aria-hidden="true"><path d="M1.8 10h3.4l1.6-4.6 2.6 9.2 2-4.6h1.5l1.3-2.6 1.2 2.6h2.8" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>MU/TH/UR<span id="mother-count" class="mother-count" hidden></span>
         </button>
         <button id="lang-button" class="tree-button lang-button" type="button" data-language="es" aria-label="Language">EN</button>
         <button id="theme-button" class="tree-button theme-button" type="button" title="Theme · auto (follows the system)" data-theme="auto" aria-label="Theme">
@@ -39,6 +43,9 @@
           <svg class="t-light" viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="3.6" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M10 2.5v2M10 15.5v2M2.5 10h2M15.5 10h2M4.7 4.7l1.4 1.4M13.9 13.9l1.4 1.4M4.7 15.3l1.4-1.4M13.9 6.1l1.4-1.4" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
           <svg class="t-dark" viewBox="0 0 20 20" aria-hidden="true"><path d="M15.5 12.4A6.5 6.5 0 0 1 7.6 4.5a6.5 6.5 0 1 0 7.9 7.9z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></svg>
         </button>
+        <button id="browser-button" class="tree-button" type="button" aria-pressed="false" aria-controls="browser" title="Browser · local servers and the web" aria-label="Browser">
+          <svg viewBox="0 0 20 20" aria-hidden="true"><circle cx="10" cy="10" r="7.2" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M2.8 10h14.4M10 2.8c1.9 2 2.9 4.5 2.9 7.2s-1 5.2-2.9 7.2c-1.9-2-2.9-4.5-2.9-7.2s1-5.2 2.9-7.2z" fill="none" stroke="currentColor" stroke-width="1.6"/></svg>
+        </button>
         <button id="tree-button" class="tree-button" type="button" title="Project files panel" aria-pressed="false" aria-controls="tree">
           <svg viewBox="0 0 20 20" aria-hidden="true"><rect x="2.75" y="3.75" width="14.5" height="12.5" rx="2.5" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M12 3.75v12.5" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M13.8 7h1.6M13.8 9.6h1.6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity=".7"/></svg>
         </button>
@@ -65,7 +72,10 @@
           <span class="tree-title">FILES <span id="tree-root" class="tree-root"></span></span>
           <button id="tree-close" class="tree-close" type="button" aria-label="Close files">×</button>
         </header>
+        <form id="tree-search" class="tree-search"><input id="tree-q" type="search" spellcheck="false" autocomplete="off" aria-label="Search files" placeholder="Search files…"></form>
+        <div id="tree-clip" class="tree-clip" hidden></div>
         <div id="tree-body" class="tree-body" role="tree"></div>
+        <div id="tree-menu" class="tree-menu" role="menu" hidden></div>
       </aside>
 
       <dialog id="core" class="mother core" aria-label="The core">
@@ -84,6 +94,20 @@
         </div>
       </dialog>
 
+      <dialog id="economy" class="mother economy" aria-label="Token economy">
+        <div class="mother-frame">
+          <header class="mother-head">
+            <span class="mother-title">ECONOMY</span>
+            <span class="mother-sub">MADRE · WHAT THIS ROOM SPENT AND WHAT IT NEVER SPENT</span>
+            <span class="mother-actions">
+              <button id="economy-close" class="mother-close" type="button">CLOSE ×</button>
+            </span>
+          </header>
+          <section id="economy-body" class="mother-section"></section>
+          <footer class="mother-foot">MEASURED FROM WHAT THE CLIs CHARGED · A SAVING NOBODY MEASURED IS NEVER SHOWN</footer>
+        </div>
+      </dialog>
+
       <dialog id="modules" class="mother modules" aria-label="Modules">
         <div class="mother-frame">
           <header class="mother-head">
@@ -109,15 +133,17 @@
             <span class="mother-sub">MADRE · INTERFACE 2037 · TROUBLESHOOTING</span>
             <span class="mother-actions">
               <button id="mother-settings-button" class="mother-close" type="button" aria-pressed="false" title="The crew and this room's settings: install an agent, sign it in, set what each one may do">⚙ CONNECTIONS</button>
+              <button id="memory-button" class="mother-close" type="button" aria-pressed="false" title="What the archive holds, who distils it, and how well it is answering">▤ MEMORY</button>
               <button id="nostromo-button" class="mother-close nostromo-button" type="button" title="NOSTROMO · memory research · needs the project designation">◉ NOSTROMO</button>
               <button id="feedback-button" class="mother-close" type="button" title="Tell MADRE's author what happened or what you wish for · opens a prefilled issue">✎ FEEDBACK</button>
-              <button id="fold-all" class="mother-close" type="button" title="Open or close every section of this panel">EXPAND ALL</button>
               <button id="tour-button" class="mother-close tour-button" type="button" title="The four-step tour of MADRE" aria-label="Tour">?</button>
               <button id="mother-close" class="mother-close" type="button">END SESSION ×</button>
             </span>
           </header>
+          <div class="fold-all-row"><button id="fold-all" class="fold-all" type="button" title="Open or close every section of this panel"></button></div>
           <section id="mother-update" class="mother-section update"></section>
           <section id="mother-settings" class="mother-section settings" hidden></section>
+          <section id="mother-memory" class="mother-section memory-panel" hidden></section>
           <section id="mother-sentinel" class="mother-section sentinel"></section>
           <pre id="mother-boot" class="mother-boot" aria-live="polite"></pre>
           <form id="mother-query" class="mother-query" autocomplete="off">
@@ -134,6 +160,7 @@
 
       <main id="messages" class="thread" aria-live="polite">
         <div id="thread-inner" class="thread-inner">
+          <div id="settled" class="settled" hidden></div>
           <div class="empty">
             <svg class="empty-mark" viewBox="0 0 72 20" aria-hidden="true">
               <path class="beat" d="M1 10 H16 L20 10 L23.5 2 L28 18 L32 10 L35 10 L37 6 L39 10 H52" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" pathLength="100"/>
@@ -159,6 +186,8 @@
         <div id="picker" class="picker" role="radiogroup" aria-label="Agent"></div>
         <select id="target" aria-label="Agent" class="visually-hidden"></select>
         <div id="attachments" class="attachments" hidden></div>
+        <div id="free-offer" class="free-offer" hidden></div>
+        <div id="openq" class="openq" hidden></div>
         <div class="field">
           <div id="reply-quote" class="reply-quote" hidden></div>
           <span id="crew-label" class="crew-label" aria-hidden="true">HUMAN ›</span>
@@ -183,7 +212,8 @@
           </button>
         </div>
       </form>
-      <p class="safety">Consultation mode · Project writes stay under your control: agents create files only with CREATE or an opt-in standing lease, only inside .pulse/out/ · Content an agent reads may be sent to its configured model provider.</p>
+      <p class="safety">Consultation mode · Agents write only with CREATE or a standing lease, only inside .pulse/out/ · What an agent reads may reach its configured model provider.</p>
+      <small id="colophon" class="colophon" aria-label="MADRE version"></small>
       <div id="toast" class="toast" role="status" hidden></div>
       <div id="agent-pop" class="agent-pop" role="dialog" aria-label="Agent usage" hidden></div>
       <dialog id="override" class="mother override" aria-label="Emergency command override">
@@ -203,24 +233,22 @@
           <footer class="mother-foot">ONE HOLDER AT A TIME · EVERY TURN IS CHECKPOINTED · WHAT LEAVES THE SHIP DOES NOT COME BACK · STOPALL REVOKES IT</footer>
         </div>
       </dialog>
-      <dialog id="tour" class="mother override tour" aria-label="MADRE tour">
-        <div class="mother-frame override-frame tour-frame">
-          <header class="mother-head">
-            <span class="mother-title">MADRE</span>
-            <span class="mother-sub" id="tour-sub">INTERFACE 2037 · FIRST CONTACT</span>
-            <button id="tour-skip" class="mother-close" type="button">SKIP ×</button>
-          </header>
-          <div class="tour-body">
-            <div class="tour-step" id="tour-step"></div>
-          </div>
+      <dialog id="tour" class="tour" aria-label="MADRE tour">
+        <div id="tour-spot" class="tour-spot" aria-hidden="true"></div>
+        <section id="tour-card" class="tour-card" aria-live="polite">
+          <span id="tour-count" class="tour-count"></span>
+          <h3 id="tour-title"></h3>
+          <p id="tour-text"></p>
+          <ol id="tour-modes" class="tour-modes" hidden></ol>
+          <p id="tour-note" class="tour-note" hidden></p>
           <footer class="tour-foot">
-            <span class="tour-dots" id="tour-dots"></span>
+            <button id="tour-skip" class="tour-skip" type="button"></button>
             <span class="tour-nav">
-              <button id="tour-back" class="mother-close" type="button">BACK</button>
-              <button id="tour-next" class="mother-close primary" type="button">NEXT ›</button>
+              <button id="tour-back" class="tour-back" type="button"></button>
+              <button id="tour-next" class="tour-next" type="button"></button>
             </span>
           </footer>
-        </div>
+        </section>
       </dialog>
       <dialog id="nostromo-gate" class="mother override" aria-label="NOSTROMO access">
         <div class="mother-frame override-frame">
@@ -253,7 +281,7 @@
             <button id="nostromo-close" class="mother-close" type="button">LEAVE ×</button>
           </header>
           <canvas id="nostromo-canvas" class="nostromo-canvas" tabindex="-1" aria-label="Memories orbiting MOTHER's core"></canvas>
-          <p class="nostromo-help">DRAG TO MOVE · WHEEL TO ZOOM · CLICK A MEMORY · DO NOT TOUCH MOTHER</p>
+          <p class="nostromo-help">DRAG TO TURN · SHIFT+DRAG TO MOVE · WHEEL TO ZOOM · CLICK A MEMORY · DO NOT TOUCH MOTHER</p>
           <div id="nostromo-alert" class="nostromo-alert" role="alert" hidden>
             <div class="klaxon"></div>
             <div class="panel">
@@ -282,6 +310,7 @@
               <dt>SOURCE</dt><dd id="nostromo-card-span"></dd>
               <dt>ARCHIVIST</dt><dd id="nostromo-card-agent"></dd>
               <dt>DISTILLED</dt><dd id="nostromo-card-when"></dd>
+              <dt>ZONE</dt><dd id="nostromo-card-zone"></dd>
             </dl>
             <section class="wire">
               <h6>LINKS <span id="nostromo-card-degree" class="n"></span></h6>
@@ -298,6 +327,23 @@
           <p id="nostromo-empty" class="nostromo-empty" hidden>NO MEMORIES YET. THE ARCHIVIST WRITES THE FIRST ONES AFTER A FEW EXCHANGES.</p>
         </div>
       </dialog>
+      <aside id="browser" class="browser-dock" aria-label="Browser" hidden>
+        <div id="browser-grip" class="dock-grip" role="separator" aria-orientation="vertical" aria-label="Resize the browser"></div>
+        <header class="viewer-head browser-head">
+          <span class="viewer-nav" id="browser-nav">
+            <button id="browser-back" class="nav" type="button" title="Back" aria-label="Back" disabled>‹</button>
+            <button id="browser-reload" class="nav" type="button" title="Reload" aria-label="Reload">↻</button>
+            <button id="browser-servers" class="nav ports" type="button" aria-expanded="false" aria-haspopup="menu" title="Local servers answering on this computer"><i class="ports-dot" aria-hidden="true"></i><span>SERVERS</span><i class="ports-caret" aria-hidden="true"></i></button>
+          </span>
+          <div id="browser-ports-menu" class="ports-menu" role="menu" hidden></div>
+          <span id="browser-where" class="browser-where"></span>
+          <span id="browser-sizes" class="viewer-sizes"></span>
+          <button id="browser-close" class="mother-close" type="button">CLOSE ×</button>
+        </header>
+        <div id="browser-tabs" class="browser-tabs" role="tablist"></div>
+        <div id="browser-body" class="viewer-body browsing"></div>
+      </aside>
+
       <dialog id="viewer" class="viewer" aria-label="File viewer">
         <header class="viewer-head">
           <span class="viewer-nav" id="viewer-nav" hidden>

package/public/routing.js

@@ -0,0 +1,74 @@
+// Which questions the room can answer without paying for them.
+//
+// @madre runs on Ollama, on this computer. A turn it answers costs nothing: no input tokens, no
+// output tokens, no provider. Measured against the paid CLIs on the same five questions, the
+// room's own bill for those turns is exactly zero, so the saving here is not an estimate or a
+// comparison — it is the absence of a charge.
+//
+// What this file does NOT do: decide. It recognises a shape of question that the room's own
+// archive is the right place to answer, and says so. Sending it anywhere is the human's, always.
+// A wrong guess costs a click; a guess acted on without asking would cost trust.
+
+// The shape: a question about what this room already said, decided or left open. Not "how does
+// X work" — that needs the project read, which is what the paid agents are for.
+const PATTERNS = [
+  // Spanish
+  { re: /\b(qu[eé]|cu[aá]l(es)?)\s+(hab[ií]amos\s+)?(decidimos|decidido|acordamos|acordado|quedamos|concluimos)\b/i, why: 'decision' },
+  { re: /\b(ya|alguna vez)\s+(hab[ií]amos\s+)?(hablamos|hablado|discutimos|discutido|vimos|visto|tratamos)\b/i, why: 'discussed' },
+  { re: /\b(d[oó]nde|en qu[eé] punto)\s+(nos\s+)?(quedamos|qued[oó]|dejamos)\b/i, why: 'where' },
+  { re: /\bpor\s+qu[eé]\s+(elegimos|escogimos|decidimos|usamos|optamos)\b/i, why: 'why' },
+  { re: /\b(qu[eé]\s+)?(dijo|dijimos|dije)\s+\S+\s+(sobre|de|acerca)\b/i, why: 'said' },
+  { re: /\bqu[eé]\s+(qued[oó]|quedaba)\s+pendiente\b/i, why: 'open' },
+  // English
+  { re: /\bwhat\s+(did|have)\s+we\s+(decide|decided|agree|agreed|conclude|concluded)\b/i, why: 'decision' },
+  { re: /\b(did|have)\s+we\s+(ever\s+)?(discuss|discussed|talk|talked|cover|covered)\b/i, why: 'discussed' },
+  { re: /\bwhere\s+(did\s+we|do\s+we)\s+(leave|left|stand)\b/i, why: 'where' },
+  { re: /\bwhy\s+(did\s+we|do\s+we)\s+(choose|chose|pick|picked|use|go with)\b/i, why: 'why' },
+  { re: /\bwhat\s+(did|does)\s+\S+\s+say\s+about\b/i, why: 'said' },
+  { re: /\bwhat('s| is| was)\s+(still\s+)?(open|pending|unresolved)\b/i, why: 'open' },
+];
+
+// A question aimed at the archive rather than at the project. Returns the reason it matched, or
+// null: a caller that cannot say WHY it is suggesting something should not suggest it.
+export function archiveQuestion(text = '') {
+  const question = String(text ?? '').trim();
+  if (question.length < 8 || question.length > 400) return null;
+  // An explicit address wins over any guess: the human already chose who answers.
+  if (/(^|\s)@[a-z0-9_-]+/i.test(question)) return null;
+  // A request to do something is not a question about what was said, however it is worded.
+  if (/\b(crea|escribe|implementa|arregla|corre|ejecuta|borra|create|write|implement|fix|run|delete|refactor)\b/i.test(question)) return null;
+  for (const pattern of PATTERNS) if (pattern.re.test(question)) return pattern.why;
+  return null;
+}
+
+// An agent saying, in prose, that it cannot do this at the mode it was given.
+//
+// The room could only ever ask for one escalation: a plan step that wants #2 (room.mjs calls
+// askForMode with the number written in). An agent in a direct turn that needs #3 has no channel
+// at all — it can only say so in a sentence and hope the human reads it, leaves the message, and
+// finds the mode selector. That gap is what a real session turned into a loop: the human granted
+// #2 twice while the reply kept saying the fix was editing a file that already exists, which is
+// #3, and the turn went nowhere until they worked it out themselves.
+//
+// So this reads the reply. It is a heuristic and it is narrow on purpose: a bare "#3" is not
+// enough, because an agent explaining the ladder mentions every rung. There has to be a word of
+// need beside it, and the mode has to be above the one the turn actually ran at.
+//
+// It costs nothing in any prompt. And it never grants: #3 and #4 still open the ceremony where
+// the human types the project designation, exactly as if they had chosen it themselves.
+const NEEDS = /(necesit|requier|hace falta|no alcanza|insuficiente|permiso|conced|eleva|sub[ei]r|needs?|requires?|not enough|insufficient|permission|grant|raise|escalat)/i;
+
+export function modeAsked(text = '', { ran = 1 } = {}) {
+  const reply = String(text ?? '');
+  if (reply.length > 8000) return null;
+  let wanted = null;
+  for (const match of reply.matchAll(/#([2-4])\b/g)) {
+    const mode = Number(match[1]);
+    if (mode <= ran) continue;
+    // The word of need has to sit beside the number, not anywhere in a long answer.
+    const around = reply.slice(Math.max(0, match.index - 90), match.index + 90);
+    if (!NEEDS.test(around)) continue;
+    if (wanted === null || mode > wanted) wanted = mode;
+  }
+  return wanted;
+}