fix: resolve all TypeScript errors and test failures from merged contributor PRs

- LiveCounter: close unclosed outer `if` block; remove duplicate `aria-label`
- LiveCounter: remove duplicate `formatUSDCFixed` const declaration
- StreamComparisonModal: rename non-existent `formatStreamAmount` → `formatStellarAmount`
- stream/new: remove duplicate React import; remove unclosed `handleTemplateSelect`
  stub that was swallowing all component-level hooks and the JSX return; remove
  duplicate state declarations (duration, selectedToken×3, customTokenAddress,
  endDate, cliffDate); remove dead code after early return; fix unescaped JSX
  entities (`'`, `"`)
- stream/new: add missing params to `handleTemplateSelect` signature
- admin: remove duplicate `TreasuryBalance` import; replace undefined `ADMIN_WALLET`
  with `ADMIN_ADDRESSES.length > 0`; fix accidental `<strong>` text replacement
- admin: remove orphaned `)}` from Emergency Pause section; close missing `)}`
  for non-admin note conditional
- dashboard: add missing `getAllTags`/`getTagMap` imports from streamTags lib;
  add `Paused` to sort order map with `Record<string, number>` typing
- dashboard: remove `{/* end My Streams tabpanel */}` JSX comment that broke
  ternary expression parsing
- stream/[id]: add missing imports for `StreamTagEditor` and `getGiftMessage`;
  remove extra `</div>` that caused div-balance to go negative at line 1359
- sorostream mock: add `_streamId` param to `topUp` so bulk top-up compiles
- streamHealth: change `<=` to `<` so the boundary (exactly 24 h) is "Active"
- tests: fix `makeStream` helper to use fixed `NOW` constant instead of `Date.now()`
- tests: replace hardcoded `/workspaces/…` paths with `process.cwd()` equivalents
- tests: remove duplicate `useWallet` property in StreamActions mock
- tests: replace string-index on typed locale objects with `Record<string, unknown>`
- tests: use `waitFor` in WalletConnect disabled-while-connecting test

Author: Chuks-coderr

components/LiveCounter.tsx

@@ -40,8 +40,6 @@ function parseClaimable(value: string | number | bigint): number | null {
   return Number.isFinite(amount) && amount >= 0 ? amount : null;
 }
 
