npm - agentvibes - Versions diffs - 2.0.9 → 2.0.12 - Mend

agentvibes 2.0.9 → 2.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/agentvibes.org/.claude/hooks/voices-config.sh ADDED Viewed

@@ -0,0 +1,33 @@
+#!/bin/bash
+# Single source of truth for ElevenLabs voice IDs
+# This file is sourced by both voice-manager.sh and play-tts.sh
+declare -A VOICES=(
+  ["Amy"]="bhJUNIXWQQ94l8eI2VUf"
+  ["Antoni"]="ErXwobaYiN019PkySvjV"
+  ["Archer"]="L0Dsvb3SLTyegXwtm47J"
+  ["Aria"]="TC0Zp7WVFzhA8zpTlRqV"
+  ["Bella"]="EXAVITQu4vr4xnSDxMaL"
+  ["Burt Reynolds"]="4YYIPFl9wE5c4L2eu2Gb"
+  ["Charlotte"]="XB0fDUnXU5powFXDhCwa"
+  ["Cowboy Bob"]="KTPVrSVAEUSJRClDzBw7"
+  ["Demon Monster"]="vfaqCOvlrKi4Zp7C2IAm"
+  ["Domi"]="AZnzlk1XvdvUeBnXmlld"
+  ["Dr. Von Fusion"]="yjJ45q8TVCrtMhEKurxY"
+  ["Drill Sergeant"]="vfaqCOvlrKi4Zp7C2IAm"
+  ["Grandpa Spuds Oxley"]="NOpBlnGInO9m6vDvFkFC"
+  ["Grandpa Werthers"]="MKlLqCItoCkvdhrxgtLv"
+  ["Jessica Anne Bogart"]="flHkNRp1BlvT73UL6gyz"
+  ["Juniper"]="aMSt68OGf4xUZAnLpTU8"
+  ["Lutz Laugh"]="9yzdeviXkFddZ4Oz8Mok"
+  ["Matilda"]="XrExE9yKIg1WjnnlVkGX"
+  ["Matthew Schmitz"]="0SpgpJ4D3MpHCiWdyTg3"
+  ["Michael"]="U1Vk2oyatMdYs096Ety7"
+  ["Ms. Walker"]="DLsHlh26Ugcm6ELvS0qi"
+  ["Northern Terry"]="wo6udizrrtpIxWGp2qJk"
+  ["Pirate Marshal"]="PPzYpIqttlTYA83688JI"
+  ["Rachel"]="21m00Tcm4TlvDq8ikWAM"
+  ["Ralf Eisend"]="A9evEp8yGjv4c3WsIKuY"
+  ["Tiffany"]="6aDn1KB0hjpdcocrUkmq"
+  ["Tom"]="DYkrAHD8iwork3YSUBbs"
+)

package/agentvibes.org/.claude/journal/2025-10-07.html ADDED Viewed

