@elizaos/plugin-steward-app 2.0.3-beta.5 → 2.0.3-beta.7

package/dist/ApprovalQueue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Approval queue — shows pending transactions that need manual approval.
+ * Polls every 10 seconds for new items.
+ */
+import type { StewardApprovalActionResponse, StewardPendingApproval } from "./types/steward.js";
+interface ApprovalQueueProps {
+    getStewardPending: () => Promise<StewardPendingApproval[]>;
+    approveStewardTx: (txId: string) => Promise<StewardApprovalActionResponse>;
+    rejectStewardTx: (txId: string, reason?: string) => Promise<StewardApprovalActionResponse>;
+    copyToClipboard: (text: string) => Promise<void>;
+    setActionNotice: (text: string, tone?: "info" | "success" | "error", ttlMs?: number) => void;
+    onPendingCountChange?: (count: number) => void;
+    embedded?: boolean;
+    refreshKey?: number | string;
+}
+export declare function ApprovalQueue({ getStewardPending, approveStewardTx, rejectStewardTx, copyToClipboard, setActionNotice, onPendingCountChange, embedded, refreshKey, }: ApprovalQueueProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ApprovalQueue.d.ts.map

package/dist/ApprovalQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalQueue.d.ts","sourceRoot":"","sources":["../src/ApprovalQueue.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,OAAO,KAAK,EACV,6BAA6B,EAC7B,sBAAsB,EAEvB,MAAM,iBAAiB,CAAC;AAEzB,UAAU,kBAAkB;IAC1B,iBAAiB,EAAE,MAAM,OAAO,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC3D,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC3E,eAAe,EAAE,CACf,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,MAAM,KACZ,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAC5C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,eAAe,EAAE,CACf,IAAI,EAAE,MAAM,EACZ,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,EACnC,KAAK,CAAC,EAAE,MAAM,KACX,IAAI,CAAC;IACV,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAsLD,wBAAgB,aAAa,CAAC,EAC5B,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,QAAgB,EAChB,UAAU,GACX,EAAE,kBAAkB,2CA8RpB"}

package/dist/ApprovalQueue.js

@@ -0,0 +1,420 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, PagePanel, Spinner } from "@elizaos/ui";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { Check, Clock, Copy, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { formatWeiValue, getChainName, truncateAddress } from "./chain-utils.js";
+const POLL_INTERVAL_MS = 1e4;
+function PendingApprovalActions({
+  txId,
+  onApprove,
+  onReject
+}) {
+  const approveElement = useAgentElement({
+    id: `action-approve-${txId}`,
+    role: "button",
+    label: `Approve transaction ${txId}`,
+    group: "approval-actions",
+    description: "Approve this pending transaction"
+  });
+  const rejectElement = useAgentElement({
+    id: `action-reject-${txId}`,
+    role: "button",
+    label: `Reject transaction ${txId}`,
+    group: "approval-actions",
+    description: "Reject this pending transaction"
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref: approveElement.ref,
+        ...approveElement.agentProps,
+        variant: "default",
+        size: "sm",
+        className: "h-9 rounded-md bg-accent px-4 text-xs font-semibold text-accent-fg hover:bg-accent/90",
+        onClick: () => onApprove(txId),
+        "aria-label": `Approve transaction ${txId}`,
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+          "Approve"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref: rejectElement.ref,
+        ...rejectElement.agentProps,
+        variant: "outline",
+        size: "sm",
+        className: "h-9 rounded-md border-status-danger/30 px-4 text-xs font-semibold text-status-danger hover:bg-status-danger-bg hover:text-status-danger",
+        onClick: () => onReject(txId),
+        "aria-label": `Reject transaction ${txId}`,
+        children: [
+          /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }),
+          "Reject"
+        ]
+      }
+    )
+  ] });
+}
+function RejectReasonInput({
+  txId,
+  inputId,
+  value,
+  onChange
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `input-reject-reason-${txId}`,
+    role: "text-input",
+    label: "Rejection reason",
+    group: "approval-actions",
+    description: "Optional reason for rejecting the transaction",
+    getValue: () => value,
+    onFill: onChange
+  });
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      id: inputId,
+      ref,
+      ...agentProps,
+      type: "text",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      placeholder: "e.g., Unauthorized recipient",
+      "aria-label": "Rejection reason",
+      className: "mt-1 h-9 w-full rounded-md border border-border/40 bg-transparent px-3 text-sm text-txt placeholder:text-muted/40 focus:border-accent/40 focus:outline-none"
+    }
+  );
+}
+function ApprovalAddressButton({
+  txId,
+  address,
+  onCopy
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `copy-address-${txId}`,
+    role: "button",
+    label: `Copy recipient address for transaction ${txId}`,
+    group: "approval-details",
+    description: "Copy the destination address to the clipboard",
+    onActivate: onCopy
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      ...agentProps,
+      type: "button",
+      className: "flex items-center gap-1 font-mono text-sm text-txt hover:text-accent transition-colors cursor-pointer",
+      onClick: onCopy,
+      title: address,
+      children: [
+        truncateAddress(address),
+        /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3 opacity-40" })
+      ]
+    }
+  );
+}
+function ConfirmRejectButton({
+  txId,
+  onConfirm
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `action-confirm-reject-${txId}`,
+    role: "button",
+    label: `Confirm rejection of transaction ${txId}`,
+    group: "approval-actions",
+    description: "Confirm rejecting this transaction with the given reason",
+    onActivate: onConfirm
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      ...agentProps,
+      variant: "outline",
+      size: "sm",
+      className: "h-9 rounded-lg border-status-danger/30 px-3 text-xs text-status-danger hover:bg-status-danger-bg",
+      onClick: onConfirm,
+      children: "Confirm Reject"
+    }
+  );
+}
+function CancelRejectButton({
+  txId,
+  onCancel
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `action-cancel-reject-${txId}`,
+    role: "button",
+    label: `Cancel rejection of transaction ${txId}`,
+    group: "approval-actions",
+    description: "Close the rejection dialog without rejecting",
+    onActivate: onCancel
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      ...agentProps,
+      variant: "ghost",
+      size: "sm",
+      className: "h-9 rounded-lg px-3 text-xs text-muted",
+      onClick: onCancel,
+      children: "Cancel"
+    }
+  );
+}
+function ApprovalQueue({
+  getStewardPending,
+  approveStewardTx,
+  rejectStewardTx,
+  copyToClipboard,
+  setActionNotice,
+  onPendingCountChange,
+  embedded = false,
+  refreshKey
+}) {
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [actionInFlight, setActionInFlight] = useState(null);
+  const [rejectDialogTxId, setRejectDialogTxId] = useState(null);
+  const [rejectReason, setRejectReason] = useState("");
+  const prevCountRef = useRef(0);
+  const loadData = useCallback(async () => {
+    try {
+      const data = await getStewardPending();
+      const pending = Array.isArray(data) ? data : [];
+      setItems(pending);
+      setError(null);
+      const prevCount = prevCountRef.current;
+      if (pending.length > prevCount && prevCount > 0) {
+        setActionNotice(
+          `${pending.length - prevCount} new approval${pending.length - prevCount > 1 ? "s" : ""} pending`,
+          "info",
+          3e3
+        );
+      }
+      if (pending.length !== prevCount) {
+        prevCountRef.current = pending.length;
+        onPendingCountChange?.(pending.length);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load approvals");
+    } finally {
+      setLoading(false);
+    }
+  }, [getStewardPending, onPendingCountChange, setActionNotice]);
+  useEffect(() => {
+    void loadData();
+    const interval = setInterval(() => void loadData(), POLL_INTERVAL_MS);
+    return () => clearInterval(interval);
+  }, [loadData]);
+  useEffect(() => {
+    if (typeof refreshKey === "undefined") {
+      return;
+    }
+    setLoading(true);
+    void loadData();
+  }, [loadData, refreshKey]);
+  const handleApprove = useCallback(
+    async (txId) => {
+      setActionInFlight(txId);
+      try {
+        const result = await approveStewardTx(txId);
+        if (result.ok !== false) {
+          setActionNotice("Transaction approved", "success", 3e3);
+          setItems(
+            (prev) => prev.filter((item) => item.transaction.id !== txId)
+          );
+          onPendingCountChange?.(items.length - 1);
+        } else {
+          setActionNotice(result.error ?? "Approval failed", "error", 4e3);
+        }
+      } catch (err) {
+        setActionNotice(
+          err instanceof Error ? err.message : "Approval failed",
+          "error",
+          4e3
+        );
+      } finally {
+        setActionInFlight(null);
+      }
+    },
+    [approveStewardTx, setActionNotice, onPendingCountChange, items.length]
+  );
+  const handleReject = useCallback(
+    async (txId, reason) => {
+      setActionInFlight(txId);
+      try {
+        const result = await rejectStewardTx(txId, reason);
+        if (result.ok !== false) {
+          setActionNotice("Transaction rejected", "info", 3e3);
+          setItems(
+            (prev) => prev.filter((item) => item.transaction.id !== txId)
+          );
+          onPendingCountChange?.(items.length - 1);
+        } else {
+          setActionNotice(result.error ?? "Rejection failed", "error", 4e3);
+        }
+      } catch (err) {
+        setActionNotice(
+          err instanceof Error ? err.message : "Rejection failed",
+          "error",
+          4e3
+        );
+      } finally {
+        setActionInFlight(null);
+        setRejectDialogTxId(null);
+        setRejectReason("");
+      }
+    },
+    [rejectStewardTx, setActionNotice, onPendingCountChange, items.length]
+  );
+  const handleCopy = useCallback(
+    async (text, label) => {
+      await copyToClipboard(text);
+      setActionNotice(`${label} copied`, "success", 2e3);
+    },
+    [copyToClipboard, setActionNotice]
+  );
+  const formatTime = (dateStr) => {
+    try {
+      const d = new Date(dateStr);
+      const now = /* @__PURE__ */ new Date();
+      const diff = now.getTime() - d.getTime();
+      const mins = Math.floor(diff / 6e4);
+      if (mins < 1) return "just now";
+      if (mins < 60) return `${mins}m ago`;
+      const hours = Math.floor(mins / 60);
+      if (hours < 24) return `${hours}h ago`;
+      return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    } catch {
+      return dateStr;
+    }
+  };
+  const getPolicyReasons = (policyResults) => {
+    if (!Array.isArray(policyResults)) return [];
+    return policyResults.filter(
+      (r) => r.reason && (r.status === "rejected" || r.status === "pending")
+    ).map((r) => r.reason).filter(Boolean);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: embedded ? "flex min-h-0 flex-1 flex-col" : "space-y-4", children: [
+    error ? /* @__PURE__ */ jsx(PagePanel.Notice, { tone: "danger", children: error }) : null,
+    loading && items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 items-center justify-center px-6 py-12", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5 text-muted" }),
+      /* @__PURE__ */ jsx("span", { className: "ml-3 text-sm text-muted", children: "Checking for pending approvals\u2026" })
+    ] }) : null,
+    !loading && items.length === 0 && !error ? /* @__PURE__ */ jsx(
+      PagePanel.Empty,
+      {
+        variant: embedded ? "workspace" : "panel",
+        title: "None"
+      }
+    ) : null,
+    items.length > 0 ? /* @__PURE__ */ jsx(PagePanel.Toolbar, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-txt", children: "Pending" }),
+      /* @__PURE__ */ jsx("span", { className: "text-2xs font-bold text-muted", children: items.length })
+    ] }) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: items.map((item) => {
+      const tx = item.transaction;
+      const reasons = getPolicyReasons(tx.policyResults ?? []);
+      const isProcessing = actionInFlight === tx.id;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `px-1 py-4 transition-opacity ${isProcessing ? "opacity-60 pointer-events-none" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [
+                  /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ jsx("span", { children: formatTime(item.requestedAt) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-2xs font-medium", children: getChainName(tx.request?.chainId ?? 0) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-txt", children: formatWeiValue(
+                    tx.request?.value ?? "0",
+                    tx.request?.chainId ?? 8453
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted", children: "\u2192" }),
+                  /* @__PURE__ */ jsx(
+                    ApprovalAddressButton,
+                    {
+                      txId: tx.id,
+                      address: tx.request?.to ?? "",
+                      onCopy: () => void handleCopy(tx.request?.to ?? "", "Address")
+                    }
+                  )
+                ] }),
+                reasons.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: reasons.map((reason) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "rounded-lg bg-status-warning-bg px-2.5 py-1.5 text-xs text-status-warning",
+                    children: reason
+                  },
+                  reason
+                )) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 sm:flex-col sm:items-end", children: isProcessing ? /* @__PURE__ */ jsx(Spinner, { className: "h-5 w-5 text-muted" }) : /* @__PURE__ */ jsx(
+                PendingApprovalActions,
+                {
+                  txId: tx.id,
+                  onApprove: (id) => void handleApprove(id),
+                  onReject: (id) => setRejectDialogTxId(id)
+                }
+              ) })
+            ] }),
+            rejectDialogTxId === tx.id && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-end gap-2 pt-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: "block text-2xs font-medium text-muted mb-1",
+                  htmlFor: `reject-reason-${tx.id}`,
+                  children: [
+                    "Rejection reason (optional)",
+                    /* @__PURE__ */ jsx(
+                      RejectReasonInput,
+                      {
+                        inputId: `reject-reason-${tx.id}`,
+                        txId: tx.id,
+                        value: rejectReason,
+                        onChange: setRejectReason
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                ConfirmRejectButton,
+                {
+                  txId: tx.id,
+                  onConfirm: () => void handleReject(tx.id, rejectReason || void 0)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CancelRejectButton,
+                {
+                  txId: tx.id,
+                  onCancel: () => {
+                    setRejectDialogTxId(null);
+                    setRejectReason("");
+                  }
+                }
+              )
+            ] })
+          ]
+        },
+        item.queueId
+      );
+    }) })
+  ] });
+}
+export {
+  ApprovalQueue
+};
+//# sourceMappingURL=ApprovalQueue.js.map

package/dist/ApprovalQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ApprovalQueue.tsx"],"sourcesContent":["/**\n * Approval queue — shows pending transactions that need manual approval.\n * Polls every 10 seconds for new items.\n */\n\nimport { Button, PagePanel, Spinner } from \"@elizaos/ui\";\nimport { useAgentElement } from \"@elizaos/ui/agent-surface\";\nimport { Check, Clock, Copy, X } from \"lucide-react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { formatWeiValue, getChainName, truncateAddress } from \"./chain-utils.js\";\nimport type {\n  StewardApprovalActionResponse,\n  StewardPendingApproval,\n  StewardPolicyResult,\n} from \"./types/steward.js\";\n\ninterface ApprovalQueueProps {\n  getStewardPending: () => Promise<StewardPendingApproval[]>;\n  approveStewardTx: (txId: string) => Promise<StewardApprovalActionResponse>;\n  rejectStewardTx: (\n    txId: string,\n    reason?: string,\n  ) => Promise<StewardApprovalActionResponse>;\n  copyToClipboard: (text: string) => Promise<void>;\n  setActionNotice: (\n    text: string,\n    tone?: \"info\" | \"success\" | \"error\",\n    ttlMs?: number,\n  ) => void;\n  onPendingCountChange?: (count: number) => void;\n  embedded?: boolean;\n  refreshKey?: number | string;\n}\n\nconst POLL_INTERVAL_MS = 10_000;\n\nfunction PendingApprovalActions({\n  txId,\n  onApprove,\n  onReject,\n}: {\n  txId: string;\n  onApprove: (txId: string) => void;\n  onReject: (txId: string) => void;\n}) {\n  const approveElement = useAgentElement<HTMLButtonElement>({\n    id: `action-approve-${txId}`,\n    role: \"button\",\n    label: `Approve transaction ${txId}`,\n    group: \"approval-actions\",\n    description: \"Approve this pending transaction\",\n  });\n  const rejectElement = useAgentElement<HTMLButtonElement>({\n    id: `action-reject-${txId}`,\n    role: \"button\",\n    label: `Reject transaction ${txId}`,\n    group: \"approval-actions\",\n    description: \"Reject this pending transaction\",\n  });\n  return (\n    <>\n      <Button\n        ref={approveElement.ref}\n        {...approveElement.agentProps}\n        variant=\"default\"\n        size=\"sm\"\n        className=\"h-9 rounded-md bg-accent px-4 text-xs font-semibold text-accent-fg hover:bg-accent/90\"\n        onClick={() => onApprove(txId)}\n        aria-label={`Approve transaction ${txId}`}\n      >\n        <Check className=\"h-3.5 w-3.5\" />\n        Approve\n      </Button>\n      <Button\n        ref={rejectElement.ref}\n        {...rejectElement.agentProps}\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"h-9 rounded-md border-status-danger/30 px-4 text-xs font-semibold text-status-danger hover:bg-status-danger-bg hover:text-status-danger\"\n        onClick={() => onReject(txId)}\n        aria-label={`Reject transaction ${txId}`}\n      >\n        <X className=\"h-3.5 w-3.5\" />\n        Reject\n      </Button>\n    </>\n  );\n}\n\nfunction RejectReasonInput({\n  txId,\n  inputId,\n  value,\n  onChange,\n}: {\n  txId: string;\n  inputId: string;\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLInputElement>({\n    id: `input-reject-reason-${txId}`,\n    role: \"text-input\",\n    label: \"Rejection reason\",\n    group: \"approval-actions\",\n    description: \"Optional reason for rejecting the transaction\",\n    getValue: () => value,\n    onFill: onChange,\n  });\n  return (\n    <input\n      id={inputId}\n      ref={ref}\n      {...agentProps}\n      type=\"text\"\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder=\"e.g., Unauthorized recipient\"\n      aria-label=\"Rejection reason\"\n      className=\"mt-1 h-9 w-full rounded-md border border-border/40 bg-transparent px-3 text-sm text-txt placeholder:text-muted/40 focus:border-accent/40 focus:outline-none\"\n    />\n  );\n}\n\nfunction ApprovalAddressButton({\n  txId,\n  address,\n  onCopy,\n}: {\n  txId: string;\n  address: string;\n  onCopy: () => void;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `copy-address-${txId}`,\n    role: \"button\",\n    label: `Copy recipient address for transaction ${txId}`,\n    group: \"approval-details\",\n    description: \"Copy the destination address to the clipboard\",\n    onActivate: onCopy,\n  });\n  return (\n    <button\n      ref={ref}\n      {...agentProps}\n      type=\"button\"\n      className=\"flex items-center gap-1 font-mono text-sm text-txt hover:text-accent transition-colors cursor-pointer\"\n      onClick={onCopy}\n      title={address}\n    >\n      {truncateAddress(address)}\n      <Copy className=\"h-3 w-3 opacity-40\" />\n    </button>\n  );\n}\n\nfunction ConfirmRejectButton({\n  txId,\n  onConfirm,\n}: {\n  txId: string;\n  onConfirm: () => void;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `action-confirm-reject-${txId}`,\n    role: \"button\",\n    label: `Confirm rejection of transaction ${txId}`,\n    group: \"approval-actions\",\n    description: \"Confirm rejecting this transaction with the given reason\",\n    onActivate: onConfirm,\n  });\n  return (\n    <Button\n      ref={ref}\n      {...agentProps}\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-9 rounded-lg border-status-danger/30 px-3 text-xs text-status-danger hover:bg-status-danger-bg\"\n      onClick={onConfirm}\n    >\n      Confirm Reject\n    </Button>\n  );\n}\n\nfunction CancelRejectButton({\n  txId,\n  onCancel,\n}: {\n  txId: string;\n  onCancel: () => void;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `action-cancel-reject-${txId}`,\n    role: \"button\",\n    label: `Cancel rejection of transaction ${txId}`,\n    group: \"approval-actions\",\n    description: \"Close the rejection dialog without rejecting\",\n    onActivate: onCancel,\n  });\n  return (\n    <Button\n      ref={ref}\n      {...agentProps}\n      variant=\"ghost\"\n      size=\"sm\"\n      className=\"h-9 rounded-lg px-3 text-xs text-muted\"\n      onClick={onCancel}\n    >\n      Cancel\n    </Button>\n  );\n}\n\nexport function ApprovalQueue({\n  getStewardPending,\n  approveStewardTx,\n  rejectStewardTx,\n  copyToClipboard,\n  setActionNotice,\n  onPendingCountChange,\n  embedded = false,\n  refreshKey,\n}: ApprovalQueueProps) {\n  const [items, setItems] = useState<StewardPendingApproval[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [actionInFlight, setActionInFlight] = useState<string | null>(null);\n  const [rejectDialogTxId, setRejectDialogTxId] = useState<string | null>(null);\n  const [rejectReason, setRejectReason] = useState(\"\");\n  const prevCountRef = useRef(0);\n\n  const loadData = useCallback(async () => {\n    try {\n      const data = await getStewardPending();\n      const pending = Array.isArray(data) ? data : [];\n      setItems(pending);\n      setError(null);\n\n      // Toast when new items arrive (check BEFORE updating ref)\n      const prevCount = prevCountRef.current;\n      if (pending.length > prevCount && prevCount > 0) {\n        setActionNotice(\n          `${pending.length - prevCount} new approval${pending.length - prevCount > 1 ? \"s\" : \"\"} pending`,\n          \"info\",\n          3000,\n        );\n      }\n\n      // Notify parent of count changes (update ref AFTER toast check)\n      if (pending.length !== prevCount) {\n        prevCountRef.current = pending.length;\n        onPendingCountChange?.(pending.length);\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Failed to load approvals\");\n    } finally {\n      setLoading(false);\n    }\n  }, [getStewardPending, onPendingCountChange, setActionNotice]);\n\n  // Initial load + polling\n  useEffect(() => {\n    void loadData();\n    const interval = setInterval(() => void loadData(), POLL_INTERVAL_MS);\n    return () => clearInterval(interval);\n  }, [loadData]);\n\n  useEffect(() => {\n    if (typeof refreshKey === \"undefined\") {\n      return;\n    }\n    setLoading(true);\n    void loadData();\n  }, [loadData, refreshKey]);\n\n  const handleApprove = useCallback(\n    async (txId: string) => {\n      setActionInFlight(txId);\n      try {\n        const result = await approveStewardTx(txId);\n        if (result.ok !== false) {\n          setActionNotice(\"Transaction approved\", \"success\", 3000);\n          setItems((prev) =>\n            prev.filter((item) => item.transaction.id !== txId),\n          );\n          onPendingCountChange?.(items.length - 1);\n        } else {\n          setActionNotice(result.error ?? \"Approval failed\", \"error\", 4000);\n        }\n      } catch (err) {\n        setActionNotice(\n          err instanceof Error ? err.message : \"Approval failed\",\n          \"error\",\n          4000,\n        );\n      } finally {\n        setActionInFlight(null);\n      }\n    },\n    [approveStewardTx, setActionNotice, onPendingCountChange, items.length],\n  );\n\n  const handleReject = useCallback(\n    async (txId: string, reason?: string) => {\n      setActionInFlight(txId);\n      try {\n        const result = await rejectStewardTx(txId, reason);\n        if (result.ok !== false) {\n          setActionNotice(\"Transaction rejected\", \"info\", 3000);\n          setItems((prev) =>\n            prev.filter((item) => item.transaction.id !== txId),\n          );\n          onPendingCountChange?.(items.length - 1);\n        } else {\n          setActionNotice(result.error ?? \"Rejection failed\", \"error\", 4000);\n        }\n      } catch (err) {\n        setActionNotice(\n          err instanceof Error ? err.message : \"Rejection failed\",\n          \"error\",\n          4000,\n        );\n      } finally {\n        setActionInFlight(null);\n        setRejectDialogTxId(null);\n        setRejectReason(\"\");\n      }\n    },\n    [rejectStewardTx, setActionNotice, onPendingCountChange, items.length],\n  );\n\n  const handleCopy = useCallback(\n    async (text: string, label: string) => {\n      await copyToClipboard(text);\n      setActionNotice(`${label} copied`, \"success\", 2000);\n    },\n    [copyToClipboard, setActionNotice],\n  );\n\n  const formatTime = (dateStr: string) => {\n    try {\n      const d = new Date(dateStr);\n      const now = new Date();\n      const diff = now.getTime() - d.getTime();\n      const mins = Math.floor(diff / 60000);\n      if (mins < 1) return \"just now\";\n      if (mins < 60) return `${mins}m ago`;\n      const hours = Math.floor(mins / 60);\n      if (hours < 24) return `${hours}h ago`;\n      return d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n    } catch {\n      return dateStr;\n    }\n  };\n\n  const getPolicyReasons = (policyResults: StewardPolicyResult[]): string[] => {\n    if (!Array.isArray(policyResults)) return [];\n    return policyResults\n      .filter(\n        (r) => r.reason && (r.status === \"rejected\" || r.status === \"pending\"),\n      )\n      .map((r) => r.reason as string)\n      .filter(Boolean);\n  };\n\n  return (\n    <div className={embedded ? \"flex min-h-0 flex-1 flex-col\" : \"space-y-4\"}>\n      {error ? (\n        <PagePanel.Notice tone=\"danger\">{error}</PagePanel.Notice>\n      ) : null}\n\n      {loading && items.length === 0 ? (\n        <div className=\"flex min-h-0 flex-1 items-center justify-center px-6 py-12\">\n          <Spinner className=\"h-5 w-5 text-muted\" />\n          <span className=\"ml-3 text-sm text-muted\">\n            Checking for pending approvals…\n          </span>\n        </div>\n      ) : null}\n\n      {!loading && items.length === 0 && !error ? (\n        <PagePanel.Empty\n          variant={embedded ? \"workspace\" : \"panel\"}\n          title=\"None\"\n        />\n      ) : null}\n\n      {items.length > 0 ? (\n        <PagePanel.Toolbar>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"text-sm font-semibold text-txt\">Pending</span>\n            <span className=\"text-2xs font-bold text-muted\">\n              {items.length}\n            </span>\n          </div>\n        </PagePanel.Toolbar>\n      ) : null}\n\n      {/* Approval rows */}\n      <div className=\"space-y-3\">\n        {items.map((item) => {\n          const tx = item.transaction;\n          const reasons = getPolicyReasons(tx.policyResults ?? []);\n          const isProcessing = actionInFlight === tx.id;\n\n          return (\n            <div\n              key={item.queueId}\n              className={`px-1 py-4 transition-opacity ${\n                isProcessing ? \"opacity-60 pointer-events-none\" : \"\"\n              }`}\n            >\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"min-w-0 flex-1 space-y-2\">\n                  {/* Time + chain */}\n                  <div className=\"flex items-center gap-2 text-xs text-muted\">\n                    <Clock className=\"h-3 w-3\" />\n                    <span>{formatTime(item.requestedAt)}</span>\n                    <span className=\"text-2xs font-medium\">\n                      {getChainName(tx.request?.chainId ?? 0)}\n                    </span>\n                  </div>\n\n                  {/* Destination + amount */}\n                  <div className=\"flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n                    <div className=\"text-base font-semibold text-txt\">\n                      {formatWeiValue(\n                        tx.request?.value ?? \"0\",\n                        tx.request?.chainId ?? 8453,\n                      )}\n                    </div>\n                    <span className=\"text-muted\">→</span>\n                    <ApprovalAddressButton\n                      txId={tx.id}\n                      address={tx.request?.to ?? \"\"}\n                      onCopy={() =>\n                        void handleCopy(tx.request?.to ?? \"\", \"Address\")\n                      }\n                    />\n                  </div>\n\n                  {/* Policy reasons */}\n                  {reasons.length > 0 && (\n                    <div className=\"space-y-1\">\n                      {reasons.map((reason) => (\n                        <div\n                          key={reason}\n                          className=\"rounded-lg bg-status-warning-bg px-2.5 py-1.5 text-xs text-status-warning\"\n                        >\n                          {reason}\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n\n                {/* Action buttons */}\n                <div className=\"flex items-center gap-2 sm:flex-col sm:items-end\">\n                  {isProcessing ? (\n                    <Spinner className=\"h-5 w-5 text-muted\" />\n                  ) : (\n                    <PendingApprovalActions\n                      txId={tx.id}\n                      onApprove={(id) => void handleApprove(id)}\n                      onReject={(id) => setRejectDialogTxId(id)}\n                    />\n                  )}\n                </div>\n              </div>\n\n              {/* Reject reason dialog inline */}\n              {rejectDialogTxId === tx.id && (\n                <div className=\"mt-3 flex items-end gap-2 pt-3\">\n                  <div className=\"flex-1\">\n                    <label\n                      className=\"block text-2xs font-medium text-muted mb-1\"\n                      htmlFor={`reject-reason-${tx.id}`}\n                    >\n                      Rejection reason (optional)\n                      <RejectReasonInput\n                        inputId={`reject-reason-${tx.id}`}\n                        txId={tx.id}\n                        value={rejectReason}\n                        onChange={setRejectReason}\n                      />\n                    </label>\n                  </div>\n                  <ConfirmRejectButton\n                    txId={tx.id}\n                    onConfirm={() =>\n                      void handleReject(tx.id, rejectReason || undefined)\n                    }\n                  />\n                  <CancelRejectButton\n                    txId={tx.id}\n                    onCancel={() => {\n                      setRejectDialogTxId(null);\n                      setRejectReason(\"\");\n                    }}\n                  />\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/StewardLogo.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Steward brand icon.
+ * Keep this inline so package builds do not depend on app-only SVG loaders.
+ */
+interface StewardLogoProps {
+    className?: string;
+    size?: number;
+}
+export declare function StewardLogo({ className, size }: StewardLogoProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StewardLogo.d.ts.map

package/dist/StewardLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StewardLogo.d.ts","sourceRoot":"","sources":["../src/StewardLogo.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,gBAAgB,2CAsBrE"}

package/dist/StewardLogo.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function StewardLogo({ className, size = 20 }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: size,
+      height: size,
+      className,
+      "aria-hidden": "true",
+      focusable: "false",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2.25 19.25 5v5.82c0 5.25-3.53 9.92-7.25 10.93-3.72-1.01-7.25-5.68-7.25-10.93V5L12 2.25Z",
+            fill: "#8B6539"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5.25 16.25 6.86v3.62c0 3.47-2.12 6.55-4.25 7.37-2.13-.82-4.25-3.9-4.25-7.37V6.86L12 5.25Z",
+            fill: "#D9BE8E"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "m12 8.2 2.4 2.65L12 15.75l-2.4-4.9L12 8.2Z", fill: "#F7E7C8" })
+      ]
+    }
+  );
+}
+export {
+  StewardLogo
+};
+//# sourceMappingURL=StewardLogo.js.map

