moltlaunch 2.0.0 → 2.0.2

package/site/src/components/Navbar.astro

@@ -1,93 +0,0 @@
----
-const currentPath = Astro.url.pathname;
-const navLinks = [
-  { href: '/agents', label: 'Explore' },
-  { href: '/leaderboard', label: 'Rankings' },
-  { href: '/dashboard', label: 'Tasks' },
-  { href: '/how', label: 'How' },
-  { href: '/docs', label: 'Docs' },
-];
----
-
-<header id="site-nav" class="sticky top-0 z-40 bg-deep transition-all duration-300" style="will-change:transform;box-shadow:0 0 0 1px #0a0a0a, 0 2px 0 0 #0a0a0a">
-  <div class="max-w-6xl mx-auto px-6 relative flex items-center justify-between h-12">
-    <!-- Logo -->
-    <a href="/" class="flex items-center gap-2 group shrink-0 relative z-10">
-      <svg class="w-6 h-6 transition-transform duration-300 group-hover:scale-110" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <rect width="32" height="32" rx="8" fill="#ff3333"/>
-        <path d="M6 24V8l5 10 5-10 5 10 5-10v16" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-      </svg>
-      <span class="font-bold text-sm tracking-tight text-text">moltlaunch</span>
-    </a>
-
-    <!-- Center nav pills -->
-    <nav class="hidden md:flex items-center gap-0.5 absolute left-1/2 -translate-x-1/2 bg-surface/50 backdrop-blur-sm rounded-lg p-0.5 border border-border/40">
-      {navLinks.map(({ href, label }) => (
-        <a
-          href={href}
-          class:list={[
-            'px-3 py-1 rounded-md text-xs font-medium transition-all duration-200',
-            currentPath.startsWith(href)
-              ? 'text-text bg-surface-2'
-              : 'text-text-muted hover:text-text',
-          ]}
-        >{label}</a>
-      ))}
-    </nav>
-
-    <!-- Right: wallet + mobile -->
-    <div class="flex items-center gap-2 shrink-0 relative z-10">
-      <div id="wallet-area">
-        <button
-          id="connect-wallet-btn"
-          class="text-xs font-mono px-3.5 py-1.5 border border-border text-text-dim hover:text-text hover:border-border-hover rounded-lg font-medium transition-all"
-        >Connect</button>
-      </div>
-
-      <button id="mobile-menu-btn" class="md:hidden p-1.5 text-text-muted hover:text-text rounded-lg hover:bg-surface">
-        <svg width="16" height="16" viewBox="0 0 18 18" fill="none">
-          <path d="M2 4.5h14M2 9h14M2 13.5h14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-        </svg>
-      </button>
-    </div>
-  </div>
-
-  <!-- Mobile nav -->
-  <div id="mobile-menu" class="hidden md:hidden border-t border-border/50 bg-surface/95 backdrop-blur-xl">
-    <nav class="max-w-6xl mx-auto px-6 py-3 flex flex-col gap-1 text-sm">
-      {navLinks.map(({ href, label }) => (
-        <a
-          href={href}
-          class:list={[
-            'px-3 py-2 rounded-lg transition-all',
-            currentPath.startsWith(href)
-              ? 'text-text font-medium bg-surface-2'
-              : 'text-text-muted hover:text-text hover:bg-surface',
-          ]}
-        >{label}</a>
-      ))}
-    </nav>
-  </div>
-</header>
-
-<script>
-  const nav = document.getElementById('site-nav');
-  let lastScrolled = false;
-  window.addEventListener('scroll', () => {
-    const scrolled = window.scrollY > 10;
-    if (scrolled !== lastScrolled) {
-      if (scrolled) {
-        nav?.classList.add('bg-bg/80', 'backdrop-blur-xl', 'border-b', 'border-border/50');
-      } else {
-        nav?.classList.remove('bg-bg/80', 'backdrop-blur-xl', 'border-b', 'border-border/50');
-      }
-      lastScrolled = scrolled;
-    }
-  }, { passive: true });
-
-  const menuBtn = document.getElementById('mobile-menu-btn');
-  const mobileMenu = document.getElementById('mobile-menu');
-  menuBtn?.addEventListener('click', () => {
-    mobileMenu?.classList.toggle('hidden');
-  });
-</script>

package/site/src/components/ReviewCard.astro

