Show all Steward vote outcomes

dolepee · dolepee · commit 657c9eb55595 · 2026-05-24T19:14:43.000+01:00
diff --git a/README.md b/README.md
@@ -34,7 +34,7 @@ npm run build --prefix web
 
 ## Frontend
 
-The web app is a single proof page in `web/`. It reads the live `Steward.voteRequests(1698384)` state and `MiniGovernor.votes(1, Steward)` directly from Somnia Testnet.
+The web app is a single proof page in `web/`. It reads live `Steward.voteRequests(...)` and `MiniGovernor.votes(...)` state for the YES, NO, and ABSTAIN examples directly from Somnia Testnet.
 
 Live frontend: `https://steward-ashy.vercel.app`
 
@@ -56,14 +56,17 @@ npm run build --prefix web
 | Hello request id | `1697263` |
 | MiniGovernor | `0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389` |
 | MiniGovernor deploy tx | `0x83b77eaad7965c9adf410052c11f0638c488a7a6d7a6b9a8ce5f90169040d62e` |
-| Proposal creation tx | `0xb31236f41cab27998bbf5593a1fbd8eda3f330eaf1c4b6b34523e5161d30852b` |
 | Steward | `0x6932C7827E7BFd9f0015Ed93fA120379E0d20541` |
 | Steward deploy tx | `0x723f8717b19a48b524858c5f1a1416be2016a2d393427a788e9e7b80af506147` |
 | Delegation tx | `0xdf49c68c630deef7a319b8d0f6daaefa392be433343784295c8833f9460fd45b` |
-| Steward vote request tx | `0x63c34767e59cc6988fd2ab5ecef9d1089e9f4445e1b1e18a9b490b0d0efc77ef` |
-| Steward callback + vote tx | `0xb74e25845472a2f591aa91eefe84e5e2828b41ac11acc78b41ceb1015500c52b` |
-| Steward request id | `1698384` |
-| Final result | `voteRequests(1698384)` is `Cast`, support `1`, reason `YES`; `MiniGovernor.votes(1, Steward)` is `1` |
+
+### Steward vote proofs
+
+| Outcome | Proposal | Request id | Proposal tx | Request tx | Callback + vote tx | Final state |
+| --- | --- | --- | --- | --- | --- | --- |
+| `YES` | `1` | `1698384` | `0xb31236f41cab27998bbf5593a1fbd8eda3f330eaf1c4b6b34523e5161d30852b` | `0x63c34767e59cc6988fd2ab5ecef9d1089e9f4445e1b1e18a9b490b0d0efc77ef` | `0xb74e25845472a2f591aa91eefe84e5e2828b41ac11acc78b41ceb1015500c52b` | `voteRequests(1698384)` is `Cast`, support `1`; `MiniGovernor.votes(1, Steward)` is `1` |
+| `NO` | `2` | `1738101` | `0xebc1961f3aa23078bb1d54e99d61fc4e8647caae1bae5e4e9f4ec48f2df53b3d` | `0x6d32b090d9ebacc6dd1dd46c01e0036bff3e684df4a28d3817823cd3747959fc` | `0xe14303e64f6a5db3d74919c94f42d3c14df3183e225f9996cc29cba86cc66dc3` | `voteRequests(1738101)` is `Cast`, support `2`; `MiniGovernor.votes(2, Steward)` is `2` |
+| `ABSTAIN` | `3` | `1738108` | `0x758f8dbc8cadf4887b301e33ab55c068ad983a4d507bd6cb9c5caa48b7060e53` | `0xa01f30ee06dbfa66b4a60414469d4f0e6406440f11e625a1197de88d797e851d` | `0xa157564585f473503627c801d6fb5992900dab3d5efcb31d4f15383c16487603` | `voteRequests(1738108)` is `Cast`, support `3`; `MiniGovernor.votes(3, Steward)` is `3` |
 
 Explorer base: `https://shannon-explorer.somnia.network`
 
diff --git a/scripts/verify-live.sh b/scripts/verify-live.sh
@@ -7,23 +7,40 @@ MINI_GOVERNOR="${MINI_GOVERNOR:-0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389}"
 REQUEST_ID="${REQUEST_ID:-1698384}"
 PROPOSAL_ID="${PROPOSAL_ID:-1}"
 
