kaleido-ui 0.1.71 → 0.1.73

package/dist/web/index.cjs

@@ -2245,7 +2245,7 @@ var LOGO_PATHS = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runti
   ),
   /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M274.479 0.104797H411.786L274.533 137.411H137.226L274.479 0.104797Z", fill: "#17B581" })
 ] });
-function QrCode({ value, size = 160, className }) {
+function QrCode({ value, size = 160, className, tone = "onLight" }) {
   const svgContent = (0, import_react6.useMemo)(() => {
     if (!value) return null;
     const matrix = (0, import_qr.default)(value, "raw", { ecc: "medium", border: 0 });
@@ -2253,8 +2253,8 @@ function QrCode({ value, size = 160, className }) {
     const moduleSize = 10;
     const quietZone = moduleSize * 2;
     const svgSize = n * moduleSize + quietZone * 2;
-    const fg = "#040404";
-    const bg = "#ffffff";
+    const fg = tone === "onDark" ? "#ffffff" : "#040404";
+    const bg = tone === "onDark" ? "transparent" : "#ffffff";
     const logoModules = Math.ceil(n * 0.2);
     const logoZoneSize = logoModules % 2 === 0 ? logoModules + 1 : logoModules;
     const elements = [];
@@ -2308,7 +2308,7 @@ function QrCode({ value, size = 160, className }) {
         children: elements
       }
     );
-  }, [value]);
+  }, [value, tone]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className, style: { width: size, height: size }, children: svgContent });
 }
 
@@ -4676,16 +4676,17 @@ function WithdrawDestinationInput({
           onChange: (event) => setDestination(event.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "absolute right-3 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
         destination && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "button",
           {
             type: "button",
+            "aria-label": "Clear",
             onClick: () => {
               setDestination("");
               handleReset();
             },
-            className: "text-xs text-muted-foreground transition-colors hover:text-white",
+            className: "rounded-lg p-2 text-muted-foreground transition-colors hover:text-white",
             children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "close" })
           }
         ),
@@ -4693,9 +4694,10 @@ function WithdrawDestinationInput({
           "button",
           {
             type: "button",
+            "aria-label": "Paste",
             onClick: handlePaste,
-            className: "rounded-lg bg-white/10 px-2.5 py-1 text-xs font-medium text-primary transition-colors hover:bg-white/20",
-            children: "Paste"
+            className: "rounded-lg bg-white/5 p-2 text-muted-foreground transition-colors hover:text-primary",
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "material-symbols-outlined text-icon-md", children: "content_paste" })
           }
         )
       ] })
@@ -4808,7 +4810,7 @@ function WithdrawAmountInput({
             const value = parseInt(event.target.value, 10);
             if (!Number.isNaN(value)) setWitnessAmountSat(value);
           },
-          className: "w-full rounded-xl border bg-card px-4 py-3 text-sm text-white transition-colors focus:border-primary/50 focus:outline-none"
+          className: "w-full rounded-xl bg-card px-4 py-3 text-sm text-white shadow-inner transition-all focus:outline focus:outline-2 focus:outline-primary/50"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "ml-1 text-xs text-muted-foreground", children: "Bitcoin amount sent to create the witness UTXO for the recipient." })
@@ -4820,7 +4822,7 @@ function WithdrawAmountInput({
         {
           type: "button",
           onClick: () => setFeeRate(rate),
-          className: `group relative overflow-hidden rounded-[16px] border px-3 py-3 shadow-sm transition-all active:scale-[0.98] ${feeRate === rate ? "border-primary/40 bg-primary/10" : "border-border bg-card/40 backdrop-blur-xl hover:border-primary/40"}`,
+          className: `group relative overflow-hidden rounded-[16px] px-3 py-3 shadow-sm transition-all active:scale-[0.98] ${feeRate === rate ? "bg-primary/10" : "bg-card/40 backdrop-blur-xl hover:bg-card/60"}`,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "div",
@@ -4852,7 +4854,7 @@ function WithdrawAmountInput({
         rate
       )) })
     ] }),
-    addressType === "rgb" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between rounded-xl border bg-card p-3", children: [
+    addressType === "rgb" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between rounded-xl bg-card p-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium text-white", children: "Gift / Donation" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground", children: "Skip amount checks for this transfer" })
@@ -4978,21 +4980,23 @@ function RouteChoiceCard({
   onClick,
   displayOnly
 }) {
-  const { disabled = false, disabledReason, accountIcon, balanceLabel } = route;
-  if (displayOnly) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "rounded-2xl bg-card/50 px-4 py-3.5", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-        accountIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "shrink-0", children: accountIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-semibold text-white", children: route.accountTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-0.5 text-xs text-white/45", children: route.methodLabel })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint }),
-        balanceLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-mono text-xxs text-white/50", children: balanceLabel })
+  const { disabled = false, disabledReason, accountIcon, balanceLabel, accentClassName } = route;
+  const body = /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex min-w-0 items-start gap-3", children: [
+      accountIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-0.5 shrink-0", children: accountIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
+          recommended && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" }),
+          disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full bg-danger/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-danger", children: "Insufficient" })
+        ] }),
+        balanceLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-0.5 font-mono text-xs text-white/55", children: balanceLabel })
       ] })