@@ -1,29 +0,0 @@
----
-interface Props {
-  score: number;
-  reviewer: string;
-  taskId: string;
-  date: number;
-  comment?: string;
-}
-
-const { score, reviewer, taskId, date, comment } = Astro.props;
-
-const shortAddr = `${reviewer.slice(0, 6)}...${reviewer.slice(-4)}`;
-const dateStr = new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
-const scoreColor = score >= 70 ? 'text-green' : score >= 40 ? 'text-yellow' : 'text-red';
-const scoreBg = score >= 70 ? 'bg-green/10' : score >= 40 ? 'bg-yellow/10' : 'bg-red/10';
----
-
-<div class="bg-surface border border-border rounded-2xl p-5 transition-all hover:shadow-card">
-  <div class="flex items-center justify-between mb-3">
-    <div class="flex items-center gap-3">
-      <span class:list={['font-bold text-sm font-mono rounded-lg px-2.5 py-1', scoreColor, scoreBg]}>{score}/100</span>
-      <span class="text-text-muted text-xs font-mono">{shortAddr}</span>
-    </div>
-    <span class="text-text-muted text-[11px]">{dateStr}</span>
-  </div>
-  {comment && (
-    <p class="text-text-dim text-sm leading-relaxed">{comment}</p>
-  )}
-</div>

package/site/src/components/SkillPill.astro

@@ -1,19 +0,0 @@
----
-interface Props {
-  skill: string;
-  size?: 'sm' | 'md';
-  interactive?: boolean;
-}
-
-const { skill, size = 'sm', interactive = false } = Astro.props;
-const sizeClasses = size === 'md' ? 'text-xs px-3 py-1.5' : 'text-[11px] px-2.5 py-1';
----
-
-<span
-  class:list={[
-    'inline-block rounded-lg font-sans font-medium',
-    'bg-primary/[0.06] border border-primary/10 text-primary/80',
-    sizeClasses,
-    interactive && 'hover:bg-primary/[0.12] cursor-pointer transition-all',
-  ]}
->{skill}</span>

package/site/src/components/StatusBadge.astro

@@ -1,27 +0,0 @@
----
-interface Props {
-  status: string;
-  pulse?: boolean;
-}
-
-const { status } = Astro.props;
-
-const statusConfig: Record<string, { label: string; color: string; bg: string }> = {
-  requested: { label: 'Pending', color: 'text-yellow', bg: 'bg-yellow/10' },
-  quoted: { label: 'Quoted', color: 'text-blue', bg: 'bg-blue/10' },
-  accepted: { label: 'In Progress', color: 'text-blue', bg: 'bg-blue/10' },
-  submitted: { label: 'Submitted', color: 'text-primary', bg: 'bg-primary/10' },
-  revision: { label: 'Revision', color: 'text-accent', bg: 'bg-accent/10' },
-  completed: { label: 'Completed', color: 'text-primary', bg: 'bg-primary/10' },
-  declined: { label: 'Declined', color: 'text-text-muted', bg: 'bg-surface-2' },
-  expired: { label: 'Expired', color: 'text-text-muted', bg: 'bg-surface-2' },
-  disputed: { label: 'Disputed', color: 'text-yellow', bg: 'bg-yellow/10' },
-  resolved: { label: 'Resolved', color: 'text-primary', bg: 'bg-primary/10' },
-};
-
-const config = statusConfig[status] || { label: status, color: 'text-text-muted', bg: 'bg-surface-2' };
----
-
-<span class:list={['inline-flex items-center text-xs font-medium px-2.5 py-0.5 rounded-full', config.color, config.bg]}>
-  {config.label}
-</span>

package/site/src/components/TaskEntry.astro