package/dist/StewardLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/StewardLogo.tsx"],"sourcesContent":["/**\n * Steward brand icon.\n * Keep this inline so package builds do not depend on app-only SVG loaders.\n */\n\ninterface StewardLogoProps {\n  className?: string;\n  size?: number;\n}\n\nexport function StewardLogo({ className, size = 20 }: StewardLogoProps) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      className={className}\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M12 2.25 19.25 5v5.82c0 5.25-3.53 9.92-7.25 10.93-3.72-1.01-7.25-5.68-7.25-10.93V5L12 2.25Z\"\n        fill=\"#8B6539\"\n      />\n      <path\n        d=\"M12 5.25 16.25 6.86v3.62c0 3.47-2.12 6.55-4.25 7.37-2.13-.82-4.25-3.9-4.25-7.37V6.86L12 5.25Z\"\n        fill=\"#D9BE8E\"\n      />\n      <path d=\"m12 8.2 2.4 2.65L12 15.75l-2.4-4.9L12 8.2Z\" fill=\"#F7E7C8\" />\n    </svg>\n  );\n}\n"],"mappings":"AAYI,SASE,KATF;AAFG,SAAS,YAAY,EAAE,WAAW,OAAO,GAAG,GAAqB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,MAAK;AAAA,MAEL;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA,oBAAC,UAAK,GAAE,8CAA6C,MAAK,WAAU;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}