-    ] }) });
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-white/40", children: route.feeHint })
+  ] });
+  if (displayOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "rounded-2xl bg-card/50 px-4 py-3.5", children: body });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "button",
@@ -5004,28 +5008,11 @@ function RouteChoiceCard({
       "aria-disabled": disabled,
       title: disabled ? disabledReason : void 0,
       className: cn(
-        "w-full rounded-2xl border p-4 text-left transition-all",
-        disabled ? "cursor-not-allowed border-danger/15 bg-danger/5 opacity-60" : selected ? "border-primary/30 bg-primary/10" : "border-border bg-white/4 hover:border-white/20 hover:bg-white/6"
+        "w-full rounded-2xl p-4 text-left transition-all",
+        disabled ? "cursor-not-allowed bg-danger/5 opacity-60" : selected ? accentClassName ?? "bg-primary/10" : "bg-white/4 hover:bg-white/6"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex min-w-0 items-start gap-3", children: [
-            accountIcon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-0.5 shrink-0", children: accountIcon }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
-                recommended && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" }),
-                disabled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "rounded-full border border-danger/20 bg-danger/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-danger", children: "Insufficient" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-1 text-xs text-white/45", children: route.methodLabel })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint }),
-            balanceLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-mono text-xxs text-white/50", children: balanceLabel })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-3 text-xs leading-relaxed text-muted-foreground", children: route.summary }),
+        body,
         disabled && disabledReason && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "mt-2 text-xxs leading-relaxed text-danger/80", children: disabledReason })
       ]
     }
@@ -7192,7 +7179,7 @@ var NETWORK_CONFIG = {
     border: "border-network-bitcoin/40",
     qrBorder: "border-network-bitcoin/30",
     qrGlow: qrGlowStyle(colors.network.bitcoin),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "currency_bitcoin" })
   },
   lightning: {
     label: "Lightning",
@@ -7604,13 +7591,13 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
+var import_react16 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function formatSatsForRow(value) {
   if (!value || value <= 0 || !Number.isFinite(value)) return null;
   return `${value.toLocaleString("en-US")} sats`;
 }
 function BtcUnifiedReceive({
-  btcSelectedAccount,
   accountReceiveResult,
   invoiceStatus,
   isInvoicePending,
@@ -7625,66 +7612,56 @@ function BtcUnifiedReceive({
   setAmount,
   setInvoiceStatus,
   setAccountReceiveResult,
-  handleDone,
-  showRegenerate = true
+  showRegenerate = true,
+  description,
+  onDescriptionChange
 }) {
-  const accountNetwork = btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain";
-  const qrNetwork = NETWORK_CONFIG[accountNetwork];
+  const [showEdit, setShowEdit] = (0, import_react16.useState)(false);
+  const isQrCopied = copied === accountReceiveResult.qrValue;
+  const handleNewAddress = () => {
+    setAddress("");
+    setAmount("");
+    setInvoiceStatus(null);
+    setAccountReceiveResult(null);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-        "input",
-        {
-          type: "text",
-          value: amount,
-          onChange: handleAmountChange,
-          placeholder: "Any amount",
-          className: "w-full rounded-lg border bg-white/5 px-3 py-1.5 font-mono text-xs font-bold text-white transition-all placeholder:text-white/25 focus:border-primary/40 focus:outline-none",
-          inputMode: "decimal"
-        }
-      ),
-      amount && loading && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
-        "Updating invoice..."
-      ] })
-    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-        "div",
-        {
-          className: cn(
-            "relative flex flex-col items-center rounded-2xl border-2 bg-white p-2 transition-all",
-            qrNetwork.qrBorder
-          ),
-          style: qrNetwork.qrGlow,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
-            isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PaidOverlay, {})
-          ]
-        }
-      ),
-      (() => {
-        const isQrCopied = copied === accountReceiveResult.qrValue;
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-          "button",
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "relative flex flex-col items-center p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(QrCode, { value: accountReceiveResult.qrValue, size: 200, tone: "onDark" }),
+        isInvoicePaid && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PaidOverlay, {})
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center justify-center gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          Button,
           {
-            type: "button",
-            className: cn(
-              "flex items-center gap-1 rounded-full border px-2.5 py-1 text-xxs font-bold uppercase tracking-widest transition-all",
-              isQrCopied ? "border-primary/30 bg-primary/10 text-primary" : "border-border bg-white/5 text-muted-foreground hover:border-white/20 hover:bg-accent hover:text-white"
-            ),
-            onClick: (event) => {
-              event.stopPropagation();
-              void copyToClipboard(accountReceiveResult.qrValue);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
-              isQrCopied ? "Copied" : `Copy ${accountReceiveResult.qrLabel}`
-            ]
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": `Copy ${accountReceiveResult.qrLabel}`,
+            onClick: () => void copyToClipboard(accountReceiveResult.qrValue),
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: isQrCopied ? "check" : "content_copy", size: "lg" })
           }
