plotlink-ows 1.2.98 → 1.2.99

package/README.md

@@ -271,6 +271,23 @@ npm run app:start    # Serve production build
 
 See [`.env.example`](.env.example) for configuration options.
 
+### Release Checklist
+
+For manual npm releases, always update GitHub Releases as part of publish
+preparation. The release tag must match the npm version (`vX.Y.Z`), and the
+release page should be created or updated before running `npm publish`.
+
+```bash
+npm run preflight
+git push origin main --follow-tags
+gh release create "v$(node -p 'require("./package.json").version')" --generate-notes --latest
+npm publish
+```
+
+Prefer `npm run release:patch`, `npm run release:minor`, or
+`npm run release:major` when the version bump is straightforward; those scripts
+already include GitHub Release creation.
+
 ---
 
 ## 🔗 Links

package/app/routes/dashboard.ts

@@ -1,9 +1,9 @@
 import { Hono } from "hono";
-import { createPublicClient, http } from "viem";
+import { createPublicClient, createWalletClient, formatUnits, http, type Address } from "viem";
 import { base } from "viem/chains";
 import fs from "fs";
 import path from "path";
-import { getEthBalance } from "../lib/publish";
+import { createOwsAccount, getEthBalance } from "../lib/publish";
 import { resolveActiveWallet } from "../lib/active-wallet";
 import { mcv2BondAbi } from "../../packages/cli/src/sdk/abi";
 import { STORIES_DIR, readPublishStatus } from "./stories";