-vote_request=$(cast call "$STEWARD" \
-  "voteRequests(uint256)(uint256,uint256,uint8,uint8,uint8,string,uint256)" \
-  "$REQUEST_ID" \
-  --rpc-url "$RPC_URL")
-
-governor_vote=$(cast call "$MINI_GOVERNOR" \
-  "votes(uint256,address)(uint8)" \
-  "$PROPOSAL_ID" \
-  "$STEWARD" \
-  --rpc-url "$RPC_URL")
-
 echo "Steward live proof"
 echo "RPC: $RPC_URL"
 echo "Steward: $STEWARD"
 echo "MiniGovernor: $MINI_GOVERNOR"
-echo "Request: $REQUEST_ID"
 echo
-echo "$vote_request"
-echo
-echo "Governor vote for proposal $PROPOSAL_ID by Steward: $governor_vote"
+
+verify_one() {
+  local label="$1"
+  local request_id="$2"
+  local proposal_id="$3"
+  local vote_request
+  local governor_vote
+
+  vote_request=$(cast call "$STEWARD" \
+    "voteRequests(uint256)(uint256,uint256,uint8,uint8,uint8,string,uint256)" \
+    "$request_id" \
+    --rpc-url "$RPC_URL")
+
+  governor_vote=$(cast call "$MINI_GOVERNOR" \
+    "votes(uint256,address)(uint8)" \
+    "$proposal_id" \
+    "$STEWARD" \
+    --rpc-url "$RPC_URL")
+
+  echo "$label request $request_id / proposal $proposal_id"
+  echo "$vote_request"
+  echo "Governor vote: $governor_vote"
+  echo
+}
+
+if [[ -n "${REQUEST_ID:-}" && -n "${PROPOSAL_ID:-}" && "${REQUEST_ID}" != "1698384" ]]; then
+  verify_one "Custom" "$REQUEST_ID" "$PROPOSAL_ID"
+else
+  verify_one "YES" 1698384 1
+  verify_one "NO" 1738101 2
+  verify_one "ABSTAIN" 1738108 3
+fi
diff --git a/web/src/main.tsx b/web/src/main.tsx
@@ -20,24 +20,71 @@ const client = createPublicClient({
   transport: http(),
 });
 
