docs: track superpowers working documents in git
The uups-bank-demo wave's SDD records (ledger, six task briefs and reports, review diffs) and the brainstorm design mockups were git-ignored, so they existed only on one sandbox VM and reached no remote — this repo had no remote at all until now. Removes `.superpowers/` from .gitignore and the `*` .gitignore the superpowers plugin writes inside .superpowers/sdd/; the second blocks the directory even with the first removed. Excluded as ephemeral local-server state, and now ignored by name: .last-port, .last-token (a 64-char session token for a brainstorm server on a port that is long gone), and the per-session state/ directories. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Fnwzj6McD6kSkXwjUKFKxe
This commit is contained in:
@@ -0,0 +1,98 @@
|
||||
<h2>What should the demo dashboard emphasize?</h2>
|
||||
<p class="subtitle">All three support connect wallet, mock-USDC deposits and withdrawals, and the V1 → V2 upgrade. Click the layout that tells the clearest story.</p>
|
||||
|
||||
<div class="cards" style="grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch">
|
||||
<div class="card" data-choice="customer-first" onclick="toggleSelect(this)">
|
||||
<div class="card-image" style="padding:14px;background:#f5f7fb;min-height:330px;color:#162033">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:14px">
|
||||
<strong>MY BANK</strong><span style="padding:5px 8px;border:1px solid #ccd4e0;border-radius:12px">0x71…9a2</span>
|
||||
</div>
|
||||
<div style="padding:18px;border-radius:12px;background:#17243c;color:white;margin-bottom:10px">
|
||||
<div style="font-size:10px;opacity:.7">AVAILABLE BALANCE</div>
|
||||
<div style="font-size:27px;font-weight:700;margin:6px 0">1,250.00 USDC</div>
|
||||
<div style="font-size:10px;color:#9ee6bf">Backed 1:1 by contract reserves</div>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px">
|
||||
<button class="mock-button" style="margin:0">Deposit</button>
|
||||
<button class="mock-button" style="margin:0;background:#e7ecf4;color:#17243c">Withdraw</button>
|
||||
</div>
|
||||
<div style="background:white;border:1px solid #dde3ec;border-radius:10px;padding:12px">
|
||||
<div style="display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px"><strong>Recent activity</strong><span>View all</span></div>
|
||||
<div style="display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-top:1px solid #edf0f5"><span>Deposit</span><strong style="color:#168451">+500 USDC</strong></div>
|
||||
<div style="display:flex;justify-content:space-between;font-size:10px;padding:7px 0;border-top:1px solid #edf0f5"><span>Withdrawal</span><strong>−50 USDC</strong></div>
|
||||
</div>
|
||||
<div style="font-size:9px;text-align:center;margin-top:11px;color:#687387">Bank V1 · Proxy 0x8B…42</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>A · Customer-first</h3>
|
||||
<p>Feels like a consumer banking app. The upgrade story stays mostly behind the scenes.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="operations-console" onclick="toggleSelect(this)">
|
||||
<div class="card-image" style="padding:0;background:#101827;min-height:330px;color:#dfe8f5;display:grid;grid-template-columns:74px 1fr">
|
||||
<div style="padding:14px 8px;background:#0b1220;font-size:9px">
|
||||
<strong style="font-size:10px">BANK OPS</strong>
|
||||
<div style="margin-top:22px;padding:6px;background:#24314a;border-radius:5px">Overview</div>
|
||||
<div style="padding:7px 6px">Accounts</div>
|
||||
<div style="padding:7px 6px">Reserves</div>
|
||||
<div style="padding:7px 6px">Upgrades</div>
|
||||
</div>
|
||||
<div style="padding:14px">
|
||||
<div style="display:flex;justify-content:space-between;font-size:11px;margin-bottom:14px"><strong>System overview</strong><span style="color:#83d9a8">● Healthy</span></div>
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px">
|
||||
<div style="padding:10px;background:#19243a;border-radius:8px"><small>Total deposits</small><div style="font-size:16px;font-weight:700;margin-top:5px">25,000 USDC</div></div>
|
||||
<div style="padding:10px;background:#19243a;border-radius:8px"><small>Reserve ratio</small><div style="font-size:16px;font-weight:700;margin-top:5px">100.0%</div></div>
|
||||
<div style="padding:10px;background:#19243a;border-radius:8px"><small>Proxy version</small><div style="font-size:16px;font-weight:700;margin-top:5px">V1</div></div>
|
||||
<div style="padding:10px;background:#19243a;border-radius:8px"><small>Status</small><div style="font-size:16px;font-weight:700;margin-top:5px">Active</div></div>
|
||||
</div>
|
||||
<div style="padding:11px;background:#19243a;border-radius:8px;font-size:9px;line-height:1.7">
|
||||
<strong>Contract addresses</strong><br>
|
||||
Proxy 0x8B31…A942<br>
|
||||
Implementation 0x19F4…71C0<br>
|
||||
Asset Mock USDC
|
||||
</div>
|
||||
<button class="mock-button" style="width:100%;margin-top:10px">Upgrade to V2</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>B · Operations console</h3>
|
||||
<p>Highlights reserves, proxy state, and owner controls. Strong technically, less relatable to customers.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="upgrade-studio" onclick="toggleSelect(this)">
|
||||
<div class="card-image" style="padding:14px;background:#f7f4ed;min-height:330px;color:#202926">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px">
|
||||
<strong>UUPS BANK LAB</strong><span style="padding:5px 8px;background:#dff3e7;color:#16643c;border-radius:12px">● V1 live</span>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:1.15fr .85fr;gap:9px">
|
||||
<div>
|
||||
<div style="padding:14px;background:#173f36;color:white;border-radius:10px;margin-bottom:8px">
|
||||
<small>ALICE'S BALANCE</small><div style="font-size:22px;font-weight:700;margin-top:6px">1,250 USDC</div>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px">
|
||||
<button class="mock-button" style="margin:0">Deposit</button><button class="mock-button" style="margin:0;background:#e6e2d8;color:#26322e">Withdraw</button>
|
||||
</div>
|
||||
<div style="padding:10px;border:1px dashed #aab2aa;border-radius:8px;font-size:9px;color:#737c75">
|
||||
Transfer to another customer<br><strong>Unlocks after V2 upgrade</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding:11px;background:white;border:1px solid #ddd8cc;border-radius:10px;font-size:9px">
|
||||
<strong>Upgrade journey</strong>
|
||||
<div style="margin-top:11px;padding-left:9px;border-left:2px solid #3d8967;line-height:1.5"><strong>1 · V1 deployed</strong><br><span style="color:#6a736e">Deposit + withdraw</span></div>
|
||||
<div style="margin-top:11px;padding-left:9px;border-left:2px solid #cbd0ca;line-height:1.5"><strong>2 · Upgrade V2</strong><br><span style="color:#6a736e">Owner only</span></div>
|
||||
<div style="margin-top:11px;padding-left:9px;border-left:2px solid #cbd0ca;line-height:1.5"><strong>3 · Transfer</strong><br><span style="color:#6a736e">Balances persist</span></div>
|
||||
<button class="mock-button" style="width:100%;margin-top:14px;font-size:9px">Run upgrade</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;margin-top:10px;padding:9px;background:#ece7dc;border-radius:8px;font-size:9px">
|
||||
<span>Proxy stays <strong>0x8B…42</strong></span><span>Reserves <strong>100%</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>C · Upgrade demo studio — recommended</h3>
|
||||
<p>Pairs a usable customer account with a guided UUPS timeline, making state preservation obvious.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user