@umbra-privacy/ceremony 0.2.5 → 0.2.8

package/dist/index.js

@@ -4,7 +4,7 @@
 import { render } from "ink";
 
 // src/components/App.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { Box as Box7, Text as Text7, useApp, useInput as useInput2 } from "ink";
 
 // src/cleanup.ts
@@ -315,22 +315,141 @@ function Header({ ceremony, subtitle }) {
 }
 
 // src/components/QueueView.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
 import Spinner from "ink-spinner";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/hooks/useCyclingMessage.ts
+import { useEffect, useState } from "react";
+function useCyclingMessage(messages, intervalMs = 2500, active = true) {
+  const [idx, setIdx] = useState(0);
+  useEffect(() => {
+    if (!active || messages.length <= 1) return;
+    const t = setInterval(() => setIdx((i) => (i + 1) % messages.length), intervalMs);
+    return () => clearInterval(t);
+  }, [active, intervalMs, messages.length]);
+  return messages[idx] ?? messages[0] ?? "";
+}
+var COMPUTING_MESSAGES = [
+  "summoning fresh entropy",
+  "shuffling response bytes",
+  "tickling bn128 pairings",
+  "applying tau locally",
+  "folding contribution proof",
+  "blinding the trapdoor",
+  "sealing the bellman response",
+  "asking the curve where it lives",
+  "weaving G1 points into the new delta",
+  "negotiating with the pairing engine",
+  "rotating the keypair commitment",
+  "checking that tau is non-zero (just in case)",
+  "evaluating polynomials over your secret",
+  "scrubbing the entropy buffer mid-flight",
+  "ratifying the contribution sequence",
+  "computing s \xB7 \u03C4 in G1",
+  "computing t \xB7 \u03C4 in G2",
+  "running the signature-of-knowledge",
+  "binding the transcript to your contribution",
+  "double-checking nothing is at infinity",
+  "compressing the response footprint",
+  "verifying your math one more time",
+  "stamping the public key bundle",
+  "writing the response file to disk",
+  "preparing to hand the response back to the worker",
+  "almost done \u2014 finalising your tau",
+  "this is the cryptography working hard for you",
+  "your secret never leaves this machine",
+  "if your power-21 circuit feels slow, blame BN254",
+  "snarkjs is single-threaded, give it a moment",
+  "trusted setup ceremonies are a team sport",
+  "the worker will verify everything you did"
+];
+var VERIFYING_MESSAGES = [
+  "worker pulling your response from S3",
+  "importing bellman contribution into a new zkey",
+  "checking the contribution's pairing proof",
+  "writing the next zkey",
+  "uploading the new zkey",
+  "anchoring contribution hash in the audit chain",
+  "almost there \u2014 finalising your receipt",
+  "parsing your response's wire format",
+  "validating every G1 point is on the curve",
+  "validating every G2 point is in the right subgroup",
+  "rebuilding the transcript hash chain",
+  "running the knowledge proof pairing",
+  "verifying the new delta_g1 matches its evidence",
+  "verifying the new delta_g2 matches its evidence",
+  "checking the L array against your contribution",
+  "checking the H array against your contribution",
+  "deriving Fiat-Shamir scalars for the batched check",
+  "running the random-linear-combination same-ratio",
+  "confirming the vKey fields were not altered",
+  "sequencing the new zkey for the next contributor",
+  "this is the part where every byte gets re-checked",
+  "soundness of the whole ceremony rides on this step",
+  "exporting the new bellman params for the next round",
+  "writing your contribution into the ceremony transcript",
+  "publishing the new audit chain entry",
+  "any tampering would have failed by now",
+  "if you see this, your contribution is provably honest",
+  "computing your contribution receipt",
+  "the math agrees \u2014 wrapping things up",
+  "finalising the verified state in Postgres",
+  "you did the cryptographic work \u2014 we just had to check"
+];
+var EXPORTING_MESSAGES = [
+  "preparing your challenge file",
+  "extracting bellman params from the current zkey",
+  "wrapping the zkey for handoff",
+  "stamping a sha256 over the challenge bundle",
+  "presigning your download URL",
+  "fetching the latest verified state for this circuit",
+  "downloading the previous contribution from S3",
+  "checking the previous contribution's hash",
+  "carving out a personal challenge for your tau",
+  "the worker is queuing your slot",
+  "uploading the challenge so you can download it",
+  "rotating the worker's S3 connection",
+  "binding your challenge to the audit chain",
+  "stamping the challenge metadata in Postgres",
+  "AWS SDK is recycling connection pools",
+  "your slot timer starts the moment this finishes",
+  "writing the challenge to a fresh S3 key",
+  "double-checking the integrity hash",
+  "if this takes >1 min, S3 is having a bad time",
+  "Fargate is parsing the current bellman params",
+  "verifying the previous contribution's chain link",
+  "this step has no contributor-side analogue",
+  "the worker does the boring work so you don't have to",
+  "any second now \u2014 challenge is almost ready",
+  "encoding the challenge in Bellman wire format",
+  "making sure the file size matches the spec",
+  "presign URL is signed for 1 hour",
+  "your download will be tamper-evident",
+  "the challenge SHA-256 will be on the public transcript",
+  "patience \u2014 this is the longest server-side step",
+  "almost there \u2014 your turn is moments away"
+];
+
+// src/components/QueueView.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var POLL_FAST_MS = 5e3;
 var POLL_SLOW_MS = 15e3;
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set([
+  "timed_out",
+  "failed",
+  "verified"
+]);
 function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }) {
-  const [status, setStatus] = useState(null);
-  const [pollErr, setPollErr] = useState(null);
-  const [tick, setTick] = useState(0);
+  const [status, setStatus] = useState2(null);
+  const [pollErr, setPollErr] = useState2(null);
+  const [tick, setTick] = useState2(0);
   const timeoutRef = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     const id = setInterval(() => setTick((t) => (t + 1) % 4), 500);
     return () => clearInterval(id);
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     let cancelled = false;
     async function poll() {
       try {
@@ -342,6 +461,9 @@ function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }
           onReady(s);
           return;
         }
+        if (TERMINAL_STATUSES.has(s.status)) {
+          return;
+        }
         const interval = s.queue_position <= 2 ? POLL_FAST_MS : POLL_SLOW_MS;
         timeoutRef.current = setTimeout(poll, interval);
       } catch (err) {
@@ -367,6 +489,9 @@ function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }
       ] })
     ] });
   }