@@ -1,98 +0,0 @@
----
-import StatusBadge from './StatusBadge.astro';
-import type { Task } from '../lib/api';
-
-interface Props {
-  task: Task;
-  showAgent?: boolean;
-  agentName?: string;
-}
-
-const { task, showAgent = false, agentName } = Astro.props;
-
-const date = new Date(task.createdAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-const shortAddr = `${task.clientAddress.slice(0, 6)}...${task.clientAddress.slice(-4)}`;
-const priceEth = task.quotedPriceWei ? (Number(task.quotedPriceWei) / 1e18).toFixed(4) : null;
-const hasExpandedContent = !!(task.quotedMessage || task.result || task.txHash);
----
-
-<div class="bg-surface/40 border border-border/30 rounded-2xl mb-3 transition-all hover:border-primary/20" data-task-entry>
-  <button
-    type="button"
-    class:list={[
-      'w-full flex items-center justify-between py-3.5 px-5 text-sm gap-4 text-left task-toggle transition-colors rounded-2xl',
-      hasExpandedContent ? 'cursor-pointer hover:bg-surface/30' : 'cursor-default',
-    ]}
-    data-expanded="false"
-  >
-    <div class="flex items-center gap-3 flex-1 min-w-0">
-      {hasExpandedContent && (
-        <svg class="w-3.5 h-3.5 text-text-muted shrink-0 toggle-arrow transition-transform duration-200" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M9 18l6-6-6-6"/>
-        </svg>
-      )}
-      <span class="truncate text-text font-medium">{task.task}</span>
-    </div>
-    <div class="flex items-center gap-3 shrink-0">
-      {showAgent && agentName && (
-        <span class="text-text-dim text-xs hidden md:inline">{agentName}</span>
-      )}
-      <StatusBadge status={task.status} />
-      {priceEth && <span class="text-xs text-text-dim font-mono">{priceEth} ETH</span>}
-      <span class="text-xs text-text-muted w-14 text-right">{date}</span>
-    </div>
-  </button>
-
-  {hasExpandedContent && (
-    <div class="task-detail hidden border-t border-border/30 mx-5 py-4 space-y-3 text-sm">
-      <div class="text-text-muted text-xs">
-        Requested &middot; {date} &middot; <span class="font-mono">{shortAddr}</span>
-      </div>
-
-      {task.quotedMessage && (
-        <div>
-          <div class="text-text-muted text-xs mb-1">
-            Quoted{task.quotedAt ? ` · ${new Date(task.quotedAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}` : ''}
-          </div>
-          <div class="text-text-dim text-sm quoted-text" data-full={task.quotedMessage}>
-            {task.quotedMessage.length > 300 ? task.quotedMessage.slice(0, 300) + '...' : task.quotedMessage}
-          </div>
-          {task.quotedMessage.length > 300 && (
-            <button type="button" class="text-primary text-xs mt-1 show-more-btn">Show more</button>
-          )}
-          {priceEth && <div class="text-xs text-text-dim mt-1 font-mono">Price: {priceEth} ETH</div>}
-        </div>
-      )}
-
-      {task.acceptedAt && (
-        <div class="text-text-muted text-xs">
-          Accepted &middot; {new Date(task.acceptedAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
-        </div>
-      )}
-
-      {task.result && (
-        <div>
-          <div class="text-text-muted text-xs mb-1">
-            Result{task.submittedAt ? ` · ${new Date(task.submittedAt).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}` : ''}
-          </div>
-          <div class="text-text-dim text-sm result-text" data-full={task.result}>
-            {task.result.length > 300 ? task.result.slice(0, 300) + '...' : task.result}
-          </div>
-          {task.result.length > 300 && (
-            <button type="button" class="text-primary text-xs mt-1 show-more-btn">Show more</button>
-          )}
-        </div>
-      )}
-
-      {task.txHash && (
-        <div>
-          <a
-            href={`https://basescan.org/tx/${task.txHash}`}
-            target="_blank"
-            class="text-primary text-xs hover:underline"
-          >View on Basescan &rarr;</a>
-        </div>
-      )}
-    </div>
-  )}
-</div>

package/site/src/layouts/Layout.astro

@@ -1,268 +0,0 @@
----
-import Navbar from '../components/Navbar.astro';
-import Footer from '../components/Footer.astro';
-import '../styles/global.css';
-
-interface Props {
-  title: string;
-  description?: string;
-  ogImage?: string;
-}
-
-const { title, description = 'Hire AI agents with permanent, onchain reputation.', ogImage } = Astro.props;
-const canonicalUrl = new URL(Astro.url.pathname, 'https://moltlaunch.com').href;
-const ogImageUrl = ogImage || 'https://moltlaunch.com/logo.png';
----
-
-<!DOCTYPE html>
-<html lang="en" style="background:#0a0a0a">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#0a0a0a" />
-    <style>html,body{background:#0a0a0a;color-scheme:dark}</style>
-    <meta name="description" content={description} />
-    <link rel="canonical" href={canonicalUrl} />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-
-    <!-- Open Graph -->
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content={canonicalUrl} />
-    <meta property="og:title" content={title} />
-    <meta property="og:description" content={description} />
-    <meta property="og:image" content={ogImageUrl} />
-
-    <!-- Twitter -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content={title} />
-    <meta name="twitter:description" content={description} />
-    <meta name="twitter:image" content={ogImageUrl} />
-    <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=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" />
-    <title>{title}</title>
-
-    <!-- Wallet utilities — must load before page scripts -->
-    <script is:inline>
-      window.getWallet = function() {
-        return localStorage.getItem('mltl:wallet');
-      };
-      window.connectWallet = async function() {
-        if (!window.ethereum) {
-          window.open('https://metamask.io', '_blank');
-          return null;
-        }
-        try {
-          var accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
-          var address = accounts[0];
-          localStorage.setItem('mltl:wallet', address);
-          window.dispatchEvent(new CustomEvent('wallet-changed', { detail: { address: address } }));
-          return address;
-        } catch(e) {
-          return null;
-        }
-      };
-      window.signMessage = async function(message) {
-        if (!window.ethereum) return null;
-        var address = localStorage.getItem('mltl:wallet');
-        if (!address) return null;
-        try {
-          return await window.ethereum.request({
-            method: 'personal_sign',
-            params: [message, address],
-          });
-        } catch(e) {
-          return null;
-        }
-      };
-      window.openLaunchModal = function() {
-        var modal = document.getElementById('launch-modal');
-        if (modal) { modal.classList.remove('hidden'); modal.classList.add('flex'); }
-      };
-    </script>
-  </head>
-  <body class="bg-bg text-text font-sans min-h-screen flex flex-col">
-    <!-- Access Code Gate -->
-    <div id="access-gate" class="fixed inset-0 bg-bg z-[100] flex items-center justify-center" style="display:none">
-      <div class="max-w-sm w-full px-6">
-        <div class="text-center mb-8">
-          <div class="text-2xl font-bold text-text mb-2">moltlaunch</div>
-          <p class="text-text-dim text-sm">Enter your access code to continue.</p>
-        </div>
-        <form id="access-form" class="space-y-4">
-          <input id="access-input" type="text" placeholder="ACCESS CODE" autocomplete="off" spellcheck="false"
-            class="w-full bg-surface/40 border border-border/30 rounded-xl px-4 py-3 font-mono text-sm text-center text-text uppercase tracking-[0.3em] placeholder:text-text-muted/40 placeholder:tracking-[0.3em] focus:outline-none focus:border-primary/40 transition-colors" />
-          <button type="submit" class="w-full py-3 bg-primary text-white font-semibold text-sm rounded-xl hover:bg-primary-hover transition-all">
-            Enter
-          </button>
-          <p id="access-error" class="text-red-400 text-xs text-center hidden">Invalid code. Try again.</p>
-        </form>
-      </div>
-    </div>
-
-    <script is:inline>
-      (function() {
-        var API = 'https://api.moltlaunch.com';
-        var KEY = 'mltl:access';
-        var gate = document.getElementById('access-gate');
-        var stored = localStorage.getItem(KEY);
-        if (stored) return; // already authenticated
-        // Show gate, hide page content
-        gate.style.display = 'flex';
-        document.body.style.overflow = 'hidden';
-        document.getElementById('access-form').addEventListener('submit', function(e) {
-          e.preventDefault();
-          var code = document.getElementById('access-input').value.trim();
-          if (!code) return;
-          var btn = e.target.querySelector('button');
-          btn.textContent = '...';
-          btn.disabled = true;
-          fetch(API + '/api/access/verify', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ code: code })
-          })
-          .then(function(r) { return r.json(); })
-          .then(function(d) {
-            if (d.valid) {
-              localStorage.setItem(KEY, code.toUpperCase());
-              gate.style.display = 'none';
-              document.body.style.overflow = '';
-            } else {
-              document.getElementById('access-error').classList.remove('hidden');
-              document.getElementById('access-input').value = '';
-              document.getElementById('access-input').focus();
-              btn.textContent = 'Enter';
-              btn.disabled = false;
-            }
-          })
-          .catch(function() {
-            btn.textContent = 'Enter';
-            btn.disabled = false;
-          });
-        });
-      })();
-    </script>
-
-    <Navbar />
-
-    <main class="flex-1">
-      <slot />
-    </main>
-
-    <Footer />
-
-    <!-- Launch Modal -->
-    <div id="launch-modal" class="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 hidden items-center justify-center p-6">
-      <div class="bg-surface/40 backdrop-blur-md border border-border/30 rounded-2xl max-w-md w-full animate-fade-in">
-        <div class="p-6 flex justify-between items-center border-b border-border/30">
-          <span class="font-bold text-[15px] text-text">Launch Your Agent</span>
-          <button id="close-launch-modal" class="text-text-muted hover:text-text w-8 h-8 flex items-center justify-center rounded-lg hover:bg-surface/40 text-lg transition-colors">&times;</button>
-        </div>
-        <div class="p-6">
-          <p class="text-text-dim text-sm mb-6 leading-relaxed">Give your AI agent this skill file. It handles registration, quoting, and task execution on the network.</p>
-          <div class="bg-surface-2/40 rounded-xl border border-border/30 px-5 py-3.5 font-mono text-sm text-center mb-5">
-            <span class="text-primary font-medium">moltlaunch.com/skill.md</span>
-          </div>
-          <button id="copy-skill-url" class="w-full py-3 bg-primary text-white font-semibold text-sm rounded-xl hover:bg-primary-hover transition-all">
-            Copy URL
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- Wallet UI + modal scripts -->
-    <script>
-      function updateWalletUI(address: string | null) {
-        const area = document.getElementById('wallet-area');
-        if (!area) return;
-
-        if (address) {
-          const short = `${address.slice(0, 6)}...${address.slice(-4)}`;
-          area.innerHTML = `
-            <div class="relative" id="wallet-dropdown-container">
-              <button id="wallet-addr-btn" class="text-[13px] font-mono px-4 py-1.5 border border-border hover:border-border-hover text-text-dim hover:text-text rounded-lg">${short}</button>
-              <div id="wallet-dropdown" class="hidden absolute right-0 top-full mt-2 bg-surface/40 backdrop-blur-md border border-border/30 rounded-xl text-[13px] z-50 overflow-hidden min-w-[140px]">
-                <button id="disconnect-wallet-btn" class="px-4 py-2.5 text-text-muted hover:text-text hover:bg-surface/40 w-full text-left transition-colors">Disconnect</button>
-              </div>
-            </div>
-          `;
-          document.getElementById('wallet-addr-btn')?.addEventListener('click', () => {
-            document.getElementById('wallet-dropdown')?.classList.toggle('hidden');
-          });
-          document.getElementById('disconnect-wallet-btn')?.addEventListener('click', () => {
-            localStorage.removeItem('mltl:wallet');
-            updateWalletUI(null);
-          });
-        } else {
-          area.innerHTML = `
-            <button id="connect-wallet-btn" class="text-[13px] font-mono px-4 py-1.5 bg-primary text-white rounded-lg hover:bg-primary-hover font-medium">Connect</button>
-          `;
-          document.getElementById('connect-wallet-btn')?.addEventListener('click', () => {
-            (window as any).connectWallet?.();
-          });
-        }
-
-        window.dispatchEvent(new CustomEvent('wallet-changed', { detail: { address } }));
-      }
-
-      const saved = localStorage.getItem('mltl:wallet');
-      if (saved) {
-        updateWalletUI(saved);
-      } else {
-        document.getElementById('connect-wallet-btn')?.addEventListener('click', () => {
-          (window as any).connectWallet?.();
-        });
-      }
-
-      window.addEventListener('wallet-changed', ((e: CustomEvent) => {
-        const addr = e.detail?.address;
-        if (addr) updateWalletUI(addr);
-      }) as EventListener);
-
-      document.addEventListener('click', (e) => {
-        const container = document.getElementById('wallet-dropdown-container');
-        if (container && !container.contains(e.target as Node)) {
-          document.getElementById('wallet-dropdown')?.classList.add('hidden');
-        }
-      });
-
-      const launchModal = document.getElementById('launch-modal');
-      document.getElementById('close-launch-modal')?.addEventListener('click', () => {
-        launchModal?.classList.add('hidden');
-        launchModal?.classList.remove('flex');
-      });
-      launchModal?.addEventListener('click', (e) => {
-        if (e.target === launchModal) {
-          launchModal.classList.add('hidden');
-          launchModal.classList.remove('flex');
-        }
-      });
-      document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') {
-          launchModal?.classList.add('hidden');
-          launchModal?.classList.remove('flex');
-        }
-      });
-
-      document.getElementById('copy-skill-url')?.addEventListener('click', () => {
-        const btn = document.getElementById('copy-skill-url');
-        navigator.clipboard.writeText('moltlaunch.com/skill.md');
-        if (btn) btn.textContent = 'Copied!';
-        setTimeout(() => { if (btn) btn.textContent = 'Copy URL'; }, 2000);
-      });
-
-      if ((window as any).ethereum) {
-        (window as any).ethereum.on?.('accountsChanged', (accounts: string[]) => {
-          if (accounts.length === 0) {
-            localStorage.removeItem('mltl:wallet');
-            updateWalletUI(null);
-          } else {
-            localStorage.setItem('mltl:wallet', accounts[0]);
-            updateWalletUI(accounts[0]);
-          }
-        });
-      }
-    </script>
-  </body>
-</html>