-const proof: {
+type ProofCase = {
+  label: string;
   steward: Address;
   governor: Address;
   requestId: bigint;
   proposalId: bigint;
+  expectedSupport: number;
+  expectedReason: string;
   proposal: string;
   criteria: string;
+  proposalTx: `0x${string}`;
   requestTx: `0x${string}`;
   callbackTx: `0x${string}`;
-} = {
+};
+
+const proofCases: ProofCase[] = [
+  {
+    label: "YES proof",
+    steward: "0x6932C7827E7BFd9f0015Ed93fA120379E0d20541",
+    governor: "0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389",
+    requestId: 1698384n,
+    proposalId: 1n,
+    expectedSupport: 1,
+    expectedReason: "YES",
+    proposal: "Allocate 500K USDC to a Q3 community grants program.",
+    criteria: "Vote YES for community grants under 1M, NO for team token unlocks, ABSTAIN if unclear.",
+    proposalTx: "0xb31236f41cab27998bbf5593a1fbd8eda3f330eaf1c4b6b34523e5161d30852b",
+    requestTx: "0x63c34767e59cc6988fd2ab5ecef9d1089e9f4445e1b1e18a9b490b0d0efc77ef",
+    callbackTx: "0xb74e25845472a2f591aa91eefe84e5e2828b41ac11acc78b41ceb1015500c52b",
+  },
+  {
+    label: "NO proof",
+    steward: "0x6932C7827E7BFd9f0015Ed93fA120379E0d20541",
+    governor: "0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389",
+    requestId: 1738101n,
+    proposalId: 2n,
+    expectedSupport: 2,
+    expectedReason: "NO",
+    proposal: "Unlock 10% of foundation team tokens early.",
+    criteria: "Vote YES for community grants under 1M, NO for team token unlocks, ABSTAIN if unclear.",
+    proposalTx: "0xebc1961f3aa23078bb1d54e99d61fc4e8647caae1bae5e4e9f4ec48f2df53b3d",
+    requestTx: "0x6d32b090d9ebacc6dd1dd46c01e0036bff3e684df4a28d3817823cd3747959fc",
+    callbackTx: "0xe14303e64f6a5db3d74919c94f42d3c14df3183e225f9996cc29cba86cc66dc3",
+  },
+  {
+    label: "ABSTAIN proof",
+    steward: "0x6932C7827E7BFd9f0015Ed93fA120379E0d20541",
+    governor: "0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389",
+    requestId: 1738108n,
+    proposalId: 3n,
+    expectedSupport: 3,
+    expectedReason: "ABSTAIN",
+    proposal: "Form a working group to explore future ecosystem partnerships without committing funds.",
+    criteria: "Vote YES for community grants under 1M, NO for team token unlocks, ABSTAIN if unclear.",
+    proposalTx: "0x758f8dbc8cadf4887b301e33ab55c068ad983a4d507bd6cb9c5caa48b7060e53",
+    requestTx: "0xa01f30ee06dbfa66b4a60414469d4f0e6406440f11e625a1197de88d797e851d",
+    callbackTx: "0xa157564585f473503627c801d6fb5992900dab3d5efcb31d4f15383c16487603",
+  },
+];
+
+const primaryProof = proofCases[0];
+
+const proofAddresses = {
   steward: "0x6932C7827E7BFd9f0015Ed93fA120379E0d20541",
   governor: "0xa3773Ff7B2008bAb2E553E13e1E0ADE08a15f389",
-  requestId: 1698384n,
-  proposalId: 1n,
-  proposal: "Allocate 500K USDC to a Q3 community grants program.",
-  criteria: "Vote YES for community grants under 1M, NO for team token unlocks, ABSTAIN if unclear.",
-  requestTx: "0x63c34767e59cc6988fd2ab5ecef9d1089e9f4445e1b1e18a9b490b0d0efc77ef",
-  callbackTx: "0xb74e25845472a2f591aa91eefe84e5e2828b41ac11acc78b41ceb1015500c52b",
 };
 
 const stewardAbi = [
@@ -73,12 +120,14 @@ const governorAbi = [
 
 type ProofState = {
   loading: boolean;
-  state?: number;
-  platformStatus?: number;
-  support?: number;
-  reason?: string;
-  receipt?: bigint;
-  governorVote?: number;
+  proofs?: Record<string, {
+    state: number;
+    platformStatus: number;
+    support: number;
+    reason: string;
+    receipt: bigint;
+    governorVote: number;
+  }>;
   error?: string;
 };
 
@@ -90,6 +139,13 @@ function shortAddress(value: string) {
   return `${value.slice(0, 6)}...${value.slice(-4)}`;
 }
 
+function supportLabel(support?: number) {
+  if (support === 1) return "YES";
+  if (support === 2) return "NO";
+  if (support === 3) return "ABSTAIN";
+  return "PENDING";
+}
+
 function App() {
   const [live, setLive] = useState<ProofState>({ loading: true });
 
@@ -98,29 +154,39 @@ function App() {
 
     async function load() {
       try {
-        const voteRequest = await client.readContract({
-          address: proof.steward,
-          abi: stewardAbi,
-          functionName: "voteRequests",
-          args: [proof.requestId],
-        });
-        const governorVote = await client.readContract({
-          address: proof.governor,
-          abi: governorAbi,
-          functionName: "votes",
-          args: [proof.proposalId, proof.steward],
-        });
+        const entries = await Promise.all(
+          proofCases.map(async (proof) => {
+            const voteRequest = await client.readContract({
+              address: proof.steward,
+              abi: stewardAbi,
+              functionName: "voteRequests",
+              args: [proof.requestId],
+            });
+            const governorVote = await client.readContract({
+              address: proof.governor,
+              abi: governorAbi,
+              functionName: "votes",
+              args: [proof.proposalId, proof.steward],
+            });
+            return [
+              proof.label,
+              {
+                state: voteRequest[2],
+                platformStatus: voteRequest[3],
+                support: voteRequest[4],
+                reason: voteRequest[5],
+                receipt: voteRequest[6],
+                governorVote,
+              },
+            ] as const;
+          }),
+        );
 
         if (!active) return;
 
         setLive({
           loading: false,
-          state: voteRequest[2],
-          platformStatus: voteRequest[3],
-          support: voteRequest[4],
-          reason: voteRequest[5],
-          receipt: voteRequest[6],
-          governorVote,
+          proofs: Object.fromEntries(entries),
         });
       } catch (error) {
         if (!active) return;
@@ -139,7 +205,10 @@ function App() {
     };
   }, []);
 
-  const cast = live.state === 2 && live.support === 1 && live.governorVote === 1;
+  const allCast = proofCases.every((proof) => {
+    const state = live.proofs?.[proof.label];
+    return state?.state === 2 && state.support === proof.expectedSupport && state.governorVote === proof.expectedSupport;
+  });
 
   return (
     <main>
@@ -161,31 +230,51 @@ function App() {
             reasons against the mandate, and casts a DAO vote onchain through an async callback.
           </p>
           <div className="actions">
-            <a href={explorerTx(proof.callbackTx)} target="_blank" rel="noreferrer">
-              Open vote tx
+            <a href={explorerTx(primaryProof.callbackTx)} target="_blank" rel="noreferrer">
+              Open YES vote tx
             </a>
-            <a className="secondary" href={explorerTx(proof.requestTx)} target="_blank" rel="noreferrer">
-              Open request tx
+            <a className="secondary" href="#proof">
+              View all outcomes
             </a>
           </div>
         </div>
 
         <div className="receipt" id="proof">
           <div className="receiptTop">
             <span>Onchain vote proof</span>
-            <strong>{live.loading ? "reading..." : cast ? "VOTED YES" : "CHECK STATE"}</strong>
+            <strong>{live.loading ? "reading..." : allCast ? "YES · NO · ABSTAIN" : "CHECK STATE"}</strong>
           </div>
-          <div className="proposal">
-            <span>Proposal</span>
-            <p>{proof.proposal}</p>
+          <div className="decisionDeck">
+            {proofCases.map((proof) => {
+              const state = live.proofs?.[proof.label];
+              const label = supportLabel(state?.support);
+              const verified = state?.state === 2 && state.support === proof.expectedSupport;
+              return (
+                <article className={`voteCard ${label.toLowerCase()}`} key={proof.label}>
+                  <div>
+                    <span>{proof.label}</span>
+                    <strong>{live.loading ? "..." : label}</strong>
+                  </div>
+                  <p>{proof.proposal}</p>
+                  <small>{verified ? "Cast by Steward" : "Waiting for matching proof"}</small>
+                  <div className="txLinks">
+                    <a href={explorerTx(proof.proposalTx)} target="_blank" rel="noreferrer">
+                      Proposal
+                    </a>
+                    <a href={explorerTx(proof.requestTx)} target="_blank" rel="noreferrer">
+                      Request
+                    </a>
+                    <a href={explorerTx(proof.callbackTx)} target="_blank" rel="noreferrer">
+                      Vote
+                    </a>
+                  </div>
+                </article>
+              );
+            })}
           </div>
           <div className="criteria">
             <span>Delegated criteria</span>
-            <p>{proof.criteria}</p>
-          </div>
-          <div className="decision">
-            <span>Somnia Agent output</span>
-            <strong>{live.loading ? "..." : live.reason ?? "unavailable"}</strong>
+            <p>{primaryProof.criteria}</p>
           </div>
         </div>
       </section>
@@ -216,19 +305,19 @@ function App() {
       <section className="live">
         <div>
           <span>Steward</span>
-          <strong>{shortAddress(proof.steward)}</strong>
+          <strong>{shortAddress(proofAddresses.steward)}</strong>
         </div>
         <div>
-          <span>Request ID</span>
-          <strong>{proof.requestId.toString()}</strong>
+          <span>Request IDs</span>
+          <strong>1698384 / 1738101 / 1738108</strong>
         </div>
         <div>
-          <span>Request state</span>
-          <strong>{live.loading ? "..." : live.state}</strong>
+          <span>Request states</span>
+          <strong>{live.loading ? "..." : allCast ? "Cast x3" : "Check"}</strong>
         </div>
         <div>
-          <span>Governor vote</span>
-          <strong>{live.loading ? "..." : live.governorVote}</strong>
+          <span>Governor votes</span>
+          <strong>{live.loading ? "..." : allCast ? "1 / 2 / 3" : "Check"}</strong>
         </div>
       </section>
 
diff --git a/web/src/styles.css b/web/src/styles.css