-        );
-      })()
+        ),
+        showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          Button,
+          {
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": "New address",
+            onClick: handleNewAddress,
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "refresh", size: "lg" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          Button,
+          {
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": "Edit amount and description",
+            onClick: () => setShowEdit(true),
+            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "edit", size: "lg" })
+          }
+        )
+      ] })
     ] }),
     invoiceStatus && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       InvoiceStatusBanner,
@@ -7703,9 +7680,8 @@ function BtcUnifiedReceive({
           "div",
           {
             className: cn(
-              "group flex cursor-pointer items-center gap-2 rounded-xl border bg-white/3 px-2.5 py-1.5",
-              "transition-all hover:bg-white/6 active:scale-[0.98]",
-              network.border
+              "group flex cursor-pointer items-center gap-2 rounded-xl bg-white/3 px-2.5 py-1.5",
+              "transition-all hover:bg-white/6 active:scale-[0.98]"
             ),
             style: { borderLeftWidth: 3, borderLeftColor: network.color },
             onClick: () => void copyToClipboard(address.value),
@@ -7729,36 +7705,48 @@ function BtcUnifiedReceive({
       })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-      NetworkInfoDisclosure,
+      BottomSheet,
       {
-        networks: Array.from(
-          new Set(accountReceiveResult.addresses.map((address) => address.network))
-        )
+        open: showEdit,
+        title: "Edit request",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "edit", size: "md" }),
+        onClose: () => setShowEdit(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              "input",
+              {
+                type: "text",
+                value: amount,
+                onChange: handleAmountChange,
+                placeholder: "Any amount",
+                className: "w-full rounded-xl bg-white/5 px-3 py-2.5 font-mono text-sm font-bold text-white shadow-inner transition-all placeholder:text-white/25 focus:outline focus:outline-2 focus:outline-primary/40",
+                inputMode: "decimal"
+              }
+            ),
+            amount && loading && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+              "Updating invoice..."
+            ] })
+          ] }),
+          onDescriptionChange && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Description (optional)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              "input",
+              {
+                type: "text",
+                value: description ?? "",
+                onChange: (event) => onDescriptionChange(event.target.value),
+                placeholder: "What's this for?",
+                className: "w-full rounded-xl bg-white/5 px-3 py-2.5 text-sm text-white shadow-inner transition-all placeholder:text-white/25 focus:outline focus:outline-2 focus:outline-primary/40"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { variant: "cta", className: "w-full", onClick: () => setShowEdit(false), children: "Done" })
+        ] })
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
-      showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setAddress("");
-            setAmount("");
-            setInvoiceStatus(null);
-            setAccountReceiveResult(null);
-          },
-          className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
-            "New Address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
-        "Done"
-      ] })
-    ] })
+    )
   ] });
 }
 