package/dist/StewardView.d.ts

@@ -0,0 +1,13 @@
+/**
+ * StewardView — the single GUI/XR data wrapper for the Steward surface.
+ *
+ * It owns the live vault data (status, pending approvals, transaction history)
+ * read through the app store accessors, builds one {@link StewardSnapshot}, and
+ * renders the one presentational {@link StewardSpatialView} inside a
+ * {@link SpatialSurface}. Omitting the `modality` prop lets `SpatialSurface`
+ * auto-detect GUI vs XR via `window.__elizaXRContext`, so the SAME component
+ * serves both surfaces. The TUI surface renders the same `StewardSpatialView`
+ * through the terminal registry (see `register-terminal-view.tsx`).
+ */
+export declare function StewardView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StewardView.d.ts.map

package/dist/StewardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StewardView.d.ts","sourceRoot":"","sources":["../src/StewardView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA4EH,wBAAgB,WAAW,4CAyO1B"}

package/dist/StewardView.helpers.d.ts

@@ -0,0 +1,15 @@
+import type { StewardPendingApproval, StewardStatusResponse, StewardTxRecord } from "./types/steward.js";
+export interface StewardTxRecordsResponse {
+    records: StewardTxRecord[];
+    total: number;
+    offset: number;
+    limit: number;
+}
+export declare function stewardJson<T>(url: string): Promise<T>;
+export declare function postStewardJson<T>(url: string, body: Record<string, unknown>): Promise<T>;
+export declare function loadStewardTuiState(): Promise<{
+    status: StewardStatusResponse;
+    pending: StewardPendingApproval[];
+    history: StewardTxRecordsResponse | null;
+}>;
+//# sourceMappingURL=StewardView.helpers.d.ts.map

