@rune-kit/rune 2.2.6 → 2.3.1

package/docs/guides/index.html

@@ -4,9 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Rune Guides — From Install to Production</title>
-  <meta name="description" content="Complete guide to using Rune — the 58-skill mesh for AI coding assistants. Install, configure, and master every workflow.">
+  <meta name="description" content="Complete guide to using Rune — the 59-skill mesh for AI coding assistants. Install, configure, and master every workflow.">
   <meta property="og:title" content="Rune Guides — From Install to Production">
-  <meta property="og:description" content="Learn how to use Rune's 58-skill mesh to supercharge your AI coding assistant.">
+  <meta property="og:description" content="Learn how to use Rune's 59-skill mesh to supercharge your AI coding assistant.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://rune-kit.github.io/rune/guides/">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -559,7 +559,7 @@
       <h2 id="what-is-rune">What is Rune?</h2>
 
       <p>
-        <strong>Rune is a 58-skill mesh ecosystem</strong> for AI coding assistants. Instead of giving your AI one prompt at a time,
+        <strong>Rune is a 59-skill mesh ecosystem</strong> for AI coding assistants. Instead of giving your AI one prompt at a time,
         Rune gives it structured workflows where skills call each other automatically.
       </p>
 
@@ -614,7 +614,7 @@
 
 <span class="comment"># Verify it's loaded</span>
 <span class="cmd">claude</span>
-<span class="output">  58 skills loaded from rune</span></div>
+<span class="output">  59 skills loaded from rune</span></div>
             <button class="copy-btn" data-copy="claude plugin marketplace add rune-kit/rune && claude plugin install rune">Copy</button>
           </div>
           <div class="callout callout-tip">
@@ -624,14 +624,14 @@
         </div>
 
         <div class="tab-panel" id="install-cursor">
-          <p>Cursor uses <code>.mdc</code> rule files. Rune compiles all 58 skills into Cursor's format.</p>
+          <p>Cursor uses <code>.mdc</code> rule files. Rune compiles all 59 skills into Cursor's format.</p>
           <div class="code-wrapper">
             <div class="code-block"><span class="comment"># In your project directory</span>
 <span class="cmd">npx --yes @rune-kit/rune init <span class="flag">--platform cursor</span></span>
 
 <span class="output">  → Detected: cursor</span>
 <span class="output">  ✓ Created rune.config.json</span>
-<span class="output">  ✓ Built 58 skills + 14 extensions to .cursor/rules/</span></div>
+<span class="output">  ✓ Built 59 skills + 14 extensions to .cursor/rules/</span></div>
             <button class="copy-btn" data-copy="npx --yes @rune-kit/rune init --platform cursor">Copy</button>
           </div>
           <p>Skills are compiled into <code>.cursor/rules/</code>. Cursor picks them up automatically.</p>
@@ -642,7 +642,7 @@
           <div class="code-wrapper">
             <div class="code-block"><span class="cmd">npx --yes @rune-kit/rune init <span class="flag">--platform windsurf</span></span>
 
-<span class="output">  ✓ Built 58 skills + 14 extensions to .windsurf/rules/</span></div>
+<span class="output">  ✓ Built 59 skills + 14 extensions to .windsurf/rules/</span></div>
             <button class="copy-btn" data-copy="npx --yes @rune-kit/rune init --platform windsurf">Copy</button>
           </div>
         </div>
@@ -652,7 +652,7 @@
           <div class="code-wrapper">
             <div class="code-block"><span class="cmd">npx --yes @rune-kit/rune init <span class="flag">--platform antigravity</span></span>
 
-<span class="output">  ✓ Built 58 skills + 14 extensions to .agent/rules/</span></div>
+<span class="output">  ✓ Built 59 skills + 14 extensions to .agent/rules/</span></div>
             <button class="copy-btn" data-copy="npx --yes @rune-kit/rune init --platform antigravity">Copy</button>
           </div>
           <div class="callout callout-info">
@@ -667,7 +667,7 @@
           <div class="code-wrapper">
             <div class="code-block"><span class="cmd">clawhub install rune-kit</span>
 
-<span class="comment"># All 58 skills installed as one mesh package</span>
+<span class="comment"># All 59 skills installed as one mesh package</span>
 <span class="comment"># Works with any OpenClaw-compatible agent</span></div>
             <button class="copy-btn" data-copy="clawhub install rune-kit">Copy</button>
           </div>
@@ -748,7 +748,7 @@
       </div>
 
       <p>