@@ -0,0 +1,373 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Claude Transcript - 2025-10-07</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            margin: 0;
+            padding: 0;
+            background: #f5f5f5;
+            display: flex;
+        }
+        .sidebar {
+            width: 200px;
+            background: white;
+            padding: 20px;
+            height: 100vh;
+            position: sticky;
+            top: 0;
+            box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+            overflow-y: auto;
+        }
+        .sidebar h3 {
+            margin-top: 0;
+            color: #667eea;
+        }
+        .sidebar a {
+            display: block;
+            padding: 8px 12px;
+            margin: 5px 0;
+            text-decoration: none;
+            color: #333;
+            border-radius: 5px;
+            transition: background 0.2s;
+            cursor: pointer;
+        }
+        .sidebar a:hover {
+            background: #f0f0f0;
+        }
+        .sidebar a.active {
+            background: #667eea;
+            color: white;
+        }
+        .spinner {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #667eea;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 1s linear infinite;
+            display: none;
+            z-index: 1000;
+        }
+        @keyframes spin {
+            0% { transform: translate(-50%, -50%) rotate(0deg); }
+            100% { transform: translate(-50%, -50%) rotate(360deg); }
+        }
+        .loading {
+            pointer-events: none;
+            opacity: 0.6;
+        }
+        .main-content {
+            flex: 1;
+            max-width: 900px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 30px;
+            border-radius: 10px;
+            margin-bottom: 30px;
+            position: relative;
+        }
+        .report-btn {
+            position: absolute;
+            top: 30px;
+            right: 30px;
+            background: rgba(255,255,255,0.2);
+            border: 2px solid white;
+            color: white;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            transition: all 0.3s;
+        }
+        .report-btn:hover {
+            background: white;
+            color: #667eea;
+        }
+        .report-btn:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+        .report-status {
+            margin-top: 15px;
+            padding: 10px;
+            border-radius: 5px;
+            background: rgba(255,255,255,0.1);
+            display: none;
+        }
+        .report-status.show {
+            display: block;
+        }
+        .message {
+            background: white;
+            border-radius: 8px;
+            padding: 20px;
+            margin: 15px 0;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .user {
+            border-left: 4px solid #667eea;
+            background: white;
+        }
+        .assistant {
+            border-left: 4px solid #764ba2;
+            background: #f8f8f8;
+        }
+        .content {
+            word-wrap: break-word;
+            line-height: 1.6;
+        }
+        .content code {
+            background: #f0f0f0;
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: 'Courier New', monospace;
+            font-size: 0.9em;
+        }
+        .content pre {
+            background: #2d2d2d;
+            color: #f8f8f8;
+            padding: 15px;
+            border-radius: 5px;
+            overflow-x: auto;
+            margin: 10px 0;
+        }
+        .content pre code {
+            background: none;
+            color: inherit;
+            padding: 0;
+        }
+        .content a {
+            color: #667eea;
+            text-decoration: none;
+        }
+        .content a:hover {
+            text-decoration: underline;
+        }
+        .content strong {
+            font-weight: 600;
+        }
+        .timestamp {
+            color: #666;
+            font-size: 0.85em;
+            margin-bottom: 10px;
+        }
+        .audio-player {
+            margin-top: 10px;
+            padding: 10px;
+            background: #f0f0f0;
+            border-radius: 5px;
+        }
+        audio {
+            width: 100%;
+            max-width: 400px;
+        }
+        .summary {
+            background: #e3f2fd;
+            padding: 15px;
+            border-radius: 5px;
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+    <div class="spinner" id="spinner"></div>
+    <div class="sidebar"><h3>📅 Journal</h3><a href="2025-10-07.html" class="active">Oct 07</a></div>
+    <div class="main-content">
+        <div class="header">
+            <h1>📝 Claude Code Journal</h1>
+            <p>2025-10-07</p>
+            <button id="generate-report-btn" class="report-btn">
+                📊 Generate AI Report
+            </button>
+            <div id="report-status" class="report-status"></div>
+        </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:20 PM</div>
+        <div class="content"><p>On the website, make special mention that we used the BMAD method and linked to the BMAD method GitHub. https://github.com/bmad-code-org/BMAD-METHOD</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:20 PM</div>
+        <div class="content"><p>I'll help you add a mention of the BMAD method with a link to the GitHub repository on the website. Let me first explore the codebase structure to find the appropriate place to add this.</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:20 PM</div>
+        <div class="content"><p>Let me look at the main page and key components to understand where to add the BMAD method mention:</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:20 PM</div>
+        <div class="content"><p>I can see the website already has a &quot;BMAD Plugin Integration&quot; feature mentioned in the Features section at line 161-166 of <code>components/features.tsx</code>. I'll update this to add a link to the BMAD method GitHub repository and make the mention more prominent. Let me also check if there are other suitable places to add this information.</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:20 PM</div>
+        <div class="content"><p>Perfect! I've added a link to the BMAD method GitHub repository in the Features section. The &quot;BMAD agents&quot; text is now a clickable link that opens https://github.com/bmad-code-org/BMAD-METHOD in a new tab. The link is styled to stand out with an indigo color and underline, matching the site's design aesthetic.</p>
+</div>
+    </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:37 PM</div>
+        <div class="content"><p>get rid of the watch demo on wegsite</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:37 PM</div>
+        <div class="content"><p>I'll remove the demo video section from the website.</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:37 PM</div>
+        <div class="content"><p>Done! I've removed the watch demo/modal video section from the website. The imports for <code>VideoThumb</code> and <code>ModalVideo</code> have been removed, and the <code>&lt;ModalVideo&gt;</code> component has been deleted from the hero section.</p>
+</div>
+    </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:38 PM</div>
+        <div class="content"><p>get rid of the X and medium icons ion the footer</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:38 PM</div>
+        <div class="content"><p>Done! I've removed the X (Twitter) and Medium icons from the footer, keeping only the GitHub icon.</p>
+</div>
+    </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:48 PM</div>
+        <div class="content"><p>install the vercel mcp in .mcp-minimal.json https://vercel.com/docs/mcp/vercel-mcp</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:48 PM</div>
+        <div class="content"><p>I'll install the Vercel MCP by adding it to the <code>.mcp-minimal.json</code> configuration file.</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:48 PM</div>
+        <div class="content"><p>Done! I've added the Vercel MCP server to <code>.mcp-minimal.json</code>. The configuration uses:</p>
+<ul>
+<li><code>npx</code> with <code>-y</code> flag to auto-confirm installation</li>
+<li><code>@vercel/mcp-server</code> package</li>
+<li><code>VERCEL_API_TOKEN</code> environment variable for authentication</li>
+</ul>
+<p>You'll need to set the <code>VERCEL_API_TOKEN</code> environment variable with your Vercel API token for it to work.</p>
+</div>
+    </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:49 PM</div>
+        <div class="content"><p>please look in ~/.zshrc</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:50 PM</div>
+        <div class="content"><p>I can see your <code>~/.zshrc</code> file. I notice you have a <code>VERCEL_TOKEN</code> environment variable defined on line 484. For the Vercel MCP to work, it needs <code>VERCEL_API_TOKEN</code> (not <code>VERCEL_TOKEN</code>). Let me update the <code>.mcp-minimal.json</code> to use the existing token variable name, or you can add a new <code>VERCEL_API_TOKEN</code> variable to your <code>.zshrc</code>.</p>
+<p>Would you like me to:</p>
+<ol>
+<li>Add <code>export VERCEL_API_TOKEN=&quot;${VERCEL_TOKEN}&quot;</code> to your <code>.zshrc</code> to alias the existing token, or</li>
+<li>Keep the MCP config as-is and you manually add <code>VERCEL_API_TOKEN</code> to your environment variables?</li>
+</ol>
+<p>The current value I see is: <code>VERCEL_TOKEN=&quot;Qfd1W7PKsXUbIQTGORh4T1yi&quot;</code></p>
+</div>
+    </div>
+    <div class="message user">
+        <div class="timestamp">👤 06:51 PM</div>
+        <div class="content"><p>change this to Xc7to03gFud0y1bHzKVwqCzO and call it AGENT_VIBES_VERCEL_TOKEN</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:51 PM</div>
+        <div class="content"><p>Now let me update the <code>.mcp-minimal.json</code> to use this new environment variable:</p>
+</div>
+    </div>
+    <div class="message assistant">
+        <div class="timestamp">🤖 06:51 PM</div>
+        <div class="content"><p>Done! I've:</p>
+<ol>
+<li>Added <code>export AGENT_VIBES_VERCEL_TOKEN=&quot;Xc7to03gFud0y1bHzKVwqCzO&quot;</code> to your <code>~/.zshrc</code></li>
+<li>Updated <code>.mcp-minimal.json</code> to use <code>${AGENT_VIBES_VERCEL_TOKEN}</code> for the Vercel MCP server</li>
+</ol>
+<p>You'll need to restart your terminal or run <code>source ~/.zshrc</code> for the new environment variable to take effect.</p>
+</div>
+    </div>
+    </div>
+    <script>
+        // Add spinner to sidebar links
+        document.querySelectorAll('.sidebar a').forEach(link => {
+            link.addEventListener('click', (e) => {
+                document.getElementById('spinner').style.display = 'block';
+                document.querySelector('.main-content').classList.add('loading');
+            });
+        });
+        // Report generation button
+        const reportBtn = document.getElementById('generate-report-btn');
+        const reportStatus = document.getElementById('report-status');
+        if (reportBtn) {
+            reportBtn.addEventListener('click', async () => {
+                reportBtn.disabled = true;
+                reportBtn.textContent = '⏳ Generating...';
+                reportStatus.classList.add('show');
+                reportStatus.textContent = 'Analyzing conversation with OpenAI GPT-4o...';
+                try {
+                    // Get current page date from title
+                    const pageTitle = document.title;
+                    const dateMatch = pageTitle.match(/\d{{4}}-\d{{2}}-\d{{2}}/);
+                    const date = dateMatch ? dateMatch[0] : 'unknown';
+                    // Call report generation script via file:// protocol won't work
+                    // Instead, show instructions
+                    reportStatus.innerHTML = `
+                        <strong>To generate a report for this session:</strong><br><br>
+                        Run this command in your terminal:<br>
+                        <code style="background: rgba(0,0,0,0.3); padding: 5px 10px; border-radius: 3px; display: block; margin-top: 5px;">
+                        /report
+                        </code><br>
+                        <em>Or if you know the transcript path:</em><br>
+                        <code style="background: rgba(0,0,0,0.3); padding: 5px 10px; border-radius: 3px; display: block; margin-top: 5px;">
+                        ~/.claude/UsefulClaudeCustomizations/.claude/hooks/generate-session-report.sh TRANSCRIPT_PATH
+                        </code>
+                    `;
+                    reportBtn.textContent = '📋 See Instructions';
+                } catch (error) {
+                    reportStatus.textContent = 'Error: ' + error.message;
+                } finally {
+                    reportBtn.disabled = false;
+                }
+            });
+        }
+    </script>
+</body>
+</html>

package/agentvibes.org/.claude/journal/index.html ADDED Viewed

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Claude Journal Calendar</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+            background: #f5f5f5;
+        }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 40px;
+            border-radius: 10px;
+            margin-bottom: 30px;
+            text-align: center;
+        }
+        .calendar {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            gap: 20px;
+        }
+        .day-card {
+            background: white;
+            border-radius: 8px;
+            padding: 20px;
+            text-decoration: none;
+            color: inherit;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+        .day-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+        }
+        .day-date {
+            font-size: 1.2em;
+            font-weight: bold;
+            color: #667eea;
+            margin-bottom: 5px;
+        }
+        .spinner {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid #667eea;
+            border-radius: 50%;
+            width: 50px;
+            height: 50px;
+            animation: spin 1s linear infinite;
+            display: none;
+            z-index: 1000;
+        }
+        @keyframes spin {
+            0% { transform: translate(-50%, -50%) rotate(0deg); }
+            100% { transform: translate(-50%, -50%) rotate(360deg); }
+        }
+        .loading {
+            pointer-events: none;
+            opacity: 0.6;
+        }
+    </style>
+</head>
+<body>
+    <div class="spinner" id="spinner"></div>
+    <div class="header">
+        <h1>📅 Claude Code Journal</h1>
+        <p>Your daily conversation transcripts</p>
+    </div>
+    <div class="calendar" id="calendar">
+        <a href="2025-10-07.html" class="day-card" onclick="showSpinner(event)">
+            <div class="day-date">📝 October 07, 2025</div>
+            <div>Tuesday</div>
+        </a>
+    </div>
+    <script>
+        function showSpinner(event) {
+            document.getElementById('spinner').style.display = 'block';
+            document.getElementById('calendar').classList.add('loading');
+        }
+    </script>
+</body>
+</html>