mg/uupl-smart-contract
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
fa36215def3b0507a6a4452cf535494bd5c8840b
uupl-smart-contract/.superpowers/brainstorm/10582-1786998923/content/dashboard-layout.html
T
golemandClaude Opus 5 fa36215def 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
2026-08-20 14:38:00 -06:00

99 lines
7.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0x8B31…A942<br>
Implementation&nbsp;0x19F4…71C0<br>
Asset&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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 View Git Blame Copy Permalink