azclaude-copilot 0.7.2 → 0.7.3

package/.claude-plugin/marketplace.json

@@ -9,7 +9,7 @@
     {
       "name": "azclaude",
       "description": "AZCLAUDE is a complete AI coding environment for Claude Code. It installs 40 commands, 10 auto-invoked skills, 15 specialized agents, 5 hooks, a real-time pipeline visualizer, and a persistent memory system — in one command.\n\nKey features:\n• Memory across sessions — goals.md + checkpoints injected automatically before every session\n• Self-improving loop — /reflect fixes stale CLAUDE.md rules, /reflexes learns from tool-use patterns, /evolve creates agents from git evidence\n• Autonomous copilot mode — /copilot runs a three-tier team (orchestrator → problem-architect → milestone-builder) across sessions until the product ships\n• Spec-driven workflow — /constitute writes project rules, /spec writes structured ACs, /analyze detects plan drift and ghost milestones, /blueprint traces every milestone to a spec\n• Security layer — 111-rule environment scan (/sentinel), pre-write secret blocking, pre-ship credential audit\n• Progressive levels 0–10 — start with CLAUDE.md, grow into multi-agent pipelines and self-evolving environments\n• Zero dependencies — no npm packages, no external APIs, no vector databases. Plain markdown files and Claude Code's native architecture.\n• Smart install — npx azclaude-copilot@latest auto-detects first install vs upgrade vs verify. Context-aware onboarding shows the right next command for your project state.\n\nExample use cases:\n• /setup — scan an existing project, detect stack + domain + scale, fill CLAUDE.md, generate project-specific skills and agents automatically\n• /copilot \"Build a compliance SaaS with trilingual support\" — walk away, come back to working code across multiple sessions\n• /sentinel — run a scored security audit (0–100, grade A–F) across hooks, permissions, MCP servers, agent configs, and secrets\n• /evolve — detect gaps in the environment, generate new skills and agents from git co-change evidence, report score delta (e.g. 42/100 → 68/100)\n• /constitute — write your project's constitution (non-negotiables, architectural commitments, definition of done) — gates all future AI actions\n• /analyze — cross-artifact consistency check: ghost milestones, spec vs. code drift, unplanned commits\n• /reflect — find stale, missing, or contradicting rules in CLAUDE.md and propose exact fixes\n• /debate \"REST vs GraphQL for this project\" — adversarial evidence-based decision with order-independent scoring, logged to decisions.md",
-      "version": "0.7.2",
+      "version": "0.7.3",
       "source": {
         "source": "github",
         "repo": "haytamAroui/AZ-CLAUDE-COPILOT",

package/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "azclaude",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "AZCLAUDE is a complete AI coding environment for Claude Code. It installs 40 commands, 10 auto-invoked skills, 15 specialized agents, 5 hooks, a real-time pipeline visualizer, and a persistent memory system — in one command.\n\nKey features:\n• Memory across sessions — goals.md + checkpoints injected automatically before every session\n• Self-improving loop — /reflect fixes stale CLAUDE.md rules, /reflexes learns from tool-use patterns, /evolve creates agents from git evidence\n• Autonomous copilot mode — /copilot runs a three-tier team (orchestrator → problem-architect → milestone-builder) across sessions until the product ships\n• Spec-driven workflow — /constitute writes project rules, /spec writes structured ACs, /analyze detects plan drift and ghost milestones, /blueprint traces every milestone to a spec\n• Security layer — 111-rule environment scan (/sentinel), pre-write secret blocking, pre-ship credential audit\n• Progressive levels 0–10 — start with CLAUDE.md, grow into multi-agent pipelines and self-evolving environments\n• Zero dependencies — no npm packages, no external APIs, no vector databases. Plain markdown files and Claude Code's native architecture.\n• Smart install — npx azclaude-copilot@latest auto-detects first install vs upgrade vs verify. Context-aware onboarding shows the right next command for your project state.\n\nExample use cases:\n• /setup — scan an existing project, detect stack + domain + scale, fill CLAUDE.md, generate project-specific skills and agents automatically\n• /copilot \"Build a compliance SaaS with trilingual support\" — walk away, come back to working code across multiple sessions\n• /sentinel — run a scored security audit (0–100, grade A–F) across hooks, permissions, MCP servers, agent configs, and secrets\n• /evolve — detect gaps in the environment, generate new skills and agents from git co-change evidence, report score delta (e.g. 42/100 → 68/100)\n• /constitute — write your project's constitution (non-negotiables, architectural commitments, definition of done) — gates all future AI actions\n• /analyze — cross-artifact consistency check: ghost milestones, spec vs. code drift, unplanned commits\n• /reflect — find stale, missing, or contradicting rules in CLAUDE.md and propose exact fixes\n• /debate \"REST vs GraphQL for this project\" — adversarial evidence-based decision with order-independent scoring, logged to decisions.md",
   "author": {
     "name": "haytamAroui",

package/README.md

@@ -637,11 +637,11 @@ AZCLAUDE is a lazy-loaded environment of 48 capability modules. It only loads wh
 
 ## Verified
 
-1881 tests. Every template, command, capability, agent, hook, and CLI feature verified.
+1902 tests. Every template, command, capability, agent, hook, and CLI feature verified.
 
 ```bash
 bash tests/test-features.sh
-# Results: 1881 passed, 0 failed, 1881 total
+# Results: 1902 passed, 0 failed, 1902 total
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "azclaude-copilot",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "AI coding environment — 40 commands, 10 skills, 15 agents, real-time visualizer, memory, reflexes, evolution. Install: npx azclaude-copilot@latest, then open Claude Code.",
   "bin": {
     "azclaude": "bin/cli.js",

package/templates/hooks/stop.js

@@ -173,7 +173,22 @@ if (fs.existsSync(seclogPath)) {
   } catch (_) {}
 }
 
-// ── Visualizer session-summary event (opt-in) ──
+// ── Visualizer pipeline-complete + session-summary events (opt-in) ──
+if (process.env.AZCLAUDE_VISUALIZER) {
+  // Signal pipeline completion — all stages go green
+  try {
+    const vPort0 = parseInt(process.env.AZCLAUDE_VISUALIZER, 10) || 8765;
+    const pcPayload = JSON.stringify({ type: 'pipeline-complete' });
+    const pcReq = require('http').request(
+      { hostname: '127.0.0.1', port: vPort0, path: '/event', method: 'POST',
+        headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(pcPayload) } },
+      () => {}
+    );
+    pcReq.setTimeout(1500, () => pcReq.destroy());
+    pcReq.on('error', () => {});
+    pcReq.end(pcPayload);
+  } catch (_v) {}
+}
 if (process.env.AZCLAUDE_VISUALIZER) {
   try {
     const vPort = parseInt(process.env.AZCLAUDE_VISUALIZER, 10) || 8765;

package/templates/hooks/user-prompt.js

@@ -207,8 +207,21 @@ try {
       console.log('This pipeline is NON-NEGOTIABLE. Do not skip steps. Do not start coding before Step 1 completes.');
       console.log('--- END PIPELINE ---');
 
-      // ── Visualizer event (opt-in) ──
+      // ── Visualizer events (opt-in) ──
       if (process.env.AZCLAUDE_VISUALIZER) {
+        try {
+          const vPort = parseInt(process.env.AZCLAUDE_VISUALIZER, 10) || 8765;
+          // Send user message first
+          const msgPayload = JSON.stringify({ type: 'user-message', message: promptText.slice(0, 200) });
+          const msgReq = require('http').request(
+            { hostname: '127.0.0.1', port: vPort, path: '/event', method: 'POST',
+              headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(msgPayload) } },
+            () => {}
+          );
+          msgReq.setTimeout(1500, () => msgReq.destroy());
+          msgReq.on('error', () => {});
+          msgReq.end(msgPayload);
+        } catch (_v) {}
         try {
           const vPort = parseInt(process.env.AZCLAUDE_VISUALIZER, 10) || 8765;
           const payload = JSON.stringify({ type: 'pipeline-start', intents: intents, tier: tier, tierLabel: tierLabel });
@@ -235,6 +248,22 @@ try {
     const ctxSignal = JSON.parse(fs.readFileSync(ctxSignalPath, 'utf8'));
     const pct = ctxSignal.ctxPct || 0;
 
+    // Send context % to visualizer
+    if (process.env.AZCLAUDE_VISUALIZER) {
+      try {
+        const vPort = parseInt(process.env.AZCLAUDE_VISUALIZER, 10) || 8765;
+        const ctxPayload = JSON.stringify({ type: 'context-update', pct: pct });
+        const ctxReq = require('http').request(
+          { hostname: '127.0.0.1', port: vPort, path: '/event', method: 'POST',
+            headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(ctxPayload) } },
+          () => {}
+        );
+        ctxReq.setTimeout(1500, () => ctxReq.destroy());
+        ctxReq.on('error', () => {});
+        ctxReq.end(ctxPayload);
+      } catch (_v) {}
+    }
+
     if (pct >= 85) {
       // AUTO-SAVE: context is critically high — save checkpoint before compaction wipes it
       const checkpointDir = path.join(cfg, 'memory', 'checkpoints');

package/templates/visualizer/public/app.js

@@ -87,6 +87,11 @@
       case 'WebFetch': return input.url || '(no URL)';
       case 'WebSearch': return '"' + (input.query || '') + '"';
       case 'Skill': return input.skill || '(unknown skill)';
+      case 'MultiEdit': { let s = input.file_path || '(unknown file)'; if (input.edits) s += ' (' + input.edits.length + ' edits)'; return s; }
+      case 'NotebookEdit': { let s = input.notebook || input.file_path || '(notebook)'; if (input.cell_id != null) s += ' cell ' + input.cell_id; return s; }
+      case 'AskUserQuestion': return input.question || '(question)';
+      case 'TaskCreate': return input.subject || '(new task)';
+      case 'TaskUpdate': { let s = 'task #' + (input.taskId || '?'); if (input.status) s += ' → ' + input.status; return s; }
       default: {
         const keys = Object.keys(input);
         if (keys.length === 0) return null;
@@ -197,7 +202,7 @@
     pipelineProgress.classList.add('visible');
     const primary = (intents && intents[0]) || 'CODE';
     const cls = primary.toLowerCase();
-    brainIntent.innerHTML = '<span class="intent-label ' + (['build','fix','review','test','refactor','plan','devops','frontend'].includes(cls) ? cls : 'default') + '">' + primary + '</span>' +
+    brainIntent.innerHTML = '<span class="intent-label ' + (['build','fix','review','test','refactor','plan','devops','frontend','extend','code','security','analyze'].includes(cls) ? cls : 'default') + '">' + primary + '</span>' +
       (tier ? ' <span style="font-size:9px;color:#5A5448">Tier ' + tier + '</span>' : '');
     // Reset pipeline stages
     document.querySelectorAll('.pipeline-stage').forEach(function (el) { el.classList.remove('active', 'complete'); });
@@ -236,6 +241,9 @@
 
     if (settings.mcpLabels) { const mcpServer = extractMcpServer(event.tool_name); if (mcpServer) { const label = document.createElement('span'); label.className = 'mcp-label'; label.textContent = mcpServer; header.appendChild(label); } }
 
+    // Agent label — show which subagent made this call
+    if (event.agent_type) { const agentLabel = document.createElement('span'); agentLabel.className = 'mcp-label'; agentLabel.style.background = 'rgba(168, 130, 255, 0.15)'; agentLabel.style.color = '#A882FF'; agentLabel.textContent = event.agent_type; header.appendChild(agentLabel); }
+
     // Diff stat badge (AZCLAUDE enriched)
     if (event.diffStat) { const ds = document.createElement('span'); ds.className = 'diff-stat'; ds.textContent = event.diffStat; header.appendChild(ds); }
 
@@ -328,6 +336,37 @@
       addSecurityEvent(event.level, event.rule, event.message);
       return;
     }
+    if (event.event === 'user-message') {
+      var card = document.createElement('div'); card.className = 'user-message-card';
+      var hdr = document.createElement('div'); hdr.className = 'user-message-header';
+      hdr.innerHTML = '<span class="user-message-icon">&#9656;</span> User';
+      var txt = document.createElement('div'); txt.className = 'user-message-text';
+      txt.textContent = event.message || '(empty)';
+      card.appendChild(hdr); card.appendChild(txt);
+      feed.appendChild(card); pruneOldCards(); scrollToBottom();
+      return;
+    }
+    if (event.event === 'context-update') {
+      var pct = event.pct || 0;
+      var bar = document.getElementById('context-bar');
+      var fill = document.getElementById('context-fill');
+      var label = document.getElementById('context-pct');
+      if (bar && fill && label) {
+        bar.classList.add('visible');
+        fill.style.width = pct + '%';
+        fill.className = 'context-fill' + (pct >= 85 ? ' critical' : pct >= 70 ? ' warn' : '');
+        label.textContent = pct + '%';
+        label.style.color = pct >= 85 ? '#C85050' : pct >= 70 ? '#D4A017' : '#5A5448';
+      }
+      return;
+    }
+    if (event.event === 'pipeline-complete') {
+      document.querySelectorAll('.pipeline-stage').forEach(function (el) {
+        el.classList.remove('active', 'complete');
+        el.classList.add('done');
+      });
+      return;
+    }
     if (event.event === 'session-summary') {
       const parts = [];
       if (event.duration) parts.push(event.duration);

package/templates/visualizer/public/audio.js

@@ -43,6 +43,11 @@
     Plan:          { register: LOW,  style: 'chord',    notes: 3, velocity: 0.6 },
     EnterPlanMode: { register: LOW,  style: 'chord',    notes: 3, velocity: 0.55 },
     ExitPlanMode:  { register: MID,  style: 'arpUp',    notes: 3, velocity: 0.55 },
+    MultiEdit:     { register: MID,  style: 'arpDown',  notes: 4, velocity: 0.6 },
+    NotebookEdit:  { register: LOW,  style: 'chord',    notes: 3, velocity: 0.55 },
+    AskUserQuestion: { register: HIGH, style: 'scatter', notes: 3, velocity: 0.5 },
+    TaskCreate:    { register: LOW,  style: 'arpUp',    notes: 2, velocity: 0.45 },
+    TaskUpdate:    { register: LOW,  style: 'pulse',    notes: 2, velocity: 0.4 },
     _default:      { register: MID,  style: 'arpUp',    notes: 2, velocity: 0.5 },
   };
 

package/templates/visualizer/public/canvas.js

@@ -8,7 +8,10 @@
     Read: '#D4A017', Edit: '#C86840', Write: '#B85535', Bash: '#6B8E5A',
     Glob: '#C8A850', Grep: '#B89040', Agent: '#D4B030', WebFetch: '#4A8A7A',
     WebSearch: '#3A7A6A', TodoWrite: '#A06858', Skill: '#B87040', Plan: '#8A6070',
-    EnterPlanMode: '#8A6070', ExitPlanMode: '#8A6070', _default: '#7A7060',
+    EnterPlanMode: '#8A6070', ExitPlanMode: '#8A6070',
+    MultiEdit: '#C86840', NotebookEdit: '#8A6070', AskUserQuestion: '#4A8A7A',
+    TaskCreate: '#6B8E5A', TaskUpdate: '#5A7A4A', TaskList: '#5A7A4A',
+    _default: '#7A7060',
   };
 
   const SECURITY_COLORS = { block: '#ff2222', warn: '#ffaa00' };

package/templates/visualizer/public/index.html

@@ -57,6 +57,12 @@
 
     <div id="settings-panel"></div>
 
+    <!-- Context window usage -->
+    <div id="context-bar">
+      <div class="context-label">Context <span id="context-pct">0%</span></div>
+      <div class="context-track"><div class="context-fill" id="context-fill"></div></div>
+    </div>
+
     <!-- Pipeline progress -->
     <div id="pipeline-progress">
       <div id="brain-intent"></div>

package/templates/visualizer/public/style.css

@@ -89,6 +89,22 @@ body { display: flex; flex-direction: row; }
 .toggle-switch.on { background: #2A3528; }
 .toggle-switch.on::after { transform: translateX(16px); background: #6B8E5A; }
 
+/* ===== Context Window Bar ===== */
+#context-bar { padding: 8px 16px; border-bottom: 1px solid #1E1C18; flex-shrink: 0; display: none; }
+#context-bar.visible { display: block; }
+.context-label { font-size: 10px; color: #5A5448; display: flex; justify-content: space-between; margin-bottom: 4px; }
+#context-pct { font-weight: 600; }
+.context-track { height: 4px; background: #1E1C18; border-radius: 2px; overflow: hidden; }
+.context-fill { height: 100%; width: 0%; border-radius: 2px; background: #6B8E5A; transition: width 0.5s ease, background 0.5s ease; }
+.context-fill.warn { background: #D4A017; }
+.context-fill.critical { background: #C85050; animation: pulse-dot 1s ease-in-out infinite; }
+
+/* ===== User Message Card ===== */
+.user-message-card { background: #1A1816; border-radius: 6px; margin-bottom: 8px; border-left: 3px solid #4A8A7A; padding: 8px 12px; }
+.user-message-header { display: flex; align-items: center; gap: 8px; font-size: 10px; color: #5A5448; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
+.user-message-icon { font-size: 12px; }
+.user-message-text { font-size: 12px; color: #E8DCC8; opacity: 0.85; line-height: 1.4; word-break: break-word; }
+
 /* ===== AZCLAUDE Pipeline Progress ===== */
 #pipeline-progress { padding: 10px 16px; border-bottom: 1px solid #1E1C18; flex-shrink: 0; display: none; }
 #pipeline-progress.visible { display: block; }
@@ -103,12 +119,17 @@ body { display: flex; flex-direction: row; }
 .intent-label.plan { background: #241A24; color: #8A6070; }
 .intent-label.devops { background: #1A2418; color: #5A7A4A; }
 .intent-label.frontend { background: #2A1820; color: #B85570; }
+.intent-label.extend { background: #24201A; color: #D4A017; }
+.intent-label.code { background: #1A1E18; color: #8A9E7A; }
+.intent-label.security { background: #2A1818; color: #C85050; }
+.intent-label.analyze { background: #1A1A24; color: #7A80BA; }
 .intent-label.default { background: #1E1C18; color: #8A7E6A; }
 
 .pipeline-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
 .pipeline-stage { font-size: 9px; text-align: center; padding: 4px 2px; border-radius: 3px; background: #1E1C18; color: #3A3630; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.4s ease; }
 .pipeline-stage.active { background: #1A2A18; color: #6B8E5A; box-shadow: 0 0 8px rgba(107,142,90,0.3); animation: pulse-dot 1.5s ease-in-out infinite; }
 .pipeline-stage.complete { background: #1A2418; color: #4A6A3A; }
+.pipeline-stage.done { background: #1A2A18; color: #6B8E5A; }
 
 /* ===== Security Events ===== */
 #security-events { flex-shrink: 0; max-height: 120px; overflow-y: auto; }

package/templates/visualizer/server.js

@@ -21,15 +21,20 @@ const LOG_FILE = path.join(os.tmpdir(), 'azclaude-visualizer.jsonl');
 const MAX_BODY_SIZE = 1024 * 1024;
 
 // ---------------------------------------------------------------------------
-// SSE client management
+// SSE client management + replay buffer
 // ---------------------------------------------------------------------------
 const sseClients = new Set();
+const EVENT_BUFFER_MAX = 200;
+const eventBuffer = [];
 
 function broadcast(event) {
   const data = `data: ${JSON.stringify(event)}\n\n`;
   for (const client of sseClients) {
     try { client.write(data); } catch { sseClients.delete(client); }
   }
+  // Ring buffer for reconnect replay
+  eventBuffer.push(event);
+  if (eventBuffer.length > EVENT_BUFFER_MAX) eventBuffer.shift();
 }
 
 // SSE heartbeat
@@ -164,6 +169,10 @@ function handleSSE(req, res) {
     'Access-Control-Allow-Origin': '*',
   });
   res.write(': connected\n\n');
+  // Replay buffered events so refreshing the browser doesn't lose history
+  for (const event of eventBuffer) {
+    try { res.write(`data: ${JSON.stringify(event)}\n\n`); } catch { return; }
+  }
   sseClients.add(res);
   req.on('close', () => { sseClients.delete(res); });
 }