@umbra-privacy/ceremony 0.2.5 → 0.2.6

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,61 @@ 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"
+];
+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"
+];
+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"
+];
+
+// 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;
 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 {
@@ -395,7 +434,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 +458,21 @@ function QueueView({ ceremonyId: ceremonyId2, trackId, token, onReady, onError }
     ] })
   ] });
 }
+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 +493,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 +562,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 +601,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 +648,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 +683,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 +708,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 +739,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)" })
             ]
           }
         )
@@ -755,19 +815,19 @@ var NAME_MAX_LEN = 100;
 var NAME_VALID_RE = /^[\p{L}\p{N} _.\-]*$/u;
 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 [showInfo, setShowInfo] = useState5(false);
+  useEffect5(() => {
     if (!nameSet) return;
     if (!initialCeremonyId) {
       loadCeremonies();
@@ -890,7 +950,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(() => {

package/package.json

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