@@ -8180,7 +8168,7 @@ function DepositPreGeneration({
 }
 
 // src/web/components/deposit-asset-selection.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var ADD_ASSET_SUBTITLE = {
   RGB: "RGB asset on Bitcoin",
@@ -8223,9 +8211,9 @@ function DepositAssetSelection({
   const ownedAssetsCount = ownedAssets.length;
   const noResults = filteredAssets.length === 0 && !!searchQuery;
   const isSearching = !!searchQuery;
-  const [assetsExpanded, setAssetsExpanded] = (0, import_react16.useState)(false);
-  const [showAddAssetModal, setShowAddAssetModal] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [assetsExpanded, setAssetsExpanded] = (0, import_react17.useState)(false);
+  const [showAddAssetModal, setShowAddAssetModal] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
     if (isSearching) setAssetsExpanded(true);
   }, [isSearching]);
   const showOwnedAssets = isSearching ? true : assetsExpanded;

package/dist/web/index.d.cts

@@ -334,8 +334,14 @@ interface QrCodeProps {
     value: string;
     size?: number;
     className?: string;
+    /**
+     * 'onLight' (default) renders dark modules on a white card — use inside a
+     * white container. 'onDark' renders white modules on a transparent
+     * background so the QR sits directly on the app background.
+     */
+    tone?: 'onLight' | 'onDark';
 }
-declare function QrCode({ value, size, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
+declare function QrCode({ value, size, className, tone }: QrCodeProps): react_jsx_runtime.JSX.Element;
 
 interface BottomNavItem<TValue extends string = string> {
     id: TValue;
@@ -930,6 +936,9 @@ interface WithdrawRouteOption<TAccount extends string = string> {
     accountIcon?: ReactNode;
     /** Optional pre-formatted balance label (e.g. "1.23 BTC available") shown on the card. */
     balanceLabel?: string;
+    /** Optional protocol-tinted classes applied when the card is selected
+     * (e.g. "bg-network-spark/12"). Falls back to the brand primary tint. */
+    accentClassName?: string;
 }
 interface WithdrawRouteSummary {
     method: string;
@@ -1465,8 +1474,12 @@ interface BtcUnifiedReceiveProps {
      * button leads to a half-initialised state).
      */
     showRegenerate?: boolean;
+    /** Optional request description/memo, edited alongside the amount in the
+     * Edit modal. When omitted the description field is hidden. */
+    description?: string;
+    onDescriptionChange?: (value: string) => void;
 }
-declare function BtcUnifiedReceive({ btcSelectedAccount, accountReceiveResult, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, setAddress, setAmount, setInvoiceStatus, setAccountReceiveResult, handleDone, showRegenerate, }: BtcUnifiedReceiveProps): react_jsx_runtime.JSX.Element;
+declare function BtcUnifiedReceive({ accountReceiveResult, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, setAddress, setAmount, setInvoiceStatus, setAccountReceiveResult, showRegenerate, description, onDescriptionChange, }: BtcUnifiedReceiveProps): react_jsx_runtime.JSX.Element;
 
 interface DepositGeneratedAsset {
     ticker?: string;

package/dist/web/index.d.ts

@@ -334,8 +334,14 @@ interface QrCodeProps {
     value: string;
     size?: number;
     className?: string;
+    /**
+     * 'onLight' (default) renders dark modules on a white card — use inside a
+     * white container. 'onDark' renders white modules on a transparent
+     * background so the QR sits directly on the app background.
+     */
+    tone?: 'onLight' | 'onDark';
 }
-declare function QrCode({ value, size, className }: QrCodeProps): react_jsx_runtime.JSX.Element;
+declare function QrCode({ value, size, className, tone }: QrCodeProps): react_jsx_runtime.JSX.Element;
 
 interface BottomNavItem<TValue extends string = string> {
     id: TValue;
@@ -930,6 +936,9 @@ interface WithdrawRouteOption<TAccount extends string = string> {
     accountIcon?: ReactNode;
     /** Optional pre-formatted balance label (e.g. "1.23 BTC available") shown on the card. */
     balanceLabel?: string;
+    /** Optional protocol-tinted classes applied when the card is selected
+     * (e.g. "bg-network-spark/12"). Falls back to the brand primary tint. */
+    accentClassName?: string;
 }
 interface WithdrawRouteSummary {
     method: string;
@@ -1465,8 +1474,12 @@ interface BtcUnifiedReceiveProps {
      * button leads to a half-initialised state).
      */
     showRegenerate?: boolean;
+    /** Optional request description/memo, edited alongside the amount in the
+     * Edit modal. When omitted the description field is hidden. */
+    description?: string;
+    onDescriptionChange?: (value: string) => void;
 }
-declare function BtcUnifiedReceive({ btcSelectedAccount, accountReceiveResult, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, setAddress, setAmount, setInvoiceStatus, setAccountReceiveResult, handleDone, showRegenerate, }: BtcUnifiedReceiveProps): react_jsx_runtime.JSX.Element;
+declare function BtcUnifiedReceive({ accountReceiveResult, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, setAddress, setAmount, setInvoiceStatus, setAccountReceiveResult, showRegenerate, description, onDescriptionChange, }: BtcUnifiedReceiveProps): react_jsx_runtime.JSX.Element;
 
 interface DepositGeneratedAsset {
     ticker?: string;

package/dist/web/index.js

@@ -2067,7 +2067,7 @@ var LOGO_PATHS = /* @__PURE__ */ jsxs13(Fragment, { children: [
   ),
   /* @__PURE__ */ jsx26("path", { d: "M274.479 0.104797H411.786L274.533 137.411H137.226L274.479 0.104797Z", fill: "#17B581" })
 ] });
-function QrCode({ value, size = 160, className }) {
+function QrCode({ value, size = 160, className, tone = "onLight" }) {
   const svgContent = useMemo(() => {
     if (!value) return null;
     const matrix = encodeQR(value, "raw", { ecc: "medium", border: 0 });
@@ -2075,8 +2075,8 @@ function QrCode({ value, size = 160, className }) {
     const moduleSize = 10;
     const quietZone = moduleSize * 2;
     const svgSize = n * moduleSize + quietZone * 2;
-    const fg = "#040404";
-    const bg = "#ffffff";
+    const fg = tone === "onDark" ? "#ffffff" : "#040404";
+    const bg = tone === "onDark" ? "transparent" : "#ffffff";
     const logoModules = Math.ceil(n * 0.2);
     const logoZoneSize = logoModules % 2 === 0 ? logoModules + 1 : logoModules;
     const elements = [];
@@ -2130,7 +2130,7 @@ function QrCode({ value, size = 160, className }) {
         children: elements
       }
     );
-  }, [value]);
+  }, [value, tone]);
   return /* @__PURE__ */ jsx26("div", { className, style: { width: size, height: size }, children: svgContent });
 }
 
@@ -4498,16 +4498,17 @@ function WithdrawDestinationInput({
           onChange: (event) => setDestination(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsxs32("div", { className: "absolute right-4 top-1/2 flex -translate-y-1/2 items-center gap-2", children: [
+      /* @__PURE__ */ jsxs32("div", { className: "absolute right-3 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
         destination && /* @__PURE__ */ jsx45(
           "button",
           {
             type: "button",
+            "aria-label": "Clear",
             onClick: () => {
               setDestination("");
               handleReset();
             },
-            className: "text-xs text-muted-foreground transition-colors hover:text-white",
+            className: "rounded-lg p-2 text-muted-foreground transition-colors hover:text-white",
             children: /* @__PURE__ */ jsx45("span", { className: "material-symbols-outlined text-icon-md", children: "close" })
           }
         ),
@@ -4515,9 +4516,10 @@ function WithdrawDestinationInput({
           "button",
           {
             type: "button",
+            "aria-label": "Paste",
             onClick: handlePaste,
-            className: "rounded-lg bg-white/10 px-2.5 py-1 text-xs font-medium text-primary transition-colors hover:bg-white/20",
-            children: "Paste"
+            className: "rounded-lg bg-white/5 p-2 text-muted-foreground transition-colors hover:text-primary",
+            children: /* @__PURE__ */ jsx45("span", { className: "material-symbols-outlined text-icon-md", children: "content_paste" })
           }
         )
       ] })
@@ -4630,7 +4632,7 @@ function WithdrawAmountInput({
             const value = parseInt(event.target.value, 10);
             if (!Number.isNaN(value)) setWitnessAmountSat(value);
           },
-          className: "w-full rounded-xl border bg-card px-4 py-3 text-sm text-white transition-colors focus:border-primary/50 focus:outline-none"
+          className: "w-full rounded-xl bg-card px-4 py-3 text-sm text-white shadow-inner transition-all focus:outline focus:outline-2 focus:outline-primary/50"
         }
       ),
       /* @__PURE__ */ jsx46("p", { className: "ml-1 text-xs text-muted-foreground", children: "Bitcoin amount sent to create the witness UTXO for the recipient." })
@@ -4642,7 +4644,7 @@ function WithdrawAmountInput({
         {
           type: "button",
           onClick: () => setFeeRate(rate),
-          className: `group relative overflow-hidden rounded-[16px] border px-3 py-3 shadow-sm transition-all active:scale-[0.98] ${feeRate === rate ? "border-primary/40 bg-primary/10" : "border-border bg-card/40 backdrop-blur-xl hover:border-primary/40"}`,
+          className: `group relative overflow-hidden rounded-[16px] px-3 py-3 shadow-sm transition-all active:scale-[0.98] ${feeRate === rate ? "bg-primary/10" : "bg-card/40 backdrop-blur-xl hover:bg-card/60"}`,
           children: [
             /* @__PURE__ */ jsx46(
               "div",
@@ -4674,7 +4676,7 @@ function WithdrawAmountInput({
         rate
       )) })
     ] }),
-    addressType === "rgb" && /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between rounded-xl border bg-card p-3", children: [
+    addressType === "rgb" && /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between rounded-xl bg-card p-3", children: [
       /* @__PURE__ */ jsxs33("div", { children: [
         /* @__PURE__ */ jsx46("p", { className: "text-sm font-medium text-white", children: "Gift / Donation" }),
         /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground", children: "Skip amount checks for this transfer" })
@@ -4800,21 +4802,23 @@ function RouteChoiceCard({
   onClick,
   displayOnly
 }) {
-  const { disabled = false, disabledReason, accountIcon, balanceLabel } = route;
-  if (displayOnly) {
-    return /* @__PURE__ */ jsx48("div", { className: "rounded-2xl bg-card/50 px-4 py-3.5", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 items-center gap-3", children: [
-        accountIcon && /* @__PURE__ */ jsx48("div", { className: "shrink-0", children: accountIcon }),
-        /* @__PURE__ */ jsxs35("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx48("span", { className: "text-sm font-semibold text-white", children: route.accountTitle }),
-          /* @__PURE__ */ jsx48("p", { className: "mt-0.5 text-xs text-white/45", children: route.methodLabel })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs35("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-        /* @__PURE__ */ jsx48("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint }),
-        balanceLabel && /* @__PURE__ */ jsx48("span", { className: "font-mono text-xxs text-white/50", children: balanceLabel })
+  const { disabled = false, disabledReason, accountIcon, balanceLabel, accentClassName } = route;
+  const body = /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 items-start gap-3", children: [
+      accountIcon && /* @__PURE__ */ jsx48("div", { className: "mt-0.5 shrink-0", children: accountIcon }),
+      /* @__PURE__ */ jsxs35("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx48("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
+          recommended && !disabled && /* @__PURE__ */ jsx48("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" }),
+          disabled && /* @__PURE__ */ jsx48("span", { className: "rounded-full bg-danger/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-danger", children: "Insufficient" })
+        ] }),
+        balanceLabel && /* @__PURE__ */ jsx48("p", { className: "mt-0.5 font-mono text-xs text-white/55", children: balanceLabel })
       ] })
-    ] }) });
+    ] }),
+    /* @__PURE__ */ jsx48("span", { className: "shrink-0 text-xxs font-bold uppercase tracking-wider text-white/40", children: route.feeHint })
+  ] });
+  if (displayOnly) {
+    return /* @__PURE__ */ jsx48("div", { className: "rounded-2xl bg-card/50 px-4 py-3.5", children: body });
   }
   return /* @__PURE__ */ jsxs35(
     "button",
@@ -4826,28 +4830,11 @@ function RouteChoiceCard({
       "aria-disabled": disabled,
       title: disabled ? disabledReason : void 0,
       className: cn(
-        "w-full rounded-2xl border p-4 text-left transition-all",
-        disabled ? "cursor-not-allowed border-danger/15 bg-danger/5 opacity-60" : selected ? "border-primary/30 bg-primary/10" : "border-border bg-white/4 hover:border-white/20 hover:bg-white/6"
+        "w-full rounded-2xl p-4 text-left transition-all",
+        disabled ? "cursor-not-allowed bg-danger/5 opacity-60" : selected ? accentClassName ?? "bg-primary/10" : "bg-white/4 hover:bg-white/6"
       ),
       children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 items-start gap-3", children: [
-            accountIcon && /* @__PURE__ */ jsx48("div", { className: "mt-0.5 shrink-0", children: accountIcon }),
-            /* @__PURE__ */ jsxs35("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap items-center gap-2", children: [
-                /* @__PURE__ */ jsx48("span", { className: "text-sm font-bold text-white", children: route.accountTitle }),
-                recommended && !disabled && /* @__PURE__ */ jsx48("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-primary", children: "Recommended" }),
-                disabled && /* @__PURE__ */ jsx48("span", { className: "rounded-full border border-danger/20 bg-danger/10 px-2 py-0.5 text-xxs font-bold uppercase tracking-wider text-danger", children: "Insufficient" })
-              ] }),
-              /* @__PURE__ */ jsx48("p", { className: "mt-1 text-xs text-white/45", children: route.methodLabel })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs35("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-            /* @__PURE__ */ jsx48("span", { className: "text-xxs font-bold uppercase tracking-wider text-white/35", children: route.feeHint }),
-            balanceLabel && /* @__PURE__ */ jsx48("span", { className: "font-mono text-xxs text-white/50", children: balanceLabel })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx48("p", { className: "mt-3 text-xs leading-relaxed text-muted-foreground", children: route.summary }),
+        body,
         disabled && disabledReason && /* @__PURE__ */ jsx48("p", { className: "mt-2 text-xxs leading-relaxed text-danger/80", children: disabledReason })
       ]
     }