@@ -19,6 +19,10 @@ const publicClient = createPublicClient({
 
 const dashboard = new Hono();
 
+function formatPlot(value: bigint): string {
+  return Number(formatUnits(value, 18)).toFixed(6);
+}
+
 /** GET /api/dashboard — writer dashboard data */
 dashboard.get("/", async (c) => {
   // Scan stories/ for publish status
@@ -125,9 +129,10 @@ dashboard.get("/", async (c) => {
   }, BigInt(0));
   const totalGasCostEth = (Number(totalGasCostWei) / 1e18).toFixed(6);
 
-  // Query on-chain royalties (WETH on Base — bonding curve reserve)
+  // Query on-chain royalties (PLOT on Base — bonding curve reserve)
   let royaltiesEarned = "0";
   let royaltiesClaimed = "0";
+  let royaltiesUnclaimed = "0";
   if (walletInfo?.address) {
     try {
       // getRoyaltyInfo returns (unclaimed, totalClaimed)
@@ -138,8 +143,9 @@ dashboard.get("/", async (c) => {
         args: [walletInfo.address as `0x${string}`, RESERVE_TOKEN],
       }) as [bigint, bigint];
       // Total earned = unclaimed + previously claimed
-      royaltiesEarned = (Number(unclaimed + totalClaimed) / 1e18).toFixed(6);
-      royaltiesClaimed = (Number(totalClaimed) / 1e18).toFixed(6);
+      royaltiesEarned = formatPlot(unclaimed + totalClaimed);
+      royaltiesClaimed = formatPlot(totalClaimed);
+      royaltiesUnclaimed = formatPlot(unclaimed);
     } catch { /* no royalties or contract not available */ }
   }
 
@@ -219,7 +225,7 @@ dashboard.get("/", async (c) => {
     royalties: {
       earned: royaltiesEarned,
       claimed: royaltiesClaimed,
-      unclaimed: (parseFloat(royaltiesEarned) - parseFloat(royaltiesClaimed)).toFixed(6),
+      unclaimed: royaltiesUnclaimed,
       token: "PLOT",
     },
     pnl: {
@@ -233,4 +239,65 @@ dashboard.get("/", async (c) => {
   });
 });
 
+/** POST /api/dashboard/royalties/claim — claim active wallet PLOT royalties */
+dashboard.post("/royalties/claim", async (c) => {
+  try {
+    const resolved = await resolveActiveWallet();
+    const activeWallet = resolved.activeWallet;
+    const address = activeWallet?.address as Address | undefined;
+
+    if (!activeWallet || !address) {
+      return c.json({
+        error: resolved.error || "No active OWS wallet selected",
+        selectionRequired: resolved.selectionRequired,
+        wallets: resolved.wallets,
+      }, 400);
+    }
+
+    const [unclaimed] = await publicClient.readContract({
+      address: MCV2_BOND,
+      abi: mcv2BondAbi,
+      functionName: "getRoyaltyInfo",
+      args: [address, RESERVE_TOKEN],
+    }) as [bigint, bigint];
+
+    if (unclaimed <= 0n) {
+      return c.json({ error: "No PLOT royalties available to claim", unclaimed: "0", token: "PLOT" }, 400);
+    }
+
+    const rpcUrl = process.env.NEXT_PUBLIC_RPC_URL || "https://mainnet.base.org";
+    const account = createOwsAccount(activeWallet.name, address);
+    const walletClient = createWalletClient({
+      account,
+      chain: base,
+      transport: http(rpcUrl),
+    });
+
+    const { request } = await publicClient.simulateContract({
+      account,
+      address: MCV2_BOND,
+      abi: mcv2BondAbi,
+      functionName: "claimRoyalties",
+      args: [RESERVE_TOKEN],
+    });
+    const txHash = await walletClient.writeContract(request);
+    const receipt = await publicClient.waitForTransactionReceipt({ hash: txHash });
+
+    if (receipt.status !== "success") {
+      return c.json({ error: "Royalty claim transaction reverted", txHash }, 500);
+    }
+
+    return c.json({
+      ok: true,
+      txHash,
+      amount: formatPlot(unclaimed),
+      token: "PLOT",
+      basescanUrl: `https://basescan.org/tx/${txHash}`,
+    });
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message : "Royalty claim failed";
+    return c.json({ error: message }, 500);
+  }
+});
+
 export { dashboard as dashboardRoutes };

package/app/routes/wallet.ts

@@ -1,12 +1,87 @@
 import { Hono } from "hono";
 import fs from "fs";
+import {
+  createPublicClient,
+  createWalletClient,
+  encodeFunctionData,
+  erc20Abi,
+  formatUnits,
+  http,
+  isAddress,
+  parseUnits,
+  type Address,
+} from "viem";
+import { base } from "viem/chains";
 import { ENV_FILE } from "../lib/paths";
 import { nextPlotlinkWalletName, resolveActiveWallet, selectActiveWallet, toPublicActiveWallet } from "../lib/active-wallet";
+import { createOwsAccount } from "../lib/publish";
 
 const envPath = ENV_FILE;
+const rpcUrl = process.env.NEXT_PUBLIC_RPC_URL || "https://mainnet.base.org";
+const USDC_BASE = "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913" as const;
+const PLOT_BASE = "0x4F567DACBF9D15A6acBe4A47FC2Ade0719Fb63C4" as const;
+
+const publicClient = createPublicClient({
+  chain: base,
+  transport: http(rpcUrl),
+});
 
 const wallet = new Hono();
 
+const KNOWN_TOKENS = {
+  ETH: { symbol: "ETH", decimals: 18, address: null },
+  USDC: { symbol: "USDC", decimals: 6, address: USDC_BASE },
+  PLOT: { symbol: "PLOT", decimals: 18, address: PLOT_BASE },
+} as const;
+
+type SendToken = {
+  symbol: string;
+  decimals: number;
+  address: Address | null;
+};
+
+function amountLooksValid(amount: unknown): amount is string {
+  return typeof amount === "string" && /^(?:0|[1-9]\d*)(?:\.\d+)?$/.test(amount.trim()) && !/^0(?:\.0*)?$/.test(amount.trim());
+}
+
+async function resolveSendToken(rawToken?: string, rawTokenAddress?: string): Promise<SendToken> {
+  const tokenInput = (rawToken || "").trim();
+  const upper = tokenInput.toUpperCase();
+  if (upper in KNOWN_TOKENS) {
+    return KNOWN_TOKENS[upper as keyof typeof KNOWN_TOKENS];
+  }
+
+  const candidate = rawTokenAddress?.trim() || tokenInput;
+  if (!isAddress(candidate)) {
+    throw new Error("Token must be ETH, PLOT, USDC, or a valid ERC-20 address");
+  }
+
+  const address = candidate as Address;
+  const [symbol, decimals] = await Promise.all([
+    publicClient.readContract({ address, abi: erc20Abi, functionName: "symbol" }),
+    publicClient.readContract({ address, abi: erc20Abi, functionName: "decimals" }),
+  ]);
+
+  return {
+    symbol: String(symbol || "TOKEN"),
+    decimals: Number(decimals),
+    address,
+  };
+}
+
+async function erc20Balance(token: Address, owner: Address): Promise<bigint> {
+  return publicClient.readContract({
+    address: token,
+    abi: erc20Abi,
+    functionName: "balanceOf",
+    args: [owner],
+  }) as Promise<bigint>;
+}
+
+function formatGasRequirement(gasCost: bigint): string {
+  return `${formatUnits(gasCost, 18)} ETH`;
+}
+
 function readEnvPassphrase(): string | null {
   if (process.env.OWS_PASSPHRASE) return process.env.OWS_PASSPHRASE;
   try {
@@ -29,8 +104,6 @@ wallet.get("/", async (c) => {
     let ethBalance = "0";
     let usdcBalance = "0";
     let plotBalance = "0";
-    const rpcUrl = process.env.NEXT_PUBLIC_RPC_URL || "https://mainnet.base.org";
-
     if (activeWallet?.address) {
       const addrPadded = "000000000000000000000000" + activeWallet.address.slice(2).toLowerCase();
       const balanceOfSig = "0x70a08231" + addrPadded;
@@ -48,7 +121,6 @@ wallet.get("/", async (c) => {
         }
 
         // USDC balance (6 decimals)
-        const USDC_BASE = "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
         const usdcRes = await fetch(rpcUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
@@ -60,11 +132,10 @@ wallet.get("/", async (c) => {
         }
 
         // PLOT balance (18 decimals)
-        const PLOT = "0x4F567DACBF9D15A6acBe4A47FC2Ade0719Fb63C4";
         const plotRes = await fetch(rpcUrl, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ jsonrpc: "2.0", id: 3, method: "eth_call", params: [{ to: PLOT, data: balanceOfSig }, "latest"] }),
+          body: JSON.stringify({ jsonrpc: "2.0", id: 3, method: "eth_call", params: [{ to: PLOT_BASE, data: balanceOfSig }, "latest"] }),
         });
         const plotData = await plotRes.json() as { result?: string };
         if (plotData.result && plotData.result !== "0x") {
@@ -101,6 +172,119 @@ wallet.get("/", async (c) => {
   }
 });
 
+/** POST /api/wallet/send — send ETH or ERC-20 tokens from the active OWS wallet */
+wallet.post("/send", async (c) => {
+  try {
+    const body = await c.req.json<{ token?: string; tokenAddress?: string; to?: string; amount?: string }>();
+    const to = body.to?.trim();
+    if (!to || !isAddress(to)) {
+      return c.json({ error: "Valid recipient address required" }, 400);
+    }
+    if (!amountLooksValid(body.amount)) {
+      return c.json({ error: "Positive amount required" }, 400);
+    }
+
+    let token: SendToken;
+    try {
+      token = await resolveSendToken(body.token, body.tokenAddress);
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : "Invalid token";
+      return c.json({ error: message }, 400);
+    }
+
+    let amount: bigint;
+    try {
+      amount = parseUnits(body.amount.trim(), token.decimals);
+    } catch {
+      return c.json({ error: `Amount has too many decimals for ${token.symbol}` }, 400);
+    }
+
+    const resolved = await resolveActiveWallet();
+    const activeWallet = resolved.activeWallet;
+    const from = activeWallet?.address as Address | undefined;
+    if (!activeWallet || !from || !activeWallet.name) {
+      return c.json({
+        error: resolved.error || "No active OWS wallet selected",
+        selectionRequired: resolved.selectionRequired,
+        wallets: resolved.wallets,
+      }, 400);
+    }
+
+    const ethBalance = await publicClient.getBalance({ address: from });
+    const account = createOwsAccount(activeWallet.name, from);
+    const walletClient = createWalletClient({
+      account,
+      chain: base,
+      transport: http(rpcUrl),
+    });
+
+    let txHash: `0x${string}`;
+    if (!token.address) {
+      const gas = await publicClient.estimateGas({ account, to: to as Address, value: amount });
+      const gasPrice = await publicClient.getGasPrice();
+      const gasCost = gas * gasPrice;
+      if (ethBalance < amount + gasCost) {
+        return c.json({
+          error: `Insufficient ETH for amount plus gas. Estimated gas: ${formatGasRequirement(gasCost)}`,
+        }, 400);
+      }
+      txHash = await walletClient.sendTransaction({ to: to as Address, value: amount });
+    } else {
+      const balance = await erc20Balance(token.address, from);
+      if (balance < amount) {
+        return c.json({
+          error: `Insufficient ${token.symbol} balance`,
+          available: formatUnits(balance, token.decimals),
+          required: body.amount.trim(),
+          token: token.symbol,
+        }, 400);
+      }
+
+      const data = encodeFunctionData({
+        abi: erc20Abi,
+        functionName: "transfer",
+        args: [to as Address, amount],
+      });
+      const gas = await publicClient.estimateGas({ account, to: token.address, data });
+      const gasPrice = await publicClient.getGasPrice();
+      const gasCost = gas * gasPrice;
+      if (ethBalance < gasCost) {
+        return c.json({
+          error: `Insufficient ETH for transfer gas. Estimated gas: ${formatGasRequirement(gasCost)}`,
+        }, 400);
+      }
+
+      const { request } = await publicClient.simulateContract({
+        account,
+        address: token.address,
+        abi: erc20Abi,
+        functionName: "transfer",
+        args: [to as Address, amount],
+      });
+      txHash = await walletClient.writeContract(request);
+    }
+
+    const receipt = await publicClient.waitForTransactionReceipt({ hash: txHash });
+    if (receipt.status !== "success") {
+      return c.json({ error: "Transfer transaction reverted", txHash }, 500);
+    }
+
+    return c.json({
+      ok: true,
+      txHash,
+      from,
+      to,
+      token: token.symbol,
+      tokenAddress: token.address,
+      amount: formatUnits(amount, token.decimals),
+      basescanUrl: `https://basescan.org/tx/${txHash}`,
+    });
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message : "Wallet transfer failed";
+    return c.json({ error: message }, 500);
+  }
+});
+
 /** POST /api/wallet/active — select active OWS wallet */
 wallet.post("/active", async (c) => {
   const body = await c.req.json<{ walletId?: string; name?: string; address?: string }>();

package/app/web/components/Dashboard.tsx

@@ -50,6 +50,9 @@ interface DashboardData {
 
 export function Dashboard({ token }: { token: string }) {
   const [data, setData] = useState<DashboardData | null>(null);
+  const [claiming, setClaiming] = useState(false);
+  const [claimError, setClaimError] = useState<string | null>(null);
+  const [claimResult, setClaimResult] = useState<{ txHash: string; amount: string; basescanUrl?: string } | null>(null);
   const authFetch = useCallback((url: string, opts?: RequestInit) =>
     fetch(url, { ...opts, headers: { ...opts?.headers, Authorization: `Bearer ${token}`, "Content-Type": "application/json" } }),
   [token]);
@@ -69,6 +72,24 @@ export function Dashboard({ token }: { token: string }) {
     if (isNaN(date.getTime())) return "Unknown date";
     return date.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
   };
+  const canClaimRoyalties = data?.wallet && parseFloat(data.royalties.unclaimed) > 0;
+
+  const handleClaimRoyalties = async () => {
+    setClaiming(true);
+    setClaimError(null);
+    setClaimResult(null);
+    try {
+      const res = await authFetch(`${API_BASE}/api/dashboard/royalties/claim`, { method: "POST" });
+      const claimData = await res.json();
+      if (!res.ok) throw new Error(claimData.error || "Royalty claim failed");
+      setClaimResult({ txHash: claimData.txHash, amount: claimData.amount, basescanUrl: claimData.basescanUrl });
+      loadDashboard();
+    } catch (err: unknown) {
+      setClaimError(err instanceof Error ? err.message : "Royalty claim failed");
+    } finally {
+      setClaiming(false);
+    }
+  };
 
   if (!data) {
     return (
@@ -145,6 +166,25 @@ export function Dashboard({ token }: { token: string }) {
             <span className="text-muted">Unclaimed royalties</span>
             <span className="text-foreground">{data.royalties.unclaimed} PLOT</span>
           </div>
+          <div className="flex items-center justify-between gap-3 pt-2">
+            <span className="text-muted text-[10px]">Claims use the active OWS wallet on Base.</span>
+            <button
+              onClick={handleClaimRoyalties}
+              disabled={!canClaimRoyalties || claiming}
+              className="bg-accent text-background hover:bg-accent/90 disabled:bg-surface disabled:text-muted rounded px-3 py-1.5 text-[10px] font-bold transition-colors"
+            >
+              {claiming ? "Claiming..." : "Claim royalties"}
+            </button>
+          </div>
+          {claimError && <p className="text-error text-[10px]">{claimError}</p>}
+          {claimResult && (
+            <p className="text-accent text-[10px]">
+              Claimed {claimResult.amount} PLOT ·{" "}
+              <a href={claimResult.basescanUrl || `https://basescan.org/tx/${claimResult.txHash}`} target="_blank" rel="noopener noreferrer" className="underline">
+                view tx
+              </a>
+            </p>
+          )}
           <div className="border-border flex justify-between border-t pt-1.5 text-xs font-medium">
             <span className="text-muted">Net P&L (USD)</span>
             <span className={parseFloat(data.pnl.netPnlUsd) >= 0 ? "text-accent" : "text-error"}>

package/app/web/components/WalletCard.tsx

@@ -33,6 +33,14 @@ export function WalletCard({ token }: { token: string }) {
   const [switching, setSwitching] = useState<string | null>(null);
   const [copied, setCopied] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const [sendOpen, setSendOpen] = useState(false);
+  const [sendToken, setSendToken] = useState<"ETH" | "PLOT" | "USDC">("ETH");
+  const [sendTo, setSendTo] = useState("");
+  const [sendAmount, setSendAmount] = useState("");
+  const [sendConfirming, setSendConfirming] = useState(false);
+  const [sending, setSending] = useState(false);
+  const [sendError, setSendError] = useState<string | null>(null);
+  const [sendResult, setSendResult] = useState<{ txHash: string; amount: string; token: string; basescanUrl?: string } | null>(null);
 
   const authFetch = useCallback((url: string, opts?: RequestInit) =>
     fetch(url, { ...opts, headers: { ...opts?.headers, Authorization: `Bearer ${token}`, "Content-Type": "application/json" } }),
@@ -91,6 +99,49 @@ export function WalletCard({ token }: { token: string }) {
   };
 
   const truncate = (addr: string) => `${addr.slice(0, 6)}...${addr.slice(-4)}`;
+  const selectedBalance = sendToken === "ETH" ? wallet?.ethBalance : sendToken === "PLOT" ? wallet?.plotBalance : wallet?.usdcBalance;
+
+  const resetSendDraft = () => {
+    setSendTo("");
+    setSendAmount("");
+    setSendConfirming(false);
+    setSendError(null);
+  };
+
+  const handleSendReview = () => {
+    setSendError(null);
+    setSendResult(null);
+    if (!sendTo.trim()) {
+      setSendError("Recipient address required");
+      return;
+    }
+    if (!sendAmount.trim() || Number(sendAmount) <= 0) {
+      setSendError("Positive amount required");
+      return;
+    }
+    setSendConfirming(true);
+  };
+
+  const handleSend = async () => {
+    setSending(true);
+    setSendError(null);
+    setSendResult(null);
+    try {
+      const res = await authFetch(`${API_BASE}/api/wallet/send`, {
+        method: "POST",
+        body: JSON.stringify({ token: sendToken, to: sendTo.trim(), amount: sendAmount.trim() }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || "Transfer failed");
+      setSendResult({ txHash: data.txHash, amount: data.amount, token: data.token, basescanUrl: data.basescanUrl });
+      resetSendDraft();
+      loadWallet();
+    } catch (err: unknown) {
+      setSendError(err instanceof Error ? err.message : "Transfer failed");
+    } finally {
+      setSending(false);
+    }
+  };
 
   return (
     <div className="border-border rounded border p-4">
@@ -176,6 +227,124 @@ export function WalletCard({ token }: { token: string }) {
             </div>
           </div>
 
+          <div className="border-border border-t pt-3">
+            <div className="flex items-center justify-between gap-3">
+              <div>
+                <p className="text-muted text-[10px] font-medium uppercase tracking-wider">Send / Withdraw</p>
+                <p className="text-muted text-[10px]">Send ETH, PLOT, or USDC from this OWS wallet on Base.</p>
+              </div>
+              <button
+                onClick={() => {
+                  setSendOpen((open) => !open);
+                  setSendResult(null);
+                  setSendError(null);
+                  setSendConfirming(false);
+                }}
+                className="border-accent text-accent hover:bg-accent/10 rounded border px-3 py-1.5 text-[10px] font-bold transition-colors"
+              >
+                {sendOpen ? "close" : "send"}
+              </button>
+            </div>
+
+            {sendOpen && (
+              <div className="mt-3 space-y-3 rounded border border-border bg-surface p-3">
+                <div className="grid grid-cols-3 gap-2">
+                  {(["ETH", "PLOT", "USDC"] as const).map((symbol) => (
+                    <button
+                      key={symbol}
+                      type="button"
+                      onClick={() => {
+                        setSendToken(symbol);
+                        setSendConfirming(false);
+                        setSendError(null);
+                      }}
+                      className={sendToken === symbol
+                        ? "bg-accent text-background rounded px-2 py-1.5 text-[10px] font-bold"
+                        : "border-border text-muted hover:text-accent rounded border px-2 py-1.5 text-[10px]"}
+                    >
+                      {symbol}
+                    </button>
+                  ))}
+                </div>
+                <div className="flex justify-between text-[10px]">
+                  <span className="text-muted">Available</span>
+                  <span className="text-foreground">{selectedBalance || "0"} {sendToken}</span>
+                </div>
+
+                <label className="block space-y-1 text-[10px]">
+                  <span className="text-muted uppercase tracking-wider">Recipient</span>
+                  <input
+                    value={sendTo}
+                    onChange={(e) => {
+                      setSendTo(e.target.value);
+                      setSendConfirming(false);
+                    }}
+                    placeholder="0x..."
+                    className="border-border bg-background text-foreground w-full rounded border px-2 py-1.5 font-mono text-xs"
+                  />
+                </label>
+
+                <label className="block space-y-1 text-[10px]">
+                  <span className="text-muted uppercase tracking-wider">Amount</span>
+                  <input
+                    value={sendAmount}
+                    onChange={(e) => {
+                      setSendAmount(e.target.value);
+                      setSendConfirming(false);
+                    }}
+                    inputMode="decimal"
+                    placeholder="0.0"
+                    className="border-border bg-background text-foreground w-full rounded border px-2 py-1.5 font-mono text-xs"
+                  />
+                </label>
+
+                {!sendConfirming ? (
+                  <button
+                    type="button"
+                    onClick={handleSendReview}
+                    className="bg-accent text-background hover:bg-accent/90 rounded px-3 py-1.5 text-[10px] font-bold transition-colors"
+                  >
+                    Review send
+                  </button>
+                ) : (
+                  <div className="space-y-2 rounded border border-amber-600/30 bg-amber-950/10 p-3">
+                    <p className="text-xs text-amber-700">
+                      Confirm sending {sendAmount} {sendToken} to <span className="font-mono">{truncate(sendTo)}</span> on Base.
+                    </p>
+                    <div className="flex gap-2">
+                      <button
+                        type="button"
+                        onClick={handleSend}
+                        disabled={sending}
+                        className="bg-accent text-background hover:bg-accent/90 disabled:opacity-40 rounded px-3 py-1.5 text-[10px] font-bold transition-colors"
+                      >
+                        {sending ? "Sending..." : "Confirm send"}
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() => setSendConfirming(false)}
+                        disabled={sending}
+                        className="border-border text-muted hover:text-accent rounded border px-3 py-1.5 text-[10px] transition-colors"
+                      >
+                        edit
+                      </button>
+                    </div>
+                  </div>
+                )}
+
+                {sendError && <p className="text-error text-[10px]">{sendError}</p>}
+                {sendResult && (
+                  <p className="text-accent text-[10px]">
+                    Sent {sendResult.amount} {sendResult.token} ·{" "}
+                    <a href={sendResult.basescanUrl || `https://basescan.org/tx/${sendResult.txHash}`} target="_blank" rel="noopener noreferrer" className="underline">
+                      view tx
+                    </a>
+                  </p>
+                )}
+              </div>
+            )}
+          </div>
+
           {wallet.wallets && wallet.wallets.length > 1 && (
             <div className="border-border space-y-2 border-t pt-3">
               <p className="text-muted text-[10px] font-medium uppercase tracking-wider">Switch Wallet</p>

package/app/web/dist/assets/{export-cut-DVpOZ5AO.js → export-cut-uimRac8k.js}

@@ -1 +1 @@
-import{M as w,v as O,t as A,c as M,b as R,s as H,l as I,a as B,d as F}from"./index-CoG6WKyb.js";const z=w;async function G(e){if(typeof document>"u"||!document.fonts||typeof document.fonts.load!="function")return{ready:!0,missing:[]};const n=[];for(const s of e)try{const t=await document.fonts.load(`16px "${s}"`);!t||t.length===0?n.push(s):document.fonts.check(`16px "${s}"`)||n.push(s)}catch{n.push(s)}return{ready:n.length===0,missing:n}}function C(e){return new Promise((n,s)=>{const t=new Image;t.crossOrigin="anonymous",t.onload=()=>n(t),t.onerror=()=>s(new Error("Failed to load image")),t.src=e})}const W="rgba(255, 255, 255, 0.95)",_="#1a1a1a",L="rgba(244, 239, 230, 0.94)",N="rgba(26, 26, 26, 0.55)";function Y(e){return Math.max(2,e*.004)}function K(e,n,s,t,c,d,f){e.beginPath();for(const o of F(n,s,t,c,d,f))o.k==="M"?e.moveTo(o.x,o.y):o.k==="L"?e.lineTo(o.x,o.y):e.arcTo(o.cornerX,o.cornerY,o.x,o.y,o.r);e.closePath()}function P(e,n,s,t,c,d){var f;for(const o of n){const l=o.x*s,i=o.y*t,r=o.width*s,a=o.height*t,y=Y(t);if(o.type==="speech"){const u=R(o,r,a),k=o.tailAnchor?H(l,i,r,a,o.tailAnchor,u):null;K(e,l,i,r,a,k,u),e.fillStyle=W,e.fill(),e.strokeStyle=_,e.lineWidth=y,e.lineJoin="round",e.stroke()}else if(o.type==="narration"){const u=Math.min(r,a)*.12;e.beginPath(),e.roundRect(l,i,r,a,u),e.fillStyle=L,e.fill(),e.strokeStyle=N,e.lineWidth=Math.max(1.5,y*.75),e.lineJoin="round",e.stroke()}const g=o.type==="sfx"?d:c,T=o.type!=="sfx"&&!!o.speaker,h=I((u,k,E=400)=>(e.font=`${E} ${k}px ${g}`,e.measureText(u).width),o.text,r,a,B(o,t,r,a));e.textAlign="center",e.textBaseline="middle";const p=l+r/2,S=T?h.speakerFontSize*1.2:0;T&&(e.fillStyle="#3a3a3a",e.font=`700 ${h.speakerFontSize}px ${g}`,e.fillText(o.speaker,p,i+S/2+a*.04,r-6));const v=i+S,b=a-S,$=h.lines.length*h.lineHeight;let m=v+b/2-$/2+h.lineHeight/2;e.font=`${((f=o.textStyle)==null?void 0:f.fontWeight)??400} ${h.fontSize}px ${g}`;for(const u of h.lines)o.type==="sfx"?(e.fillStyle="#000",e.strokeStyle="#fff",e.lineWidth=3,e.strokeText(u,p,m),e.fillText(u,p,m)):(e.fillStyle="#1a1a1a",e.fillText(u,p,m)),m+=h.lineHeight}}function X(e,n,s,t,c){const d=Math.max(14,Math.min(t*.05,28));e.font=`${d}px ${c}`,e.fillStyle="#1a1a1a",e.textAlign="center",e.textBaseline="middle";const f=[];if(n.dialogue)for(const i of n.dialogue)f.push(`${i.speaker}: ${i.text}`);n.narration&&f.push(n.narration);const o=d*1.6,l=t/2-(f.length-1)*o/2;for(let i=0;i<f.length;i++)e.fillText(f[i],s/2,l+i*o,s-40)}async function Z(e,n,s,t,c,d){const f=O(n);if(!f.valid)throw new Error(f.error??"Overlay geometry is invalid");let o=800,l=600,i=null;if(e)i=await C(e),o=i.naturalWidth,l=i.naturalHeight;else if(d){const y=A(d.aspectRatio);y&&(o=y.width,l=y.height)}const r=document.createElement("canvas");r.width=o,r.height=l;const a=r.getContext("2d");return i?a.drawImage(i,0,0,o,l):(a.fillStyle=(d==null?void 0:d.background)||"#ffffff",a.fillRect(0,0,o,l)),P(a,n,o,l,s,t),c&&n.length===0&&!i&&X(a,c,o,l,s),M(r)}function j(e){return e.size>z?{valid:!1,error:`Image is ${(e.size/1024).toFixed(0)}KB, exceeds 1MB limit`}:{valid:!0}}export{z as MAX_SIZE,G as ensureFontsReady,Z as exportCut,P as renderOverlays,A as textPanelDimensions,j as validateExportSize};
+import{M as w,v as O,t as A,c as M,b as R,s as H,l as I,a as B,d as F}from"./index-D-nLoQ_K.js";const z=w;async function G(e){if(typeof document>"u"||!document.fonts||typeof document.fonts.load!="function")return{ready:!0,missing:[]};const n=[];for(const s of e)try{const t=await document.fonts.load(`16px "${s}"`);!t||t.length===0?n.push(s):document.fonts.check(`16px "${s}"`)||n.push(s)}catch{n.push(s)}return{ready:n.length===0,missing:n}}function C(e){return new Promise((n,s)=>{const t=new Image;t.crossOrigin="anonymous",t.onload=()=>n(t),t.onerror=()=>s(new Error("Failed to load image")),t.src=e})}const W="rgba(255, 255, 255, 0.95)",_="#1a1a1a",L="rgba(244, 239, 230, 0.94)",N="rgba(26, 26, 26, 0.55)";function Y(e){return Math.max(2,e*.004)}function K(e,n,s,t,c,d,f){e.beginPath();for(const o of F(n,s,t,c,d,f))o.k==="M"?e.moveTo(o.x,o.y):o.k==="L"?e.lineTo(o.x,o.y):e.arcTo(o.cornerX,o.cornerY,o.x,o.y,o.r);e.closePath()}function P(e,n,s,t,c,d){var f;for(const o of n){const l=o.x*s,i=o.y*t,r=o.width*s,a=o.height*t,y=Y(t);if(o.type==="speech"){const u=R(o,r,a),k=o.tailAnchor?H(l,i,r,a,o.tailAnchor,u):null;K(e,l,i,r,a,k,u),e.fillStyle=W,e.fill(),e.strokeStyle=_,e.lineWidth=y,e.lineJoin="round",e.stroke()}else if(o.type==="narration"){const u=Math.min(r,a)*.12;e.beginPath(),e.roundRect(l,i,r,a,u),e.fillStyle=L,e.fill(),e.strokeStyle=N,e.lineWidth=Math.max(1.5,y*.75),e.lineJoin="round",e.stroke()}const g=o.type==="sfx"?d:c,T=o.type!=="sfx"&&!!o.speaker,h=I((u,k,E=400)=>(e.font=`${E} ${k}px ${g}`,e.measureText(u).width),o.text,r,a,B(o,t,r,a));e.textAlign="center",e.textBaseline="middle";const p=l+r/2,S=T?h.speakerFontSize*1.2:0;T&&(e.fillStyle="#3a3a3a",e.font=`700 ${h.speakerFontSize}px ${g}`,e.fillText(o.speaker,p,i+S/2+a*.04,r-6));const v=i+S,b=a-S,$=h.lines.length*h.lineHeight;let m=v+b/2-$/2+h.lineHeight/2;e.font=`${((f=o.textStyle)==null?void 0:f.fontWeight)??400} ${h.fontSize}px ${g}`;for(const u of h.lines)o.type==="sfx"?(e.fillStyle="#000",e.strokeStyle="#fff",e.lineWidth=3,e.strokeText(u,p,m),e.fillText(u,p,m)):(e.fillStyle="#1a1a1a",e.fillText(u,p,m)),m+=h.lineHeight}}function X(e,n,s,t,c){const d=Math.max(14,Math.min(t*.05,28));e.font=`${d}px ${c}`,e.fillStyle="#1a1a1a",e.textAlign="center",e.textBaseline="middle";const f=[];if(n.dialogue)for(const i of n.dialogue)f.push(`${i.speaker}: ${i.text}`);n.narration&&f.push(n.narration);const o=d*1.6,l=t/2-(f.length-1)*o/2;for(let i=0;i<f.length;i++)e.fillText(f[i],s/2,l+i*o,s-40)}async function Z(e,n,s,t,c,d){const f=O(n);if(!f.valid)throw new Error(f.error??"Overlay geometry is invalid");let o=800,l=600,i=null;if(e)i=await C(e),o=i.naturalWidth,l=i.naturalHeight;else if(d){const y=A(d.aspectRatio);y&&(o=y.width,l=y.height)}const r=document.createElement("canvas");r.width=o,r.height=l;const a=r.getContext("2d");return i?a.drawImage(i,0,0,o,l):(a.fillStyle=(d==null?void 0:d.background)||"#ffffff",a.fillRect(0,0,o,l)),P(a,n,o,l,s,t),c&&n.length===0&&!i&&X(a,c,o,l,s),M(r)}function j(e){return e.size>z?{valid:!1,error:`Image is ${(e.size/1024).toFixed(0)}KB, exceeds 1MB limit`}:{valid:!0}}export{z as MAX_SIZE,G as ensureFontsReady,Z as exportCut,P as renderOverlays,A as textPanelDimensions,j as validateExportSize};