+  if (TERMINAL_STATUSES.has(status.status)) {
+    return /* @__PURE__ */ jsx2(TerminalSlotMessage, { status: status.status });
+  }
   const waitMins = Math.ceil((status.estimated_wait_secs ?? 0) / 60);
   const expiresAt = status.slot_expires_at ? new Date(status.slot_expires_at).toLocaleTimeString([], {
     hour: "2-digit",
@@ -395,7 +520,7 @@ function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }
         ] })
       ] })
     ] }),
-    status.status === "exporting" || status.status === "your_turn" || status.status === "ready_to_download" ? /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: /* @__PURE__ */ jsx2(Text2, { color: "green", children: status.status === "exporting" ? "Preparing your challenge file \u2014 hang tight..." : "Challenge ready \u2014 loading contribution flow..." }) }) : status.active_since ? /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+    status.status === "exporting" || status.status === "your_turn" || status.status === "ready_to_download" ? /* @__PURE__ */ jsx2(ExportingMessage, { status: status.status }) : status.active_since ? /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
       "Another contributor is active",
       expiresAt ? ` \xB7 slot expires at ${expiresAt}` : ""
     ] }) }) : status.queue_position > 1 ? (
@@ -419,9 +544,46 @@ function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }
     ] })
   ] });
 }