-        200+ connections between 58 skills. When <code>debug</code> can't find the cause,
+        200+ connections between 59 skills. When <code>debug</code> can't find the cause,
         it escalates to <code>problem-solver</code>. When <code>cook</code> hits a wall 3 times,
         it pivots to <code>brainstorm</code>. When <code>sentinel</code> finds a vulnerability,
         it blocks the commit. The mesh is self-healing.
@@ -1050,7 +1050,7 @@
 <span class="output">  ├── rune-fix/SKILL.md</span>
 <span class="output">  ├── rune-plan/SKILL.md</span>
 <span class="output">  ├── rune-test/SKILL.md</span>
-<span class="output">  └── ... (58 skills total)</span></div>
+<span class="output">  └── ... (59 skills total)</span></div>
       </div>
 
       <p>
@@ -1109,7 +1109,7 @@
       <div class="code-wrapper">
         <div class="code-block"><span class="cmd">clawhub install rune-kit</span>
 
-<span class="comment"># All 58 skills + 14 extension packs as one mesh package</span>
+<span class="comment"># All 59 skills + 14 extension packs as one mesh package</span>
 <span class="comment"># Slug: rune-kit on clawhub.ai</span></div>
       </div>
 
@@ -1119,7 +1119,7 @@
       </div>
 
       <div class="callout callout-info">
-        <strong>All platforms get the same 58 skills.</strong> The compiler handles format differences.
+        <strong>All platforms get the same 59 skills.</strong> The compiler handles format differences.
         Cross-references, tool names, and model hints are adapted per platform.
       </div>
 
@@ -1256,7 +1256,7 @@
 
       <h3>Is Rune free?</h3>
       <p>
-        Yes. The full 58-skill mesh + 14 extension packs are <strong>free forever, MIT license</strong>.
+        Yes. The full 59-skill mesh + 14 extension packs are <strong>free forever, MIT license</strong>.
         <a href="../#pricing">Rune Pro</a> ($49 lifetime) adds business department skills (Product, Sales, Data Science).
       </p>
 

package/docs/index.html

@@ -4,9 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Rune — Less skills. Deeper connections.</title>
-  <meta name="description" content="58-skill mesh ecosystem for AI coding assistants. Works on Claude Code, Cursor, Windsurf, and any AI IDE.">
+  <meta name="description" content="59-skill mesh ecosystem for AI coding assistants. Works on Claude Code, Cursor, Windsurf, and any AI IDE.">
   <meta property="og:title" content="Rune — AI Skill Mesh">
-  <meta property="og:description" content="58 skills, 200+ mesh connections, 8 platforms. From idea to production.">
+  <meta property="og:description" content="59 skills, 200+ mesh connections, 8 platforms. From idea to production.">
   <meta property="og:image" content="https://raw.githubusercontent.com/rune-kit/rune/master/assets/banner.svg">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://rune-kit.github.io/rune">
@@ -62,7 +62,7 @@
       <canvas id="mesh-canvas"></canvas>
     </div>
     <div class="hero-content">
-      <p class="hero-badge">v2.2.2 &mdash; 58 skills &bull; 8 platforms &bull; MIT</p>
+      <p class="hero-badge">v2.3.1 &mdash; 59 skills &bull; 8 platforms &bull; MIT</p>
       <h1>Less skills.<br><span class="accent">Deeper connections.</span></h1>
       <p class="hero-sub">A mesh ecosystem for AI coding assistants. Skills call each other bidirectionally, forming resilient workflows that adapt when things go wrong.</p>
       <div class="hero-actions">
@@ -231,7 +231,7 @@ D &harr; E &harr; F
         <div class="feature-card">
           <div class="feature-icon">&#127760;</div>
           <h3>Multi-Platform</h3>
-          <p>Same 58 skills compile to Claude Code, Cursor, Windsurf, Antigravity, OpenAI Codex, OpenClaw, and generic. Zero knowledge loss across IDEs.</p>
+          <p>Same 59 skills compile to Claude Code, Cursor, Windsurf, Antigravity, OpenAI Codex, OpenClaw, and generic. Zero knowledge loss across IDEs.</p>
         </div>
       </div>
     </div>
@@ -256,13 +256,13 @@ claude plugin install rune</code></pre>
           <h3>Cursor / Windsurf / Any IDE</h3>
           <p class="install-badge">Compiled Rules</p>
           <pre class="code-block"><code>npx @rune-kit/rune init</code></pre>