package/dist/StewardView.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StewardView.helpers.d.ts","sourceRoot":"","sources":["../src/StewardView.helpers.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAsB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAW5D;AAED,wBAAsB,eAAe,CAAC,CAAC,EACrC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC5B,OAAO,CAAC,CAAC,CAAC,CAeZ;AAED,wBAAsB,mBAAmB,IAAI,OAAO,CAAC;IACnD,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,OAAO,EAAE,wBAAwB,GAAG,IAAI,CAAC;CAC1C,CAAC,CAmBD"}

package/dist/StewardView.helpers.js

@@ -0,0 +1,45 @@
+async function stewardJson(url) {
+  const response = await fetch(url);
+  const data = await response.json().catch(() => ({}));
+  if (!response.ok) {
+    const message = data && typeof data === "object" && "error" in data ? String(data.error) : `Steward request failed with ${response.status}`;
+    throw new Error(message);
+  }
+  return data;
+}
+async function postStewardJson(url, body) {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  const data = await response.json().catch(() => ({}));
+  if (!response.ok) {
+    const message = data && typeof data === "object" && "error" in data ? String(data.error) : `Steward request failed with ${response.status}`;
+    throw new Error(message);
+  }
+  return data;
+}
+async function loadStewardTuiState() {
+  const status = await stewardJson(
+    "/api/wallet/steward-status"
+  );
+  if (!status.connected) {
+    return { status, pending: [], history: null };
+  }
+  const [pending, history] = await Promise.all([
+    stewardJson(
+      "/api/wallet/steward-pending-approvals"
+    ),
+    stewardJson(
+      "/api/wallet/steward-tx-records?limit=25&offset=0"
+    )
+  ]);
+  return { status, pending, history };
+}
+export {
+  loadStewardTuiState,
+  postStewardJson,
+  stewardJson
+};
+//# sourceMappingURL=StewardView.helpers.js.map