+function TerminalSlotMessage({ status }) {
+  const lines = {
+    timed_out: {
+      headline: "Your slot expired before the challenge file was ready.",
+      detail: "This is usually a transient S3 hiccup on the worker side, not a problem with your machine. Press B or Backspace to return to the track list and rejoin the queue \u2014 it almost always succeeds the second time."
+    },
+    failed: {
+      headline: "The worker reported a failure on this contribution.",
+      detail: "Press B or Backspace to return to the track list. If this happens repeatedly on the same track, the admin needs to investigate."
+    },
+    verified: {
+      headline: "This contribution is already recorded as verified.",
+      detail: "Press B or Backspace to return to the track list and pick another track."
+    }
+  };
+  const key = status;
+  const msg = lines[key] ?? {
+    headline: `Contribution ended with status: ${status}.`,
+    detail: "Press B or Backspace to return to the track list."
+  };
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", gap: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { color: "yellow", bold: true, children: msg.headline }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: msg.detail })
+  ] });
+}
+function ExportingMessage({ status }) {
+  const exportingMsg = useCyclingMessage(EXPORTING_MESSAGES, 2500, status === "exporting");
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: status === "exporting" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(Text2, { color: "green", children: [
+      /* @__PURE__ */ jsx2(Spinner, { type: "dots" }),
+      " ",
+      exportingMsg,
+      "\u2026"
+    ] }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Your slot is active. The worker is preparing the challenge file just for you." })
+  ] }) : /* @__PURE__ */ jsx2(Text2, { color: "green", children: "Challenge ready \u2014 loading contribution flow\u2026" }) });
+}
 
 // src/components/EntropyCollector.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
+import { useRef as useRef2, useState as useState3 } from "react";
 import { Box as Box3, Text as Text3, useInput } from "ink";
 
 // src/entropy.ts
@@ -442,8 +604,8 @@ function buildEntropyFromKeystrokes(chars, timingsNs) {
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var TARGET = 20;
 function EntropyCollector({ onComplete, onError }) {
-  const [count, setCount] = useState2(0);
-  const [done, setDone] = useState2(false);
+  const [count, setCount] = useState3(0);
+  const [done, setDone] = useState3(false);
   const charsRef = useRef2([]);
   const timingsRef = useRef2([]);
   const lastRef = useRef2(process.hrtime.bigint());
@@ -511,7 +673,7 @@ function EntropyCollector({ onComplete, onError }) {
 }
 
 // src/components/ContributeFlow.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import { Box as Box4, Text as Text4 } from "ink";
 import Spinner2 from "ink-spinner";
 import { tmpdir as tmpdir2 } from "os";
@@ -550,8 +712,8 @@ var STEP_INDEX = {
 };
 function ContributeFlow(props) {
   const { ceremonyId: ceremonyId2, trackId, token, slotStatus, entropy, displayName: displayName2 } = props;
-  const [step, setStep] = useState3({ name: "downloading", bytesReceived: 0, total: null });
-  useEffect3(() => {
+  const [step, setStep] = useState4({ name: "downloading", bytesReceived: 0, total: null });
+  useEffect4(() => {
     let cancelled = false;
     const challengePath = join4(tmpdir2(), `ceremony-challenge-${Date.now()}.mpcparams`);
     let responsePath = null;
@@ -597,8 +759,8 @@ function ContributeFlow(props) {
         await api.signalUploaded(ceremonyId2, trackId, slotStatus.contribution_id, token);
         if (cancelled) return;
         setStep({ name: "verifying", attempt: 1 });
-        const TOTAL_POLLS = 80;
-        const FAST_POLLS = 20;
+        const TOTAL_POLLS = 100;
+        const FAST_POLLS = 10;
         let receipt = null;
         let lastErr = null;
         for (let i = 0; i < TOTAL_POLLS; i++) {
@@ -632,6 +794,8 @@ function ContributeFlow(props) {
     };
   }, []);
   const currentIdx = STEP_INDEX[step.name] ?? 0;
+  const computingMsg = useCyclingMessage(COMPUTING_MESSAGES, 2500, step.name === "computing");
+  const verifyingMsg = useCyclingMessage(VERIFYING_MESSAGES, 3e3, step.name === "verifying");
   return /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", gap: 1, children: STEP_LABELS.map((label, i) => {
     const isDone = i < currentIdx;
     const isActive = i === currentIdx;
@@ -655,17 +819,25 @@ function ContributeFlow(props) {
       ] });
     }
     if (isActive && step.name === "verifying") {
-      const elapsed = step.attempt <= 20 ? step.attempt * 3 : 20 * 3 + (step.attempt - 20) * 10;
+      const elapsed = step.attempt <= 10 ? step.attempt * 3 : 10 * 3 + (step.attempt - 10) * 10;
       const mins = Math.floor(elapsed / 60);
       const secs = elapsed % 60;
       const time = mins > 0 ? `${mins}m ${secs.toString().padStart(2, "0")}s` : `${secs}s`;
       detail = /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
         " ",
-        "worker verifying \u2014 large circuits can take a few minutes (",
+        verifyingMsg,
+        "\u2026 (",
         time,
         " elapsed)"
       ] });
     }
+    if (isActive && step.name === "computing") {
+      detail = /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        " ",
+        computingMsg,
+        "\u2026"
+      ] });
+    }
     return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs4(Box4, { gap: 2, children: [
         indicator,
@@ -678,8 +850,7 @@ function ContributeFlow(props) {
             children: [
               label.charAt(0).toUpperCase() + label.slice(1),
               " ",
-              isActive && label === "computing" && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "(entropy stays local)" }),
-              isActive && label === "uploading" && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "(~544 bytes)" })
+              isActive && label === "computing" && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "(entropy stays local)" })
             ]
           }
         )
