@chipi-stack/chipi-react 14.8.0 → 14.10.0

package/dist/multisig.js

@@ -2,6 +2,8 @@
 
 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(
@@ -174,6 +176,7 @@ async function createProposal(params) {
     title,
     calls,
     ...meta ? { meta } : {},
+    ...params.template.risk ? { risk: params.template.risk } : {},
     oeMessageHash: proposal.oeMessageHash,
     oeNonce: proposal.oeNonce,
     oeExecuteBefore: proposal.oeExecuteBefore,
@@ -198,7 +201,8 @@ function buildExecuteCalldata(proposal) {
   if (!proposal.oeNonce || !proposal.oeExecuteBefore) {
     throw new Error("Proposal is missing OE params (nonce / executeBefore)");
   }
-  const signatures = [...proposal.signatures].sort((a, b) => a.ownerId - b.ownerId).map((s) => s.signature);
+  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,
@@ -254,8 +258,466 @@ function useTreasuryProposals(config) {
   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;
@@ -266,9 +728,13 @@ 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;