-          <p>Auto-detects platform. Compiles all 58 skills to native rule format.</p>
+          <p>Auto-detects platform. Compiles all 59 skills to native rule format.</p>
         </div>
         <div class="install-card">
           <h3>OpenClaw</h3>
           <p class="install-badge">ClawHub Registry</p>
           <pre class="code-block"><code>clawhub install rune-kit</code></pre>
-          <p>58 skills as unified mesh package. Works with any OpenClaw agent.</p>
+          <p>59 skills as unified mesh package. Works with any OpenClaw agent.</p>
         </div>
       </div>
     </div>
@@ -335,7 +335,7 @@ claude plugin install rune</code></pre>
           <div class="mesh-tier-header">
             <span class="mesh-tier-badge mesh-badge-free">FREE</span>
             <strong>Core Mesh</strong>
-            <span class="mesh-tier-stats">58 skills &bull; 200+ connections</span>
+            <span class="mesh-tier-stats">59 skills &bull; 200+ connections</span>
           </div>
           <div class="mesh-layers">
             <div class="mesh-layer">
@@ -839,12 +839,42 @@ claude plugin install rune</code></pre>
       </div>
 
       <!-- Step 4: Success -->
-      <div id="pay-step-4" class="pay-step" hidden>
-        <div class="pay-success-icon">&#10003;</div>
-        <h3>Payment Received!</h3>
-        <p class="pay-subtitle">A GitHub invitation has been sent to <strong id="pay-success-user"></strong></p>
-        <p class="pay-hint">Check your email for the invitation to <code>rune-kit/rune-pro</code></p>
-        <button class="btn btn-primary" style="width:100%;margin-top:20px" onclick="closePayment()">Done</button>
+      <div id="pay-step-4" class="pay-step pay-success" hidden>
+        <div class="pay-success-badge">
+          <svg class="pay-success-check" viewBox="0 0 52 52" width="52" height="52">
+            <circle class="pay-success-circle" cx="26" cy="26" r="24" fill="none" stroke="currentColor" stroke-width="2.5"/>
+            <path class="pay-success-tick" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M15 27l7 7 15-15"/>
+          </svg>
+        </div>
+        <h3 class="pay-success-title">You're in!</h3>
+        <p class="pay-success-sub">A GitHub repo invitation is on its way to <strong id="pay-success-user"></strong></p>
+
+        <div class="pay-success-steps">
+          <div class="pay-success-step">
+            <span class="pay-success-num">1</span>
+            <div>
+              <strong>Check your GitHub email</strong>
+              <span>Look for an invite from <code>noreply@github.com</code> — usually within 1 minute</span>
+            </div>
+          </div>
+          <div class="pay-success-step">
+            <span class="pay-success-num">2</span>
+            <div>
+              <strong>Accept the invitation</strong>
+              <span>Click "View invitation" to join the private repo</span>
+            </div>
+          </div>
+          <div class="pay-success-step">
+            <span class="pay-success-num">3</span>
+            <div>
+              <strong>Install your packs</strong>
+              <span id="pay-success-install">Follow the setup guide in the repo README</span>
+            </div>
+          </div>
+        </div>
+
+        <button class="btn btn-primary pay-success-done" onclick="closePayment()">Got it</button>
+        <p class="pay-success-help">Didn't get the invite? Check spam, or email <a href="mailto:claude@theio.vn">claude@theio.vn</a></p>
       </div>
 
       <!-- Step 5: International — GitHub username + Polar checkout -->
@@ -861,6 +891,45 @@ claude plugin install rune</code></pre>
         <button id="pay-intl-submit" class="btn btn-pro" style="width:100%;margin-top:16px" onclick="startPolarCheckout()">Pay with Card / PayPal</button>
         <p class="pay-hint" style="margin-top:12px">You'll be redirected to Polar's secure checkout page</p>
       </div>