@@ -7014,7 +7001,7 @@ var NETWORK_CONFIG = {
     border: "border-network-bitcoin/40",
     qrBorder: "border-network-bitcoin/30",
     qrGlow: qrGlowStyle(colors.network.bitcoin),
-    icon: /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "link" })
+    icon: /* @__PURE__ */ jsx73("span", { className: "material-symbols-outlined text-icon-xs leading-none", children: "currency_bitcoin" })
   },
   lightning: {
     label: "Lightning",
@@ -7426,13 +7413,13 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
+import { useState as useState15 } from "react";
 import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 function formatSatsForRow(value) {
   if (!value || value <= 0 || !Number.isFinite(value)) return null;
   return `${value.toLocaleString("en-US")} sats`;
 }
 function BtcUnifiedReceive({
-  btcSelectedAccount,
   accountReceiveResult,
   invoiceStatus,
   isInvoicePending,
@@ -7447,66 +7434,56 @@ function BtcUnifiedReceive({
   setAmount,
   setInvoiceStatus,
   setAccountReceiveResult,
-  handleDone,
-  showRegenerate = true
+  showRegenerate = true,
+  description,
+  onDescriptionChange
 }) {
-  const accountNetwork = btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain";
-  const qrNetwork = NETWORK_CONFIG[accountNetwork];
+  const [showEdit, setShowEdit] = useState15(false);
+  const isQrCopied = copied === accountReceiveResult.qrValue;
+  const handleNewAddress = () => {
+    setAddress("");
+    setAmount("");
+    setInvoiceStatus(null);
+    setAccountReceiveResult(null);
+  };
   return /* @__PURE__ */ jsxs62("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
-      /* @__PURE__ */ jsx76("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx76("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }) }),
-      /* @__PURE__ */ jsx76(
-        "input",
-        {
-          type: "text",
-          value: amount,
-          onChange: handleAmountChange,
-          placeholder: "Any amount",
-          className: "w-full rounded-lg border bg-white/5 px-3 py-1.5 font-mono text-xs font-bold text-white transition-all placeholder:text-white/25 focus:border-primary/40 focus:outline-none",
-          inputMode: "decimal"
-        }
-      ),
-      amount && loading && /* @__PURE__ */ jsxs62("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
-        /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
-        "Updating invoice..."
-      ] })
-    ] }),
     /* @__PURE__ */ jsxs62("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsxs62(
-        "div",
-        {
-          className: cn(
-            "relative flex flex-col items-center rounded-2xl border-2 bg-white p-2 transition-all",
-            qrNetwork.qrBorder
-          ),
-          style: qrNetwork.qrGlow,
-          children: [
-            /* @__PURE__ */ jsx76(QrCode, { value: accountReceiveResult.qrValue, size: 200 }),
-            isInvoicePaid && /* @__PURE__ */ jsx76(PaidOverlay, {})
-          ]
-        }
-      ),
-      (() => {
-        const isQrCopied = copied === accountReceiveResult.qrValue;
-        return /* @__PURE__ */ jsxs62(
-          "button",
+      /* @__PURE__ */ jsxs62("div", { className: "relative flex flex-col items-center p-2", children: [
+        /* @__PURE__ */ jsx76(QrCode, { value: accountReceiveResult.qrValue, size: 200, tone: "onDark" }),
+        isInvoicePaid && /* @__PURE__ */ jsx76(PaidOverlay, {})
+      ] }),
+      /* @__PURE__ */ jsxs62("div", { className: "flex items-center justify-center gap-2.5", children: [
+        /* @__PURE__ */ jsx76(
+          Button,
           {
-            type: "button",
-            className: cn(
-              "flex items-center gap-1 rounded-full border px-2.5 py-1 text-xxs font-bold uppercase tracking-widest transition-all",
-              isQrCopied ? "border-primary/30 bg-primary/10 text-primary" : "border-border bg-white/5 text-muted-foreground hover:border-white/20 hover:bg-accent hover:text-white"
-            ),
-            onClick: (event) => {
-              event.stopPropagation();
-              void copyToClipboard(accountReceiveResult.qrValue);
-            },
-            children: [
-              /* @__PURE__ */ jsx76(Icon, { name: isQrCopied ? "check" : "content_copy", size: "xs" }),
-              isQrCopied ? "Copied" : `Copy ${accountReceiveResult.qrLabel}`
-            ]
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": `Copy ${accountReceiveResult.qrLabel}`,
+            onClick: () => void copyToClipboard(accountReceiveResult.qrValue),
+            children: /* @__PURE__ */ jsx76(Icon, { name: isQrCopied ? "check" : "content_copy", size: "lg" })
           }
-        );
-      })()
+        ),
+        showRegenerate && /* @__PURE__ */ jsx76(
+          Button,
+          {
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": "New address",
+            onClick: handleNewAddress,
+            children: /* @__PURE__ */ jsx76(Icon, { name: "refresh", size: "lg" })
+          }
+        ),
+        /* @__PURE__ */ jsx76(
+          Button,
+          {
+            variant: "surface",
+            size: "icon-xl",
+            "aria-label": "Edit amount and description",
+            onClick: () => setShowEdit(true),
+            children: /* @__PURE__ */ jsx76(Icon, { name: "edit", size: "lg" })
+          }
+        )
+      ] })
     ] }),
     invoiceStatus && /* @__PURE__ */ jsx76(
       InvoiceStatusBanner,
@@ -7525,9 +7502,8 @@ function BtcUnifiedReceive({
           "div",
           {
             className: cn(
-              "group flex cursor-pointer items-center gap-2 rounded-xl border bg-white/3 px-2.5 py-1.5",
-              "transition-all hover:bg-white/6 active:scale-[0.98]",
-              network.border
+              "group flex cursor-pointer items-center gap-2 rounded-xl bg-white/3 px-2.5 py-1.5",
+              "transition-all hover:bg-white/6 active:scale-[0.98]"
             ),
             style: { borderLeftWidth: 3, borderLeftColor: network.color },
             onClick: () => void copyToClipboard(address.value),
@@ -7551,36 +7527,48 @@ function BtcUnifiedReceive({
       })
     ] }),
     /* @__PURE__ */ jsx76(
-      NetworkInfoDisclosure,
+      BottomSheet,
       {
-        networks: Array.from(
-          new Set(accountReceiveResult.addresses.map((address) => address.network))
-        )
+        open: showEdit,
+        title: "Edit request",
+        icon: /* @__PURE__ */ jsx76(Icon, { name: "edit", size: "md" }),
+        onClose: () => setShowEdit(false),
+        children: /* @__PURE__ */ jsxs62("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs62("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx76("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Amount (optional)" }),
+            /* @__PURE__ */ jsx76(
+              "input",
+              {
+                type: "text",
+                value: amount,
+                onChange: handleAmountChange,
+                placeholder: "Any amount",
+                className: "w-full rounded-xl bg-white/5 px-3 py-2.5 font-mono text-sm font-bold text-white shadow-inner transition-all placeholder:text-white/25 focus:outline focus:outline-2 focus:outline-primary/40",
+                inputMode: "decimal"
+              }
+            ),
+            amount && loading && /* @__PURE__ */ jsxs62("p", { className: "flex items-center gap-1 text-xxs text-warning/70", children: [
+              /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
+              "Updating invoice..."
+            ] })
+          ] }),
+          onDescriptionChange && /* @__PURE__ */ jsxs62("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx76("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Description (optional)" }),
+            /* @__PURE__ */ jsx76(
+              "input",
+              {
+                type: "text",
+                value: description ?? "",
+                onChange: (event) => onDescriptionChange(event.target.value),
+                placeholder: "What's this for?",
+                className: "w-full rounded-xl bg-white/5 px-3 py-2.5 text-sm text-white shadow-inner transition-all placeholder:text-white/25 focus:outline focus:outline-2 focus:outline-primary/40"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx76(Button, { variant: "cta", className: "w-full", onClick: () => setShowEdit(false), children: "Done" })
+        ] })
       }
