@chipi-stack/chipi-react 14.7.0 → 14.9.0

package/dist/multisig.js

@@ -0,0 +1,744 @@
+'use strict';
+
+var backend = require('@chipi-stack/backend');
+var reactQuery = require('@tanstack/react-query');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/multisig/action-template.ts
+var FELT_PRIME = BigInt(
+  "0x800000000000011000000000000000000000000000000000000000000000001"
+);
+var U128_MASK = (1n << 128n) - 1n;
+function toFelt(v) {
+  let n;
+  try {
+    n = BigInt(typeof v === "string" ? v.trim() : v);
+  } catch {
+    throw new Error(`Not a felt: ${String(v)}`);
+  }
+  if (n < 0n || n >= FELT_PRIME) {
+    throw new Error(`Felt out of range: ${String(v)}`);
+  }
+  return "0x" + n.toString(16);
+}
+function u256(v) {
+  const n = BigInt(typeof v === "string" ? v.trim() : v);
+  if (n < 0n) throw new Error("u256 must be non-negative");
+  return ["0x" + (n & U128_MASK).toString(16), "0x" + (n >> 128n).toString(16)];
+}
+function amountToBase(amount, decimals) {
+  const t = amount.trim();
+  if (!/^\d+(\.\d+)?$/.test(t)) throw new Error(`Invalid amount: ${amount}`);
+  const [whole, frac = ""] = t.split(".");
+  if (frac.length > decimals) {
+    throw new Error(`Too many decimal places (max ${decimals})`);
+  }
+  const padded = (frac + "0".repeat(decimals)).slice(0, decimals);
+  return BigInt(whole) * 10n ** BigInt(decimals) + BigInt(padded || "0");
+}
+function defineActions(templates) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const t of templates) {
+    if (!t.key) throw new Error("ActionTemplate.key is required");
+    if (seen.has(t.key)) throw new Error(`Duplicate ActionTemplate key: ${t.key}`);
+    seen.add(t.key);
+  }
+  return templates;
+}
+var VOTE_CHOICES = [
+  { label: "Yes", value: "0x1" },
+  { label: "No", value: "0x0" },
+  { label: "Abstain", value: "0x2" }
+];
+function voteTemplate(opts) {
+  const fields = [];
+  if (!opts?.governanceContract) {
+    fields.push({ name: "contract", label: "Governance contract", type: "address" });
+  }
+  fields.push(
+    { name: "proposalId", label: "Proposal ID", type: "felt" },
+    { name: "choice", label: "Your vote", type: "select", options: VOTE_CHOICES }
+  );
+  const labelFor = (v) => VOTE_CHOICES.find((c) => c.value === v)?.label ?? v;
+  return {
+    key: "vote",
+    label: "Vote",
+    description: "Vote on a governance proposal.",
+    fields,
+    toCalls: (v) => [
+      {
+        to: opts?.governanceContract ?? v.contract,
+        entrypoint: opts?.entrypoint ?? "vote",
+        calldata: [toFelt(v.proposalId), toFelt(v.choice)]
+      }
+    ],
+    title: (v) => `Vote ${labelFor(v.choice)} on Proposal #${v.proposalId}`
+  };
+}
+var SN_MAIN_CHAIN_ID = "0x534e5f4d41494e";
+var OE_WINDOW_SECONDS = Number(backend.MAX_OE_VALIDITY_WINDOW_SECONDS);
+var OE_AFTER_SKEW_SECONDS = 60;
+function toOeCalls(calls) {
+  return calls.map((c) => ({
+    contractAddress: c.to,
+    entrypoint: c.entrypoint,
+    calldata: c.calldata
+  }));
+}
+function serializeEnvelope(env) {
+  return env.map((f) => "0x" + f.toString(16)).join(",");
+}
+function deserializeEnvelope(s) {
+  return s.split(",").filter(Boolean).map((f) => BigInt(f));
+}
+function newOeNonce(nowMs, rand) {
+  return BigInt(nowMs) << 24n | BigInt(Math.floor(rand * 16777215));
+}
+function deriveExecuteAfter(oeExecuteBefore) {
+  return BigInt(oeExecuteBefore) - BigInt(OE_WINDOW_SECONDS);
+}
+async function buildActionProposal(params) {
+  const nowMs = params.nowMs ?? Date.now();
+  const nonce = newOeNonce(nowMs, params.rand ?? Math.random());
+  const executeAfter = BigInt(Math.floor(nowMs / 1e3) - OE_AFTER_SKEW_SECONDS);
+  const executeBefore = executeAfter + BigInt(OE_WINDOW_SECONDS);
+  const oe = backend.buildOutsideExecution({
+    nonce,
+    calls: toOeCalls(params.calls),
+    caller: backend.ANY_CALLER_FELT,
+    executeAfter,
+    executeBefore
+  });
+  const messageHash = backend.computeOeHash(oe, params.walletAddress, params.chainId ?? SN_MAIN_CHAIN_ID);
+  const inner = await params.sign({
+    messageHash,
+    ownerIndex: params.ownerIndex ?? 0n
+  });
+  return {
+    oeMessageHash: "0x" + messageHash.toString(16),
+    oeNonce: "0x" + nonce.toString(16),
+    oeExecuteBefore: executeBefore.toString(),
+    proposerSignature: serializeEnvelope(inner)
+  };
+}
+async function signActionApproval(params) {
+  const inner = await params.sign({
+    messageHash: BigInt(params.oeMessageHash),
+    ownerIndex: params.ownerIndex
+  });
+  return serializeEnvelope(inner);
+}
+function assembleActionExecuteCalldata(params) {
+  const oe = backend.buildOutsideExecution({
+    nonce: BigInt(params.oeNonce),
+    calls: toOeCalls(params.calls),
+    caller: backend.ANY_CALLER_FELT,
+    executeAfter: deriveExecuteAfter(params.oeExecuteBefore),
+    executeBefore: BigInt(params.oeExecuteBefore)
+  });
+  const inner = params.signatures.map(deserializeEnvelope);
+  if (inner.length < Math.max(1, params.requiredApprovals)) {
+    throw new Error(
+      `Not enough signatures: have ${inner.length}, need ${params.requiredApprovals}.`
+    );
+  }
+  const signature = params.requiredApprovals <= 1 ? inner[0] : backend.buildThresholdEnvelope({ innerEnvelopes: inner });
+  return backend.serializeExecuteFromOutsideV2Calldata({
+    outsideExecution: oe,
+    signature
+  });
+}
+
+// src/multisig/proposals.ts
+async function createProposal(params) {
+  const calls = params.template.toCalls(params.values);
+  if (calls.length === 0) {
+    throw new Error("Template produced no calls");
+  }
+  const title = params.template.title(params.values);
+  const meta = params.template.meta?.(params.values);
+  const proposerOwnerId = params.signer.proposerOwnerIndex ?? 0;
+  const proposal = await buildActionProposal({
+    walletAddress: params.walletAddress,
+    calls,
+    sign: params.signer.sign,
+    ownerIndex: BigInt(proposerOwnerId),
+    chainId: params.chainId,
+    nowMs: params.nowMs,
+    rand: params.rand
+  });
+  return {
+    proposerOwnerId,
+    recipient: calls[0].to,
+    tokenAddress: calls[0].to,
+    amount: "0",
+    title,
+    calls,
+    ...meta ? { meta } : {},
+    ...params.template.risk ? { risk: params.template.risk } : {},
+    oeMessageHash: proposal.oeMessageHash,
+    oeNonce: proposal.oeNonce,
+    oeExecuteBefore: proposal.oeExecuteBefore,
+    requiredApprovals: params.requiredApprovals,
+    proposerSignature: proposal.proposerSignature,
+    proposerSignerKind: params.signer.signerKind
+  };
+}
+async function buildApproval(params) {
+  const ownerId = await params.signer.resolveOwnerIndex(params.walletAddress);
+  const signature = await signActionApproval({
+    oeMessageHash: params.proposal.oeMessageHash,
+    ownerIndex: BigInt(ownerId),
+    sign: params.signer.sign
+  });
+  return { ownerId, signature, signerKind: params.signer.signerKind };
+}
+function buildExecuteCalldata(proposal) {
+  if (!proposal.calls || proposal.calls.length === 0) {
+    throw new Error("Proposal has no calls to execute");
+  }
+  if (!proposal.oeNonce || !proposal.oeExecuteBefore) {
+    throw new Error("Proposal is missing OE params (nonce / executeBefore)");
+  }
+  const need = Math.max(1, proposal.requiredApprovals);
+  const signatures = [...proposal.signatures].sort((a, b) => a.ownerId - b.ownerId).slice(0, need).map((s) => s.signature);
+  return assembleActionExecuteCalldata({
+    calls: proposal.calls,
+    oeNonce: proposal.oeNonce,
+    oeExecuteBefore: proposal.oeExecuteBefore,
+    signatures,
+    requiredApprovals: proposal.requiredApprovals
+  });
+}
+var proposalsKey = (walletAddress) => ["chipi-multisig-proposals", walletAddress];
+function useProposeAction(config) {
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: async (input) => {
+      const requiredApprovals = await config.getRequiredApprovals();
+      const body = await createProposal({
+        template: input.template,
+        values: input.values,
+        walletAddress: config.walletAddress,
+        requiredApprovals,
+        signer: config.signer,
+        chainId: config.chainId
+      });
+      return config.transport.propose(body);
+    },
+    onSuccess: () => qc.invalidateQueries({
+      queryKey: proposalsKey(config.walletAddress)
+    })
+  });
+}
+function useTreasuryProposals(config) {
+  const qc = reactQuery.useQueryClient();
+  const invalidate = () => qc.invalidateQueries({ queryKey: proposalsKey(config.walletAddress) });
+  const proposals = reactQuery.useQuery({
+    queryKey: proposalsKey(config.walletAddress),
+    staleTime: 30 * 1e3,
+    queryFn: () => config.transport.list()
+  });
+  const approve = reactQuery.useMutation({
+    mutationFn: async (proposal) => {
+      const body = await buildApproval({
+        proposal,
+        walletAddress: config.walletAddress,
+        signer: config.signer
+      });
+      return config.transport.sign(proposal.id, body);
+    },
+    onSuccess: invalidate
+  });
+  const execute = reactQuery.useMutation({
+    mutationFn: (proposal) => config.transport.execute(proposal.id, buildExecuteCalldata(proposal)),
+    onSuccess: invalidate
+  });
+  return { proposals, approve, execute };
+}
+
+// src/multisig/components/theme.ts
+var DEFAULT_THEME = {
+  accent: "#4f46e5",
+  accentText: "#ffffff",
+  surface: "#fffdf8",
+  surfaceMuted: "#f4f1ea",
+  text: "#111111",
+  textMuted: "#6b7280",
+  danger: "#dc2626",
+  success: "#16a34a",
+  border: "#111111",
+  radius: "12px",
+  shadow: "4px 4px 0 0 #111111",
+  font: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif"
+};
+function themeVars(theme) {
+  const t = { ...DEFAULT_THEME, ...theme };
+  return {
+    "--cgov-accent": t.accent,
+    "--cgov-accent-text": t.accentText,
+    "--cgov-surface": t.surface,
+    "--cgov-surface-muted": t.surfaceMuted,
+    "--cgov-text": t.text,
+    "--cgov-text-muted": t.textMuted,
+    "--cgov-danger": t.danger,
+    "--cgov-success": t.success,
+    "--cgov-border": t.border,
+    "--cgov-radius": t.radius,
+    "--cgov-shadow": t.shadow,
+    "--cgov-font": t.font
+  };
+}
+var STYLE_ID = "chipi-gov-styles";
+var STYLE_TEXT = `
+.cgov-root{font-family:var(--cgov-font);color:var(--cgov-text);box-sizing:border-box}
+.cgov-root *,.cgov-root *::before,.cgov-root *::after{box-sizing:inherit}
+.cgov-card{background:var(--cgov-surface);border:2px solid var(--cgov-border);border-radius:var(--cgov-radius);box-shadow:var(--cgov-shadow)}
+.cgov-btn{display:inline-flex;align-items:center;gap:.5em;font:inherit;font-weight:600;cursor:pointer;border:2px solid var(--cgov-border);border-radius:calc(var(--cgov-radius) * .75);padding:.5em 1em;background:var(--cgov-surface);color:var(--cgov-text);transition:transform .06s ease}
+.cgov-btn:hover:not(:disabled){transform:translate(-1px,-1px)}
+.cgov-btn:active:not(:disabled){transform:translate(1px,1px)}
+.cgov-btn:disabled{opacity:.5;cursor:not-allowed}
+.cgov-btn-primary{background:var(--cgov-accent);color:var(--cgov-accent-text)}
+.cgov-btn-sm{font-size:.8125rem;padding:.35em .8em}
+.cgov-input,.cgov-select{font:inherit;width:100%;padding:.5em .75em;border:2px solid var(--cgov-border);border-radius:calc(var(--cgov-radius) * .6);background:var(--cgov-surface-muted);color:var(--cgov-text)}
+.cgov-input:focus,.cgov-select:focus{outline:3px solid color-mix(in srgb, var(--cgov-accent) 40%, transparent);outline-offset:1px}
+.cgov-label{display:block;font-size:.8125rem;font-weight:600;margin:0 0 .3em}
+.cgov-help{font-size:.75rem;color:var(--cgov-text-muted);margin:.25em 0 0}
+.cgov-field{margin-bottom:.9rem}
+.cgov-field-error{font-size:.75rem;color:var(--cgov-danger);margin:.25em 0 0}
+.cgov-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:2147483000;padding:1rem}
+@media (min-width:640px){.cgov-overlay{align-items:center}}
+.cgov-dialog{width:100%;max-width:28rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.25rem}
+.cgov-dialog-title{font-size:1.05rem;font-weight:700;margin:0 0 .25rem}
+.cgov-dialog-desc{font-size:.8125rem;color:var(--cgov-text-muted);margin:0 0 1rem}
+.cgov-preview{background:var(--cgov-surface-muted);border:2px dashed var(--cgov-border);border-radius:calc(var(--cgov-radius) * .6);padding:.75rem;margin:.25rem 0 1rem}
+.cgov-preview-title{font-weight:700;font-size:.9375rem;margin:0}
+.cgov-preview-rule{font-size:.75rem;color:var(--cgov-text-muted);margin:.35em 0 0}
+.cgov-preview-call{font-family:ui-monospace,monospace;font-size:.6875rem;color:var(--cgov-text-muted);margin:.35em 0 0;word-break:break-all}
+.cgov-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 1rem}
+.cgov-tab{font:inherit;font-size:.8125rem;font-weight:600;padding:.35em .8em;cursor:pointer;border:2px solid var(--cgov-border);border-radius:999px;background:var(--cgov-surface)}
+.cgov-tab[aria-selected="true"]{background:var(--cgov-accent);color:var(--cgov-accent-text)}
+.cgov-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:2px solid color-mix(in srgb, var(--cgov-border) 15%, transparent)}
+.cgov-row:last-child{border-bottom:none}
+.cgov-row-main{flex:1;min-width:0}
+.cgov-row-title{font-weight:600;font-size:.9375rem;margin:0;overflow:hidden;text-overflow:ellipsis}
+.cgov-row-sub{font-size:.75rem;color:var(--cgov-text-muted);margin:.15em 0 0;display:flex;gap:.5em;align-items:center;flex-wrap:wrap}
+.cgov-chip{display:inline-block;font-size:.6875rem;font-weight:700;padding:.15em .6em;border:1.5px solid var(--cgov-border);border-radius:999px;background:var(--cgov-surface-muted)}
+.cgov-chip-success{background:color-mix(in srgb, var(--cgov-success) 18%, transparent)}
+.cgov-chip-accent{background:color-mix(in srgb, var(--cgov-accent) 18%, transparent)}
+.cgov-empty{padding:1.5rem;text-align:center;color:var(--cgov-text-muted);font-size:.875rem}
+.cgov-error{padding:.6rem .75rem;border:2px solid var(--cgov-danger);border-radius:calc(var(--cgov-radius) * .6);background:color-mix(in srgb, var(--cgov-danger) 8%, transparent);color:var(--cgov-danger);font-size:.8125rem;margin:.5rem 0}
+.cgov-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cgov-text-muted);margin:1rem 0 .35rem;padding:0 .25rem}
+.cgov-group-label:first-child{margin-top:0}
+.cgov-spinner{display:inline-block;width:.9em;height:.9em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cgov-spin .7s linear infinite}
+@keyframes cgov-spin{to{transform:rotate(360deg)}}
+`;
+function injectGovStyles() {
+  const doc = globalThis.document;
+  if (!doc) return;
+  if (doc.getElementById(STYLE_ID)) return;
+  const el = doc.createElement("style");
+  el.id = STYLE_ID;
+  el.textContent = STYLE_TEXT;
+  doc.head.appendChild(el);
+}
+function fieldSyntaxError(field, raw) {
+  if (raw.trim() === "") return `${field.label} is required`;
+  const v = raw.trim();
+  switch (field.type) {
+    case "address":
+      return /^0x[0-9a-fA-F]{1,64}$/.test(v) ? null : `${field.label} must be a 0x address`;
+    case "felt":
+      return /^(0x[0-9a-fA-F]+|\d+)$/.test(v) ? null : `${field.label} must be a felt (0x-hex or decimal)`;
+    case "amount":
+      return /^\d+(\.\d+)?$/.test(v) ? null : `${field.label} must be a positive amount`;
+    case "number":
+    case "bps":
+    case "days":
+      return /^\d+$/.test(v) ? null : `${field.label} must be a whole number`;
+    default:
+      return null;
+  }
+}
+function FieldInput(props) {
+  const { field, value, onChange, error, disabled } = props;
+  const id = `cgov-field-${field.name}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-field", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "cgov-label", htmlFor: id, children: field.label }),
+    field.type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        id,
+        className: "cgov-select",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Choose\u2026" }),
+          field.options.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        className: "cgov-input",
+        value,
+        disabled,
+        inputMode: field.type === "amount" || field.type === "number" || field.type === "bps" || field.type === "days" ? "decimal" : "text",
+        placeholder: field.type === "address" ? "0x\u2026" : field.type === "amount" ? "0.00" : void 0,
+        onChange: (e) => onChange(e.target.value)
+      }
+    ),
+    "help" in field && field.help ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-help", children: field.help }) : null,
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-field-error", children: error }) : null
+  ] });
+}
+function buildPreview(template, values) {
+  for (const f of template.fields) {
+    const err = fieldSyntaxError(f, values[f.name] ?? "");
+    if (err) return { error: err };
+  }
+  try {
+    return { title: template.title(values), calls: template.toCalls(values) };
+  } catch (e) {
+    return { error: e instanceof Error ? e.message : "Invalid values" };
+  }
+}
+function ProposeAction(props) {
+  const [open, setOpen] = react.useState(false);
+  const [templateKey, setTemplateKey] = react.useState(props.preselect ?? props.actions[0]?.key ?? "");
+  const [values, setValues] = react.useState({});
+  const [touched, setTouched] = react.useState({});
+  const [requiredApprovals, setRequiredApprovals] = react.useState(null);
+  const [done, setDone] = react.useState(null);
+  react.useEffect(injectGovStyles, []);
+  const template = props.actions.find((t) => t.key === templateKey) ?? props.actions[0];
+  const propose = useProposeAction({
+    walletAddress: props.walletAddress,
+    transport: props.transport,
+    signer: props.signer,
+    getRequiredApprovals: props.getRequiredApprovals,
+    chainId: props.chainId
+  });
+  react.useEffect(() => {
+    if (!open) return;
+    let on = true;
+    props.getRequiredApprovals().then(
+      (n) => on && setRequiredApprovals(n),
+      () => on && setRequiredApprovals(null)
+    );
+    return () => {
+      on = false;
+    };
+  }, [open]);
+  const preview = react.useMemo(
+    () => template ? buildPreview(template, values) : { error: "No action templates" },
+    [template, values]
+  );
+  const reset = () => {
+    setValues({});
+    setTouched({});
+    setDone(null);
+    propose.reset();
+  };
+  const close = () => {
+    setOpen(false);
+    reset();
+  };
+  const submit = async () => {
+    if (!template || "error" in preview) return;
+    try {
+      const proposal = await propose.mutateAsync({ template, values });
+      setDone(proposal);
+      props.onProposed?.(proposal);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-root", style: themeVars(props.theme), children: [
+    props.trigger ? props.trigger(() => setOpen(true)) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "cgov-btn cgov-btn-primary", onClick: () => setOpen(true), children: "Propose action" }),
+    open ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-overlay", role: "presentation", onClick: close, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "cgov-card cgov-dialog cgov-root",
+        style: themeVars(props.theme),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": done ? "Proposal created" : "Propose an action",
+        onClick: (e) => e.stopPropagation(),
+        children: done ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "cgov-dialog-title", children: "Proposed \u2713" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "cgov-dialog-desc", children: [
+            done.title ?? "Your action",
+            " \u2014",
+            " ",
+            done.status === "APPROVED" ? "approved and ready to execute." : `needs ${done.requiredApprovals} approval${done.requiredApprovals === 1 ? "" : "s"}.`
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "cgov-btn cgov-btn-primary", onClick: close, children: "Done" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "cgov-dialog-title", children: "Propose an action" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-dialog-desc", children: "Your team approves before anything moves on chain." }),
+          props.actions.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-tabs", role: "tablist", "aria-label": "Action type", children: props.actions.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": t.key === template?.key,
+              className: "cgov-tab",
+              onClick: () => {
+                setTemplateKey(t.key);
+                reset();
+              },
+              children: t.label
+            },
+            t.key
+          )) }) : null,
+          template?.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-help", style: { marginBottom: "0.9rem" }, children: template.description }) : null,
+          template?.fields.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+            FieldInput,
+            {
+              field: f,
+              value: values[f.name] ?? "",
+              disabled: propose.isPending,
+              error: touched[f.name] ? fieldSyntaxError(f, values[f.name] ?? "") : null,
+              onChange: (raw) => {
+                setValues((v) => ({ ...v, [f.name]: raw }));
+                setTouched((t) => ({ ...t, [f.name]: true }));
+              }
+            },
+            f.name
+          )),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-preview", "aria-live": "polite", children: "error" in preview ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-preview-rule", children: "What this does \u2014 fill in the fields above." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-preview-title", children: preview.title }),
+            preview.calls.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "cgov-preview-call", children: [
+              c.entrypoint,
+              "(",
+              c.calldata.join(", "),
+              ") \u2192 ",
+              c.to.slice(0, 10),
+              "\u2026"
+            ] }, i)),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-preview-rule", children: requiredApprovals != null ? `Needs ${requiredApprovals} approval${requiredApprovals === 1 ? "" : "s"} before it executes.` : "Approval rule loads from your wallet." })
+          ] }) }),
+          propose.error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-error", role: "alert", children: propose.error instanceof Error ? propose.error.message : "Could not create the proposal. Try again." }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", justifyContent: "flex-end" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "cgov-btn",
+                onClick: close,
+                disabled: propose.isPending,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "cgov-btn cgov-btn-primary",
+                disabled: "error" in preview || propose.isPending,
+                onClick: submit,
+                children: propose.isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cgov-spinner", "aria-hidden": true }),
+                  " Signing\u2026"
+                ] }) : "Sign & propose"
+              }
+            )
+          ] })
+        ] })
+      }
+    ) }) : null
+  ] });
+}
+var STATUS_LABEL = {
+  PROPOSED: "Needs approvals",
+  APPROVED: "Ready to execute",
+  EXECUTED: "Executed",
+  CANCELED: "Canceled",
+  EXPIRED: "Expired"
+};
+function proposalTitle(p) {
+  return p.title?.trim() || "Treasury action";
+}
+function ProposalRow(props) {
+  const p = props.proposal;
+  const signed = props.myOwnerIndex != null && p.signatures.some((s) => s.ownerId === props.myOwnerIndex);
+  const canApprove = p.status === "PROPOSED" && props.myOwnerIndex != null && !signed;
+  const canExecute = p.status === "APPROVED";
+  const label = props.agentLabel ?? "Agent";
+  const title = props.isAgent ? `${label} wants: ${proposalTitle(p)}` : proposalTitle(p);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-row-main", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-row-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-row-sub", children: [
+        props.isAgent ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cgov-chip cgov-chip-accent", children: label }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `cgov-chip${p.status === "EXECUTED" ? " cgov-chip-success" : p.status === "APPROVED" ? " cgov-chip-accent" : ""}`,
+            children: STATUS_LABEL[p.status]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          p.signatures.length,
+          " of ",
+          p.requiredApprovals,
+          " approvals"
+        ] }),
+        p.risk === "SENSITIVE" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cgov-chip", children: "Sensitive" }) : null,
+        signed && p.status === "PROPOSED" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7 you approved" }) : null,
+        p.status === "EXECUTED" && p.executedTxHash && props.explorerTxUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: props.explorerTxUrl(p.executedTxHash),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "receipt \u2197"
+          }
+        ) : null,
+        props.renderContext ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: props.renderContext(p) }) : null
+      ] })
+    ] }),
+    canApprove ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "cgov-btn cgov-btn-primary cgov-btn-sm",
+        disabled: props.busy,
+        onClick: () => props.onApprove(p),
+        children: "Approve"
+      }
+    ) : canExecute ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "cgov-btn cgov-btn-primary cgov-btn-sm",
+        disabled: props.busy,
+        onClick: () => props.onExecute(p),
+        children: "Execute"
+      }
+    ) : null
+  ] });
+}
+function Approvals(props) {
+  const filter = props.filter ?? "actionable";
+  const [myOwnerIndex, setMyOwnerIndex] = react.useState(null);
+  const [actionError, setActionError] = react.useState(null);
+  react.useEffect(injectGovStyles, []);
+  react.useEffect(() => {
+    let on = true;
+    props.signer.resolveOwnerIndex(props.walletAddress).then(
+      (i) => on && setMyOwnerIndex(i),
+      () => on && setMyOwnerIndex(null)
+      // not an owner on this device → read-only
+    );
+    return () => {
+      on = false;
+    };
+  }, [props.walletAddress]);
+  const { proposals, approve, execute } = useTreasuryProposals({
+    walletAddress: props.walletAddress,
+    transport: props.transport,
+    signer: props.signer
+  });
+  const busy = approve.isPending || execute.isPending;
+  const onApprove = async (p) => {
+    setActionError(null);
+    try {
+      await approve.mutateAsync(p);
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not approve. Try again.");
+    }
+  };
+  const onExecute = async (p) => {
+    setActionError(null);
+    try {
+      const res = await execute.mutateAsync(p);
+      props.onExecuted?.(p, res.executedTxHash ?? res.transactionHash);
+    } catch (e) {
+      setActionError(e instanceof Error ? e.message : "Could not execute. Try again.");
+    }
+  };
+  const items = (proposals.data?.items ?? []).filter((p) => {
+    if (filter === "all") return true;
+    if (filter === "pending") return p.status === "PROPOSED" || p.status === "APPROVED";
+    return p.status === "APPROVED" || p.status === "PROPOSED" && (myOwnerIndex == null || !p.signatures.some((s) => s.ownerId === myOwnerIndex));
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-root", style: themeVars(props.theme), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-card", children: proposals.isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cgov-empty", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cgov-spinner", "aria-hidden": true }),
+      " Loading\u2026"
+    ] }) : proposals.error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-empty", children: "Could not load proposals." }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-empty", children: props.empty ?? "You're all caught up." }) : items.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+      ProposalRow,
+      {
+        proposal: p,
+        myOwnerIndex,
+        busy,
+        onApprove,
+        onExecute,
+        renderContext: props.renderContext,
+        explorerTxUrl: props.explorerTxUrl,
+        isAgent: props.isAgentProposal?.(p) ?? false,
+        agentLabel: props.agentLabel
+      },
+      p.id
+    )) }),
+    actionError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-error", role: "alert", children: actionError }) : null
+  ] });
+}
+function ApprovalInbox(props) {
+  react.useEffect(injectGovStyles, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cgov-root", style: themeVars(props.theme), children: props.treasuries.map((t) => /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t.label, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "cgov-group-label", children: t.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Approvals,
+      {
+        walletAddress: t.walletAddress,
+        transport: t.transport,
+        signer: t.signer,
+        renderContext: t.renderContext,
+        explorerTxUrl: t.explorerTxUrl,
+        isAgentProposal: t.isAgentProposal,
+        agentLabel: t.agentLabel,
+        filter: "actionable",
+        theme: props.theme,
+        empty: props.onEmpty ?? "All caught up.",
+        onExecuted: (p, tx) => props.onExecuted?.(t, p, tx)
+      }
+    )
+  ] }, t.walletAddress)) });
+}
+
+exports.ApprovalInbox = ApprovalInbox;
+exports.Approvals = Approvals;
+exports.DEFAULT_THEME = DEFAULT_THEME;
+exports.FELT_PRIME = FELT_PRIME;
+exports.FieldInput = FieldInput;
+exports.OE_WINDOW_SECONDS = OE_WINDOW_SECONDS;
+exports.ProposeAction = ProposeAction;
+exports.SN_MAIN_CHAIN_ID = SN_MAIN_CHAIN_ID;
+exports.amountToBase = amountToBase;
+exports.assembleActionExecuteCalldata = assembleActionExecuteCalldata;
+exports.buildActionProposal = buildActionProposal;
+exports.buildApproval = buildApproval;
+exports.buildExecuteCalldata = buildExecuteCalldata;
+exports.createProposal = createProposal;
+exports.defineActions = defineActions;
+exports.deriveExecuteAfter = deriveExecuteAfter;
+exports.deserializeEnvelope = deserializeEnvelope;
+exports.fieldSyntaxError = fieldSyntaxError;
+exports.injectGovStyles = injectGovStyles;
+exports.newOeNonce = newOeNonce;
+exports.proposalTitle = proposalTitle;
+exports.serializeEnvelope = serializeEnvelope;
+exports.signActionApproval = signActionApproval;
+exports.themeVars = themeVars;
+exports.toFelt = toFelt;
+exports.u256 = u256;
+exports.useProposeAction = useProposeAction;
+exports.useTreasuryProposals = useTreasuryProposals;
+exports.voteTemplate = voteTemplate;
+//# sourceMappingURL=multisig.js.map
+//# sourceMappingURL=multisig.js.map