clawmagic 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clawmagic",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "OpenClaw, Configured Automagically. Transform a fresh OpenClaw install into production-ready setup.",
   "main": "dist/index.js",
   "bin": {

package/src/web/index.html

@@ -638,12 +638,56 @@ function renderReview() {
       return providerNames[id] + ' ⏭️';
     }).join('<br>');
 
+  // Skill descriptions for display
+  const skillDescriptions = {
+    'weather': '🌤 Weather — forecasts & conditions for any location',
+    'web_search': '🔍 Web Search — search the internet in real time',
+    'web_fetch': '📄 Web Fetch — extract content from any URL',
+    'github': '🐙 GitHub — PRs, issues, CI runs, code review',
+    'gog': '📧 Google Workspace — Gmail, Calendar, Drive, Docs',
+    'nano-banana-pro': '🎨 Image Generation — create images with AI',
+    'session-logs': '📋 Session Logs — search past conversations',
+    'three-tier-memory': '🧠 Three-Tier Memory — knowledge graph + daily notes + long-term memory',
+    'healthcheck': '🔒 Security Hardening — audits, firewall, SSH hardening',
+    'tmux': '🖥 Tmux — remote terminal session control',
+    'voice-call': '📞 Voice Calls — make and receive phone calls',
+    'nano-pdf': '📑 PDF Editor — edit PDFs with natural language',
+    'coding-agent': '🤖 Coding Agent — delegate code tasks to sub-agents',
+    'gh-issues': '🐛 GitHub Issues — auto-implement fixes and open PRs',
+    'mcporter': '🔌 MCP Servers — connect to any MCP tool server',
+    'skill-creator': '🛠 Skill Creator — build new skills for your agent',
+    'blogwatcher': '📰 Blog Watcher — monitor RSS feeds for updates',
+    'video-frames': '🎬 Video Frames — extract frames from videos',
+    '1password': '🔐 1Password — secure secret management',
+    'humanizer': '✍️ Humanizer — remove AI patterns from writing',
+    'financial-analysis': '💰 Financial Analysis — statements, valuations, models',
+  };
+
+  const skillsList = (flavorInfo.skills || [])
+    .map(s => skillDescriptions[s] || `📦 ${s}`)
+    .map(s => `<div style="padding:4px 0; font-size:13px; border-bottom:1px solid rgba(255,255,255,0.04);">${s}</div>`)
+    .join('');
+
+  const featuresList = (flavorInfo.features || [])
+    .map(f => `<span style="display:inline-block; padding:4px 10px; margin:3px; background:var(--accent-glow); border:1px solid rgba(218,119,86,0.2); border-radius:20px; font-size:12px; color:var(--accent);">${f}</span>`)
+    .join('');
+
   document.getElementById('review-summary').innerHTML = `
     <div class="review-row"><span class="review-label">Flavor</span><span class="review-value">${flavorInfo.icon || ''} ${flavorInfo.name || state.flavor}</span></div>
-    <div class="review-row"><span class="review-label">Skills</span><span class="review-value">${flavorInfo.skillCount || 0} active</span></div>
     <div class="review-row"><span class="review-label">Providers</span><span class="review-value" style="text-align:right">${providerList}</span></div>
-    <div class="review-row"><span class="review-label">Security</span><span class="review-value">File permissions, auth hardening</span></div>
-    <div class="review-row"><span class="review-label">Files</span><span class="review-value">openclaw.json, workspace files, memory dirs</span></div>
+    <div class="review-row"><span class="review-label">Security</span><span class="review-value">File permissions, auth hardening, gateway token</span></div>
+    <div class="review-row"><span class="review-label">Memory</span><span class="review-value">Three-tier system, daily notes, knowledge graph</span></div>
+    <div class="review-row"><span class="review-label">Automation</span><span class="review-value">Onboarding interview, daily check-in, weekly review</span></div>
+    ${featuresList ? `<div style="padding:16px 0 8px;"><span class="review-label">Highlights</span><div style="margin-top:8px;">${featuresList}</div></div>` : ''}
+    <div style="padding:12px 0 0;">
+      <div style="display:flex; align-items:center; justify-content:space-between; cursor:pointer;" onclick="this.parentElement.querySelector('.skill-list').style.display = this.parentElement.querySelector('.skill-list').style.display === 'none' ? 'block' : 'none'; this.querySelector('.arrow').textContent = this.parentElement.querySelector('.skill-list').style.display === 'none' ? '▶' : '▼';">
+        <span class="review-label">${flavorInfo.skillCount || 0} Skills Included</span>
+        <span class="arrow" style="font-size:11px; color:var(--text-dim);">▶</span>
+      </div>
+      <div class="skill-list" style="display:none; margin-top:8px; max-height:300px; overflow-y:auto;">
+        ${skillsList}
+      </div>
+    </div>
   `;
 }