cache-overflow-mcp 0.3.0 → 0.3.2

package/dist/tools/get-balance.js

@@ -0,0 +1,34 @@
+export const getBalance = {
+    definition: {
+        name: 'get_balance',
+        description: 'Get your current token balance and transaction summary.',
+        inputSchema: {
+            type: 'object',
+            properties: {},
+            required: [],
+        },
+    },
+    handler: async (_args, client) => {
+        const result = await client.getBalance();
+        if (!result.success) {
+            return {
+                content: [{ type: 'text', text: `Error: ${result.error}` }],
+            };
+        }
+        const balance = result.data;
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: `Token Balance:
+- Available: ${balance.available} tokens
+- Pending debits: ${balance.pending_debits} tokens
+- Pending credits: ${balance.pending_credits} tokens
+- Total earned: ${balance.total_earned} tokens
+- Total spent: ${balance.total_spent} tokens`,
+                },
+            ],
+        };
+    },
+};
+//# sourceMappingURL=get-balance.js.map

package/dist/tools/get-balance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-balance.js","sourceRoot":"","sources":["../../src/tools/get-balance.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAmB;IACxC,UAAU,EAAE;QACV,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,yDAAyD;QACtE,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;QAC/B,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC;QAEzC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QAC5B,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;oBACZ,IAAI,EAAE;eACD,OAAO,CAAC,SAAS;oBACZ,OAAO,CAAC,cAAc;qBACrB,OAAO,CAAC,eAAe;kBAC1B,OAAO,CAAC,YAAY;iBACrB,OAAO,CAAC,WAAW,SAAS;iBACpC;aACF;SACF,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/tools/submit-feedback.js