-    ),
-    /* @__PURE__ */ jsxs62("div", { className: "flex gap-2.5 pt-1", children: [
-      showRegenerate && /* @__PURE__ */ jsxs62(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setAddress("");
-            setAmount("");
-            setInvoiceStatus(null);
-            setAccountReceiveResult(null);
-          },
-          className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
-          children: [
-            /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
-            "New Address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs62(Button, { variant: "cta", onClick: handleDone, className: showRegenerate ? void 0 : "flex-1", children: [
-        /* @__PURE__ */ jsx76("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
-        "Done"
-      ] })
-    ] })
+    )
   ] });
 }
 
@@ -8002,7 +7990,7 @@ function DepositPreGeneration({
 }
 
 // src/web/components/deposit-asset-selection.tsx
-import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect10, useState as useState16 } from "react";
 import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
 var ADD_ASSET_SUBTITLE = {
   RGB: "RGB asset on Bitcoin",
@@ -8045,8 +8033,8 @@ function DepositAssetSelection({
   const ownedAssetsCount = ownedAssets.length;
   const noResults = filteredAssets.length === 0 && !!searchQuery;
   const isSearching = !!searchQuery;
-  const [assetsExpanded, setAssetsExpanded] = useState15(false);
-  const [showAddAssetModal, setShowAddAssetModal] = useState15(false);
+  const [assetsExpanded, setAssetsExpanded] = useState16(false);
+  const [showAddAssetModal, setShowAddAssetModal] = useState16(false);
   useEffect10(() => {
     if (isSearching) setAssetsExpanded(true);
   }, [isSearching]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.71",
+  "version": "0.1.73",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",