npm - zugzbot - Versions diffs - 1.3.0 → 1.4.0 - Mend

zugzbot 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (780) hide show

package/.opencode/oh-my-design/design-md/wise/preview-dark.html DELETED Viewed

@@ -1,230 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Design System Inspired by Wise</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;900&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --white:#0e0f0c; --black:#e8ebe6; --green:#9fe870; --dark-green:#163300;
-    --mint:#1a2e10; --gray:#6a6a69; --warm-dark:#a0a39e; --light:#1e201c;
-    --danger:#d03238; --warning:#ffd11a;
-    --font:'Inter',Helvetica,Arial,sans-serif;
-  }
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { background:var(--white); color:var(--black); font-family:var(--font); font-size:18px; font-weight:400; line-height:1.44; font-feature-settings:"calt" 1; -webkit-font-smoothing:antialiased; }
-  .nav { position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:14px 24px; background:var(--white); border-bottom:1px solid rgba(232,235,230,0.1); }
-  .nav-brand { font-size:18px; font-weight:600; color:var(--black); text-decoration:none; }
-  .nav-links { display:flex; gap:20px; list-style:none; }
-  .nav-links a { font-size:16px; font-weight:600; color:var(--black); text-decoration:none; transition:opacity 0.15s; }
-  .nav-links a:hover { opacity:0.7; }
-  .nav-cta { display:inline-block; background:var(--green); color:var(--dark-green); padding:8px 20px; border-radius:9999px; font-size:16px; font-weight:600; text-decoration:none; transition:transform 0.2s; }
-  .nav-cta:hover { transform:scale(1.05); }
-  .hero { padding:80px 24px 64px; text-align:left; max-width:900px; margin:0 auto; }
-  .hero h1 { font-size:80px; font-weight:900; line-height:0.85; margin-bottom:24px; }
-  .hero h1 span { color:var(--dark-green); }
-  .hero p { font-size:18px; font-weight:400; color:var(--warm-dark); max-width:500px; margin-bottom:32px; letter-spacing:0.18px; }
-  .hero-buttons { display:flex; gap:12px; flex-wrap:wrap; }
-  .btn-green { display:inline-block; background:var(--green); color:var(--dark-green); padding:12px 28px; border-radius:9999px; font-family:var(--font); font-size:18px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:transform 0.2s; }
-  .btn-green:hover { transform:scale(1.05); }
-  .btn-green:active { transform:scale(0.95); }
-  .btn-subtle { display:inline-block; background:rgba(22,51,0,0.08); color:var(--black); padding:12px 28px; border-radius:9999px; font-family:var(--font); font-size:18px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:transform 0.2s; }
-  .btn-subtle:hover { transform:scale(1.05); }
-  .section { padding:64px 24px; max-width:1100px; margin:0 auto; }
-  .section-label { font-size:12px; font-weight:600; color:var(--gray); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }
-  .section-title { font-size:40px; font-weight:900; line-height:0.85; margin-bottom:32px; }
-  .section-divider { border:none; border-top:1px solid rgba(14,15,12,0.08); margin:0; }
-  .color-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(145px,1fr)); gap:10px; margin-bottom:20px; }
-  .color-swatch { border-radius:16px; overflow:hidden; border:1px solid rgba(14,15,12,0.12); }
-  .color-swatch-block { height:64px; width:100%; }
-  .color-swatch-info { padding:10px; }
-  .color-swatch-name { font-size:13px; font-weight:600; margin-bottom:2px; }
-  .color-swatch-hex { font-size:10px; color:var(--gray); font-family:monospace; }
-  .color-swatch-role { font-size:9px; color:var(--gray); margin-top:2px; }
-  .color-group-label { font-size:12px; font-weight:600; color:var(--warm-dark); margin:20px 0 8px; }
-  .type-sample { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--light); }
-  .type-sample:last-child { border-bottom:none; }
-  .type-meta { font-size:10px; color:var(--gray); margin-top:4px; font-family:monospace; }
-  .button-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
-  .button-item { text-align:center; }
-  .button-label { font-size:10px; color:var(--gray); margin-top:6px; }
-  .card-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:16px; }
-  .card { background:var(--white); border:1px solid rgba(14,15,12,0.12); border-radius:30px; padding:24px; }
-  .card h3 { font-size:22px; font-weight:600; margin-bottom:8px; letter-spacing:-0.396px; }
-  .card p { font-size:16px; color:var(--warm-dark); letter-spacing:0.08px; }
-  .form-group { margin-bottom:16px; max-width:400px; }
-  .form-label { display:block; font-size:14px; font-weight:600; margin-bottom:4px; }
-  .form-input { width:100%; background:var(--white); color:var(--black); border:1px solid rgba(14,15,12,0.12); padding:12px 16px; border-radius:10px; font-family:var(--font); font-size:16px; outline:none; }
-  .form-input:focus { box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px, 0 0 0 2px var(--green); }
-  .form-input--focus { box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px, 0 0 0 2px var(--green); }
-  .form-input--error { border-color:var(--danger); box-shadow:0 0 0 2px var(--danger); }
-  .form-textarea { width:100%; min-height:80px; background:var(--white); color:var(--black); border:1px solid rgba(14,15,12,0.12); padding:12px 16px; border-radius:10px; font-family:var(--font); font-size:16px; resize:vertical; outline:none; }
-  .form-state-label { font-size:9px; color:var(--gray); margin-top:4px; }
-  .spacing-row { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
-  .spacing-item { text-align:center; }
-  .spacing-block { background:var(--green); border-radius:4px; margin-bottom:4px; height:24px; }
-  .spacing-value { font-size:9px; color:var(--gray); font-family:monospace; }
-  .radius-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
-  .radius-item { text-align:center; }
-  .radius-box { width:52px; height:52px; background:var(--mint); border:1px solid var(--green); margin-bottom:4px; }
-  .radius-label { font-size:9px; color:var(--gray); font-family:monospace; }
-  .elevation-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:12px; }
-  .elevation-card { background:var(--white); border:1px solid rgba(14,15,12,0.12); border-radius:30px; padding:16px; text-align:center; }
-  .elevation-label { font-size:13px; font-weight:600; margin-bottom:4px; }
-  .elevation-desc { font-size:9px; color:var(--gray); font-family:monospace; }
-  .footer { padding:32px; text-align:center; background:var(--black); color:var(--gray); font-size:13px; }
-  .footer a { color:var(--green); text-decoration:underline; }
-  @media (max-width:576px) { .hero h1 { font-size:48px; } .nav-links { display:none; } .section { padding:48px 16px; } .card-grid { grid-template-columns:1fr; } }
-</style>
-</head>
-<body>
-<nav class="nav">
-  <span class="nav-brand">awesome-design-md</span>
-  <ul class="nav-links">
-    <li><a href="#colors">Colors</a></li>
-    <li><a href="#typography">Typography</a></li>
-    <li><a href="#buttons">Buttons</a></li>
-    <li><a href="#cards">Cards</a></li>
-    <li><a href="#forms">Forms</a></li>
-  </ul>
-  <a class="nav-cta" href="#">Get Started</a>
-</nav>
-<div style="position:fixed;top:16px;right:16px;z-index:200;background:#9fe870;color:#163300;font-size:10px;font-weight:600;padding:4px 12px;border-radius:9999px;">Dark Mode</div>
-<section class="hero">
-  <h1>Design System<br>Inspired by<br><span>Wise</span></h1>
-  <p>A design token catalog generated from DESIGN.md. Every color, font, and component — bold, green, and borderless.</p>
-  <div class="hero-buttons">
-    <a class="btn-green" href="#">Send Money</a>
-    <a class="btn-subtle" href="#">Learn More</a>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="colors">
-  <div class="section-label">01 / Colors</div><h2 class="section-title">Color Palette</h2>
-  <div class="color-group-label">Brand</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#0e0f0c"></div><div class="color-swatch-info"><div class="color-swatch-name">Near Black</div><div class="color-swatch-hex">#0e0f0c</div><div class="color-swatch-role">Primary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#9fe870"></div><div class="color-swatch-info"><div class="color-swatch-name">Wise Green</div><div class="color-swatch-hex">#9fe870</div><div class="color-swatch-role">Primary CTA</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#163300"></div><div class="color-swatch-info"><div class="color-swatch-name">Dark Green</div><div class="color-swatch-hex">#163300</div><div class="color-swatch-role">Button text on green</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#e2f6d5"></div><div class="color-swatch-info"><div class="color-swatch-name">Mint</div><div class="color-swatch-hex">#e2f6d5</div><div class="color-swatch-role">Soft green surface</div></div></div>
-  </div>
-  <div class="color-group-label">Semantic</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#054d28"></div><div class="color-swatch-info"><div class="color-swatch-name">Positive</div><div class="color-swatch-hex">#054d28</div><div class="color-swatch-role">Success</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#d03238"></div><div class="color-swatch-info"><div class="color-swatch-name">Danger</div><div class="color-swatch-hex">#d03238</div><div class="color-swatch-role">Error</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#ffd11a"></div><div class="color-swatch-info"><div class="color-swatch-name">Warning</div><div class="color-swatch-hex">#ffd11a</div><div class="color-swatch-role">Warning</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#ffc091"></div><div class="color-swatch-info"><div class="color-swatch-name">Orange</div><div class="color-swatch-hex">#ffc091</div><div class="color-swatch-role">Warm accent</div></div></div>
-  </div>
-  <div class="color-group-label">Neutral</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#454745"></div><div class="color-swatch-info"><div class="color-swatch-name">Warm Dark</div><div class="color-swatch-hex">#454745</div><div class="color-swatch-role">Secondary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#868685"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray</div><div class="color-swatch-hex">#868685</div><div class="color-swatch-role">Muted text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#e8ebe6"></div><div class="color-swatch-info"><div class="color-swatch-name">Light</div><div class="color-swatch-hex">#e8ebe6</div><div class="color-swatch-role">Light surface</div></div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="typography">
-  <div class="section-label">02 / Typography</div><h2 class="section-title">Typography Scale</h2>
-  <div class="type-sample"><div style="font-size:80px; font-weight:900; line-height:0.85;">DISPLAY HERO</div><div class="type-meta">Display — 126px / 900 / 0.85 / Wise Sans / "calt"</div></div>
-  <div class="type-sample"><div style="font-size:40px; font-weight:900; line-height:0.85;">Section Title</div><div class="type-meta">Section — 40px / 900 / 0.85 / Wise Sans</div></div>
-  <div class="type-sample"><div style="font-size:22px; font-weight:600; line-height:1.25; letter-spacing:-0.396px;">Card Title</div><div class="type-meta">Card — 22px / 600 / 1.25 / -0.396px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:18px; font-weight:400; line-height:1.44; letter-spacing:0.18px; color:var(--warm-dark);">Body — Send money abroad. Fast, cheap, transparent. No hidden fees, no bad exchange rates.</div><div class="type-meta">Body — 18px / 400 / 1.44 / +0.18px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:18px; font-weight:600; line-height:1.44; letter-spacing:-0.108px;">Body Semibold — Account balance</div><div class="type-meta">Semibold — 18px / 600 / 1.44 / -0.108px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:14px; font-weight:600; line-height:1.55; letter-spacing:-0.084px; color:var(--gray);">Caption — Updated 2 minutes ago</div><div class="type-meta">Caption — 14px / 600 / 1.55 / -0.084px / Inter</div></div>
-</section>
-<hr class="section-divider">
-<section class="section" id="buttons">
-  <div class="section-label">03 / Buttons</div><h2 class="section-title">Buttons</h2>
-  <div class="button-row">
-    <div class="button-item"><a class="btn-green" href="#">Send Money</a><div class="button-label">Primary Green</div></div>
-    <div class="button-item"><a class="btn-subtle" href="#">Learn More</a><div class="button-label">Subtle</div></div>
-  </div>
-  <p style="font-size:13px; color:var(--gray); margin-top:16px;">Hover to see scale(1.05) grow. Click for scale(0.95) compress.</p>
-</section>
-<hr class="section-divider">
-<section class="section" id="cards">
-  <div class="section-label">04 / Cards</div><h2 class="section-title">Cards</h2>
-  <div class="card-grid">
-    <div class="card"><h3>International Transfers</h3><p>Send money to 80+ countries at the real exchange rate. No markup, just a small, transparent fee.</p></div>
-    <div class="card" style="background:var(--mint); border-color:var(--green);"><h3>Multi-currency Account</h3><p>Hold and convert 40+ currencies. Spend abroad with the Wise card. Green accent card variant.</p></div>
-    <div class="card"><h3>Business Account</h3><p>Pay invoices, receive payments, and manage your international finances in one place.</p></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="forms">
-  <div class="section-label">05 / Forms</div><h2 class="section-title">Forms</h2>
-  <div class="form-group"><label class="form-label">Amount</label><input class="form-input" type="text" placeholder="1,000.00 GBP"><div class="form-state-label">Default</div></div>
-  <div class="form-group"><label class="form-label">Recipient</label><input class="form-input form-input--focus" type="text" value="John Smith"><div class="form-state-label">Focus (green ring)</div></div>
-  <div class="form-group"><label class="form-label">IBAN</label><input class="form-input form-input--error" type="text" value="invalid"><div class="form-state-label">Error</div></div>
-  <div class="form-group"><label class="form-label">Reference</label><textarea class="form-textarea" placeholder="Payment reference..."></textarea></div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">06 / Spacing</div><h2 class="section-title">Spacing</h2>
-  <div class="spacing-row">
-    <div class="spacing-item"><div class="spacing-block" style="width:4px"></div><div class="spacing-value">4</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:8px"></div><div class="spacing-value">8</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:12px"></div><div class="spacing-value">12</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:16px"></div><div class="spacing-value">16</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:20px"></div><div class="spacing-value">20</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:24px"></div><div class="spacing-value">24</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">07 / Radius</div><h2 class="section-title">Radius</h2>
-  <div class="radius-row">
-    <div class="radius-item"><div class="radius-box" style="border-radius:10px"></div><div class="radius-label">10px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:16px"></div><div class="radius-label">16px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:30px"></div><div class="radius-label">30px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:40px"></div><div class="radius-label">40px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:9999px; width:52px; height:52px;"></div><div class="radius-label">pill</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">08 / Elevation</div><h2 class="section-title">Depth</h2>
-  <div class="elevation-grid">
-    <div class="elevation-card"><div class="elevation-label">Flat</div><div class="elevation-desc">No shadow</div></div>
-    <div class="elevation-card" style="box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px;"><div class="elevation-label">Ring</div><div class="elevation-desc">1px ring shadow</div></div>
-  </div>
-</section>
-<footer class="footer">Maintained by <a href="https://github.com/VoltAgent/voltagent" target="_blank" rel="noopener noreferrer" style="text-decoration:none;"><img src="https://github.com/VoltAgent.png?size=32" alt="VoltAgent" width="14" height="14" style="border-radius:3px;vertical-align:-2px;margin-right:3px;">VoltAgent</a> team</footer>
-</body>
-</html>

