fix(ci): unblock Dependency Vulnerability Audit npm ci

.github/workflows/rust-security.yml

@@ -31,10 +31,15 @@ jobs:
           cache-dependency-path: |
             backend/package-lock.json
             frontend/package-lock.json
+            packages/api-schemas/package-lock.json
 
       - name: Cache Rust dependencies
         uses: Swatinem/rust-cache@v2
 
+
+      - name: Build shared API schemas
+        run: npm ci && npm run build
+        working-directory: packages/api-schemas
       - name: Install backend dependencies
         run: npm ci
         working-directory: backend

frontend/src/App.tsx

@@ -75,8 +75,8 @@ function AppContent() {
       return () => window.cancelIdleCallback(idleId);
     }
 
-    const timeoutId = window.setTimeout(schedulePrefetch, 1500);
-    return () => window.clearTimeout(timeoutId);
+    const timeoutId = globalThis.setTimeout(schedulePrefetch, 1500);
+    return () => globalThis.clearTimeout(timeoutId);
   }, [location.pathname]);
 
   const handleConnect = useCallback((address: string) => {

frontend/src/components/VaultDashboard.tsx

@@ -1,10 +1,9 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import {
   Activity,
   AlertCircle,
   AlertTriangle,
   Check,
-  Loader2,
   Share2,
   ShieldCheck,
   TrendingUp,
@@ -27,6 +26,7 @@ import { useTokenAllowance } from "../hooks/useTokenAllowance";
 import { createDepositFormSchema, MIN_DEPOSIT_AMOUNT } from "../forms/schemas/depositFormSchema";
 import { createWithdrawFormSchema } from "../forms/schemas/withdrawFormSchema";
 import { mapServerError } from "../lib/errorMappers";
+import confetti from "canvas-confetti";
 import CopyButton from "./CopyButton";
 import { Button } from "./ui/Button";
 import { copyTextToClipboard } from "../lib/clipboard";
@@ -45,7 +45,7 @@ import { useOfflineRetryCountdown } from "../hooks/useOfflineRetryCountdown";
 import { useFormFocusFlow } from "../hooks/useFormFocusFlow";
 import { useStaleSubmissionGuard } from "../hooks/useStaleSubmissionGuard";
 import { useTransactionIntent } from "../hooks/useTransactionIntent";
-import { saveVaultFormDraft } from "../lib/formDraftStorage";
+import { saveVaultFormDraft, clearVaultFormDraft } from "../lib/formDraftStorage";
 import { buildDepositSummary, buildWithdrawalSummary } from "../lib/transactionConfirmationBuilder";
 import TransactionConflictResolver from "./TransactionConflictResolver";
 import {

frontend/src/components/WalletConnect.tsx

@@ -3,7 +3,9 @@ import { setAllowed, isAllowed, getAddress } from "@stellar/freighter-api";
 import { LogOut, Wallet, AlertCircle } from "./icons";
 import { hasCustomRpcConfig, networkConfig } from "../config/network";
 import { useToast } from "../context/ToastContext";
+import { usePreferencesContext } from "../context/PreferencesContext";
 import { useTranslation } from "../i18n";
+import { displayIdentifier } from "../lib/maskSensitiveValues";
 import CopyButton from "./CopyButton";
 import {
   discoverConnectedAddress,
@@ -23,6 +25,7 @@ import {
 } from "../lib/walletSession";
 import { Button } from "./ui/Button";
 import WalletSessionIndicator from "./WalletSessionIndicator";
+import WalletReconnectPrompt from "./WalletReconnectPrompt";
 
 const IS_AUTOMATED_TEST =
   typeof process !== "undefined" &&

frontend/src/components/icons.ts

@@ -2,6 +2,7 @@ export {
   Activity,
   AlertTriangle,
   ChevronRight,
+  Clock,
   AlertCircle,
   Check,
   Copy,

frontend/src/hooks/useSharableViewState.ts

@@ -97,7 +97,7 @@
 
   const setState = useCallback(
     (updates: Partial<SharableViewState>) => {
-      setSearchParams((prev) => {
+      setSearchParams(() => {
         const next = new URLSearchParams();
 
         const merged = { ...state, ...updates };
@@ -119,7 +119,7 @@
         return params;
       });
     },
     [setSearchParams, state, defaultPage, defaultPageSize, defaultSortBy, defaultSortDirection],
   );
 
   const setPage = useCallback((page: number) => setState({ page }), [setState]);

frontend/src/hooks/useWalletHeartbeat.ts

@@ -44,7 +44,7 @@ export function useWalletHeartbeat(
       const elapsed = performance.now() - start;
 
       if (result?.isConnected) {
-        setHeartbeat((prev) => ({
+        setHeartbeat(() => ({
           state: elapsed > DEGRADED_LATENCY_THRESHOLD_MS ? "degraded" : "healthy",
           latencyMs: Math.round(elapsed),
           lastChecked: new Date(),

frontend/src/pages/Portfolio.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useEffect, useRef } from "react";
+import React, { useMemo, useState, useEffect, useRef, useCallback } from "react";
 import { Activity, TrendingUp, DollarSign, Percent, Briefcase, Share2 } from "../components/icons";
 import { useTranslation } from "../i18n";
 import ApiStatusBanner from "../components/ApiStatusBanner";
@@ -314,7 +314,7 @@
         </span>
       ),
     },
   ], [formatSensitiveCurrency, t]);
 
   // Compute trend values
   const totalNetValueTrend = useMemo(() => {