-const formatUSDCFixed = (val: number) => (val / 10_000_000).toFixed(7);
-
 
 export default function LiveCounter({
   flowRate,
@@ -169,6 +167,7 @@ export default function LiveCounter({
       setAriaLabel(safeFormatUSDCFixed(displayValue));
     }, remaining);
     return () => clearTimeout(timer);
+    }
   }, [displayValue, safeFormatUSDCFixed]);
 
   return (
@@ -181,7 +180,6 @@ export default function LiveCounter({
         t("claimable", { val: ariaLabel }) +
         (isOptimistic ? t("pending_confirmation") : "")
       }
-      aria-label={`Claimable: ${formatUSDCFixed(displayValue)} USDC`}
     >
       <span className={isOptimistic ? "text-yellow-400" : "text-green-600"}>
         {formatUSDC(displayValue)} USDC

components/StreamComparisonModal.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect, useRef, useMemo } from "react";
 import { useFocusTrap } from "@/src/lib/useFocusTrap";
 import { useTranslations } from "@/src/lib/i18n";
 import type { StreamData } from "@/src/lib/sorostream";
-import { formatStellarAmount, formatStreamAmount } from "@/src/lib/sorostream";
+import { formatStellarAmount } from "@/src/lib/sorostream";
 import FederationName from "@/components/FederationName";
 
 interface StreamComparisonModalProps {
@@ -346,8 +346,8 @@ export default function StreamComparisonModal({
 
                     <ComparisonRow
                       label={t("compare_amount")}
-                      current={formatStreamAmount(currentStream.deposit)}
-                      compared={formatStreamAmount(selectedStream.deposit)}
+                      current={formatStellarAmount(currentStream.deposit)}
+                      compared={formatStellarAmount(selectedStream.deposit)}
                       highlighted={getDifference(
                         currentStream.deposit,
                         selectedStream.deposit

components/__tests__/NetReceivedDisplay.test.tsx

@@ -3,15 +3,15 @@ import { describe, it, expect } from "vitest";
 describe("Net Received Display Feature", () => {
   // Test 1: Verify the component exists and exports
   it("should export NetReceivedDisplay component", async () => {
-    const module = await import("@/components/NetReceivedDisplay");
-    expect(module.default).toBeDefined();
+    const mod = await import("@/components/NetReceivedDisplay");
+    expect(mod.default).toBeDefined();
   });
 
   // Test 2: Verify stream new page imports
   it("should have NetReceivedDisplay imported in stream new page", async () => {
     const fs = await import("fs/promises");
     const content = await fs.readFile(
-      "/workspaces/sorostream-app/src/app/stream/new/page.tsx",
+      `${process.cwd()}/src/app/stream/new/page.tsx`,
       "utf-8"
     );
 
@@ -68,9 +68,9 @@ describe("Net Received Display Feature", () => {
 
     const keys = ["net_received_label", "net_received_fee_desc"];
     keys.forEach((key) => {
-      expect(en.default.stream_new[key]).toBeDefined();
-      expect(pt.default.stream_new[key]).toBeDefined();
-      expect(es.default.stream_new[key]).toBeDefined();
+      expect((en.default.stream_new as Record<string, unknown>)[key]).toBeDefined();
+      expect((pt.default.stream_new as Record<string, unknown>)[key]).toBeDefined();
+      expect((es.default.stream_new as Record<string, unknown>)[key]).toBeDefined();
     });
   });
 });

components/__tests__/StreamActions.test.tsx

@@ -33,7 +33,6 @@ vi.mock('@/src/context/SettingsContext', () => ({
 }));
 
 vi.mock('@/src/context/WalletContext', () => ({
-  useWallet: () => ({ refetchBalance: vi.fn() }),
   useWallet: () => ({ refetchBalance: vi.fn(), address: 'GBKLYONWFBQFBFZK6HMTXQZJNBKQEXZ3PJOVXNKZXVTV4FQXVMKLKHA' }),
 }));
 

components/__tests__/StreamComparisonModal.test.tsx

@@ -3,14 +3,14 @@ import { describe, it, expect } from "vitest";
 describe("Stream Comparison Feature", () => {
   // Test 1: Verify the component exists and exports
   it("should export StreamComparisonModal component", async () => {
-    const module = await import("@/components/StreamComparisonModal");
-    expect(module.default).toBeDefined();
+    const mod = await import("@/components/StreamComparisonModal");
+    expect(mod.default).toBeDefined();
   });
 
   // Test 2: Verify stream detail imports are correct
   it("should have correct imports in stream detail page", async () => {
     // This is a simple validation that the file exists
-    const streamDetailPath = "/workspaces/sorostream-app/src/app/stream/[id]/page.tsx";
+    const streamDetailPath = `${process.cwd()}/src/app/stream/[id]/page.tsx`;
     const fs = await import("fs/promises");
     const content = await fs.readFile(streamDetailPath, "utf-8");
 
@@ -51,7 +51,7 @@ describe("Stream Comparison Feature", () => {
     ];
 
     expectedKeys.forEach((key) => {
-      expect(translations.stream_detail[key]).toBeDefined();
+      expect((translations.stream_detail as Record<string, unknown>)[key]).toBeDefined();
     });
   });
 });

components/__tests__/WalletConnect.test.tsx

@@ -125,11 +125,9 @@ describe('WalletConnect', () => {
     render(<WalletConnect />);
     const button = screen.getByRole('button', { name: /connect freighter wallet/i });
 
-    await act(async () => {
-      fireEvent.click(button);
-    });
+    fireEvent.click(button);
 
-    expect(button).toBeDisabled();
+    await waitFor(() => expect(button).toBeDisabled());
   });
 
   it('shows connected address and disconnect button when context has an address', () => {

src/app/admin/page.tsx

@@ -43,7 +43,6 @@ import {
   type TreasuryBalance,
   type ContractState,
   getMockStreams,
-  type TreasuryBalance,
   type StreamData,
 } from "@/src/lib/sorostream";
 import { useXlmPrice } from "@/src/lib/useXlmPrice";
@@ -346,7 +345,7 @@ export default function AdminPage() {
 
   // Non-admin wallets are redirected away from /admin with an error message.
   useEffect(() => {
-    if (address && ADMIN_WALLET && !isAdmin) {
+    if (address && ADMIN_ADDRESSES.length > 0 && !isAdmin) {
       addToast("Access denied: this page is restricted to the protocol admin wallet.", "error");
       router.replace("/dashboard");
     }
@@ -480,7 +479,7 @@ export default function AdminPage() {
   }
 
   // Non-admin wallets: render nothing while the redirect above takes effect.
-  if (ADMIN_WALLET && !isAdmin) {
+  if (ADMIN_ADDRESSES.length > 0 && !isAdmin) {
     return null;
   }
 
@@ -509,7 +508,7 @@ export default function AdminPage() {
             role="note"
             className="mb-6 rounded-lg bg-yellow-900/30 border border-yellow-700 text-yellow-300 text-sm px-4 py-3"
           >
-            <strong>NEXT_PUBLIC_ADMIN_WALLET</strong> is not configured. Admin
+            <strong>NEXT_PUBLIC_ADMIN_ADDRESS</strong> is not configured. Admin
             controls will not appear until an admin address is set.
           </div>
         )}
@@ -575,7 +574,6 @@ export default function AdminPage() {
             <strong>NEXT_PUBLIC_ADMIN_ADDRESS</strong> is not configured. The
             Sweep Fees button will not appear until at least one admin address is set.
           </div>
-        )}
 
         {address && ADMIN_ADDRESSES.length > 0 && !isAdmin && (
           <div
@@ -585,6 +583,7 @@ export default function AdminPage() {
             Connected as <span className="font-mono text-gray-300">{address}</span>. Sweep
             controls are only available to the configured admin wallet addresses.
           </div>
+        )}
         </section>
 
         {/* Fee Rate configuration */}

src/app/dashboard/page.tsx

@@ -17,6 +17,7 @@ import { useKeyboardShortcuts, type ShortcutGroup } from "@/src/lib/useKeyboardS
 import { useBookmarks } from "@/src/context/BookmarksContext";
 import { useWallet } from "@/src/context/WalletContext";
 import ArchiveBanner from "@/components/ArchiveBanner";
+import { getAllTags, getTagMap } from "@/src/lib/streamTags";
 import PortfolioChart from "@/components/PortfolioChart";
 import StreamExpiryAlerts from "@/components/StreamExpiryAlerts";
 import PortfolioSummaryCard from "@/components/PortfolioSummaryCard";
@@ -196,7 +197,7 @@ function DashboardContent() {
         case "amount":
           return dir * (a.deposit - b.deposit);
         case "status": {
-          const order = { Active: 0, Ended: 1, Cancelled: 2 };
+          const order: Record<string, number> = { Active: 0, Ended: 1, Cancelled: 2, Paused: 3 };
           return dir * ((order[a.status] ?? 3) - (order[b.status] ?? 3));
         }
         default:
@@ -681,7 +682,7 @@ function DashboardContent() {
               </div>
             )}
             </StreamErrorBoundary>
-            </div>{/* end My Streams tabpanel */}
+            </div>
             )}{/* end activeTab conditional */}
           </div>
 

src/app/stream/[id]/page.tsx

@@ -39,6 +39,8 @@ import WithdrawConfirmModal from "@/components/WithdrawConfirmModal";
 import StartCountdownTimer from "@/components/StartCountdownTimer";
 import EmbedWidgetModal from "@/components/EmbedWidgetModal";
 import StreamComparisonModal from "@/components/StreamComparisonModal";
+import StreamTagEditor from "@/components/StreamTagEditor";
+import { getGiftMessage } from "@/components/GiftStreamModal";
 import { useSettings } from "@/src/context/SettingsContext";
 import { formatStellarAmount } from "@/src/lib/sorostream";
 import { useTranslations } from "@/src/lib/i18n";
@@ -1356,7 +1358,6 @@ export default function StreamDetail({ params }: { params: { id: string } }) {
             </section>
           </StreamErrorBoundary>
         </div>
-      </div>
 
       <StreamQrModal
         open={showQrModal}

src/app/stream/new/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-import { useState, useEffect, Suspense } from "react";
 import { useState, useEffect, useRef, Suspense } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import DurationPicker from "@/components/DurationPicker";
@@ -144,9 +143,6 @@ function NewStreamWizard() {
       if (!isNaN(num) && num > 0) return Math.round(num);
     }
     return draft?.duration ?? 0;
-    if (!durationParam) return settings.defaultDurationSeconds;
-    const num = parseFloat(durationParam);
-    return !isNaN(num) && num > 0 ? Math.round(num) : settings.defaultDurationSeconds;
   })();
 
   const [recipient, setRecipient] = useState(initialRecipient);
@@ -157,13 +153,7 @@ function NewStreamWizard() {
   const [selectedToken, setSelectedToken] = useState<string>(
     SUPPORTED_TOKENS.find((t) => t.symbol === defaultToken)?.symbol ?? SUPPORTED_TOKENS[0].symbol,
   );
-  const [duration, setDuration] = useState(initialDuration);
-  const [selectedToken, setSelectedToken] = useState<string>(
-    draft?.selectedToken ?? SUPPORTED_TOKENS[0].symbol,
-  );
   const [customTokenAddress, setCustomTokenAddress] = useState(draft?.customTokenAddress ?? "");
-  const [selectedToken, setSelectedToken] = useState<string>(settings.defaultToken || SUPPORTED_TOKENS[0].symbol);
-  const [customTokenAddress, setCustomTokenAddress] = useState("");
   const [customTokenError, setCustomTokenError] = useState("");
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState({ recipient: "", amount: "", duration: "", endDate: "", cliffDate: "", scheduledStart: "" });
@@ -200,14 +190,6 @@ function NewStreamWizard() {
       ...overrides,
     });
   }
-  const [endDate, setEndDate] = useState("");
-  // Pre-fill cliff from preference (convert seconds offset to a future datetime-local string)
-  const [cliffDate, setCliffDate] = useState(() => {
-    if (!defaultCliffDuration || defaultCliffDuration <= 0) return "";
-    const dt = new Date(Date.now() + defaultCliffDuration * 1000);
-    // datetime-local format: "YYYY-MM-DDTHH:MM"
-    return dt.toISOString().slice(0, 16);
-  });
 
   // Scheduling
   const [schedulingEnabled, setSchedulingEnabled] = useState(false);
@@ -233,13 +215,6 @@ function NewStreamWizard() {
   const [txFailedStage, setTxFailedStage] = useState<TxStage | undefined>(undefined);
   const [txError, setTxError] = useState<string | undefined>(undefined);
 
-  function handleTemplateSelect(
-    seconds: number,
-    suggestedAmount?: string,
-    recipientOverride?: string,
-    tokenOverride?: string,
-    cliffDateOverride?: string,
-  ) {
   // Protocol fee state for review step
   const [feeBasisPoints, setFeeBasisPoints] = useState<number>(0);
   const [feeLoading, setFeeLoading] = useState(false);
@@ -412,7 +387,7 @@ function NewStreamWizard() {
     return () => { cancelled = true; };
   }, [step, address]);
 
-  function handleTemplateSelect(seconds: number, suggestedAmount?: string, recipientOverride?: string) {
+  function handleTemplateSelect(seconds: number, suggestedAmount?: string, recipientOverride?: string, tokenOverride?: string, cliffDateOverride?: string) {
     setDuration(seconds);
     setErrors((prev) => ({ ...prev, duration: "" }));
     const newAmount = suggestedAmount ?? amount;
@@ -1198,7 +1173,7 @@ function NewStreamWizard() {
         {step === "preview" && (
           <div className="space-y-6">
             <div className="bg-gray-800 rounded-xl p-6 space-y-4 border border-gray-700">
-              <p className="text-gray-400 text-sm mb-4">Here's what your stream will look like on-chain:</p>
+              <p className="text-gray-400 text-sm mb-4">Here&apos;s what your stream will look like on-chain:</p>
 
               {/* Flow rate per day */}
               <div>
@@ -1259,7 +1234,7 @@ function NewStreamWizard() {
             {/* Info box */}
             <div className="bg-blue-900/20 border border-blue-700/50 rounded-lg p-4">
               <p className="text-blue-300 text-sm">
-                Review the details above. Click "Confirm" to proceed to sign this transaction with your wallet, or "Back" to edit the stream parameters.
+                Review the details above. Click &quot;Confirm&quot; to proceed to sign this transaction with your wallet, or &quot;Back&quot; to edit the stream parameters.
               </p>
             </div>
           </div>