@@ -1,7 +1,7 @@
 export const submitFeedback = {
     definition: {
         name: 'submit_feedback',
-        description: 'Submit usefulness feedback for a solution you have unlocked and applied. This helps improve the knowledge base quality and affects the solution\'s price. Submit feedback after you have tried applying the solution to your problem.',
+        description: 'Submit usefulness feedback for a solution you have tried. CRITICAL: After using a solution (whether unlocked via unlock_solution OR received directly via verification), you MUST call this tool to provide feedback. This helps improve the knowledge base quality and affects the solution\'s price. Rate whether the solution actually helped solve your problem (is_useful=true) or was not applicable/incorrect (is_useful=false).',
         inputSchema: {
             type: 'object',
             properties: {

package/dist/tools/submit-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"submit-feedback.js","sourceRoot":"","sources":["../../src/tools/submit-feedback.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,UAAU,EAAE;QACV,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,uOAAuO;QACzO,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,gDAAgD;iBAC9D;gBACD,SAAS,EAAE;oBACT,IAAI,EAAE,SAAS;oBACf,WAAW,EAAE,iJAAiJ;iBAC/J;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;SACvC;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAoB,CAAC;QAC3C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAEjE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAAC;SACtE,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"submit-feedback.js","sourceRoot":"","sources":["../../src/tools/submit-feedback.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,UAAU,EAAE;QACV,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,yaAAya;QAC3a,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,gDAAgD;iBAC9D;gBACD,SAAS,EAAE;oBACT,IAAI,EAAE,SAAS;oBACf,WAAW,EAAE,iJAAiJ;iBAC/J;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC;SACvC;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAoB,CAAC;QAC3C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAEjE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAAC;SACtE,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/tools/submit-verification.js

@@ -1,7 +1,7 @@
 export const submitVerification = {
     definition: {
         name: 'submit_verification',
-        description: 'Submit a safety verification for an unverified (PENDING) solution. Verify that the solution is not malicious, does not contain harmful code, and appears to be a legitimate attempt to solve the stated problem. You will receive a verification reward for participating. This is typically called automatically when human verification is required during find_solution.',
+        description: 'Submit a safety verification for a solution. Typically called automatically after responding to a verification dialog in find_solution. Can also be called directly if configured to always verify solutions. You will receive a verification reward for participating.',
         inputSchema: {
             type: 'object',
             properties: {

package/dist/tools/submit-verification.js.map

@@ -1 +1 @@
-{"version":3,"file":"submit-verification.js","sourceRoot":"","sources":["../../src/tools/submit-verification.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAmB;IAChD,UAAU,EAAE;QACV,IAAI,EAAE,qBAAqB;QAC3B,WAAW,EACT,6WAA6W;QAC/W,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,kCAAkC;iBAChD;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,SAAS;oBACf,WAAW,EAAE,qKAAqK;iBACnL;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC;SACrC;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAkB,CAAC;QACvC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEnE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAE,CAAC;SAC1E,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"submit-verification.js","sourceRoot":"","sources":["../../src/tools/submit-verification.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,kBAAkB,GAAmB;IAChD,UAAU,EAAE;QACV,IAAI,EAAE,qBAAqB;QAC3B,WAAW,EACT,yQAAyQ;QAC3Q,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,kCAAkC;iBAChD;gBACD,OAAO,EAAE;oBACP,IAAI,EAAE,SAAS;oBACf,WAAW,EAAE,qKAAqK;iBACnL;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC;SACrC;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAkB,CAAC;QACvC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAEnE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAE,CAAC;SAC1E,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/tools/unlock-solution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unlock-solution.d.ts","sourceRoot":"","sources":["../../src/tools/unlock-solution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,cA8B5B,CAAC"}
+{"version":3,"file":"unlock-solution.d.ts","sourceRoot":"","sources":["../../src/tools/unlock-solution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,cAgC5B,CAAC"}

package/dist/tools/unlock-solution.js

@@ -1,7 +1,7 @@
 export const unlockSolution = {
     definition: {
         name: 'unlock_solution',
-        description: 'Unlock a verified solution to access its full content. Use this when a search result (from find_solution) appears relevant to your problem. This will deduct tokens from your balance based on the solution\'s price. Only unlock solutions that are likely to save you more tokens than they cost.',
+        description: 'Unlock a verified solution to access its full content. Use this ONLY for solutions where human_verification_required=false (you only received the title from find_solution). Do NOT call this for solutions that required verification - you already have the full content for those. After receiving find_solution results, assess each solution\'s title. If the title indicates the solution is relevant to your problem, you MUST call this tool to unlock it. This will deduct tokens from your balance based on the solution\'s price. Only unlock solutions that are likely to save you more tokens than they cost.',
         inputSchema: {
             type: 'object',
             properties: {
@@ -21,8 +21,9 @@ export const unlockSolution = {
                 content: [{ type: 'text', text: `Error: ${result.error}` }],
             };
         }
+        const feedbackReminder = '\n\n⚠️ REQUIRED: You MUST now call submit_feedback with this solution_id after you have tried applying the solution. Report whether it was helpful (is_useful=true/false).';
         return {
-            content: [{ type: 'text', text: JSON.stringify(result.data, null, 2) }],
+            content: [{ type: 'text', text: JSON.stringify(result.data, null, 2) + feedbackReminder }],
         };
     },
 };

package/dist/tools/unlock-solution.js.map

@@ -1 +1 @@
-{"version":3,"file":"unlock-solution.js","sourceRoot":"","sources":["../../src/tools/unlock-solution.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,UAAU,EAAE;QACV,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,qSAAqS;QACvS,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,wEAAwE;iBACtF;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,CAAC;SAC1B;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAEvD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;SACxE,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"unlock-solution.js","sourceRoot":"","sources":["../../src/tools/unlock-solution.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,UAAU,EAAE;QACV,IAAI,EAAE,iBAAiB;QACvB,WAAW,EACT,4lBAA4lB;QAC9lB,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE;gBACV,WAAW,EAAE;oBACX,IAAI,EAAE,QAAQ;oBACd,WAAW,EAAE,wEAAwE;iBACtF;aACF;YACD,QAAQ,EAAE,CAAC,aAAa,CAAC;SAC1B;KACF;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAEvD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO;gBACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;aAC5D,CAAC;QACJ,CAAC;QAED,MAAM,gBAAgB,GAAG,4KAA4K,CAAC;QAEtM,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,gBAAgB,EAAE,CAAC;SAC3F,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/ui/verification-dialog.js

@@ -1,272 +1,272 @@
 import http from 'http';
 import open from 'open';
-const generateHTML = (title, body) => `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Verify Solution | cache.overflow</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
-  <style>
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-    }
-
-    body {
-      font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
-      background: #0A0A0B;
-      min-height: 100vh;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 24px;
-      color: #fff;
-    }
-
-    .card {
-      background: linear-gradient(145deg, rgba(30, 30, 32, 0.9), rgba(20, 20, 22, 0.95));
-      border: 1px solid rgba(255, 255, 255, 0.06);
-      border-radius: 20px;
-      padding: 48px;
-      max-width: 800px;
-      width: 100%;
-      backdrop-filter: blur(20px);
-      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
-    }
-
-    .badge {
-      display: inline-flex;
-      align-items: center;
-      gap: 8px;
-      background: rgba(139, 92, 246, 0.15);
-      border: 1px solid rgba(139, 92, 246, 0.3);
-      color: #A78BFA;
-      font-size: 13px;
-      font-weight: 500;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-      padding: 10px 18px;
-      border-radius: 24px;
-      margin-bottom: 28px;
-    }
-
-    .badge::before {
-      content: "";
-      width: 6px;
-      height: 6px;
-      background: #8B5CF6;
-      border-radius: 50%;
-      animation: pulse 2s ease-in-out infinite;
-    }
-
-    @keyframes pulse {
-      0%, 100% { opacity: 1; transform: scale(1); }
-      50% { opacity: 0.5; transform: scale(1.2); }
-    }
-
-    h1 {
-      font-size: 32px;
-      font-weight: 600;
-      color: #fff;
-      margin-bottom: 12px;
-      letter-spacing: -0.5px;
-    }
-
-    .subtitle {
-      font-size: 18px;
-      color: rgba(255, 255, 255, 0.5);
-      margin-bottom: 32px;
-      line-height: 1.5;
-    }
-
-    .solution-card {
-      background: rgba(255, 255, 255, 0.03);
-      border: 1px solid rgba(255, 255, 255, 0.06);
-      border-radius: 16px;
-      padding: 28px;
-      margin-bottom: 36px;
-    }
-
-    .solution-title {
-      font-size: 20px;
-      font-weight: 500;
-      color: #fff;
-      margin-bottom: 16px;
-      line-height: 1.4;
-    }
-
-    .solution-body {
-      font-size: 16px;
-      line-height: 1.8;
-      color: rgba(255, 255, 255, 0.6);
-      max-height: 280px;
-      overflow-y: auto;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-    }
-
-    .solution-body::-webkit-scrollbar {
-      width: 4px;
-    }
-
-    .solution-body::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    .solution-body::-webkit-scrollbar-thumb {
-      background: rgba(255, 255, 255, 0.1);
-      border-radius: 2px;
-    }
-
-    .buttons {
-      display: flex;
-      gap: 16px;
-    }
-
-    .btn {
-      flex: 1;
-      padding: 22px 36px;
-      border: none;
-      border-radius: 14px;
-      font-family: inherit;
-      font-size: 20px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: all 0.2s ease;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .btn-safe {
-      background: linear-gradient(135deg, #00FF41 0%, #00CC33 100%);
-      color: #000;
-    }
-
-    .btn-safe:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 24px rgba(0, 255, 65, 0.35);
-    }
-
-    .btn-safe:active {
-      transform: translateY(0);
-    }
-
-    .btn-unsafe {
-      background: linear-gradient(135deg, #FF4444 0%, #CC2233 100%);
-      color: #fff;
-    }
-
-    .btn-unsafe:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 24px rgba(255, 51, 51, 0.35);
-    }
-
-    .btn-unsafe:active {
-      transform: translateY(0);
-    }
-
-    .hint {
-      text-align: center;
-      margin-top: 28px;
-      font-size: 15px;
-      color: rgba(255, 255, 255, 0.3);
-    }
-
-    .hint kbd {
-      background: rgba(255, 255, 255, 0.1);
-      padding: 4px 10px;
-      border-radius: 6px;
-      font-family: inherit;
-      font-size: 14px;
-    }
-
-    .completed {
-      text-align: center;
-      padding: 60px 20px;
-    }
-
-    .completed-icon {
-      width: 88px;
-      height: 88px;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin: 0 auto 28px;
-      font-size: 40px;
-    }
-
-    .completed-icon.safe {
-      background: linear-gradient(135deg, rgba(0, 255, 65, 0.2), rgba(0, 204, 51, 0.1));
-      border: 2px solid rgba(0, 255, 65, 0.5);
-      box-shadow: 0 0 32px rgba(0, 255, 65, 0.2);
-    }
-
-    .completed-icon.unsafe {
-      background: linear-gradient(135deg, rgba(255, 68, 68, 0.2), rgba(204, 34, 51, 0.1));
-      border: 2px solid rgba(255, 68, 68, 0.5);
-      box-shadow: 0 0 32px rgba(255, 68, 68, 0.2);
-    }
-
-    .completed h2 {
-      font-size: 28px;
-      font-weight: 600;
-      margin-bottom: 12px;
-    }
-
-    .completed p {
-      font-size: 18px;
-      color: rgba(255, 255, 255, 0.5);
-    }
-  </style>
-</head>
-<body>
-  <div class="card" id="main-card">
-    <div class="badge">Verification Required</div>
-
-    <h1>Is this solution safe?</h1>
-    <p class="subtitle">Review the code below and verify it's safe to use</p>
-
-    <div class="solution-card">
-      <div class="solution-title">${escapeHtml(title)}</div>
-      <div class="solution-body">${body ? escapeHtml(body) : 'Solution body not available.\nUnlock to view full content.'}</div>
-    </div>
-
-    <div class="buttons">
-      <button class="btn btn-safe" onclick="submit('safe')">Safe</button>
-      <button class="btn btn-unsafe" onclick="submit('unsafe')">Unsafe</button>
-    </div>
-
-    <div class="hint">
-      Press <kbd>S</kbd> for Safe or <kbd>U</kbd> for Unsafe
-    </div>
-  </div>
-
-  <script>
-    function submit(result) {
-      const isSafe = result === 'safe';
-      document.getElementById('main-card').innerHTML = \`
-        <div class="completed">
-          <div class="completed-icon \${result}">\${isSafe ? '&#10003;' : '&#10005;'}</div>
-          <h2>\${isSafe ? 'Marked as Safe' : 'Marked as Unsafe'}</h2>
-          <p>You can close this tab now</p>
-        </div>
-      \`;
-      fetch('/result?value=' + result).catch(() => {});
-    }
-
-    document.addEventListener('keydown', (e) => {
-      if (e.key === 's' || e.key === 'S') submit('safe');
-      if (e.key === 'u' || e.key === 'U') submit('unsafe');
-    });
-  </script>
-</body>
-</html>
+const generateHTML = (title, body) => `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Verify Solution | cache.overflow</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
+      background: #0A0A0B;
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 24px;
+      color: #fff;
+    }
+
+    .card {
+      background: linear-gradient(145deg, rgba(30, 30, 32, 0.9), rgba(20, 20, 22, 0.95));
+      border: 1px solid rgba(255, 255, 255, 0.06);
+      border-radius: 20px;
+      padding: 48px;
+      max-width: 800px;
+      width: 100%;
+      backdrop-filter: blur(20px);
+      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
+    }
+
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      background: rgba(139, 92, 246, 0.15);
+      border: 1px solid rgba(139, 92, 246, 0.3);
+      color: #A78BFA;
+      font-size: 13px;
+      font-weight: 500;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      padding: 10px 18px;
+      border-radius: 24px;
+      margin-bottom: 28px;
+    }
+
+    .badge::before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      background: #8B5CF6;
+      border-radius: 50%;
+      animation: pulse 2s ease-in-out infinite;
+    }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: 0.5; transform: scale(1.2); }
+    }
+
+    h1 {
+      font-size: 32px;
+      font-weight: 600;
+      color: #fff;
+      margin-bottom: 12px;
+      letter-spacing: -0.5px;
+    }
+
+    .subtitle {
+      font-size: 18px;
+      color: rgba(255, 255, 255, 0.5);
+      margin-bottom: 32px;
+      line-height: 1.5;
+    }
+
+    .solution-card {
+      background: rgba(255, 255, 255, 0.03);
+      border: 1px solid rgba(255, 255, 255, 0.06);
+      border-radius: 16px;
+      padding: 28px;
+      margin-bottom: 36px;
+    }
+
+    .solution-title {
+      font-size: 20px;
+      font-weight: 500;
+      color: #fff;
+      margin-bottom: 16px;
+      line-height: 1.4;
+    }
+
+    .solution-body {
+      font-size: 16px;
+      line-height: 1.8;
+      color: rgba(255, 255, 255, 0.6);
+      max-height: 280px;
+      overflow-y: auto;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+    }
+
+    .solution-body::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    .solution-body::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    .solution-body::-webkit-scrollbar-thumb {
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 2px;
+    }
+
+    .buttons {
+      display: flex;
+      gap: 16px;
+    }
+
+    .btn {
+      flex: 1;
+      padding: 22px 36px;
+      border: none;
+      border-radius: 14px;
+      font-family: inherit;
+      font-size: 20px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .btn-safe {
+      background: linear-gradient(135deg, #00FF41 0%, #00CC33 100%);
+      color: #000;
+    }
+
+    .btn-safe:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(0, 255, 65, 0.35);
+    }
+
+    .btn-safe:active {
+      transform: translateY(0);
+    }
+
+    .btn-unsafe {
+      background: linear-gradient(135deg, #FF4444 0%, #CC2233 100%);
+      color: #fff;
+    }
+
+    .btn-unsafe:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(255, 51, 51, 0.35);
+    }
+
+    .btn-unsafe:active {
+      transform: translateY(0);
+    }
+
+    .hint {
+      text-align: center;
+      margin-top: 28px;
+      font-size: 15px;
+      color: rgba(255, 255, 255, 0.3);
+    }
+
+    .hint kbd {
+      background: rgba(255, 255, 255, 0.1);
+      padding: 4px 10px;
+      border-radius: 6px;
+      font-family: inherit;
+      font-size: 14px;
+    }
+
+    .completed {
+      text-align: center;
+      padding: 60px 20px;
+    }
+
+    .completed-icon {
+      width: 88px;
+      height: 88px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin: 0 auto 28px;
+      font-size: 40px;
+    }
+
+    .completed-icon.safe {
+      background: linear-gradient(135deg, rgba(0, 255, 65, 0.2), rgba(0, 204, 51, 0.1));
+      border: 2px solid rgba(0, 255, 65, 0.5);
+      box-shadow: 0 0 32px rgba(0, 255, 65, 0.2);
+    }
+
+    .completed-icon.unsafe {
+      background: linear-gradient(135deg, rgba(255, 68, 68, 0.2), rgba(204, 34, 51, 0.1));
+      border: 2px solid rgba(255, 68, 68, 0.5);
+      box-shadow: 0 0 32px rgba(255, 68, 68, 0.2);
+    }
+
+    .completed h2 {
+      font-size: 28px;
+      font-weight: 600;
+      margin-bottom: 12px;
+    }
+
+    .completed p {
+      font-size: 18px;
+      color: rgba(255, 255, 255, 0.5);
+    }
+  </style>
+</head>
+<body>
+  <div class="card" id="main-card">
+    <div class="badge">Verification Required</div>
+
+    <h1>Is this solution safe?</h1>
+    <p class="subtitle">Review the code below and verify it's safe to use</p>
+
+    <div class="solution-card">
+      <div class="solution-title">${escapeHtml(title)}</div>
+      <div class="solution-body">${body ? escapeHtml(body) : 'Solution body not available.\nUnlock to view full content.'}</div>
+    </div>
+
+    <div class="buttons">
+      <button class="btn btn-safe" onclick="submit('safe')">Safe</button>
+      <button class="btn btn-unsafe" onclick="submit('unsafe')">Unsafe</button>
+    </div>
+
+    <div class="hint">
+      Press <kbd>S</kbd> for Safe or <kbd>U</kbd> for Unsafe
+    </div>
+  </div>
+
+  <script>
+    function submit(result) {
+      const isSafe = result === 'safe';
+      document.getElementById('main-card').innerHTML = \`
+        <div class="completed">
+          <div class="completed-icon \${result}">\${isSafe ? '&#10003;' : '&#10005;'}</div>
+          <h2>\${isSafe ? 'Marked as Safe' : 'Marked as Unsafe'}</h2>
+          <p>You can close this tab now</p>
+        </div>
+      \`;
+      fetch('/result?value=' + result).catch(() => {});
+    }
+
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 's' || e.key === 'S') submit('safe');
+      if (e.key === 'u' || e.key === 'U') submit('unsafe');
+    });
+  </script>
+</body>
+</html>
 `;
 function escapeHtml(text) {
     return text