From f241ad1127d886735bcd8e5e4811889bf42b7d2d Mon Sep 17 00:00:00 2001
From: Joycejay17 <temitayojoy17@gmail.com>
Date: Sat, 30 May 2026 01:43:07 +0100
Subject: [PATCH 1/4] docs(contracts): remove duplicate doc comment on
 StreamPausedEvent

Collapse the two near-identical leading lines into a single clear sentence.

Closes #568

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 contracts/stream_contract/src/events.rs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/contracts/stream_contract/src/events.rs b/contracts/stream_contract/src/events.rs
index bd2f18d1..944411b8 100644
--- a/contracts/stream_contract/src/events.rs
+++ b/contracts/stream_contract/src/events.rs
@@ -106,7 +106,6 @@ pub struct AdminTransferredEvent {
     pub new_admin: Address,
 }
 
-/// Emitted when a stream is paused.
 /// Emitted when a sender pauses an active stream.
 ///
 /// Topic: `("stream_paused", stream_id)`

From f4bb3177a95d69ba12d4c2eb58dd3e3b9aa59d5d Mon Sep 17 00:00:00 2001
From: Joycejay17 <temitayojoy17@gmail.com>
Date: Sat, 30 May 2026 01:43:19 +0100
Subject: [PATCH 2/4] fix(frontend): add aria-busy and accessible loading label
 to Button

Set aria-busy={loading} on the button element, mark the spinner SVG
aria-hidden="true", and add a visually-hidden "Loading" span so screen
readers announce the in-progress state on every loading button.

Closes #569

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/ui/Button.tsx | 45 +++++++++++++++------------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/ui/Button.tsx b/frontend/src/components/ui/Button.tsx
index 80abe340..20f84b4c 100644
--- a/frontend/src/components/ui/Button.tsx
+++ b/frontend/src/components/ui/Button.tsx
@@ -38,29 +38,34 @@ export const Button: React.FC<ButtonProps> = ({
         <button
             className={`${baseStyles} ${variants[variant]} ${sizes[size]} ${glowStyles} ${className}`}
             disabled={disabled || loading}
+            aria-busy={loading}
             {...props}
         >
             {loading && (
-                <svg
-                    className="animate-spin -ml-1 mr-2 h-4 w-4 text-current"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                >
-                    <circle
-                        className="opacity-25"
-                        cx="12"
-                        cy="12"
-                        r="10"
-                        stroke="currentColor"
-                        strokeWidth="4"
-                    />
-                    <path
-                        className="opacity-75"
-                        fill="currentColor"
-                        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                    />
-                </svg>
+                <>
+                    <svg
+                        aria-hidden="true"
+                        className="animate-spin -ml-1 mr-2 h-4 w-4 text-current"
+                        xmlns="http://www.w3.org/2000/svg"
+                        fill="none"
+                        viewBox="0 0 24 24"
+                    >
+                        <circle
+                            className="opacity-25"
+                            cx="12"
+                            cy="12"
+                            r="10"
+                            stroke="currentColor"
+                            strokeWidth="4"
+                        />
+                        <path
+                            className="opacity-75"
+                            fill="currentColor"
+                            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                        />
+                    </svg>
+                    <span className="sr-only">Loading</span>
+                </>
             )}
             {children}
         </button>

From ed9869bf3f7cb253454613bfa63de1e8b6e7b099 Mon Sep 17 00:00:00 2001
From: Joycejay17 <temitayojoy17@gmail.com>
Date: Sat, 30 May 2026 01:44:10 +0100
Subject: [PATCH 3/4] fix(frontend): guard progress NaN on zero deposit and
 label close button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Guard the progress calc against deposited === 0 (was NaN/Infinity) by
returning 0 and clamping the result to 0–100. Add aria-label="Close"
to the X button so screen readers announce it consistently with other
modals in the app.

Closes #570

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/dashboard/StreamDetailsModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/dashboard/StreamDetailsModal.tsx b/frontend/src/components/dashboard/StreamDetailsModal.tsx
index 66acdce0..e960fc21 100644
--- a/frontend/src/components/dashboard/StreamDetailsModal.tsx
+++ b/frontend/src/components/dashboard/StreamDetailsModal.tsx
@@ -26,7 +26,7 @@ export const StreamDetailsModal: React.FC<StreamDetailsModalProps> = ({
         return () => window.removeEventListener("keydown", handleEscape);
     }, [onClose]);
 
-    const progress = (stream.withdrawn / stream.deposited) * 100;
+    const progress = stream.deposited > 0 ? Math.min(100, Math.max(0, (stream.withdrawn / stream.deposited) * 100)) : 0;
     const remaining = stream.deposited - stream.withdrawn;
 
     return (
@@ -45,6 +45,7 @@ export const StreamDetailsModal: React.FC<StreamDetailsModalProps> = ({
                     </div>
                     <button
                         onClick={onClose}
+                        aria-label="Close"
                         className="p-2 rounded-full hover:bg-white/10 text-slate-400 transition-colors"
                     >
                         <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

From ce46d9fbc7e156d0f4d5dece7d9544681ebdb90b Mon Sep 17 00:00:00 2001
From: Joycejay17 <temitayojoy17@gmail.com>
Date: Sat, 30 May 2026 01:44:17 +0100
Subject: [PATCH 4/4] refactor(frontend): use shared formatAmount in
 TransactionTracker

Replace the private formatAmount(raw, decimals) at the bottom of
TransactionTracker.tsx with the canonical helper from @/utils/amount.
The local copy used BigInt(10 ** decimals) which is fragile for
decimals > 15; the shared util uses the safe 10n ** BigInt(decimals)
form.

Closes #571

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/TransactionTracker.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/frontend/src/components/TransactionTracker.tsx b/frontend/src/components/TransactionTracker.tsx
index 370157fe..eed3978c 100644
--- a/frontend/src/components/TransactionTracker.tsx
+++ b/frontend/src/components/TransactionTracker.tsx
@@ -4,6 +4,7 @@ import React, { useEffect, useState, useCallback } from "react";
 import { Loader2, CheckCircle, XCircle, ExternalLink, RefreshCw, Clock, Ban, FileSearch } from "lucide-react";
 import toast from "react-hot-toast";
 import type { BackendStream } from "@/lib/api-types";
+import { formatAmount } from "@/utils/amount";
 
 /**
  * TransactionTracker - Shared component for tracking on-chain transaction lifecycle
@@ -426,14 +427,6 @@ function renderChanges(prev: BackendStream, current: BackendStream) {
   return changes;
 }
 
-// Helper to format amounts
-function formatAmount(raw: bigint, decimals: number): string {
-  const divisor = BigInt(10 ** decimals);
-  const whole = raw / divisor;
-  const fraction = (raw % divisor).toString().padStart(decimals, "0").replace(/0+$/, "");
-  return fraction ? `${whole}.${fraction}` : whole.toString();
-}
-
 // Hook for using transaction tracker in components
 export function useTransactionTracker() {
   const [status, setStatus] = useState<TransactionStatus>("idle");