+
+      <!-- Step 6: Success (Vietnamese — for SePay flow) -->
+      <div id="pay-step-6" class="pay-step pay-success notranslate" translate="no" hidden>
+        <div class="pay-success-badge">
+          <svg class="pay-success-check" viewBox="0 0 52 52" width="52" height="52">
+            <circle class="pay-success-circle" cx="26" cy="26" r="24" fill="none" stroke="currentColor" stroke-width="2.5"/>
+            <path class="pay-success-tick" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M15 27l7 7 15-15"/>
+          </svg>
+        </div>
+        <h3 class="pay-success-title">Thanh toán thành công!</h3>
+        <p class="pay-success-sub">Lời mời truy cập repo đã được gửi đến <strong id="pay-success-user-vn"></strong></p>
+
+        <div class="pay-success-steps">
+          <div class="pay-success-step">
+            <span class="pay-success-num">1</span>
+            <div>
+              <strong>Kiểm tra email GitHub</strong>
+              <span>Tìm email mời từ <code>noreply@github.com</code> — thường trong vòng 1 phút</span>
+            </div>
+          </div>
+          <div class="pay-success-step">
+            <span class="pay-success-num">2</span>
+            <div>
+              <strong>Chấp nhận lời mời</strong>
+              <span>Nhấn "View invitation" để vào private repo</span>
+            </div>
+          </div>
+          <div class="pay-success-step">
+            <span class="pay-success-num">3</span>
+            <div>
+              <strong>Cài đặt skill packs</strong>
+              <span id="pay-success-install-vn">Làm theo hướng dẫn trong README của repo</span>
+            </div>
+          </div>
+        </div>
+
+        <button class="btn btn-primary pay-success-done" onclick="closePayment()">Xong</button>
+        <p class="pay-success-help">Chưa nhận được? Kiểm tra spam, hoặc email <a href="mailto:claude@theio.vn">claude@theio.vn</a></p>
+      </div>
     </div>
   </div>
 

package/docs/script.js

@@ -227,8 +227,9 @@ function closePayment() {
 }
 
 function showPayStep(n) {
-  for (let i = 1; i <= 5; i++) {
-    document.getElementById('pay-step-' + i).hidden = (i !== n);
+  for (let i = 1; i <= 6; i++) {
+    const el = document.getElementById('pay-step-' + i);
+    if (el) el.hidden = (i !== n);
   }
 }
 
@@ -290,7 +291,7 @@ async function startPolarCheckout() {
     const data = await res.json();
     if (!data.success || !data.url) throw new Error(data.error || 'Failed to create checkout');
 
-    // Redirect to Polar checkout page
+    // Redirect to Polar checkout page (context embedded in success_url by worker)
     window.location.href = data.url;
   } catch (err) {
     errorEl.textContent = err.message;
@@ -365,8 +366,14 @@ function startPolling(github) {
       if (data.status === 'delivered') {
         clearInterval(payState.pollTimer);
         payState.pollTimer = null;
-        document.getElementById('pay-success-user').textContent = github;
-        showPayStep(4);
+        // VN users → Vietnamese success (step 6)
+        const vnUser = document.getElementById('pay-success-user-vn');
+        if (vnUser) vnUser.textContent = github;
+        const vnInstall = document.getElementById('pay-success-install-vn');
+        if (vnInstall && (payState.product === 'rune-biz' || payState.product === 'RUNE-BIZ')) {
+          vnInstall.textContent = 'Bạn nhận cả Pro + Business packs — xem README trong repo';
+        }
+        showPayStep(6);
       } else if (data.status === 'underpaid') {
         document.getElementById('pay-status').innerHTML =
           '<span style="color:var(--loss)">&#9888; Amount too low. Please transfer the exact amount.</span>';
@@ -452,17 +459,37 @@ function startPolling(github) {
 (function checkPolarReturn() {
   const params = new URLSearchParams(window.location.search);
   if (params.get('polar') === 'success') {
+    // Read context from URL (embedded by worker in success_url)
+    const github = params.get('gh') || 'your GitHub account';
+    const product = params.get('pkg') || '';
+
     // Clean URL
     window.history.replaceState({}, '', window.location.pathname);
+
     // Show success message
     const modal = document.getElementById('pay-modal');
     if (modal) {
       modal.hidden = false;
       document.body.style.overflow = 'hidden';
-      document.getElementById('pay-success-user').textContent = 'you';
+      showSuccessForProduct(product, github);
       for (let i = 1; i <= 5; i++) {
         document.getElementById('pay-step-' + i).hidden = (i !== 4);
       }
     }
   }
 })();
+
+// Update success page based on product context
+function showSuccessForProduct(product, github) {
+  const el = document.getElementById('pay-success-user');
+  if (el) el.textContent = github || 'your GitHub account';
+
+  const installEl = document.getElementById('pay-success-install');
+  if (!installEl) return;
+
+  if (product === 'rune-biz' || product === 'RUNE-BIZ') {
+    installEl.textContent = 'You get Pro + Business packs — check the repo README for setup';
+  } else {
+    installEl.textContent = 'Follow the setup guide in the repo README';
+  }
+}