package/.opencode/oh-my-design/design-md/wise/preview.html DELETED Viewed

@@ -1,229 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Design System Inspired by Wise</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;900&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --white:#ffffff; --black:#0e0f0c; --green:#9fe870; --dark-green:#163300;
-    --mint:#e2f6d5; --gray:#868685; --warm-dark:#454745; --light:#e8ebe6;
-    --danger:#d03238; --warning:#ffd11a;
-    --font:'Inter',Helvetica,Arial,sans-serif;
-  }
-  * { margin:0; padding:0; box-sizing:border-box; }
-  body { background:var(--white); color:var(--black); font-family:var(--font); font-size:18px; font-weight:400; line-height:1.44; font-feature-settings:"calt" 1; -webkit-font-smoothing:antialiased; }
-  .nav { position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:14px 24px; background:var(--white); border-bottom:1px solid rgba(14,15,12,0.08); }
-  .nav-brand { font-size:18px; font-weight:600; color:var(--black); text-decoration:none; }
-  .nav-links { display:flex; gap:20px; list-style:none; }
-  .nav-links a { font-size:16px; font-weight:600; color:var(--black); text-decoration:none; transition:opacity 0.15s; }
-  .nav-links a:hover { opacity:0.7; }
-  .nav-cta { display:inline-block; background:var(--green); color:var(--dark-green); padding:8px 20px; border-radius:9999px; font-size:16px; font-weight:600; text-decoration:none; transition:transform 0.2s; }
-  .nav-cta:hover { transform:scale(1.05); }
-  .hero { padding:80px 24px 64px; text-align:left; max-width:900px; margin:0 auto; }
-  .hero h1 { font-size:80px; font-weight:900; line-height:0.85; margin-bottom:24px; }
-  .hero h1 span { color:var(--dark-green); }
-  .hero p { font-size:18px; font-weight:400; color:var(--warm-dark); max-width:500px; margin-bottom:32px; letter-spacing:0.18px; }
-  .hero-buttons { display:flex; gap:12px; flex-wrap:wrap; }
-  .btn-green { display:inline-block; background:var(--green); color:var(--dark-green); padding:12px 28px; border-radius:9999px; font-family:var(--font); font-size:18px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:transform 0.2s; }
-  .btn-green:hover { transform:scale(1.05); }
-  .btn-green:active { transform:scale(0.95); }
-  .btn-subtle { display:inline-block; background:rgba(22,51,0,0.08); color:var(--black); padding:12px 28px; border-radius:9999px; font-family:var(--font); font-size:18px; font-weight:600; text-decoration:none; border:none; cursor:pointer; transition:transform 0.2s; }
-  .btn-subtle:hover { transform:scale(1.05); }
-  .section { padding:64px 24px; max-width:1100px; margin:0 auto; }
-  .section-label { font-size:12px; font-weight:600; color:var(--gray); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:8px; }
-  .section-title { font-size:40px; font-weight:900; line-height:0.85; margin-bottom:32px; }
-  .section-divider { border:none; border-top:1px solid rgba(14,15,12,0.08); margin:0; }
-  .color-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(145px,1fr)); gap:10px; margin-bottom:20px; }
-  .color-swatch { border-radius:16px; overflow:hidden; border:1px solid rgba(14,15,12,0.12); }
-  .color-swatch-block { height:64px; width:100%; }
-  .color-swatch-info { padding:10px; }
-  .color-swatch-name { font-size:13px; font-weight:600; margin-bottom:2px; }
-  .color-swatch-hex { font-size:10px; color:var(--gray); font-family:monospace; }
-  .color-swatch-role { font-size:9px; color:var(--gray); margin-top:2px; }
-  .color-group-label { font-size:12px; font-weight:600; color:var(--warm-dark); margin:20px 0 8px; }
-  .type-sample { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--light); }
-  .type-sample:last-child { border-bottom:none; }
-  .type-meta { font-size:10px; color:var(--gray); margin-top:4px; font-family:monospace; }
-  .button-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
-  .button-item { text-align:center; }
-  .button-label { font-size:10px; color:var(--gray); margin-top:6px; }
-  .card-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:16px; }
-  .card { background:var(--white); border:1px solid rgba(14,15,12,0.12); border-radius:30px; padding:24px; }
-  .card h3 { font-size:22px; font-weight:600; margin-bottom:8px; letter-spacing:-0.396px; }
-  .card p { font-size:16px; color:var(--warm-dark); letter-spacing:0.08px; }
-  .form-group { margin-bottom:16px; max-width:400px; }
-  .form-label { display:block; font-size:14px; font-weight:600; margin-bottom:4px; }
-  .form-input { width:100%; background:var(--white); color:var(--black); border:1px solid rgba(14,15,12,0.12); padding:12px 16px; border-radius:10px; font-family:var(--font); font-size:16px; outline:none; }
-  .form-input:focus { box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px, 0 0 0 2px var(--green); }
-  .form-input--focus { box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px, 0 0 0 2px var(--green); }
-  .form-input--error { border-color:var(--danger); box-shadow:0 0 0 2px var(--danger); }
-  .form-textarea { width:100%; min-height:80px; background:var(--white); color:var(--black); border:1px solid rgba(14,15,12,0.12); padding:12px 16px; border-radius:10px; font-family:var(--font); font-size:16px; resize:vertical; outline:none; }
-  .form-state-label { font-size:9px; color:var(--gray); margin-top:4px; }
-  .spacing-row { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
-  .spacing-item { text-align:center; }
-  .spacing-block { background:var(--green); border-radius:4px; margin-bottom:4px; height:24px; }
-  .spacing-value { font-size:9px; color:var(--gray); font-family:monospace; }
-  .radius-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
-  .radius-item { text-align:center; }
-  .radius-box { width:52px; height:52px; background:var(--mint); border:1px solid var(--green); margin-bottom:4px; }
-  .radius-label { font-size:9px; color:var(--gray); font-family:monospace; }
-  .elevation-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:12px; }
-  .elevation-card { background:var(--white); border:1px solid rgba(14,15,12,0.12); border-radius:30px; padding:16px; text-align:center; }
-  .elevation-label { font-size:13px; font-weight:600; margin-bottom:4px; }
-  .elevation-desc { font-size:9px; color:var(--gray); font-family:monospace; }
-  .footer { padding:32px; text-align:center; background:var(--black); color:var(--gray); font-size:13px; }
-  .footer a { color:var(--green); text-decoration:underline; }
-  @media (max-width:576px) { .hero h1 { font-size:48px; } .nav-links { display:none; } .section { padding:48px 16px; } .card-grid { grid-template-columns:1fr; } }
-</style>
-</head>
-<body>
-<nav class="nav">
-  <span class="nav-brand">awesome-design-md</span>
-  <ul class="nav-links">
-    <li><a href="#colors">Colors</a></li>
-    <li><a href="#typography">Typography</a></li>
-    <li><a href="#buttons">Buttons</a></li>
-    <li><a href="#cards">Cards</a></li>
-    <li><a href="#forms">Forms</a></li>
-  </ul>
-  <a class="nav-cta" href="#">Get Started</a>
-</nav>
-<section class="hero">
-  <h1>Design System<br>Inspired by<br><span>Wise</span></h1>
-  <p>A design token catalog generated from DESIGN.md. Every color, font, and component — bold, green, and borderless.</p>
-  <div class="hero-buttons">
-    <a class="btn-green" href="#">Send Money</a>
-    <a class="btn-subtle" href="#">Learn More</a>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="colors">
-  <div class="section-label">01 / Colors</div><h2 class="section-title">Color Palette</h2>
-  <div class="color-group-label">Brand</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#0e0f0c"></div><div class="color-swatch-info"><div class="color-swatch-name">Near Black</div><div class="color-swatch-hex">#0e0f0c</div><div class="color-swatch-role">Primary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#9fe870"></div><div class="color-swatch-info"><div class="color-swatch-name">Wise Green</div><div class="color-swatch-hex">#9fe870</div><div class="color-swatch-role">Primary CTA</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#163300"></div><div class="color-swatch-info"><div class="color-swatch-name">Dark Green</div><div class="color-swatch-hex">#163300</div><div class="color-swatch-role">Button text on green</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#e2f6d5"></div><div class="color-swatch-info"><div class="color-swatch-name">Mint</div><div class="color-swatch-hex">#e2f6d5</div><div class="color-swatch-role">Soft green surface</div></div></div>
-  </div>
-  <div class="color-group-label">Semantic</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#054d28"></div><div class="color-swatch-info"><div class="color-swatch-name">Positive</div><div class="color-swatch-hex">#054d28</div><div class="color-swatch-role">Success</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#d03238"></div><div class="color-swatch-info"><div class="color-swatch-name">Danger</div><div class="color-swatch-hex">#d03238</div><div class="color-swatch-role">Error</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#ffd11a"></div><div class="color-swatch-info"><div class="color-swatch-name">Warning</div><div class="color-swatch-hex">#ffd11a</div><div class="color-swatch-role">Warning</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#ffc091"></div><div class="color-swatch-info"><div class="color-swatch-name">Orange</div><div class="color-swatch-hex">#ffc091</div><div class="color-swatch-role">Warm accent</div></div></div>
-  </div>
-  <div class="color-group-label">Neutral</div>
-  <div class="color-grid">
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#454745"></div><div class="color-swatch-info"><div class="color-swatch-name">Warm Dark</div><div class="color-swatch-hex">#454745</div><div class="color-swatch-role">Secondary text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#868685"></div><div class="color-swatch-info"><div class="color-swatch-name">Gray</div><div class="color-swatch-hex">#868685</div><div class="color-swatch-role">Muted text</div></div></div>
-    <div class="color-swatch"><div class="color-swatch-block" style="background:#e8ebe6"></div><div class="color-swatch-info"><div class="color-swatch-name">Light</div><div class="color-swatch-hex">#e8ebe6</div><div class="color-swatch-role">Light surface</div></div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="typography">
-  <div class="section-label">02 / Typography</div><h2 class="section-title">Typography Scale</h2>
-  <div class="type-sample"><div style="font-size:80px; font-weight:900; line-height:0.85;">DISPLAY HERO</div><div class="type-meta">Display — 126px / 900 / 0.85 / Wise Sans / "calt"</div></div>
-  <div class="type-sample"><div style="font-size:40px; font-weight:900; line-height:0.85;">Section Title</div><div class="type-meta">Section — 40px / 900 / 0.85 / Wise Sans</div></div>
-  <div class="type-sample"><div style="font-size:22px; font-weight:600; line-height:1.25; letter-spacing:-0.396px;">Card Title</div><div class="type-meta">Card — 22px / 600 / 1.25 / -0.396px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:18px; font-weight:400; line-height:1.44; letter-spacing:0.18px; color:var(--warm-dark);">Body — Send money abroad. Fast, cheap, transparent. No hidden fees, no bad exchange rates.</div><div class="type-meta">Body — 18px / 400 / 1.44 / +0.18px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:18px; font-weight:600; line-height:1.44; letter-spacing:-0.108px;">Body Semibold — Account balance</div><div class="type-meta">Semibold — 18px / 600 / 1.44 / -0.108px / Inter</div></div>
-  <div class="type-sample"><div style="font-size:14px; font-weight:600; line-height:1.55; letter-spacing:-0.084px; color:var(--gray);">Caption — Updated 2 minutes ago</div><div class="type-meta">Caption — 14px / 600 / 1.55 / -0.084px / Inter</div></div>
-</section>
-<hr class="section-divider">
-<section class="section" id="buttons">
-  <div class="section-label">03 / Buttons</div><h2 class="section-title">Buttons</h2>
-  <div class="button-row">
-    <div class="button-item"><a class="btn-green" href="#">Send Money</a><div class="button-label">Primary Green</div></div>
-    <div class="button-item"><a class="btn-subtle" href="#">Learn More</a><div class="button-label">Subtle</div></div>
-  </div>
-  <p style="font-size:13px; color:var(--gray); margin-top:16px;">Hover to see scale(1.05) grow. Click for scale(0.95) compress.</p>
-</section>
-<hr class="section-divider">
-<section class="section" id="cards">
-  <div class="section-label">04 / Cards</div><h2 class="section-title">Cards</h2>
-  <div class="card-grid">
-    <div class="card"><h3>International Transfers</h3><p>Send money to 80+ countries at the real exchange rate. No markup, just a small, transparent fee.</p></div>
-    <div class="card" style="background:var(--mint); border-color:var(--green);"><h3>Multi-currency Account</h3><p>Hold and convert 40+ currencies. Spend abroad with the Wise card. Green accent card variant.</p></div>
-    <div class="card"><h3>Business Account</h3><p>Pay invoices, receive payments, and manage your international finances in one place.</p></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section" id="forms">
-  <div class="section-label">05 / Forms</div><h2 class="section-title">Forms</h2>
-  <div class="form-group"><label class="form-label">Amount</label><input class="form-input" type="text" placeholder="1,000.00 GBP"><div class="form-state-label">Default</div></div>
-  <div class="form-group"><label class="form-label">Recipient</label><input class="form-input form-input--focus" type="text" value="John Smith"><div class="form-state-label">Focus (green ring)</div></div>
-  <div class="form-group"><label class="form-label">IBAN</label><input class="form-input form-input--error" type="text" value="invalid"><div class="form-state-label">Error</div></div>
-  <div class="form-group"><label class="form-label">Reference</label><textarea class="form-textarea" placeholder="Payment reference..."></textarea></div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">06 / Spacing</div><h2 class="section-title">Spacing</h2>
-  <div class="spacing-row">
-    <div class="spacing-item"><div class="spacing-block" style="width:4px"></div><div class="spacing-value">4</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:8px"></div><div class="spacing-value">8</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:12px"></div><div class="spacing-value">12</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:16px"></div><div class="spacing-value">16</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:20px"></div><div class="spacing-value">20</div></div>
-    <div class="spacing-item"><div class="spacing-block" style="width:24px"></div><div class="spacing-value">24</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">07 / Radius</div><h2 class="section-title">Radius</h2>
-  <div class="radius-row">
-    <div class="radius-item"><div class="radius-box" style="border-radius:10px"></div><div class="radius-label">10px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:16px"></div><div class="radius-label">16px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:30px"></div><div class="radius-label">30px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:40px"></div><div class="radius-label">40px</div></div>
-    <div class="radius-item"><div class="radius-box" style="border-radius:9999px; width:52px; height:52px;"></div><div class="radius-label">pill</div></div>
-  </div>
-</section>
-<hr class="section-divider">
-<section class="section">
-  <div class="section-label">08 / Elevation</div><h2 class="section-title">Depth</h2>
-  <div class="elevation-grid">
-    <div class="elevation-card"><div class="elevation-label">Flat</div><div class="elevation-desc">No shadow</div></div>
-    <div class="elevation-card" style="box-shadow:rgba(14,15,12,0.12) 0px 0px 0px 1px;"><div class="elevation-label">Ring</div><div class="elevation-desc">1px ring shadow</div></div>
-  </div>
-</section>
-<footer class="footer">Maintained by <a href="https://github.com/VoltAgent/voltagent" target="_blank" rel="noopener noreferrer" style="text-decoration:none;"><img src="https://github.com/VoltAgent.png?size=32" alt="VoltAgent" width="14" height="14" style="border-radius:3px;vertical-align:-2px;margin-right:3px;">VoltAgent</a> team</footer>
-</body>
-</html>