@@ -753,21 +924,33 @@ function InfoModal() {
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var NAME_MAX_LEN = 100;
 var NAME_VALID_RE = /^[\p{L}\p{N} _.\-]*$/u;
+function elideMiddle(s, maxLen) {
+  if (s.length <= maxLen) return s;
+  const keepHead = Math.ceil((maxLen - 1) / 2);
+  const keepTail = Math.floor((maxLen - 1) / 2);
+  return s.slice(0, keepHead) + "\u2026" + s.slice(s.length - keepTail);
+}
+function copyToClipboardOSC52(value) {
+  const payload = Buffer.from(value, "utf8").toString("base64");
+  process.stdout.write(`\x1B]52;c;${payload}\x07`);
+}
 function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName }) {
   const { exit } = useApp();
-  const [activeCeremonyId, setActiveCeremonyId] = useState4(initialCeremonyId);
-  const [displayName2, setDisplayName] = useState4(initialDisplayName ?? "anonymous");
-  const [nameSet, setNameSet] = useState4(initialDisplayName !== void 0);
-  const [screen, setScreen] = useState4(
+  const [activeCeremonyId, setActiveCeremonyId] = useState5(initialCeremonyId);
+  const [displayName2, setDisplayName] = useState5(initialDisplayName ?? "anonymous");
+  const [nameSet, setNameSet] = useState5(initialDisplayName !== void 0);
+  const [screen, setScreen] = useState5(
     initialDisplayName === void 0 ? { name: "name-input", value: "" } : initialCeremonyId ? { name: "loading" } : { name: "ceremony-picker", ceremonies: [], loading: true }
   );
-  const [ceremony, setCeremony] = useState4(null);
-  const [session, setSession] = useState4(null);
-  const [contributed, setContributed] = useState4({});
-  const [selectedIdx, setSelectedIdx] = useState4(0);
-  const [tab, setTab] = useState4(0);
-  const [showInfo, setShowInfo] = useState4(false);
-  useEffect4(() => {
+  const [ceremony, setCeremony] = useState5(null);
+  const [session, setSession] = useState5(null);
+  const [contributed, setContributed] = useState5({});
+  const [selectedIdx, setSelectedIdx] = useState5(0);
+  const [tab, setTab] = useState5(0);
+  const [contribCursor, setContribCursor] = useState5(0);
+  const [copyToast, setCopyToast] = useState5(null);
+  const [showInfo, setShowInfo] = useState5(false);
+  useEffect5(() => {
     if (!nameSet) return;
     if (!initialCeremonyId) {
       loadCeremonies();
@@ -890,7 +1073,7 @@ function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName })
     setScreen({ name: "ceremony-picker", ceremonies: [], loading: true });
     loadCeremonies();
   }
-  useEffect4(() => {
+  useEffect5(() => {
     if (screen.name === "queue" && session) {
       const { trackId } = screen;
       setQueueCleanup(() => {
@@ -986,6 +1169,7 @@ function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName })
       const { tracks } = screen;
       if (key.tab) {
         setTab((t) => (t + 1) % 2);
+        setContribCursor(0);
         return;
       }
       if (tab === 0) {
@@ -1002,6 +1186,30 @@ function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName })
           if (t && t.status === "open" && !contributed[t.id]) joinTrack(t);
           return;
         }
+      } else if (tab === 1) {
+        const myContribs = Object.values(contributed).filter(
+          (c) => c.ceremonyId === activeCeremonyId
+        );
+        if (key.upArrow) {
+          setContribCursor((i) => Math.max(0, i - 1));
+          return;
+        }
+        if (key.downArrow) {
+          setContribCursor((i) => Math.min(myContribs.length - 1, i + 1));
+          return;
+        }
+        if (q === "c") {
+          const target = myContribs[contribCursor];
+          if (target && target.contributionHash) {
+            copyToClipboardOSC52(target.contributionHash);
+            setCopyToast(`\u2713 Hash copied (round #${target.sequenceNumber})`);
+            setTimeout(() => setCopyToast(null), 2e3);
+          } else if (target) {
+            setCopyToast("Nothing to copy \u2014 hash is still pending");
+            setTimeout(() => setCopyToast(null), 2e3);
+          }
+          return;
+        }
       }
       if (q === "r") {
         goHome();
@@ -1130,29 +1338,34 @@ function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName })
       /* @__PURE__ */ jsx7(TabBar, {}),
       tab === 0 ? (
         // ── Dashboard tab ────────────────────────────────────────────────
+        // CIRCUIT column is sized to fit the longest mainnet name
+        // (`claim-deposit-into-confidential-amount-n4` = 41 chars). Names
+        // longer than that are middle-elided so the disambiguating suffix
+        // (-n1/-n2/-n4) stays visible — previously a hard slice(0,24)
+        // showed every claim variant as `claim-deposit-into-confi..`.
         /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-            "  CIRCUIT".padEnd(30),
-            "TOTAL".padEnd(10),
+            "  CIRCUIT".padEnd(46),
+            "TOTAL".padEnd(8),
             "QUEUE".padEnd(8),
-            "STATUS".padEnd(16),
+            "STATUS".padEnd(14),
             "MY CONTRIBUTIONS"
           ] }),
-          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(70) }),
+          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(90) }),
           tracks.map((t, i) => {
             const isSelected = i === selectedIdx;
             const canContribute = t.status === "open";
-            const nameClipped = t.circuit_name.length > 26 ? t.circuit_name.slice(0, 24) + ".." : t.circuit_name;
+            const nameDisplay = elideMiddle(t.circuit_name, 42);
             const statusColor = t.status === "open" ? "green" : t.status === "finalized" ? "cyan" : "yellow";
             const myContrib = contributed[t.id];
             return /* @__PURE__ */ jsxs7(Box7, { children: [
               /* @__PURE__ */ jsxs7(Text7, { color: isSelected ? "cyan" : canContribute ? void 0 : "gray", children: [
                 isSelected ? "\u25B6 " : "  ",
-                nameClipped.padEnd(28),
-                String(t.contribution_count).padEnd(10),
+                nameDisplay.padEnd(44),
+                String(t.contribution_count).padEnd(8),
                 String(t.queue_depth).padEnd(8)
               ] }),
-              /* @__PURE__ */ jsx7(Text7, { color: statusColor, children: trackStatusLabel(t.status).padEnd(16) }),
+              /* @__PURE__ */ jsx7(Text7, { color: statusColor, children: trackStatusLabel(t.status).padEnd(14) }),
               myContrib ? isSelected ? /* @__PURE__ */ jsxs7(Text7, { color: "green", children: [
                 "\u2713 contributed (round #",
                 myContrib.sequenceNumber,
@@ -1177,32 +1390,35 @@ function App({ ceremonyId: initialCeremonyId, displayName: initialDisplayName })
           /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Switch to Dashboard tab and press Enter on a circuit to contribute." })
         ] }) : /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-            "  CIRCUIT".padEnd(28),
-            "ROUND".padEnd(8),
-            "HASH".padEnd(20),
-            "TIME"
+            "  CIRCUIT".padEnd(44),
+            "ROUND".padEnd(7),
+            "VERIFIED AT".padEnd(22)
           ] }),
-          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(68) }),
-          myContributions.map((c, i) => /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs7(Box7, { children: [
-              /* @__PURE__ */ jsx7(Text7, { color: "green", children: " \u2713 " }),
-              /* @__PURE__ */ jsx7(Text7, { bold: true, children: c.circuitName.padEnd(24) }),
-              /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: "#" + c.sequenceNumber + " " }),
-              /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: c.contributionHash ? c.contributionHash.slice(0, 16) + "..." : "(pending)" })
-            ] }),
-            /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
-              "     ",
-              c.verifiedAt ? new Date(c.verifiedAt).toLocaleString() : ""
-            ] })
-          ] }, i)),
-          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(68) }),
-          /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(90) }),
+          myContributions.map((c, i) => {
+            const isSel = i === contribCursor;
+            return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs7(Box7, { children: [
+                /* @__PURE__ */ jsx7(Text7, { color: isSel ? "cyan" : "green", children: isSel ? "\u25B6 " : "  " }),
+                /* @__PURE__ */ jsx7(Text7, { bold: isSel, children: elideMiddle(c.circuitName, 40).padEnd(42) }),
+                /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: ("#" + c.sequenceNumber).padEnd(7) }),
+                /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: c.verifiedAt ? new Date(c.verifiedAt).toLocaleString() : "\u2014" })
+              ] }),
+              /* @__PURE__ */ jsx7(Box7, { paddingLeft: 4, children: /* @__PURE__ */ jsxs7(Text7, { color: isSel ? "cyan" : "gray", dimColor: !isSel, children: [
+                "hash:",
+                " ",
+                c.contributionHash ? c.contributionHash : "(pending \u2014 verify still in flight)"
+              ] }) })
+            ] }, i);
+          }),
+          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + "\u2500".repeat(90) }),
+          copyToast ? /* @__PURE__ */ jsx7(Text7, { color: "green", children: copyToast }) : /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
             "Total: ",
             myContributions.length,
             " contribution",
             myContributions.length !== 1 ? "s" : "",
             "  \xB7  ",
-            "Tab to switch \xB7 Q to quit"
+            "\u2191/\u2193 select \xB7 C copy hash \xB7 Tab switch \xB7 Q quit"
           ] })
         ] }) })
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbra-privacy/ceremony",
-  "version": "0.2.5",
+  "version": "0.2.8",
   "description": "Terminal UI for the Umbra Phase 2 trusted setup ceremony",
   "type": "module",
   "bin": {