ape-claw 0.1.3 → 0.1.5

package/ui/index.html

@@ -394,6 +394,19 @@ body::after{display:none !important}
 .chat-msg-id{font-family:var(--font-mono);font-size:.6rem;color:var(--dim)}
 .chat-msg-time{font-family:var(--font-mono);font-size:.6rem;color:var(--dim);margin-left:auto}
 .chat-msg-text{font-size:.78rem;line-height:1.55;color:var(--text);word-break:break-word}
+.chat-msg-text strong{color:#eefad6;font-weight:700}
+.chat-msg-text code{
+  font-family:var(--font-mono);font-size:.7rem;
+  background:rgba(99,215,255,.08);border:1px solid rgba(99,215,255,.2);
+  color:#bce9ff;padding:1px 4px;border-radius:4px;
+}
+.chat-msg-text pre{
+  margin:6px 0;padding:8px;border-radius:6px;
+  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);
+  overflow-x:auto;
+}
+.chat-msg-text ul{margin:6px 0 6px 14px;padding:0}
+.chat-msg-text li{margin:2px 0}
 .chat-msg-reply{
   margin:4px 0 6px;padding:6px 8px;border-radius:2px;border:1px solid var(--border);
   background:rgba(255,255,255,.02);font-size:.65rem;color:var(--dim)
@@ -818,11 +831,11 @@ footer::before{
 <!-- ═══════ SETUP / ONBOARDING ═══════ -->
 <div class="reveal reveal-1" style="padding:12px 24px 0;position:relative;z-index:1">
   <div class="setup-panel">
-    <div class="setup-header" id="setupToggle" onclick="toggleSetup()">
+    <div class="setup-header open" id="setupToggle" onclick="toggleSetup()">
       <span class="icon">🚀</span> Clawllector Setup &amp; Quick Start
       <span class="chevron">▼</span>
     </div>
-    <div class="setup-body" id="setupBody">
+    <div class="setup-body open" id="setupBody">
       <div style="display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:16px;background:rgba(0,240,255,.05);border:1px solid rgba(0,240,255,.18);border-radius:var(--radius)">
         <strong style="font-size:.7rem;color:var(--accent2)">Shared Backend</strong>
         <span id="backendUrlStatus" style="font-size:.66rem;color:var(--dim);width:100%">Using backend: --</span>
@@ -848,12 +861,16 @@ footer::before{
         </div>
         <span class="hint-row" style="width:100%">Quick Start is for collecting NFTs and bridging. Pod + v2 is for the Library of Alexandria and Otherside automation.</span>
       </div>
+      <div style="padding:10px 14px;margin-bottom:12px;background:rgba(207,255,4,.04);border:1px solid rgba(207,255,4,.2);border-radius:var(--radius)">
+        <strong style="font-size:.72rem;color:var(--accent)">⚠ Prerequisite: <a href="https://openclaw.ai" target="_blank" rel="noopener" style="color:var(--accent);text-decoration:underline">OpenClaw</a></strong>
+        <span style="font-size:.64rem;color:var(--dim);display:block;margin-top:4px">ApeClaw installs all skills into your OpenClaw workspace (<code>~/.openclaw/skills/</code>). <strong style="color:var(--text)">Install OpenClaw first</strong> from <a href="https://openclaw.ai" target="_blank" rel="noopener" style="color:var(--accent2)">openclaw.ai</a>.</span>
+      </div>
       <div class="setup-grid">
         <div class="setup-step" data-setup-mode="quick">
           <div class="setup-step-num">1</div>
           <h3>Install ApeClaw</h3>
           <pre>npx ape-claw skill install</pre>
-          <p class="note">Run in any terminal. Installs the core skill and prompts to add 61 curated skills (starter pack). Skills are synced to both Cursor and OpenClaw automatically.</p>
+          <p class="note">Run in any terminal. Requires <a href="https://openclaw.ai" target="_blank" rel="noopener">OpenClaw</a> + Node.js. Installs the core skill and prompts to add 61 curated skills (starter pack). Skills are installed to <code>~/.openclaw/skills/</code>.</p>
           <p class="note" style="margin-top:4px">Add <code>--starter-pack</code> to skip the prompt. Add <code>--scope local</code> to install into the current project only.</p>
         </div>
         <div class="setup-step" data-setup-mode="quick">
@@ -984,39 +1001,6 @@ python3 pod/run_agent.py \
   </div>
 </div>
 
-<!-- ═══════ UNDER CONSTRUCTION BANNER ═══════ -->
-<div id="constructionBanner" style="
-  margin:16px 24px 0;
-  padding:32px 28px;
-  background:linear-gradient(135deg,rgba(255,77,0,.08) 0%,rgba(207,255,4,.06) 100%);
-  border:1.5px solid rgba(255,77,0,.35);
-  border-radius:12px;
-  text-align:center;
-  position:relative;
-  z-index:2;
-  overflow:hidden;
-">
-  <div style="font-size:2.2rem;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(255,77,0,.4))">🏗️</div>
-  <h2 style="
-    margin:0 0 8px;
-    font-size:1.1rem;
-    letter-spacing:1.5px;
-    text-transform:uppercase;
-    background:linear-gradient(90deg,#ff4d00,#cfff04);
-    -webkit-background-clip:text;
-    -webkit-text-fill-color:transparent;
-    background-clip:text;
-  ">Live Dashboard — Under Construction</h2>
-  <p style="margin:0 0 14px;font-size:.78rem;color:var(--dim);max-width:540px;margin-inline:auto;line-height:1.55">
-    The real-time telemetry panels (clawbot activity, live events, NFT gallery, bridge ops, and chat) are being connected to the production backend. Everything below is preview data.
-  </p>
-  <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:.68rem">
-    <span style="padding:4px 10px;border-radius:4px;background:rgba(255,77,0,.12);color:#ff6b35;border:1px solid rgba(255,77,0,.25)">SSE Telemetry — coming soon</span>
-    <span style="padding:4px 10px;border-radius:4px;background:rgba(0,240,255,.08);color:var(--accent2);border:1px solid rgba(0,240,255,.2)">Chat — coming soon</span>
-    <span style="padding:4px 10px;border-radius:4px;background:rgba(207,255,4,.08);color:var(--accent);border:1px solid rgba(207,255,4,.2)">Skills Library — live</span>
-  </div>
-</div>
-
 <!-- ═══════ MAIN GRID ═══════ -->
 <div class="main" id="mainContent">
 
@@ -1120,7 +1104,7 @@ python3 pod/run_agent.py \
     </div>
     <div class="chat-auth-bar">
       <label>Room</label>
-      <input type="text" id="chatRoom" value="general" placeholder="general" spellcheck="false" autocomplete="off">
+      <input type="text" id="chatRoom" value="forge" placeholder="forge" spellcheck="false" autocomplete="off">
       <label>Agent ID</label>
       <input type="text" id="chatAgentId" placeholder="agent-id" spellcheck="false" autocomplete="off">
       <label>Token</label>
@@ -1923,7 +1907,7 @@ function renderTerminal() {
 function updateStats() {
   const activeCount = [...agentMap.values()].filter(a => a.status==='active').length;
   const totalCount = agentMap.size;
-  const clawbotCount = Math.max(totalCount, REGISTERED_CLAWBOTS.length, 111);
+  const clawbotCount = Math.max(totalCount, REGISTERED_CLAWBOTS.length);
   const setIf = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val; };
   setIf('totalAgents', activeCount + '/' + totalCount);
   setIf('totalEvents', totalEvents.toLocaleString());
@@ -2207,7 +2191,7 @@ setInterval(() => {
 // ═══════════════════════════════════════════════════════════
 let chatMessages = [];
 let chatSseSource = null;
-let chatCredentials = { room: 'general', agentId: '', agentToken: '', identityToken: '' };
+let chatCredentials = { room: 'forge', agentId: '', agentToken: '', identityToken: '' };
 let chatReconnectTimer = null;
 let chatReconnectAttempts = 0;
 let chatRooms = [];
@@ -2216,8 +2200,8 @@ let chatReplyToId = null;
 const CHAT_REACTION_EMOJIS = ['👍', '🔥', '😂', '🫡', '👀'];
 
 function normalizeRoomName(input) {
-  const raw = String(input || 'general').toLowerCase().trim().replace(/[^a-z0-9_-]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
-  return raw || 'general';
+  const raw = String(input || 'forge').toLowerCase().trim().replace(/[^a-z0-9_-]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
+  return raw || 'forge';
 }
 
 function selectChatRoom(room) {
@@ -2248,7 +2232,7 @@ function renderChatRooms() {
     </button>`;
   }).join('');
   el.querySelectorAll('.chat-room-chip').forEach((btn) => {
-    btn.addEventListener('click', () => selectChatRoom(btn.dataset.room || 'general'));
+    btn.addEventListener('click', () => selectChatRoom(btn.dataset.room || 'forge'));
   });
 }
 
@@ -2269,12 +2253,27 @@ function chatMsgTime(ts) {
 }
 
 function formatChatText(text) {
-  const safe = escapeHtml(String(text || ''));
-  return safe.replace(/(https?:\/\/[^\s<]+)/g, '<a href="$1" target="_blank" rel="noopener">$1</a>');
+  let safe = escapeHtml(String(text || ''));
+  // Remove common citation markers injected by some providers.
+  safe = safe.replace(/\[(\d+)\]/g, '');
+
+  // Links first.
+  safe = safe.replace(/(https?:\/\/[^\s<]+)/g, '<a href="$1" target="_blank" rel="noopener">$1</a>');
+  // Fenced code blocks.
+  safe = safe.replace(/```([\s\S]*?)```/g, (_m, code) => `<pre><code>${code}</code></pre>`);
+  // Inline code.
+  safe = safe.replace(/`([^`]+?)`/g, '<code>$1</code>');
+  // Bold.
+  safe = safe.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+  // Basic bullet list support.
+  safe = safe.replace(/(?:^|\n)- (.+?)(?=\n|$)/g, '<li>$1</li>');
+  safe = safe.replace(/(<li>[\s\S]*?<\/li>)/g, '<ul>$1</ul>');
+  // Preserve line breaks.
+  return safe.replace(/\n/g, '<br>');
 }
 
 function chatDraftKey(room) {
-  return `apeclaw_chat_draft_${normalizeRoomName(room || 'general')}`;
+  return `apeclaw_chat_draft_${normalizeRoomName(room || 'forge')}`;
 }
 
 function applyChatSlash(text) {
@@ -2364,7 +2363,7 @@ function renderChatMessages() {
   const byId = new Map(chatMessages.map((m) => [m.id, m]));
   el.innerHTML = filtered.map(m => {
     const isSelf = m.agentId === chatCredentials.agentId;
-    const room = normalizeRoomName(m.room || 'general');
+    const room = normalizeRoomName(m.room || 'forge');
     const parent = m.replyTo ? byId.get(m.replyTo) : null;
     const parentPreview = parent ? `${parent.agentName || parent.agentId}: ${String(parent.text || '').slice(0, 80)}` : `Reply to ${m.replyTo || 'message'}`;
     const reactions = m.reactions && typeof m.reactions === 'object' ? m.reactions : {};
@@ -2423,7 +2422,7 @@ function updateChatInputState() {
 }
 
 function updateChatAuthStatus() {
-  const room = normalizeRoomName(document.getElementById('chatRoom').value.trim() || 'general');
+  const room = normalizeRoomName(document.getElementById('chatRoom').value.trim() || 'forge');
   const id = document.getElementById('chatAgentId').value.trim();
   const token = document.getElementById('chatAgentToken').value.trim();
   const identityToken = document.getElementById('chatIdentityToken').value.trim();
@@ -2482,7 +2481,7 @@ function toggleChatTokenVisibility() {
 }
 
 function clearChatCredentials() {
-  document.getElementById('chatRoom').value = 'general';
+  document.getElementById('chatRoom').value = 'forge';
   document.getElementById('chatAgentId').value = '';
   document.getElementById('chatAgentToken').value = '';
   document.getElementById('chatIdentityToken').value = '';
@@ -2549,11 +2548,11 @@ async function sendChatMessage() {
 
 async function loadChatHistory() {
   try {
-    const r = await fetch(apiUrl(`/api/chat?room=${encodeURIComponent(chatCredentials.room || 'general')}&limit=200`));
+    const r = await fetch(apiUrl(`/api/chat?room=${encodeURIComponent(chatCredentials.room || 'forge')}&limit=200`));
     if (r.ok) {
       const data = await r.json();
       chatMessages = data.messages || [];
-      chatUnreadByRoom.set(normalizeRoomName(chatCredentials.room || 'general'), 0);
+      chatUnreadByRoom.set(normalizeRoomName(chatCredentials.room || 'forge'), 0);
       renderChatMessages();
       renderChatRooms();
     }
@@ -2566,15 +2565,15 @@ function connectChatStream() {
       chatSseSource.close();
       chatSseSource = null;
     }
-    chatSseSource = new EventSource(apiUrl(`/api/chat/stream?room=${encodeURIComponent(chatCredentials.room || 'general')}`));
+    chatSseSource = new EventSource(apiUrl(`/api/chat/stream?room=${encodeURIComponent(chatCredentials.room || 'forge')}`));
     chatSseSource.onopen = () => {
       chatReconnectAttempts = 0;
     };
     chatSseSource.onmessage = (e) => {
       try {
         const msg = JSON.parse(e.data);
-        const msgRoom = normalizeRoomName(msg.room || 'general');
-        const current = normalizeRoomName(chatCredentials.room || 'general');
+        const msgRoom = normalizeRoomName(msg.room || 'forge');
+        const current = normalizeRoomName(chatCredentials.room || 'forge');
         if (msgRoom !== current) {
           chatUnreadByRoom.set(msgRoom, Number(chatUnreadByRoom.get(msgRoom) || 0) + 1);
           renderChatRooms();
@@ -2605,7 +2604,7 @@ function connectChatStream() {
 function initChat() {
   // Restore saved credentials from localStorage
   try {
-    const savedRoom = localStorage.getItem('apeclaw_chat_room') || 'general';
+    const savedRoom = localStorage.getItem('apeclaw_chat_room') || 'forge';
     const savedId = localStorage.getItem('apeclaw_chat_agentId') || '';
     const savedToken = localStorage.getItem('apeclaw_chat_agentToken') || '';
     const savedIdentity = localStorage.getItem('apeclaw_chat_identityToken') || '';

package/ui/js/skills.js

@@ -427,7 +427,7 @@ window.addEventListener('unhandledrejection', (e) => { console.error('[ApeClaw]
           var installCmd = 'npx ape-claw skill install ' + rawSlug;
           var html = '';
           html += '<div style="margin-bottom:16px"><strong style="color:#cfff04;font-size:14px">' + escapeHtml(it.name || it.slug) + '</strong></div>';
-          html += '<div class="note" style="margin-bottom:12px;color:var(--muted);font-size:12px">Copy the command below and run it in your terminal to install this skill to Cursor &amp; OpenClaw.</div>';
+          html += '<div class="note" style="margin-bottom:12px;color:var(--muted);font-size:12px">Copy the command below and run it in your terminal to install this skill to your <a href="https://openclaw.ai" target="_blank" rel="noopener" style="color:var(--lime)">OpenClaw</a> workspace. <strong style="color:var(--lime)">Requires OpenClaw.</strong></div>';
           html += '<div style="position:relative;background:rgba(0,0,0,.5);border:1px solid rgba(207,255,4,.15);border-radius:6px;padding:14px 16px;margin-bottom:12px">';
           html += '<code style="font-size:11px;color:var(--cyan);word-break:break-all;line-height:1.6;display:block">' + escapeHtml(installCmd) + '</code>';
           html += '</div>';
@@ -747,52 +747,67 @@ window.addEventListener('unhandledrejection', (e) => { console.error('[ApeClaw]
       window.addEventListener('hashchange', function () {
         try { openFromHash(); } catch (e) {}
       });
+      function hydrateImportedFromResults(results) {
+        importedAll = (Array.isArray(results) ? results : []).map(function (s, idx) {
+          return {
+            name: s.name || s.slug || 'Skill',
+            slug: s.slug || '',
+            description: s.description || s.desc || '',
+            desc: s.description || s.desc || '',
+            riskTier: s.riskTier || 2,
+            source: s.source || 'imported',
+            sourceUrl: s.sourceUrl || '',
+            fileName: s.fileName || '',
+            version: s.version || '1',
+            importOk: true,
+            vettedOk: Boolean(s.vettedOk !== false && s.vetted !== false),
+            addedAt: s.addedAt || s.importedAt || s.createdAt || '',
+            importedAt: s.importedAt || s.addedAt || '',
+            createdAt: s.createdAt || '',
+            _indexOrder: idx,
+            onchainTokenId: s.onchainTokenId || null,
+            onchainMintTx: s.onchainMintTx || null,
+            onchainPublishTx: s.onchainPublishTx || null
+          };
+        });
+        publishedBySlug = {};
+        for (var pi = 0; pi < importedAll.length; pi++) {
+          var si = importedAll[pi];
+          if (si && si.slug && si.onchainTokenId) {
+            publishedBySlug[si.slug] = {
+              skillId: si.onchainTokenId,
+              txs: { mint: si.onchainMintTx || null, publish: si.onchainPublishTx || null }
+            };
+          }
+        }
+        applyImportedFilters();
+        if (importedBadge) importedBadge.textContent = importedAll.length ? (importedAll.length + ' SKILLS') : 'NONE';
+        try { openFromHash(); } catch (e) {}
+      }
+
+      function loadImportedFromStaticFallback() {
+        return fetch('/data/skills-search.json', { headers: { 'accept': 'application/json' } })
+          .then(function (r) { return r.ok ? r.json() : null; })
+          .then(function (j) {
+            var results = (j && Array.isArray(j.results)) ? j.results : [];
+            hydrateImportedFromResults(results);
+            if (importedBadge && results.length) importedBadge.textContent = results.length + ' SKILLS (FALLBACK)';
+          })
+          .catch(function () {
+            if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
+          });
+      }
+
       fetch(apiBase + '/api/skills/search?limit=5000', { headers: { 'accept': 'application/json' } })
         .then(function (r) { return r.ok ? r.json() : null; })
         .then(function (j) {
-          if (!j || !j.ok) {
-            if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
-            return;
-          }
-          var results = j.results || [];
-          importedAll = results.map(function (s, idx) {
-            return {
-              name: s.name || s.slug || 'Skill',
-              slug: s.slug || '',
-              description: s.description || s.desc || '',
-              desc: s.description || s.desc || '',
-              riskTier: s.riskTier || 2,
-              source: s.source || 'imported',
-              sourceUrl: s.sourceUrl || '',
-              fileName: s.fileName || '',
-              version: s.version || '1',
-              importOk: true,
-              vettedOk: Boolean(s.vettedOk !== false && s.vetted !== false),
-              addedAt: s.addedAt || s.importedAt || s.createdAt || '',
-              importedAt: s.importedAt || s.addedAt || '',
-              createdAt: s.createdAt || '',
-              _indexOrder: idx,
-              onchainTokenId: s.onchainTokenId || null,
-              onchainMintTx: s.onchainMintTx || null,
-              onchainPublishTx: s.onchainPublishTx || null
-            };
-          });
-          publishedBySlug = {};
-          for (var pi = 0; pi < importedAll.length; pi++) {
-            var si = importedAll[pi];
-            if (si && si.slug && si.onchainTokenId) {
-              publishedBySlug[si.slug] = {
-                skillId: si.onchainTokenId,
-                txs: { mint: si.onchainMintTx || null, publish: si.onchainPublishTx || null }
-              };
-            }
-          }
-          applyImportedFilters();
-          if (importedBadge) importedBadge.textContent = importedAll.length ? (importedAll.length + ' SKILLS') : 'NONE';
-          try { openFromHash(); } catch (e) {}
+          var results = (j && j.ok && Array.isArray(j.results)) ? j.results : [];
+          // If API is unavailable or temporarily empty, use static snapshot so the page is never blank.
+          if (!results.length) return loadImportedFromStaticFallback();
+          hydrateImportedFromResults(results);
         })
         .catch(function () {
-          if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
+          return loadImportedFromStaticFallback();
         });
 
       if (importedSearch) {

package/ui/shared/sidebar-nav.js

@@ -53,7 +53,7 @@
     var active = !l.external && isActive(l.href, cur);
     var attrs = active ? ' aria-current="page"' : "";
     if (l.external) attrs += ' target="_blank" rel="noopener"';
-    var badge = l.external ? "EXT" : (l.icon === "forge" ? "LOCAL" : "");
+    var badge = l.external ? "EXT" : "";
     navHtml +=
       '<a class="sb-link" href="' + String(l.href) + '" data-tip="' + String(l.label) + '"' + attrs + ">" +
       iconSvg(l.icon) +

package/ui/skills.html

@@ -776,7 +776,7 @@
             <a class="pill" href="#" data-copy='npx ape-claw skill install'>Copy command</a>
             <a class="pill" href="/docs?doc=CLI_GUIDE.md" data-keep-query="1">Install docs</a>
           </div>
-          <div class="note" style="margin-top:8px">Add <code>--starter-pack</code> for 61 curated skills. Skills sync to <a href="https://cursor.com" target="_blank" rel="noopener">Cursor</a> &amp; OpenClaw automatically. Works on macOS, Linux, and Windows (PowerShell).</div>
+          <div class="note" style="margin-top:8px"><strong style="color:var(--lime)">Requires <a href="https://openclaw.ai" target="_blank" rel="noopener" style="color:var(--lime)">OpenClaw</a></strong> — install OpenClaw first. Add <code>--starter-pack</code> for 61 curated skills. Skills are installed to <code>~/.openclaw/skills/</code>. Works on macOS, Linux, and Windows (PowerShell).</div>
         </div>
         <div class="card ac-observe">
           <div class="cardhead">
@@ -798,7 +798,7 @@
           <p>
             Install any skill by slug from the command line, or browse below and click <strong>Install</strong> to add to your agent.
           </p>
-          <div class="code"><span class="k">npx</span> --yes github:simplefarmer69/ape-claw skill install lincoln-ai</div>
+          <div class="code"><span class="k">npx</span> ape-claw skill install lincoln-ai</div>
           <div class="tools" aria-label="Install instructions">
             <a class="pill" href="#" data-copy='npx ape-claw skill install lincoln-ai'>Copy command</a>
             <a class="pill" href="/docs?doc=SKILLCARDS_AND_IMPORTER.md" data-keep-query="1">Skill docs</a>
@@ -1453,22 +1453,29 @@ window.addEventListener('unhandledrejection', (e) => { console.error('[ApeClaw]
         }, 2500);
       }
 
+      var FALLBACK_STATS = { total: 10024, vetted: 9994, onchain: 10004, user: 0 };
       // Load global stats from API
       (function loadGlobalStats() {
         fetch(apiBase + '/api/skills/stats', { headers: { 'accept': 'application/json' } })
           .then(function (r) { return r.ok ? r.json() : null; })
           .then(function (d) {
-            if (!d || !d.ok) return;
+            if (!d || !d.ok || !d.total) {
+              setStatCountUp(statTotal, FALLBACK_STATS.total);
+              setStatCountUp(statVetted, FALLBACK_STATS.vetted);
+              setStatCountUp(statOnchain, FALLBACK_STATS.onchain);
+              setStatCountUp(statContributed, FALLBACK_STATS.user);
+              return;
+            }
             setStatCountUp(statTotal, d.total || 0);
             setStatCountUp(statVetted, d.vetted || 0);
             setStatCountUp(statOnchain, d.onchain || 0);
             setStatCountUp(statContributed, d.user || 0);
           })
           .catch(function () {
-            setStatCountUp(statTotal, 10032);
-            setStatCountUp(statVetted, 10009);
-            setStatCountUp(statOnchain, 7056);
-            setStatCountUp(statContributed, 0);
+            setStatCountUp(statTotal, FALLBACK_STATS.total);
+            setStatCountUp(statVetted, FALLBACK_STATS.vetted);
+            setStatCountUp(statOnchain, FALLBACK_STATS.onchain);
+            setStatCountUp(statContributed, FALLBACK_STATS.user);
           });
       })();
 
@@ -1655,7 +1662,7 @@ window.addEventListener('unhandledrejection', (e) => { console.error('[ApeClaw]
           var installCmd = 'npx ape-claw skill install ' + rawSlug;
           var html = '';
           html += '<div style="margin-bottom:16px"><strong style="color:#cfff04;font-size:14px">' + escapeHtml(it.name || it.slug) + '</strong></div>';
-          html += '<div class="note" style="margin-bottom:14px;color:var(--muted);font-size:12px">Run the command below in your terminal to install this skill to Cursor &amp; OpenClaw.</div>';
+          html += '<div class="note" style="margin-bottom:14px;color:var(--muted);font-size:12px">Run the command below in your terminal to install this skill to your <a href="https://openclaw.ai" target="_blank" rel="noopener" style="color:var(--lime)">OpenClaw</a> workspace. <strong style="color:var(--lime)">Requires OpenClaw.</strong></div>';
           html += '<div style="margin-bottom:6px;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.5px">INSTALL</div>';
           html += '<div style="position:relative;background:rgba(0,0,0,.5);border:1px solid rgba(207,255,4,.15);border-radius:6px;padding:14px 16px;margin-bottom:14px">';
           html += '<code style="font-size:11px;color:var(--cyan);word-break:break-all;line-height:1.6;display:block">' + escapeHtml(installCmd) + '</code>';
@@ -1982,53 +1989,73 @@ window.addEventListener('unhandledrejection', (e) => { console.error('[ApeClaw]
       window.addEventListener('hashchange', function () {
         try { openFromHash(); } catch (e) {}
       });
-      fetch(apiBase + '/api/skills/search?limit=5000', { headers: { 'accept': 'application/json' } })
-        .then(function (r) { return r.ok ? r.json() : null; })
-        .then(function (j) {
-          if (!j || !j.ok) {
-            if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
-            return;
-          }
-          var results = j.results || [];
-          importedAll = results.map(function (s, idx) {
-            return {
-              name: s.name || s.slug || 'Skill',
-              slug: s.slug || '',
-              description: s.description || s.desc || '',
-              desc: s.description || s.desc || '',
-              riskTier: s.riskTier || 2,
-              source: s.source || 'imported',
-              sourceUrl: s.sourceUrl || '',
-              fileName: s.fileName || '',
-              version: s.version || '1',
-              importOk: true,
-              vettedOk: Boolean(s.vettedOk !== false && s.vetted !== false),
-              addedAt: s.addedAt || s.importedAt || s.createdAt || '',
-              importedAt: s.importedAt || s.addedAt || '',
-              createdAt: s.createdAt || '',
-              _indexOrder: idx,
-              onchainTokenId: s.onchainTokenId || null,
-              onchainMintTx: s.onchainMintTx || null,
-              onchainPublishTx: s.onchainPublishTx || null
+      function hydrateFromResults(results) {
+        importedAll = (Array.isArray(results) ? results : []).map(function (s, idx) {
+          return {
+            name: s.name || s.slug || 'Skill',
+            slug: s.slug || '',
+            description: s.description || s.desc || '',
+            desc: s.description || s.desc || '',
+            riskTier: s.riskTier || 2,
+            source: s.source || 'imported',
+            sourceUrl: s.sourceUrl || '',
+            fileName: s.fileName || '',
+            version: s.version || '1',
+            importOk: true,
+            vettedOk: Boolean(s.vettedOk !== false && s.vetted !== false),
+            addedAt: s.addedAt || s.importedAt || s.createdAt || '',
+            importedAt: s.importedAt || s.addedAt || '',
+            createdAt: s.createdAt || '',
+            _indexOrder: idx,
+            onchainTokenId: s.onchainTokenId || null,
+            onchainMintTx: s.onchainMintTx || null,
+            onchainPublishTx: s.onchainPublishTx || null
+          };
+        });
+        publishedBySlug = {};
+        for (var pi = 0; pi < importedAll.length; pi++) {
+          var si = importedAll[pi];
+          if (si && si.slug && si.onchainTokenId) {
+            publishedBySlug[si.slug] = {
+              skillId: si.onchainTokenId,
+              txs: { mint: si.onchainMintTx || null, publish: si.onchainPublishTx || null }
             };
-          });
-          publishedBySlug = {};
-          for (var pi = 0; pi < importedAll.length; pi++) {
-            var si = importedAll[pi];
-            if (si && si.slug && si.onchainTokenId) {
-              publishedBySlug[si.slug] = {
-                skillId: si.onchainTokenId,
-                txs: { mint: si.onchainMintTx || null, publish: si.onchainPublishTx || null }
-              };
-            }
           }
-          applyImportedFilters();
-          if (importedBadge) importedBadge.textContent = importedAll.length ? (importedAll.length + ' SKILLS') : 'NONE';
-          try { openFromHash(); } catch (e) {}
-        })
-        .catch(function () {
-          if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
-        });
+        }
+        applyImportedFilters();
+        if (importedBadge) importedBadge.textContent = importedAll.length ? (importedAll.length + ' SKILLS') : 'NONE';
+        try { openFromHash(); } catch (e) {}
+      }
+
+      function loadFromStaticFallback() {
+        return fetch('/data/skills-search.json', { headers: { 'accept': 'application/json' } })
+          .then(function (r) { return r.ok ? r.json() : null; })
+          .then(function (j) {
+            var results = (j && Array.isArray(j.results)) ? j.results : [];
+            if (!results.length) {
+              if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
+              return;
+            }
+            hydrateFromResults(results);
+            if (importedBadge) importedBadge.textContent = importedAll.length + ' SKILLS';
+            setStatCountUp(statTotal, importedAll.length);
+          })
+          .catch(function () {
+            if (importedBadge) importedBadge.textContent = 'UNAVAILABLE';
+          });
+      }
+
+      loadFromStaticFallback().then(function () {
+        setTimeout(function () {
+          fetch(apiBase + '/api/skills/search?limit=15000&slim=1', { headers: { 'accept': 'application/json' } })
+            .then(function (r) { return r.ok ? r.json() : null; })
+            .then(function (j) {
+              var results = (j && j.ok && Array.isArray(j.results)) ? j.results : [];
+              if (results.length > importedAll.length) hydrateFromResults(results);
+            })
+            .catch(function () {});
+        }, 2000);
+      });
 
       if (importedSearch) {
         importedSearch.addEventListener('input', applyImportedFilters);