total-recall-brain 3.40.2 → 3.40.4

package/scaffold/.agent/skills/total-recall/plugins/composable-cli/ui/card.js

@@ -1,6 +1,9 @@
 /**
- * Pipeline Composer — Dynamic Command Orchestration Engine
- * Bespoke Animated Web Component Card Face with Live Flow Pipeline Visualizer.
+ * CmdSmith — Dynamic Agent Command Composition Engine
+ * Bespoke Purpose-Built Web Component Card Face.
+ *
+ * Exposes live composed command inventory, dynamic execution inspection,
+ * version history, and interactive pipeline actions with zero decorative gimmicks.
  *
  * Zero emojis, authentic commercial brand identity, touch-first ergonomics (>=44px).
  */
@@ -8,21 +11,68 @@
 export class PipelineComposerCard extends HTMLElement {
   constructor() {
     super();
-    this.status = 'Ready';
     this.executing = false;
+    this.telemetry = {
+      commandsCount: '7 Active',
+      scope: 'Global / Project',
+      status: 'Engine Ready'
+    };
   }
 
   connectedCallback() {
-    this.attachShadow({ mode: 'open' });
+    if (!this.shadowRoot) this.attachShadow({ mode: 'open' });
     this.render();
-    this.initPipelineAnimation();
+    this.refreshTelemetry();
+  }
+
+  async refreshTelemetry() {
+    try {
+      const res = await this.host?.run('list', []);
+      let text = '';
+      if (typeof res === 'object') {
+        text = res.output || JSON.stringify(res, null, 2);
+      } else {
+        text = String(res || '');
+      }
+
+      const lines = text.split('\n').filter(l => l.trim().startsWith('-'));
+      const count = lines.length;
+
+      this.telemetry = {
+        commandsCount: count > 0 ? `${count} Commands` : '0 Commands',
+        scope: text.includes('global') ? 'Global & Project' : 'Project Scope',
+        status: 'Engine Ready'
+      };
+      this.updateView();
+    } catch {
+      this.telemetry = {
+        commandsCount: 'Registry Active',
+        scope: 'Local Scope',
+        status: 'Online'
+      };
+      this.updateView();
+    }
+  }
+
+  updateView() {
+    const root = this.shadowRoot;
+    if (!root) return;
+
+    const countEl = root.querySelector('#stat-count');
+    const scopeEl = root.querySelector('#stat-scope');
+    const statusEl = root.querySelector('#stat-status');
+    if (countEl) countEl.textContent = this.telemetry.commandsCount;
+    if (scopeEl) scopeEl.textContent = this.telemetry.scope;
+    if (statusEl) statusEl.textContent = this.telemetry.status;
   }
 
   async execute(action, args = []) {
-    const out = this.shadowRoot.querySelector('#card-out');
-    const badge = this.shadowRoot.querySelector('#status-badge');
-    if (out) out.textContent = `[PIPELINE ROUTER] Invoking ${action.toUpperCase()}...`;
-    if (badge) badge.textContent = 'ROUTING';
+    const out = this.shadowRoot?.querySelector('#card-out');
+    const statusBadge = this.shadowRoot?.querySelector('#status-pill');
+    const actionLabel = action.toUpperCase();
+
+    if (out) out.textContent = `[CMDSMITH ROUTER] Invoking ${actionLabel} ${args.join(' ')}...`;
+    if (statusBadge) statusBadge.textContent = 'ROUTING';
     this.executing = true;
 
     try {
@@ -31,239 +81,365 @@ export class PipelineComposerCard extends HTMLElement {
       if (typeof res === 'object') {
         text = res.output || JSON.stringify(res, null, 2);
       } else {
-        text = String(res || 'Execution completed without output.');
+        text = String(res || 'Execution completed with no return payload.');
       }
       if (out) out.textContent = text.trim();
-      if (badge) badge.textContent = 'ONLINE';
+      if (statusBadge) statusBadge.textContent = 'READY';
+
+      if (['create', 'update', 'remove', 'rollback', 'promote'].includes(action)) {
+        this.refreshTelemetry();
+      }
     } catch (err) {
-      if (out) out.textContent = `[PIPELINE FAULT] ${err.message}`;
-      if (badge) badge.textContent = 'ERROR';
+      if (out) out.textContent = `[CMDSMITH FAULT] ${err.message}`;
+      if (statusBadge) statusBadge.textContent = 'ERROR';
     } finally {
       this.executing = false;
     }
   }
 
-  initPipelineAnimation() {
-    const canvas = this.shadowRoot.querySelector('#flow-canvas');
-    if (!canvas) return;
-    const ctx = canvas.getContext('2d');
-    if (!ctx) return;
-
-    let progress = 0;
-    const nodes = [
-      { x: 30, y: 32, label: 'INPUT' },
-      { x: 110, y: 32, label: 'TRANSFORM' },
-      { x: 210, y: 32, label: 'FILTER' },
-      { x: 300, y: 32, label: 'SINK' }
-    ];
-
-    const draw = () => {
-      if (!this.isConnected) return;
-      ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-      // Draw connection lines
-      ctx.strokeStyle = 'rgba(99, 102, 241, 0.25)';
-      ctx.lineWidth = 2;
-      ctx.beginPath();
-      ctx.moveTo(nodes[0].x, nodes[0].y);
-      for (let i = 1; i < nodes.length; i++) {
-        ctx.lineTo(nodes[i].x, nodes[i].y);
-      }
-      ctx.stroke();
-
-      // Draw packet pulse
-      const totalLen = nodes[nodes.length - 1].x - nodes[0].x;
-      const packetX = nodes[0].x + (progress % 1) * totalLen;
-      ctx.fillStyle = this.executing ? '#38bdf8' : '#818cf8';
-      ctx.shadowColor = ctx.fillStyle;
-      ctx.shadowBlur = 8;
-      ctx.beginPath();
-      ctx.arc(packetX, 32, 4, 0, Math.PI * 2);
-      ctx.fill();
-      ctx.shadowBlur = 0;
-
-      // Draw stage nodes
-      for (const node of nodes) {
-        ctx.fillStyle = '#0f172a';
-        ctx.strokeStyle = '#6366f1';
-        ctx.lineWidth = 1.5;
-        ctx.beginPath();
-        ctx.arc(node.x, node.y, 8, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
-
-        ctx.fillStyle = '#c7d2fe';
-        ctx.font = '8px monospace';
-        ctx.textAlign = 'center';
-        ctx.fillText(node.label, node.x, node.y + 18);
-      }
+  copyOutput() {
+    const out = this.shadowRoot?.querySelector('#card-out');
+    const copyBtn = this.shadowRoot?.querySelector('#btn-copy');
+    if (!out) return;
 
-      progress += this.executing ? 0.03 : 0.008;
-      requestAnimationFrame(draw);
-    };
-
-    requestAnimationFrame(draw);
+    navigator.clipboard?.writeText(out.textContent || '').then(() => {
+      if (copyBtn) {
+        const prev = copyBtn.textContent;
+        copyBtn.textContent = 'COPIED';
+        setTimeout(() => { copyBtn.textContent = prev; }, 1600);
+      }
+    }).catch(() => {});
   }
 
   render() {
-    this.shadowRoot.innerHTML = `
+    const root = this.shadowRoot;
+    if (!root) return;
+
+    root.innerHTML = `
       <style>
         :host {
           display: block;
-          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-          background: #0b0f19;
-          color: #e0e7ff;
-          border-radius: 8px;
-          border: 1px solid rgba(99, 102, 241, 0.35);
-          box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
-          padding: 18px;
+          font-family: 'Space Grotesk', -apple-system, sans-serif;
+          background: #03151e;
+          color: #ecfeff;
+          border-radius: 12px;
+          border: 1px solid #0e4a5e;
+          padding: 14px;
           box-sizing: border-box;
-          overflow: hidden;
+          user-select: none;
         }
-        .header {
+
+        * { box-sizing: border-box; }
+
+        /* Bespoke Header */
+        .card-header {
           display: flex;
+          align-items: center;
           justify-content: space-between;
-          align-items: flex-start;
-          margin-bottom: 14px;
+          margin-bottom: 12px;
+          padding-bottom: 8px;
+          border-bottom: 1px solid rgba(6, 182, 212, 0.2);
         }
+
+        .brand-cluster {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+        }
+
+        .brand-mark {
+          width: 32px;
+          height: 32px;
+          border-radius: 8px;
+          background: rgba(8, 145, 178, 0.2);
+          border: 1px solid rgba(6, 182, 212, 0.4);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
         .brand-meta {
           display: flex;
           flex-direction: column;
-          gap: 2px;
         }
-        .title {
-          font-size: 16px;
+
+        .brand-title {
+          font-size: 14px;
           font-weight: 700;
-          letter-spacing: 0.04em;
+          color: #cffafe;
+          letter-spacing: 0.03em;
           text-transform: uppercase;
-          color: #c7d2fe;
           margin: 0;
         }
-        .subtitle {
+
+        .brand-subtitle {
           font-size: 11px;
-          color: #94a3b8;
-          letter-spacing: 0.02em;
+          color: #67e8f9;
           margin: 0;
+          font-family: 'JetBrains Mono', monospace;
         }
-        .badge {
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
+
+        .status-pill {
+          font-family: 'JetBrains Mono', monospace;
           font-size: 10px;
           font-weight: 700;
-          letter-spacing: 0.08em;
+          padding: 3px 8px;
+          border-radius: 6px;
+          background: rgba(6, 182, 212, 0.15);
+          border: 1px solid rgba(6, 182, 212, 0.4);
+          color: #22d3ee;
+          letter-spacing: 0.05em;
+        }
+
+        /* Telemetry Metric Cards */
+        .telemetry-row {
+          display: grid;
+          grid-template-columns: repeat(3, 1fr);
+          gap: 8px;
+          margin-bottom: 12px;
+        }
+
+        .metric-card {
+          background: rgba(8, 47, 61, 0.6);
+          border: 1px solid rgba(6, 182, 212, 0.25);
+          border-radius: 8px;
+          padding: 8px 10px;
+          display: flex;
+          flex-direction: column;
+          gap: 2px;
+        }
+
+        .metric-label {
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 9px;
+          font-weight: 700;
+          color: #67e8f9;
+          letter-spacing: 0.05em;
           text-transform: uppercase;
-          color: #818cf8;
-          background: rgba(99, 102, 241, 0.12);
-          border: 1px solid rgba(99, 102, 241, 0.3);
-          border-radius: 4px;
-          padding: 4px 8px;
         }
-        .visual-display {
-          position: relative;
-          background: #030712;
-          border: 1px solid rgba(99, 102, 241, 0.2);
-          border-radius: 6px;
-          margin-bottom: 14px;
+
+        .metric-value {
+          font-size: 13px;
+          font-weight: 700;
+          color: #ffffff;
+          font-family: 'JetBrains Mono', monospace;
           overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
-        canvas {
-          display: block;
-          width: 100%;
-          height: 64px;
-        }
-        .telemetry-row {
+
+        /* Target Command Input Selector */
+        .target-box {
           display: flex;
-          justify-content: space-between;
-          padding: 6px 10px;
-          background: rgba(255, 255, 255, 0.03);
-          border-top: 1px solid rgba(99, 102, 241, 0.15);
-          font-family: monospace;
-          font-size: 11px;
-          color: #cbd5e1;
+          align-items: center;
+          gap: 8px;
+          margin-bottom: 10px;
+          background: rgba(0, 0, 0, 0.35);
+          border: 1px solid rgba(6, 182, 212, 0.2);
+          border-radius: 8px;
+          padding: 4px 8px;
         }
+
+        .target-label {
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 10px;
+          color: #67e8f9;
+          text-transform: uppercase;
+          white-space: nowrap;
+        }
+
+        .target-input {
+          flex: 1;
+          background: transparent;
+          border: none;
+          color: #ecfeff;
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 12px;
+          outline: none;
+        }
+
+        .target-input::placeholder {
+          color: rgba(103, 232, 249, 0.4);
+        }
+
+        /* Action Buttons Grid (>=44px touch targets) */
         .actions-grid {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
-          gap: 8px;
-          margin-bottom: 12px;
+          gap: 6px;
+          margin-bottom: 10px;
         }
+
         .touch-btn {
           min-height: 44px;
-          min-width: 44px;
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          background: rgba(99, 102, 241, 0.08);
-          border: 1px solid rgba(99, 102, 241, 0.25);
-          color: #c7d2fe;
+          background: rgba(8, 145, 178, 0.16);
+          border: 1px solid rgba(6, 182, 212, 0.3);
+          border-radius: 8px;
+          color: #ecfeff;
+          font-family: 'JetBrains Mono', monospace;
           font-size: 11px;
           font-weight: 600;
-          letter-spacing: 0.04em;
-          text-transform: uppercase;
-          border-radius: 6px;
+          letter-spacing: 0.03em;
+          display: flex;
+          align-items: center;
+          justify-content: center;
           cursor: pointer;
-          transition: background 0.15s ease, border-color 0.15s ease;
-          padding: 6px 8px;
+          transition: background 0.15s, border-color 0.15s, transform 0.05s;
+          padding: 4px 6px;
           text-align: center;
         }
+
         .touch-btn:hover {
-          background: rgba(99, 102, 241, 0.18);
-          border-color: rgba(99, 102, 241, 0.5);
+          background: rgba(8, 145, 178, 0.3);
+          border-color: rgba(6, 182, 212, 0.6);
         }
+
         .touch-btn:active {
           transform: translateY(1px);
         }
-        .output-box {
-          background: #020617;
-          border: 1px solid rgba(99, 102, 241, 0.2);
-          border-radius: 6px;
+
+        /* Terminal Execution Output */
+        .terminal-deck {
+          background: #010c12;
+          border: 1px solid rgba(6, 182, 212, 0.25);
+          border-radius: 8px;
+          overflow: hidden;
+        }
+
+        .terminal-header {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding: 6px 10px;
+          background: rgba(8, 47, 61, 0.4);
+          border-bottom: 1px solid rgba(6, 182, 212, 0.2);
+        }
+
+        .terminal-title {
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 10px;
+          color: #67e8f9;
+          text-transform: uppercase;
+          letter-spacing: 0.05em;
+        }
+
+        .terminal-btn {
+          background: rgba(6, 182, 212, 0.15);
+          border: 1px solid rgba(6, 182, 212, 0.3);
+          border-radius: 4px;
+          color: #cffafe;
+          font-family: 'JetBrains Mono', monospace;
+          font-size: 9px;
+          padding: 2px 6px;
+          cursor: pointer;
+        }
+
+        .terminal-btn:hover {
+          background: rgba(6, 182, 212, 0.3);
+        }
+
+        .terminal-body {
+          margin: 0;
           padding: 8px 10px;
-          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+          font-family: 'JetBrains Mono', monospace;
           font-size: 11px;
           line-height: 1.45;
-          color: #94a3b8;
-          min-height: 48px;
-          max-height: 85px;
+          color: #cffafe;
+          min-height: 60px;
+          max-height: 100px;
           overflow-y: auto;
           white-space: pre-wrap;
           word-break: break-word;
         }
       </style>
 
-      <div class="header">
-        <div class="brand-meta">
-          <h2 class="title">Pipeline Composer</h2>
-          <p class="subtitle">Dynamic Command Orchestration Engine</p>
+      <div class="card-header">
+        <div class="brand-cluster">
+          <div class="brand-mark">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#22d3ee" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M4 17l6-6-6-6"/>
+              <path d="M12 19h8"/>
+              <circle cx="16" cy="8" r="2"/>
+            </svg>
+          </div>
+          <div class="brand-meta">
+            <h3 class="brand-title">CmdSmith</h3>
+            <span class="brand-subtitle">Pipeline Forge • v0.2.1</span>
+          </div>
         </div>
-        <div id="status-badge" class="badge">READY</div>
+        <div id="status-pill" class="status-pill">READY</div>
       </div>
 
-      <div class="visual-display">
-        <canvas id="flow-canvas" width="340" height="64"></canvas>
-        <div class="telemetry-row">
-          <span>Execution: Direct</span>
-          <span>Risk Gate: Fail-Closed</span>
+      <div class="telemetry-row">
+        <div class="metric-card">
+          <span class="metric-label">Commands</span>
+          <span id="stat-count" class="metric-value">7 Active</span>
+        </div>
+        <div class="metric-card">
+          <span class="metric-label">Scope</span>
+          <span id="stat-scope" class="metric-value">Global / Project</span>
+        </div>
+        <div class="metric-card">
+          <span class="metric-label">Engine</span>
+          <span id="stat-status" class="metric-value">Engine Ready</span>
         </div>
       </div>
 
+      <div class="target-box">
+        <span class="target-label">Target Command:</span>
+        <input id="cmd-input" class="target-input" type="text" value="tr-first" placeholder="e.g. tr-first, brand-lint" />
+      </div>
+
       <div class="actions-grid">
-        <button id="btn-list" class="touch-btn" type="button">Catalog</button>
-        <button id="btn-inspect" class="touch-btn" type="button">Inspect</button>
-        <button id="btn-history" class="touch-btn" type="button">History</button>
+        <button id="btn-library" class="touch-btn" type="button">LIBRARY</button>
+        <button id="btn-list" class="touch-btn" type="button">LIST</button>
+        <button id="btn-show" class="touch-btn" type="button">SHOW</button>
+        <button id="btn-history" class="touch-btn" type="button">HISTORY</button>
+        <button id="btn-test" class="touch-btn" type="button">TEST</button>
+        <button id="btn-status" class="touch-btn" type="button">STATUS</button>
       </div>
 
-      <div id="card-out" class="output-box">Dynamic command registry operational. Ready for pipeline invocation.</div>
+      <div class="terminal-deck">
+        <div class="terminal-header">
+          <span class="terminal-title">Console Output</span>
+          <button id="btn-copy" class="terminal-btn" type="button">COPY</button>
+        </div>
+        <pre id="card-out" class="terminal-body">Dynamic agent command composition engine ready. Click any action above to inspect pipeline state.</pre>
+      </div>
     `;
 
-    this.shadowRoot.querySelector('#btn-list')?.addEventListener('click', () => {
+    const getTarget = () => {
+      const input = root.querySelector('#cmd-input');
+      return (input?.value || 'tr-first').trim();
+    };
+
+    root.querySelector('#btn-library')?.addEventListener('click', () => {
+      this.execute('library');
+    });
+
+    root.querySelector('#btn-list')?.addEventListener('click', () => {
       this.execute('list');
     });
-    this.shadowRoot.querySelector('#btn-inspect')?.addEventListener('click', () => {
-      this.execute('read', ['startup-check']);
+
+    root.querySelector('#btn-show')?.addEventListener('click', () => {
+      this.execute('show', [getTarget()]);
     });
-    this.shadowRoot.querySelector('#btn-history')?.addEventListener('click', () => {
-      this.execute('history');
+
+    root.querySelector('#btn-history')?.addEventListener('click', () => {
+      this.execute('history', [getTarget()]);
+    });
+
+    root.querySelector('#btn-test')?.addEventListener('click', () => {
+      this.execute('test', [getTarget()]);
+    });
+
+    root.querySelector('#btn-status')?.addEventListener('click', () => {
+      this.execute('status');
+    });
+
+    root.querySelector('#btn-copy')?.addEventListener('click', () => {
+      this.copyOutput();
     });
   }
 }

package/scaffold/.agent/skills/total-recall/plugins/embeddings/package-lock.json

@@ -9,7 +9,7 @@
       "version": "0.1.0",
       "license": "MIT",
       "devDependencies": {
-        "total-recall-brain": "3.40.1"
+        "total-recall-brain": "3.40.3"
       }
     },
     "node_modules/@hexagon/base64": {
@@ -2566,9 +2566,9 @@
       }
     },
     "node_modules/total-recall-brain": {
-      "version": "3.40.1",
-      "resolved": "https://registry.npmjs.org/total-recall-brain/-/total-recall-brain-3.40.1.tgz",
-      "integrity": "sha512-tZMnDHXsMT1sa698oF26Np/G4k+Cn4ZXpTdo+BTNOvUMYEhxWR+7Tl+upHLMhcEEPuEM0EiAObL53a9JELzGag==",
+      "version": "3.40.3",
+      "resolved": "https://registry.npmjs.org/total-recall-brain/-/total-recall-brain-3.40.3.tgz",
+      "integrity": "sha512-E5elOF/OvGAvDdXVDUQaV1xa7hWDOVYmK3z8V+zPNYVEtEoGhJplY1Rtqu76oHezwJDQRIhc4+3HhpvjH5fIww==",
       "dev": true,
       "license": "MIT",
       "workspaces": [
@@ -2597,7 +2597,8 @@
       "bin": {
         "antigravity": "bin/antigravity.mjs",
         "total-recall": "bin/total-recall.mjs",
-        "total-recall-memory": "bin/total-recall-memory.mjs"
+        "total-recall-memory": "bin/total-recall-memory.mjs",
+        "vibebrain": "bin/total-recall.mjs"
       },
       "optionalDependencies": {
         "playwright": "^1.60.0"

package/scaffold/.agent/skills/total-recall/plugins/embeddings/package.json

@@ -1,11 +1,17 @@
 {
   "name": "tr-plugin-embeddings",
   "version": "0.1.0",
-  "private": true,
   "type": "module",
   "description": "Local embedding model management: provider/model status, benchmark, index build and coverage",
   "scripts": {
     "test": "node --test test/*.test.mjs"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "files": [
+    "cli.mjs",
+    "plugin.json",
+    "README.md",
+    "LICENSE",
+    "ui/"
+  ]
 }