package/dist/StewardView.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/StewardView.helpers.ts"],"sourcesContent":["// Shared data helpers for the Steward view, used by the `interact` capability\n// handler (in StewardView.interact.ts) that serves the terminal surface. Kept\n// out of the .tsx so that file exports only React components and stays\n// Fast-Refresh-compatible in dev.\nimport type {\n  StewardPendingApproval,\n  StewardStatusResponse,\n  StewardTxRecord,\n} from \"./types/steward.js\";\n\nexport interface StewardTxRecordsResponse {\n  records: StewardTxRecord[];\n  total: number;\n  offset: number;\n  limit: number;\n}\n\nexport async function stewardJson<T>(url: string): Promise<T> {\n  const response = await fetch(url);\n  const data = await response.json().catch(() => ({}));\n  if (!response.ok) {\n    const message =\n      data && typeof data === \"object\" && \"error\" in data\n        ? String(data.error)\n        : `Steward request failed with ${response.status}`;\n    throw new Error(message);\n  }\n  return data as T;\n}\n\nexport async function postStewardJson<T>(\n  url: string,\n  body: Record<string, unknown>,\n): Promise<T> {\n  const response = await fetch(url, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json\" },\n    body: JSON.stringify(body),\n  });\n  const data = await response.json().catch(() => ({}));\n  if (!response.ok) {\n    const message =\n      data && typeof data === \"object\" && \"error\" in data\n        ? String(data.error)\n        : `Steward request failed with ${response.status}`;\n    throw new Error(message);\n  }\n  return data as T;\n}\n\nexport async function loadStewardTuiState(): Promise<{\n  status: StewardStatusResponse;\n  pending: StewardPendingApproval[];\n  history: StewardTxRecordsResponse | null;\n}> {\n  const status = await stewardJson<StewardStatusResponse>(\n    \"/api/wallet/steward-status\",\n  );\n\n  if (!status.connected) {\n    return { status, pending: [], history: null };\n  }\n\n  const [pending, history] = await Promise.all([\n    stewardJson<StewardPendingApproval[]>(\n      \"/api/wallet/steward-pending-approvals\",\n    ),\n    stewardJson<StewardTxRecordsResponse>(\n      \"/api/wallet/steward-tx-records?limit=25&offset=0\",\n    ),\n  ]);\n\n  return { status, pending, history };\n}\n"],"mappings":"AAiBA,eAAsB,YAAe,KAAyB;AAC5D,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,OAAO,MAAM,SAAS,KAAK,EAAE,MAAM,OAAO,CAAC,EAAE;AACnD,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,UACJ,QAAQ,OAAO,SAAS,YAAY,WAAW,OAC3C,OAAO,KAAK,KAAK,IACjB,+BAA+B,SAAS,MAAM;AACpD,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AACA,SAAO;AACT;AAEA,eAAsB,gBACpB,KACA,MACY;AACZ,QAAM,WAAW,MAAM,MAAM,KAAK;AAAA,IAChC,QAAQ;AAAA,IACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,IAC9C,MAAM,KAAK,UAAU,IAAI;AAAA,EAC3B,CAAC;AACD,QAAM,OAAO,MAAM,SAAS,KAAK,EAAE,MAAM,OAAO,CAAC,EAAE;AACnD,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,UACJ,QAAQ,OAAO,SAAS,YAAY,WAAW,OAC3C,OAAO,KAAK,KAAK,IACjB,+BAA+B,SAAS,MAAM;AACpD,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AACA,SAAO;AACT;AAEA,eAAsB,sBAInB;AACD,QAAM,SAAS,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,MAAI,CAAC,OAAO,WAAW;AACrB,WAAO,EAAE,QAAQ,SAAS,CAAC,GAAG,SAAS,KAAK;AAAA,EAC9C;AAEA,QAAM,CAAC,SAAS,OAAO,IAAI,MAAM,QAAQ,IAAI;AAAA,IAC3C;AAAA,MACE;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,EAAE,QAAQ,SAAS,QAAQ;AACpC;","names":[]}

package/dist/StewardView.interact.d.ts

@@ -0,0 +1,2 @@
+export declare function interact(capability: string, params?: Record<string, unknown>): Promise<unknown>;
+//# sourceMappingURL=StewardView.interact.d.ts.map

package/dist/StewardView.interact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StewardView.interact.d.ts","sourceRoot":"","sources":["../src/StewardView.interact.ts"],"names":[],"mappings":"AAeA,wBAAsB,QAAQ,CAC5B,UAAU,EAAE,MAAM,EAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B,OAAO,CAAC,OAAO,CAAC,CAoDlB"}