package/.opencode/oh-my-design/design-md/x.ai/.verification.md DELETED Viewed

@@ -1,140 +0,0 @@
-# xAI — Verification Notes (2026-05-09)
-Pipeline: `spec/verification-pipeline.md` · Skill: `omd:migrate`
-## Tier 1 — live DOM (playwright getComputedStyle)
-### Surfaces inspected (G3 ≥2)
-- `x.ai/` (corporate home — "xAI: Understand the Universe")
-- `x.ai/api` (API — "Frontier Models for Reasoning & Enterprise")
-### Raw observations
-**Try Grok / Read announcement / Sign up now / Explore more — Outline Primary (Home variant)**
-- bg `rgba(0, 0, 0, 0)` transparent
-- color `rgb(255, 255, 255)` `#fff`
-- radius **9999px** (full pill)
-- padding 8×16
-- 38px / 14px·**400**
-- Use: home hero CTAs (canonical outline-on-black variant)
-**Grok 4.3 API / View docs — Inverse Primary (/api hero variant)**
-- bg `rgb(255, 255, 255)` `#fff`
-- color `rgb(10, 10, 10)` = **`#0a0a0a`** near-black (xAI Coal — slight lift from pure `#000`)
-- radius 9999px
-- padding 8×16
-- 38px / 14px·400
-- Use: /api hero Primary (white-bg inverse for dense pricing/API surface)
-**Use now / Build now / Read — Compact Ghost CTA**
-- bg transparent
-- color `#fff`
-- radius 9999px
-- padding 6×14
-- 34px / 14px·400
-- Use: section-card secondary CTAs
-**Top nav — Grok / API / Company / Colossus / Careers / News / Shop / SpaceX**
-- bg transparent
-- color `rgba(255, 255, 255, 0.5)` translucent half-white
-- radius 0px
-- padding 6×12
-- 28px / 14px·400
-- Use: top nav (translucent until hover/focus — research-lab restraint)
-### Single-system: 9999px monochrome white-on-`#000` + dual-context Outline/Inverse split
-xAI uses **the most disciplined monochrome system in the corpus** — pure white-on-pure-black with a dual-context Primary split:
-- **Home (research-lab register)**: Outline 9999px transparent + `#fff` text
-- **/api (developer-product register)**: Inverse 9999px `#fff` bg + `#0a0a0a` text — solid-fill for dense API surface
-- **xAI Coal `#0a0a0a`** (slight lift from pure `#000`) for inverse-text — preserves anti-aliasing on pure white
-- **Translucent nav `rgba(255,255,255,0.5)`** — half-opacity for inactive hierarchy (vs OpenAI/Anthropic full white)
-- All weight **400** uniformly — never bold (research-typography register)
-- All radius **9999px** for buttons / 0px for nav — no medium values
-### Two-context primary split observation
-- This is rare in the corpus — most brands have a single canonical Primary regardless of surface.
-- xAI's split signals two product-hierarchy registers: corporate research (outline = restraint) vs developer API (inverse = action).
-- Comparable splits: **karrot** (consumer/corporate), **line** (consumer/business), **intercom** (marketing/product) — but xAI's is monochrome rather than dual-color.
----
-## Tier 2a — getdesign.md
-- `getdesign.md/x.ai` — directory only
-## Tier 2b — styles.refero.design
-- `?q=xAI` — no record
-**Tier 2 status: unavailable.** Tier 1 (x.ai home + /api) treated as authoritative.
----
-## Conflict Matrix
-| Field | Tier 1 home | Tier 1 /api | refero/getdesign | Resolution |
-|---|---|---|---|---|
-| Outline Primary | transparent / `#fff` 9999px / 38 / 8×16 / 14·400 | same ✓ | n/a | ✓ canonical home |
-| Inverse Primary | n/a (home is outline-only) | `#fff` / `#0a0a0a` 9999px / 38 / 8×16 / 14·400 | n/a | ✓ /api variant |
-| Compact ghost | 9999px / 34 / 6×14 / 14·400 | n/a | n/a | ✓ secondary |
-| Top nav | translucent 50% white / 0px / 28 / 14·400 | same ✓ | n/a | ✓ |
-| Canvas | `#000` pure | `#000` pure | n/a | ✓ |
-| Inverse-text near-black | n/a | `#0a0a0a` (not pure `#000`) | n/a | ✓ noted |
-| Weight | 400 only | 400 only | n/a | ✓ never bold |
-### Unresolved
-- **None.** Single-system canonical with documented dual-context Primary split (Outline home / Inverse /api).
-### Earlier mistakes reverted
-- Prior footer's "Try Grok pill 9999px / 8×16 / 38px / 14px·400" was correct for the home Outline variant but missed the **/api Inverse `#fff` / `#0a0a0a` solid-fill** Primary variant.
-- Earlier "Submit query `#fff` 9999px / 4×12 / 38px" was a Grok-product-app component, not the canonical /api hero CTA — replaced with `Grok 4.3 API` / `View docs` measurement.
----
-## Components in §4
-§4 (prior B10 batch) — needs:
-1. **Outline Primary** transparent / `#fff` 9999px / 38px / 8×16 / 14px·400 (home register)
-2. **Inverse Primary** `#fff` / `#0a0a0a` 9999px / 38px / 8×16 / 14px·400 (/api register)
-3. **Compact ghost** transparent / `#fff` 9999px / 34px / 6×14 / 14px·400
-4. **Translucent nav** `rgba(255,255,255,0.5)` / 0px / 28px / 6×12 / 14px·400
-5. **Pure `#000` canvas + `#0a0a0a` inverse-text** discipline (slight lift from absolute black for AA)
----
-## Philosophy sources (G6)
-### Founder/founding facts
-- **xAI founded March 2023** in Palo Alto by **Elon Musk** with team from **DeepMind, OpenAI**, and other leading labs
-  - Source: [xAI (company) — Wikipedia](https://en.wikipedia.org/wiki/XAI_(company))
-  - Source: [Britannica Money — xAI](https://www.britannica.com/money/xAI)
-- **Grok unveiled 2023-11-04** (X-integrated)
-  - **Grok-1 open-sourced 2024-03-17** (~314B parameter mixture-of-experts)
-  - **Grok-1.5 (128k context) 2024-03-29**
-  - **Grok 3 2025-02-17**
-  - **Grok 4 + 4 Heavy 2025-07-09**
-  - Source: [Grok (chatbot) — Wikipedia](https://en.wikipedia.org/wiki/Grok_(chatbot))
-- **Funding**: $134.7M Dec 2023 → **$6B Series B @ $24B (May 2024)** → **$6B Series C @ $50B (Dec 2024)** → **$20B Series E @ $230B** (>$42B total)
-  - Source: [Sacra — xAI revenue, valuation & funding](https://sacra.com/c/xai/)
-- **SpaceX all-stock acquisition** valuing xAI at **$250B**, combined entity ~**$1.25T**
-- **Colossus supercomputer** in Memphis, Tennessee — >100k GPUs, 122-day construction, fully operational Dec 2024; **Colossus 2** expansion underway (Greater Memphis Chamber June 2024 announcement)
-### Voice samples (live-verified)
-- *"Try Grok"* — home hero <!-- verified: x.ai 2026-05 -->
-- *"Read announcement"* — home hero <!-- verified: x.ai -->
-- *"Sign up now"* / *"Explore more"* — home section CTAs <!-- verified: x.ai -->
-- *"Grok 4.3 API"* — /api hero <!-- verified: x.ai/api -->
-- *"View docs"* / *"Start building"* — /api hero <!-- verified: x.ai/api -->
-- *"Use now"* / *"Build now"* — section-card ghost CTAs <!-- verified: x.ai -->
-- *"Grok / API / Company / Colossus / Careers / News / Shop / SpaceX"* — top nav (translucent) <!-- verified: x.ai -->
-### Existing §10-15 retained from prior augmentation (B10 batch)
-- Voice & Tone — research-lab register / Grok product separately irreverent
-- §11 narrative — Musk + DeepMind/OpenAI alumni + Grok release timeline + Colossus + SpaceX acquisition
-- §15 Standard cubic-bezier; no bounce; prefers-reduced-motion respected
----
-**Verified-against:**
-- Tier 1: x.ai/, x.ai/api (live DOM via playwright)
-- Tier 2: refero/getdesign — no record
-- Founders/funding: Wikipedia (xAI), Wikipedia (Grok chatbot), Britannica Money, Sacra