From ec8e63195d233888b31e3a9736e8d828ef83693d Mon Sep 17 00:00:00 2001
From: camtonguyen <CamTo@macs-MacBook-Pro.local>
Date: Thu, 25 Dec 2025 11:11:11 +0700
Subject: [PATCH] Initialize project with  problem implementations, currency
 swap & wallet management

---
 .gitignore                                    |   25 +
 src/problem1/README.md                        |  127 +
 src/problem1/index.js                         |   27 +
 src/problem2/README.md                        |  362 ++
 src/problem2/index.html                       |  208 +-
 src/problem2/script.js                        |  358 ++
 src/problem2/style.css                        |  426 +-
 src/problem3/.env                             |    2 +
 src/problem3/.gitignore                       |   24 +
 src/problem3/ORIGINAL_CODE_ISSUES.md          |  178 +
 src/problem3/README.md                        |  216 +
 src/problem3/TEST_DOCUMENTATION.md            |  269 ++
 src/problem3/eslint.config.js                 |   23 +
 src/problem3/index.html                       |   13 +
 src/problem3/package.json                     |   43 +
 src/problem3/pnpm-lock.yaml                   | 3483 +++++++++++++++++
 src/problem3/public/vite.svg                  |    1 +
 src/problem3/src/App.tsx                      |   11 +
 .../src/components/WalletPage.test.tsx        |  435 ++
 src/problem3/src/components/WalletPage.tsx    |   94 +
 .../src/components/WalletRow.test.tsx         |  322 ++
 src/problem3/src/components/WalletRow.tsx     |   69 +
 src/problem3/src/hooks/useFetch.test.ts       |  557 +++
 src/problem3/src/hooks/useFetch.ts            |  128 +
 src/problem3/src/hooks/usePrices.ts           |   25 +
 src/problem3/src/hooks/useWalletBalances.ts   |   25 +
 src/problem3/src/main.tsx                     |   11 +
 src/problem3/src/mocks/mockData.ts            |   32 +
 src/problem3/src/styles/index.css             |   40 +
 src/problem3/src/test/setup.ts                |   23 +
 src/problem3/src/types/index.ts               |   28 +
 src/problem3/src/utils/balanceHelpers.test.ts |  275 ++
 src/problem3/src/utils/balanceHelpers.ts      |   54 +
 .../src/utils/blockchainPriority.test.ts      |   52 +
 src/problem3/src/utils/blockchainPriority.ts  |   26 +
 src/problem3/src/vite-env.d.ts                |    2 +
 src/problem3/tsconfig.app.json                |   27 +
 src/problem3/tsconfig.json                    |    7 +
 src/problem3/tsconfig.node.json               |   26 +
 src/problem3/vite.config.ts                   |   15 +
 src/problem3/vitest.config.ts                 |   30 +
 41 files changed, 8077 insertions(+), 22 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 src/problem1/README.md
 create mode 100644 src/problem1/index.js
 create mode 100644 src/problem2/README.md
 create mode 100644 src/problem3/.env
 create mode 100644 src/problem3/.gitignore
 create mode 100644 src/problem3/ORIGINAL_CODE_ISSUES.md
 create mode 100644 src/problem3/README.md
 create mode 100644 src/problem3/TEST_DOCUMENTATION.md
 create mode 100644 src/problem3/eslint.config.js
 create mode 100644 src/problem3/index.html
 create mode 100644 src/problem3/package.json
 create mode 100644 src/problem3/pnpm-lock.yaml
 create mode 100644 src/problem3/public/vite.svg
 create mode 100644 src/problem3/src/App.tsx
 create mode 100644 src/problem3/src/components/WalletPage.test.tsx
 create mode 100644 src/problem3/src/components/WalletPage.tsx
 create mode 100644 src/problem3/src/components/WalletRow.test.tsx
 create mode 100644 src/problem3/src/components/WalletRow.tsx
 create mode 100644 src/problem3/src/hooks/useFetch.test.ts
 create mode 100644 src/problem3/src/hooks/useFetch.ts
 create mode 100644 src/problem3/src/hooks/usePrices.ts
 create mode 100644 src/problem3/src/hooks/useWalletBalances.ts
 create mode 100644 src/problem3/src/main.tsx
 create mode 100644 src/problem3/src/mocks/mockData.ts
 create mode 100644 src/problem3/src/styles/index.css
 create mode 100644 src/problem3/src/test/setup.ts
 create mode 100644 src/problem3/src/types/index.ts
 create mode 100644 src/problem3/src/utils/balanceHelpers.test.ts
 create mode 100644 src/problem3/src/utils/balanceHelpers.ts
 create mode 100644 src/problem3/src/utils/blockchainPriority.test.ts
 create mode 100644 src/problem3/src/utils/blockchainPriority.ts
 create mode 100644 src/problem3/src/vite-env.d.ts
 create mode 100644 src/problem3/tsconfig.app.json
 create mode 100644 src/problem3/tsconfig.json
 create mode 100644 src/problem3/tsconfig.node.json
 create mode 100644 src/problem3/vite.config.ts
 create mode 100644 src/problem3/vitest.config.ts

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..d600b6c76
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
diff --git a/src/problem1/README.md b/src/problem1/README.md
new file mode 100644
index 000000000..c11e90405
--- /dev/null
+++ b/src/problem1/README.md
@@ -0,0 +1,127 @@
+# Sum to N - Three Creative Implementations
+
+## 📋 Problem Statement
+
+Calculate the sum of all integers from 1 to n.
+
+**Example:** `sum_to_n(5) = 1 + 2 + 3 + 4 + 5 = 15`
+
+---
+
+## 🔄 Implementation 1: Array Magic
+
+```javascript
+var sum_to_n_a = function (n) {
+  return Array.from({ length: n }, (_, i) => i + 1).reduce(
+    (acc, val) => acc + val,
+    0
+  );
+};
+```
+
+### How It Works
+
+1. **`Array.from({length: n})`** - Creates an array with n empty slots
+2. **`(_, i) => i + 1`** - Maps each index to its value (0→1, 1→2, etc.)
+3. **`.reduce((acc, val) => acc + val, 0)`** - Sums all elements starting from 0
+
+### Characteristics
+
+- ✅ **Declarative & Functional** - Expresses _what_ to do, not _how_
+- ✅ **Readable** - Clear intent with modern JavaScript
+- ⚠️ **Performance** - O(n) time, O(n) space (creates array)
+- 🎯 **Best for** - Small to medium values, code readability
+
+---
+
+## ⚡ Implementation 2: Gauss's Genius
+
+```javascript
+var sum_to_n_b = function (n) {
+  return (n * (n + 1)) >> 1;
+};
+```
+
+### How It Works
+
+Uses the famous **Gauss Summation Formula**: `sum = n × (n + 1) / 2`
+
+**The Insight:** Pair numbers from opposite ends:
+
+```
+1 + 2 + 3 + 4 + 5
+= (1 + 5) + (2 + 4) + 3
+= 6 + 6 + 3 = 15
+```
+
+**Bitwise Trick:** `>> 1` shifts bits right by 1 position, equivalent to dividing by 2 (faster!)
+
+### Characteristics
+
+- ✅ **Ultra-Fast** - O(1) constant time
+- ✅ **Memory Efficient** - O(1) space
+- ✅ **Mathematically Elegant** - Direct formula
+- 🎯 **Best for** - Production code, large values, performance-critical applications
+
+---
+
+## 🎯 Implementation 3: Functional Recursion
+
+```javascript
+var sum_to_n_c = function (n) {
+  return n <= 0 ? 0 : n + sum_to_n_c(n - 1);
+};
+```
+
+### How It Works
+
+**Recursive Definition:**
+
+- **Base Case:** If n ≤ 0, return 0
+- **Recursive Case:** `sum(n) = n + sum(n - 1)`
+
+**Example:** `sum(5) = 5 + sum(4) = 5 + (4 + sum(3)) = 5 + 4 + 3 + 2 + 1 + 0`
+
+### Characteristics
+
+- ✅ **Elegant & Minimal** - One-liner solution
+- ✅ **Self-Documenting** - Matches mathematical definition
+- ⚠️ **Stack Overhead** - O(n) space for call stack
+- ⚠️ **Stack Limit Risk** - May overflow with very large n
+- 🎯 **Best for** - Educational purposes, functional programming style
+
+---
+
+## 📊 Performance Comparison
+
+| Implementation        | Time | Space | Speed           | Best Use Case |
+| --------------------- | ---- | ----- | --------------- | ------------- |
+| **A: Array Magic**    | O(n) | O(n)  | 🐢 Slow         | Readability   |
+| **B: Gauss's Genius** | O(1) | O(1)  | 🚀 Blazing Fast | Production    |
+| **C: Recursion**      | O(n) | O(n)  | 🐌 Slowest      | Learning      |
+
+---
+
+## 🧪 Testing
+
+All three implementations produce identical results:
+
+```javascript
+sum_to_n_a(5); // 15
+sum_to_n_b(5); // 15
+sum_to_n_c(5); // 15
+
+sum_to_n_a(100); // 5050
+sum_to_n_b(100); // 5050
+sum_to_n_c(100); // 5050
+```
+
+---
+
+## 💡 When to Use Each
+
+- **Use Array Magic** when code clarity and modern JS style are priorities
+- **Use Gauss's Genius** in production for optimal performance
+- **Use Recursion** for educational purposes or when working in functional paradigm
+
+---
diff --git a/src/problem1/index.js b/src/problem1/index.js
new file mode 100644
index 000000000..8946590f0
--- /dev/null
+++ b/src/problem1/index.js
@@ -0,0 +1,27 @@
+// 🔄 Implementation 1: Array Magic
+const sum_to_n_a = function (n) {
+  return Array.from({ length: n }, (_, i) => i + 1).reduce(
+    (acc, val) => acc + val,
+    0
+  );
+};
+
+// ⚡ Implementation 2: Gauss's Genius
+const sum_to_n_b = function (n) {
+  return (n * (n + 1)) >> 1;
+};
+
+// 🎯 Implementation 3: Functional Recursion
+const sum_to_n_c = function (n) {
+  return n <= 0 ? 0 : n + sum_to_n_c(n - 1);
+};
+
+// ✨ Test Suite
+const test = (fn, name) => {
+  console.log(`\n${name}`);
+  [0, 1, 5, 10, 100].forEach((n) => console.log(`  ${n} → ${fn(n)}`));
+};
+
+test(sum_to_n_a, '🔄 Array Magic');
+test(sum_to_n_b, "⚡ Gauss's Genius");
+test(sum_to_n_c, '🎯 Functional Recursion');
diff --git a/src/problem2/README.md b/src/problem2/README.md
new file mode 100644
index 000000000..b467c848e
--- /dev/null
+++ b/src/problem2/README.md
@@ -0,0 +1,362 @@
+# Currency Swap Application
+
+A currency exchange rate calculator with real-time conversion, built with vanilla JavaScript, HTML5, and CSS3.
+
+## Overview
+
+This application allows users to convert between different currencies using real-time exchange rates.
+
+## Features
+
+- 🔄 Real-time currency conversion with live exchange rates
+- 💱 Support for 8 major currencies (USD, EUR, GBP, JPY, AUD, CAD, CHF, CNY)
+- ♻️ One-click currency swap functionality
+- ✅ Comprehensive form validation with user-friendly error messages
+- ♿ Full accessibility support (ARIA labels, screen reader friendly)
+- 📱 Responsive design for mobile and desktop
+- ⚡ Performance optimized with debouncing and request cancellation
+- 🎨 Modern gradient design with smooth animations
+
+## File Structure
+
+```
+problem2/
+├── index.html    # Semantic HTML5 structure with accessibility features
+├── style.css     # CSS with custom properties (CSS variables) for theming
+├── script.js     # JavaScript application logic
+└── README.md     # This file
+```
+
+## Technologies
+
+- **HTML5**: Semantic markup, ARIA attributes, accessibility features
+- **CSS3**: Custom properties, flexbox, animations, responsive design
+- **JavaScript (ES6+)**: Async/await, fetch API, AbortController, debouncing
+- **API**: ExchangeRate-API (https://api.exchangerate-api.com/v4/latest/)
+
+## Code Architecture
+
+### Constants & Configuration
+
+All magic numbers and strings are extracted into constants at the top of `script.js`:
+
+```javascript
+const API_URL = 'https://api.exchangerate-api.com/v4/latest/';
+const DEFAULT_BASE_CURRENCY = 'USD';
+const MAX_AMOUNT = 1000000;
+const MIN_AMOUNT = 0;
+const DECIMAL_PLACES = 2;
+const INPUT_DEBOUNCE_MS = 300;
+```
+
+### State Management
+
+The application maintains state using module-level variables:
+
+- `exchangeRates`: Cached exchange rates from API
+- `currentBaseCurrency`: Currently loaded base currency
+- `abortController`: For cancelling ongoing API requests
+- `inputDebounceTimer`: For debouncing input events
+
+### DOM Element Caching
+
+All DOM elements are queried once at initialization and cached for performance:
+
+```javascript
+const inputAmount = document.getElementById('input-amount');
+const outputAmount = document.getElementById('output-amount');
+// ... etc
+```
+
+## Key Functions
+
+### `fetchExchangeRates(base)`
+
+Fetches exchange rates from the API for a given base currency.
+
+**Features:**
+
+- Uses `AbortController` to cancel previous requests and prevent race conditions
+- Validates API response structure
+- Handles errors gracefully (ignores aborted requests)
+
+**Logic Flow:**
+
+1. Cancel any ongoing request
+2. Create new AbortController
+3. Fetch rates from API
+4. Validate response
+5. Update cached rates and base currency
+
+### `calculateConversion()`
+
+Calculates the converted amount based on input and selected currencies.
+
+**Conversion Logic:**
+
+- If base currency matches input currency: Direct rate lookup
+- If base currency matches output currency: Inverse calculation
+- Otherwise: Convert through base currency (input → base → output)
+
+**Example:**
+
+- Base: USD, Input: USD → EUR: `rate = exchangeRates.EUR`
+- Base: USD, Input: EUR → USD: `rate = 1 / exchangeRates.EUR`
+- Base: USD, Input: GBP → EUR: `rate = (1 / exchangeRates.GBP) * exchangeRates.EUR`
+
+### `validateForm()`
+
+Validates the form before submission with multiple checks:
+
+1. **Input Amount Validation:**
+
+   - Must not be empty
+   - Must be greater than 0
+   - Must not exceed MAX_AMOUNT (1,000,000)
+
+2. **Output Amount Validation:**
+
+   - Must have a valid calculated value
+
+3. **Currency Validation:**
+   - Input and output currencies must be different
+
+### `debounce(func, wait)`
+
+Limits function calls to improve performance. Used for input field changes to prevent excessive calculations while typing.
+
+**How it works:**
+
+- Delays function execution until user stops typing for specified time (300ms)
+- Cancels previous pending execution if new event occurs
+- Reduces API calls and DOM manipulations
+
+### Event Handlers
+
+**`handleInputChange()`** - Debounced handler for input amount changes
+
+- Clears errors and success messages
+- Recalculates conversion
+
+**`handleInputCurrencyChange()`** - Handler for input currency selection
+
+- Fetches new exchange rates for selected currency
+- Updates icons and recalculates
+
+**`handleOutputCurrencyChange()`** - Handler for output currency selection
+
+- Updates icons and recalculates (uses existing rates)
+
+**`handleSwap()`** - Swaps input and output currencies/amounts
+
+- Swaps currency values
+- Swaps amount values
+- Updates icons
+- Recalculates if input has value
+
+**`handleFormSubmit()`** - Handles form submission
+
+- Validates form
+- Shows loading state
+- Simulates API call (2 second delay)
+- Shows success message for 5 seconds
+
+## Accessibility Features (WCAG 2.1 Compliant)
+
+### HTML Semantics
+
+- Semantic HTML5 elements (`<main>`, `<header>`, `<fieldset>`, `<section>`)
+- Proper heading hierarchy
+- Form labels and legends
+
+### ARIA Attributes
+
+- `aria-label` and `aria-labelledby` for form controls
+- `aria-describedby` linking inputs to error messages
+- `aria-invalid` for error states
+- `aria-required` for required fields
+- `aria-live` regions for dynamic content (errors, success, rate info)
+- `aria-busy` for loading states
+- `aria-hidden="true"` for decorative elements
+
+### Screen Reader Support
+
+- `.sr-only` class for visually hidden but accessible text
+- Descriptive labels for all interactive elements
+- Full currency names in option labels (e.g., "USD - US Dollar")
+
+### Keyboard Navigation
+
+- Full keyboard accessibility
+- Focus management for error states
+- Proper tab order
+
+## Performance Optimizations
+
+### 1. Debouncing
+
+- Input changes are debounced (300ms) to reduce calculations
+- Prevents excessive function calls while typing
+
+### 2. Request Cancellation
+
+- Uses `AbortController` to cancel previous API requests
+- Prevents race conditions when changing currencies quickly
+- Reduces unnecessary network traffic
+
+### 3. DOM Caching
+
+- All DOM elements queried once and cached
+- Avoids repeated `getElementById` calls
+
+### 4. CSS Custom Properties
+
+- Centralized theming with CSS variables
+- Easy to maintain and modify
+- Reduced CSS duplication
+
+### 5. Null Safety
+
+- Optional chaining (`?.`) throughout code
+- Prevents errors if DOM elements are missing
+
+## Styling Architecture
+
+### CSS Custom Properties
+
+The CSS uses CSS variables for maintainability:
+
+```css
+:root {
+  --color-primary: #14b8a6;
+  --color-gradient-start: #14b8a6;
+  --color-gradient-end: #3b82f6;
+  --spacing-md: 12px;
+  --transition-base: 0.3s ease;
+  /* ... etc */
+}
+```
+
+**Benefits:**
+
+- Easy theme changes (modify variables only)
+- Consistent spacing and colors
+- Better maintainability
+
+### Design System
+
+- **Colors**: Teal/blue gradient theme with semantic color variables
+- **Spacing**: Consistent spacing scale (xs, sm, md, lg, xl, 2xl, 3xl)
+- **Typography**: System font stack for optimal performance
+- **Animations**: Smooth transitions and slide-up animations
+
+### Responsive Design
+
+- Mobile-first approach
+- Breakpoint at 480px
+- Adjusted padding and font sizes for mobile
+
+## Error Handling
+
+### User-Facing Errors
+
+The application provides clear, actionable error messages:
+
+1. **Invalid Amount**: "Please enter an amount greater than 0"
+2. **Amount Too Large**: "Amount exceeds maximum limit of 1,000,000"
+3. **Invalid Conversion**: "Invalid conversion amount"
+4. **Same Currency**: "Please select different currencies"
+
+### Error Display
+
+- Errors appear inline below relevant fields
+- Visual indicators (red border, error icon)
+- ARIA live regions for screen readers
+- Automatic error clearing when user corrects input
+
+## API Integration
+
+### Exchange Rate API
+
+**Endpoint:** `https://api.exchangerate-api.com/v4/latest/{BASE_CURRENCY}`
+
+**Response Format:**
+
+```json
+{
+  "rates": {
+    "USD": 1.0,
+    "EUR": 0.85,
+    "GBP": 0.73,
+    ...
+  },
+  "base": "USD",
+  "date": "2024-01-01"
+}
+```
+
+### Rate Caching Strategy
+
+- Rates are cached in memory after first fetch
+- Base currency determines which rates are cached
+- New rates fetched when input currency changes
+- Output currency changes use cached rates
+
+## Usage Flow
+
+1. **Initialization:**
+
+   - Fetches USD exchange rates on load
+   - Updates currency icons
+   - Attaches event listeners
+
+2. **User Input:**
+
+   - User enters amount in input field
+   - Conversion calculated in real-time (debounced)
+   - Rate information displayed
+
+3. **Currency Selection:**
+
+   - User selects input currency → Fetches new rates
+   - User selects output currency → Uses cached rates
+   - Conversion recalculated automatically
+
+4. **Currency Swap:**
+
+   - User clicks swap button
+   - Currencies and amounts swapped
+   - Conversion recalculated
+
+5. **Form Submission:**
+   - Validates all fields
+   - Shows loading state
+   - Simulates API call
+   - Shows success message
+
+## Code Quality Features
+
+- **Comments**: All functions documented
+- **Consistent Code Style**: Uniform formatting
+- **Error Boundaries**: Null checks and error handling
+- **Separation of Concerns**: Functions organized by responsibility
+- **DRY Principle**: Reusable utility functions
+- **Defensive Programming**: Null safety throughout
+
+## Browser Support
+
+- Modern browsers (Chrome, Firefox, Safari, Edge)
+- ES6+ features (async/await, fetch API, AbortController)
+- CSS Custom Properties (CSS Variables)
+- Flexbox layout
+
+## Future Enhancements
+
+Potential improvements:
+
+- Add more currencies
+- Historical rate charts
+- Rate refresh mechanism
+- Offline support with service workers
+- Currency symbols instead of flags
+- Dark mode support
diff --git a/src/problem2/index.html b/src/problem2/index.html
index 4058a68bf..c5cca9079 100644
--- a/src/problem2/index.html
+++ b/src/problem2/index.html
@@ -1,27 +1,197 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Currency Swap - Exchange Rate Calculator</title>
+    <meta
+      name="description"
+      content="Convert currencies with real-time exchange rates"
+    />
+    <link href="style.css" rel="stylesheet" />
+  </head>
 
-<head>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Fancy Form</title>
+  <body>
+    <main class="container">
+      <header>
+        <h1>
+          <span aria-hidden="true">💱</span>
+          <span class="sr-only">Currency Exchange</span>
+          Currency Swap
+        </h1>
+      </header>
 
-  <!-- You may add more stuff here -->
-  <link href="style.css" rel="stylesheet" />
-</head>
+      <form id="swapForm" novalidate aria-label="Currency swap form">
+        <fieldset class="input-group" id="inputGroup">
+          <legend class="sr-only">Input currency and amount</legend>
+          <label for="input-amount">You Send</label>
+          <div class="input-wrapper">
+            <input
+              type="number"
+              id="input-amount"
+              name="input-amount"
+              placeholder="0.00"
+              step="0.01"
+              min="0"
+              aria-describedby="inputError input-currency-label"
+              aria-invalid="false"
+              aria-required="true"
+            />
+            <div class="currency-select">
+              <label
+                for="input-currency"
+                class="sr-only"
+                id="input-currency-label"
+              >
+                Select source currency
+              </label>
+              <span class="currency-icon" aria-hidden="true">🇺🇸</span>
+              <select
+                id="input-currency"
+                name="input-currency"
+                aria-label="Source currency"
+              >
+                <option value="USD" data-icon="🇺🇸">USD - US Dollar</option>
+                <option value="EUR" data-icon="🇪🇺">EUR - Euro</option>
+                <option value="GBP" data-icon="🇬🇧">GBP - British Pound</option>
+                <option value="JPY" data-icon="🇯🇵">JPY - Japanese Yen</option>
+                <option value="AUD" data-icon="🇦🇺">
+                  AUD - Australian Dollar
+                </option>
+                <option value="CAD" data-icon="🇨🇦">
+                  CAD - Canadian Dollar
+                </option>
+                <option value="CHF" data-icon="🇨🇭">CHF - Swiss Franc</option>
+                <option value="CNY" data-icon="🇨🇳">CNY - Chinese Yuan</option>
+              </select>
+              <span class="select-arrow" aria-hidden="true">▼</span>
+            </div>
+          </div>
+          <div
+            class="error-message"
+            id="inputError"
+            role="alert"
+            aria-live="polite"
+            aria-atomic="true"
+          >
+            <span aria-hidden="true">⚠️</span>
+            <span id="inputErrorText"></span>
+          </div>
+        </fieldset>
 
-<body>
+        <div class="swap-button-wrapper">
+          <button
+            type="button"
+            class="swap-icon-btn"
+            id="swapBtn"
+            aria-label="Swap currencies between input and output fields"
+          >
+            <span class="sr-only">Swap currencies</span>
+            <svg
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <path d="M7 10l5 5 5-5H7z" />
+              <path d="M7 14l5-5 5 5H7z" />
+            </svg>
+          </button>
+        </div>
 
-  <!-- You may reorganise the whole HTML, as long as your form achieves the same effect. -->
-  <form onsubmit="return !1">
-    <h5>Swap</h5>
-    <label for="input-amount">Amount to send</label>
-    <input id="input-amount" />
+        <fieldset class="input-group" id="outputGroup">
+          <legend class="sr-only">Output currency and amount</legend>
+          <label for="output-amount">You Receive</label>
+          <div class="input-wrapper">
+            <input
+              type="number"
+              id="output-amount"
+              name="output-amount"
+              placeholder="0.00"
+              step="0.01"
+              min="0"
+              readonly
+              aria-describedby="outputError output-currency-label rateInfo"
+              aria-invalid="false"
+              aria-label="Converted amount (read-only)"
+            />
+            <div class="currency-select">
+              <label
+                for="output-currency"
+                class="sr-only"
+                id="output-currency-label"
+              >
+                Select target currency
+              </label>
+              <span class="currency-icon" aria-hidden="true">🇪🇺</span>
+              <select
+                id="output-currency"
+                name="output-currency"
+                aria-label="Target currency"
+              >
+                <option value="EUR" data-icon="🇪🇺">EUR - Euro</option>
+                <option value="USD" data-icon="🇺🇸">USD - US Dollar</option>
+                <option value="GBP" data-icon="🇬🇧">GBP - British Pound</option>
+                <option value="JPY" data-icon="🇯🇵">JPY - Japanese Yen</option>
+                <option value="AUD" data-icon="🇦🇺">
+                  AUD - Australian Dollar
+                </option>
+                <option value="CAD" data-icon="🇨🇦">
+                  CAD - Canadian Dollar
+                </option>
+                <option value="CHF" data-icon="🇨🇭">CHF - Swiss Franc</option>
+                <option value="CNY" data-icon="🇨🇳">CNY - Chinese Yuan</option>
+              </select>
+              <span class="select-arrow" aria-hidden="true">▼</span>
+            </div>
+          </div>
+          <div
+            class="error-message"
+            id="outputError"
+            role="alert"
+            aria-live="polite"
+            aria-atomic="true"
+          >
+            <span aria-hidden="true">⚠️</span>
+            <span id="outputErrorText"></span>
+          </div>
+        </fieldset>
 
-    <label for="output-amount">Amount to receive</label>
-    <input id="output-amount" />
+        <section
+          class="rate-info"
+          id="rateInfo"
+          role="status"
+          aria-live="polite"
+          aria-atomic="true"
+        >
+          <span class="rate-info-icon" aria-hidden="true">ℹ️</span>
+          <div class="rate-text" id="rateText"></div>
+        </section>
 
-    <button>CONFIRM SWAP</button>
-  </form>
-  <script src="script.js"></script>
-</body>
+        <button
+          type="submit"
+          class="submit-btn"
+          id="submitBtn"
+          aria-busy="false"
+          aria-label="Confirm and process currency swap"
+        >
+          <span class="btn-text">Confirm Swap</span>
+          <span class="sr-only" aria-live="polite" id="submit-status"></span>
+          <div class="spinner" aria-hidden="true"></div>
+        </button>
 
+        <div
+          class="success-message"
+          id="successMessage"
+          role="status"
+          aria-live="polite"
+          aria-atomic="true"
+        >
+          <span class="success-icon" aria-hidden="true">✅</span>
+          <div class="success-text">Swap completed successfully!</div>
+        </div>
+      </form>
+    </main>
+    <script src="script.js"></script>
+  </body>
 </html>
diff --git a/src/problem2/script.js b/src/problem2/script.js
index e69de29bb..a011121ca 100644
--- a/src/problem2/script.js
+++ b/src/problem2/script.js
@@ -0,0 +1,358 @@
+// Constants
+const API_URL = 'https://api.exchangerate-api.com/v4/latest/';
+const DEFAULT_BASE_CURRENCY = 'USD';
+const MAX_AMOUNT = 1000000;
+const MIN_AMOUNT = 0;
+const DECIMAL_PLACES = 2;
+const RATE_DECIMAL_PLACES = 4;
+const INPUT_DEBOUNCE_MS = 300;
+const SUCCESS_MESSAGE_DURATION = 5000;
+const SUBMIT_SIMULATION_DELAY = 2000;
+
+// Error messages
+const ERROR_MESSAGES = {
+  INVALID_AMOUNT: 'Please enter an amount greater than 0',
+  MAX_AMOUNT_EXCEEDED: 'Amount exceeds maximum limit of 1,000,000',
+  INVALID_CONVERSION: 'Invalid conversion amount',
+  SAME_CURRENCY: 'Please select different currencies',
+};
+
+// State
+let exchangeRates = {};
+let currentBaseCurrency = DEFAULT_BASE_CURRENCY;
+let abortController = null;
+let inputDebounceTimer = null;
+
+// DOM Elements - cached for performance
+const form = document.getElementById('swapForm');
+const inputAmount = document.getElementById('input-amount');
+const outputAmount = document.getElementById('output-amount');
+const inputCurrency = document.getElementById('input-currency');
+const outputCurrency = document.getElementById('output-currency');
+const swapBtn = document.getElementById('swapBtn');
+const submitBtn = document.getElementById('submitBtn');
+const rateInfo = document.getElementById('rateInfo');
+const rateText = document.getElementById('rateText');
+const successMessage = document.getElementById('successMessage');
+const inputGroup = document.getElementById('inputGroup');
+const outputGroup = document.getElementById('outputGroup');
+const inputError = document.getElementById('inputError');
+const outputError = document.getElementById('outputError');
+const inputErrorText = document.getElementById('inputErrorText');
+const outputErrorText = document.getElementById('outputErrorText');
+const submitStatus = document.getElementById('submit-status');
+const currencyIcons = document.querySelectorAll('.currency-icon');
+
+/** Fetch exchange rates from API */
+async function fetchExchangeRates(base = DEFAULT_BASE_CURRENCY) {
+  // Cancel any ongoing request to prevent race conditions
+  if (abortController) {
+    abortController.abort();
+  }
+
+  abortController = new AbortController();
+  const { signal } = abortController;
+
+  try {
+    const response = await fetch(`${API_URL}${base}`, { signal });
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const data = await response.json();
+    if (!data?.rates) {
+      throw new Error('Invalid API response: missing rates');
+    }
+
+    exchangeRates = data.rates;
+    currentBaseCurrency = base;
+    return true;
+  } catch (error) {
+    // Don't log errors for aborted requests
+    if (error.name === 'AbortError') {
+      return false;
+    }
+    console.error('Error fetching exchange rates:', error);
+    return false;
+  }
+}
+
+/** Clear all form errors and reset error states */
+function clearErrors() {
+  inputGroup?.classList.remove('error');
+  outputGroup?.classList.remove('error');
+  inputError?.classList.remove('show');
+  outputError?.classList.remove('show');
+  inputAmount?.setAttribute('aria-invalid', 'false');
+  outputAmount?.setAttribute('aria-invalid', 'false');
+}
+
+/** Clear success message */
+function clearSuccessMessage() {
+  successMessage?.classList.remove('show');
+}
+
+/** Update currency icon based on selected currency */
+function updateCurrencyIcon(select, iconElement) {
+  if (!select || !iconElement) return;
+
+  const selectedOption = select.options[select.selectedIndex];
+  const icon = selectedOption?.getAttribute('data-icon') || '';
+  iconElement.textContent = icon;
+}
+
+/** Calculate and display currency conversion */
+function calculateConversion() {
+  const input = parseFloat(inputAmount?.value || 0);
+  const fromCurrency = inputCurrency?.value;
+  const toCurrency = outputCurrency?.value;
+
+  // Validate input and exchange rates availability
+  if (
+    !input ||
+    input <= MIN_AMOUNT ||
+    !fromCurrency ||
+    !toCurrency ||
+    !exchangeRates[toCurrency]
+  ) {
+    if (outputAmount) outputAmount.value = '';
+    rateInfo?.classList.remove('show');
+    return;
+  }
+
+  // Calculate exchange rate
+  let rate;
+  if (currentBaseCurrency === fromCurrency) {
+    rate = exchangeRates[toCurrency];
+  } else if (currentBaseCurrency === toCurrency) {
+    rate = 1 / exchangeRates[fromCurrency];
+  } else {
+    // Convert through base currency
+    const toBase = 1 / exchangeRates[fromCurrency];
+    rate = toBase * exchangeRates[toCurrency];
+  }
+
+  // Update output amount
+  const result = (input * rate).toFixed(DECIMAL_PLACES);
+  if (outputAmount) outputAmount.value = result;
+
+  // Update rate info display
+  if (rateText) {
+    rateText.textContent = `1 ${fromCurrency} = ${rate.toFixed(
+      RATE_DECIMAL_PLACES
+    )} ${toCurrency}`;
+  }
+  rateInfo?.classList.add('show');
+}
+
+/** Set error state for a field */
+function setFieldError(
+  group,
+  errorElement,
+  inputElement,
+  errorTextElement,
+  message = ''
+) {
+  group?.classList.add('error');
+  errorElement?.classList.add('show');
+  inputElement?.setAttribute('aria-invalid', 'true');
+  if (errorTextElement) errorTextElement.textContent = message;
+}
+
+/** Validate form and display errors if invalid */
+function validateForm() {
+  clearErrors();
+
+  const input = parseFloat(inputAmount?.value || 0);
+  const output = parseFloat(outputAmount?.value || 0);
+  const fromCurrency = inputCurrency?.value;
+  const toCurrency = outputCurrency?.value;
+
+  // Validate input amount
+  if (!inputAmount?.value || input <= MIN_AMOUNT) {
+    setFieldError(
+      inputGroup,
+      inputError,
+      inputAmount,
+      inputErrorText,
+      ERROR_MESSAGES.INVALID_AMOUNT
+    );
+    return false;
+  }
+
+  if (input > MAX_AMOUNT) {
+    setFieldError(
+      inputGroup,
+      inputError,
+      inputAmount,
+      inputErrorText,
+      ERROR_MESSAGES.MAX_AMOUNT_EXCEEDED
+    );
+    return false;
+  }
+
+  // Validate output amount
+  if (!outputAmount?.value || output <= MIN_AMOUNT) {
+    setFieldError(
+      outputGroup,
+      outputError,
+      outputAmount,
+      outputErrorText,
+      ERROR_MESSAGES.INVALID_CONVERSION
+    );
+    return false;
+  }
+
+  // Validate different currencies
+  if (fromCurrency === toCurrency) {
+    setFieldError(
+      inputGroup,
+      inputError,
+      inputAmount,
+      inputErrorText,
+      ERROR_MESSAGES.SAME_CURRENCY
+    );
+    outputGroup?.classList.add('error');
+    return false;
+  }
+
+  return true;
+}
+
+/** Debounce function to limit function calls */
+function debounce(func, wait = INPUT_DEBOUNCE_MS) {
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(inputDebounceTimer);
+      func(...args);
+    };
+    clearTimeout(inputDebounceTimer);
+    inputDebounceTimer = setTimeout(later, wait);
+  };
+}
+
+/** Handle currency swap */
+function handleSwap() {
+  clearErrors();
+  clearSuccessMessage();
+
+  // Swap currencies
+  const tempCurrency = inputCurrency.value;
+  inputCurrency.value = outputCurrency.value;
+  outputCurrency.value = tempCurrency;
+
+  // Swap amounts
+  const tempAmount = inputAmount.value;
+  inputAmount.value = outputAmount.value;
+  outputAmount.value = tempAmount;
+
+  // Update icons
+  updateCurrencyIcon(inputCurrency, currencyIcons[0]);
+  updateCurrencyIcon(outputCurrency, currencyIcons[1]);
+
+  // Recalculate if input has value
+  if (inputAmount.value) {
+    calculateConversion();
+  }
+}
+
+/** Handle input amount changes with debouncing */
+const handleInputChange = debounce(() => {
+  clearSuccessMessage();
+  clearErrors();
+  calculateConversion();
+}, INPUT_DEBOUNCE_MS);
+
+/** Handle input currency change */
+async function handleInputCurrencyChange() {
+  clearErrors();
+  clearSuccessMessage();
+
+  updateCurrencyIcon(inputCurrency, currencyIcons[0]);
+  await fetchExchangeRates(inputCurrency.value);
+  calculateConversion();
+}
+
+/** Handle output currency change */
+function handleOutputCurrencyChange() {
+  clearErrors();
+  clearSuccessMessage();
+
+  updateCurrencyIcon(outputCurrency, currencyIcons[1]);
+  calculateConversion();
+}
+
+/** Focus first invalid field for accessibility */
+function focusFirstInvalidField() {
+  if (inputAmount?.getAttribute('aria-invalid') === 'true') {
+    inputAmount.focus();
+  } else if (outputAmount?.getAttribute('aria-invalid') === 'true') {
+    outputAmount.focus();
+  }
+}
+
+/** Set submit button loading state */
+function setSubmitButtonLoading(isLoading = false) {
+  if (!submitBtn) return;
+
+  if (isLoading) {
+    submitBtn.classList.add('loading');
+    submitBtn.disabled = true;
+    submitBtn.setAttribute('aria-busy', 'true');
+    if (submitStatus) submitStatus.textContent = 'Processing swap...';
+  } else {
+    submitBtn.classList.remove('loading');
+    submitBtn.disabled = false;
+    submitBtn.setAttribute('aria-busy', 'false');
+    if (submitStatus) submitStatus.textContent = '';
+  }
+}
+
+/** Handle form submission */
+async function handleFormSubmit(e) {
+  e.preventDefault();
+
+  if (!validateForm()) {
+    focusFirstInvalidField();
+    return;
+  }
+
+  setSubmitButtonLoading(true);
+
+  // Simulate API call
+  setTimeout(() => {
+    setSubmitButtonLoading(false);
+    successMessage?.classList.add('show');
+
+    setTimeout(() => {
+      clearSuccessMessage();
+    }, SUCCESS_MESSAGE_DURATION);
+  }, SUBMIT_SIMULATION_DELAY);
+}
+
+/** Initialize application */
+async function init() {
+  // Wait for DOM to be ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+    return;
+  }
+
+  // Initialize exchange rates
+  await fetchExchangeRates(DEFAULT_BASE_CURRENCY);
+
+  // Update currency icons
+  updateCurrencyIcon(inputCurrency, currencyIcons[0]);
+  updateCurrencyIcon(outputCurrency, currencyIcons[1]);
+
+  // Attach event listeners
+  swapBtn?.addEventListener('click', handleSwap);
+  inputAmount?.addEventListener('input', handleInputChange);
+  inputCurrency?.addEventListener('change', handleInputCurrencyChange);
+  outputCurrency?.addEventListener('change', handleOutputCurrencyChange);
+  form?.addEventListener('submit', handleFormSubmit);
+}
+
+// Start initialization
+init();
diff --git a/src/problem2/style.css b/src/problem2/style.css
index 915af91c7..10a209c9a 100644
--- a/src/problem2/style.css
+++ b/src/problem2/style.css
@@ -1,8 +1,428 @@
+:root {
+  /* Color Palette */
+  --color-primary: #14b8a6;
+  --color-primary-dark: #0d9488;
+  --color-secondary: #3b82f6;
+  --color-gradient-start: #14b8a6;
+  --color-gradient-end: #3b82f6;
+
+  /* Text Colors */
+  --color-text-primary: #1a1a1a;
+  --color-text-secondary: #6b7280;
+  --color-text-inverse: #ffffff;
+
+  /* Background Colors */
+  --color-bg-primary: #ffffff;
+  --color-bg-secondary: #f8f9fa;
+  --color-bg-overlay: rgba(255, 255, 255, 0.95);
+
+  /* State Colors */
+  --color-error: #ef4444;
+  --color-error-bg: #fef2f2;
+  --color-success: #166534;
+  --color-success-bg: #dcfce7;
+  --color-success-border: #86efac;
+  --color-info: #0369a1;
+  --color-info-bg: #f0f9ff;
+
+  /* Border Colors */
+  --color-border-default: #e5e7eb;
+  --color-border-focus: var(--color-primary);
+  --color-border-error: var(--color-error);
+
+  /* Spacing */
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 12px;
+  --spacing-lg: 16px;
+  --spacing-xl: 20px;
+  --spacing-2xl: 24px;
+  --spacing-3xl: 32px;
+
+  /* Border Radius */
+  --radius-sm: 12px;
+  --radius-md: 16px;
+  --radius-lg: 24px;
+  --radius-full: 50%;
+
+  /* Shadows */
+  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.15);
+  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.2);
+  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
+  --shadow-primary: 0 4px 12px rgba(20, 184, 166, 0.3);
+  --shadow-primary-hover: 0 6px 20px rgba(20, 184, 166, 0.4);
+
+  /* Transitions */
+  --transition-fast: 0.2s ease;
+  --transition-base: 0.3s ease;
+  --transition-slow: 0.6s ease;
+
+  /* Typography */
+  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+  --font-size-xs: 13px;
+  --font-size-sm: 14px;
+  --font-size-base: 16px;
+  --font-size-lg: 20px;
+  --font-size-xl: 24px;
+  --font-size-2xl: 28px;
+  --font-weight-normal: 400;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* Layout */
+  --container-max-width: 800px;
+  --container-padding: var(--spacing-3xl);
+  --container-padding-mobile: var(--spacing-2xl);
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* Screen reader only - visually hidden but accessible to assistive technologies */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 body {
+  font-family: var(--font-family);
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(
+    135deg,
+    var(--color-gradient-start) 0%,
+    var(--color-gradient-end) 100%
+  );
+  padding: var(--spacing-xl);
+}
+
+.container {
+  width: 100%;
+  max-width: var(--container-max-width);
+  background: var(--color-bg-overlay);
+  backdrop-filter: blur(10px);
+  border-radius: var(--radius-lg);
+  padding: var(--container-padding);
+  box-shadow: var(--shadow-lg);
+  animation: slideUp var(--transition-slow) ease;
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+h1 {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-primary);
+  margin-bottom: var(--spacing-2xl);
+  text-align: center;
+}
+
+.input-group {
+  background: var(--color-bg-secondary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-xl);
+  margin-bottom: var(--spacing-lg);
+  border: 2px solid transparent;
+  transition: all var(--transition-base);
+  position: relative;
+}
+
+.input-group:focus-within {
+  background: var(--color-bg-primary);
+  border-color: var(--color-border-focus);
+  box-shadow: var(--shadow-sm);
+}
+
+.input-group.error {
+  border-color: var(--color-border-error);
+  background: var(--color-error-bg);
+}
+
+label {
+  display: block;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-secondary);
+  margin-bottom: var(--spacing-sm);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.input-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-md);
+}
+
+input[type='number'] {
+  flex: 1;
+  border: none;
+  background: transparent;
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+  outline: none;
+  padding: var(--spacing-xs) 0;
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type='number'] {
+  appearance: textfield;
+  -moz-appearance: textfield;
+}
+
+.currency-select {
+  position: relative;
+}
+
+select {
+  appearance: none;
+  background: var(--color-bg-primary);
+  border: 2px solid var(--color-border-default);
+  border-radius: var(--radius-sm);
+  padding: 10px 36px 10px 44px;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  outline: none;
+}
+
+select:hover {
+  border-color: var(--color-border-focus);
+}
+
+select:focus {
+  border-color: var(--color-border-focus);
+  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
+}
+
+.currency-icon {
+  position: absolute;
+  left: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: var(--font-size-lg);
+  pointer-events: none;
+}
+
+.select-arrow {
+  position: absolute;
+  right: 14px;
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  color: var(--color-text-secondary);
+}
+
+.swap-button-wrapper {
+  display: flex;
+  justify-content: center;
+  margin: -8px 0;
+  position: relative;
+  z-index: 1;
+}
+
+.swap-icon-btn {
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-full);
+  background: linear-gradient(
+    135deg,
+    var(--color-gradient-start) 0%,
+    var(--color-gradient-end) 100%
+  );
+  border: 4px solid var(--color-bg-primary);
+  box-shadow: var(--shadow-primary);
+  cursor: pointer;
   display: flex;
-  flex-direction: row;
   align-items: center;
   justify-content: center;
-  min-width: 360px;
-  font-family: Arial, Helvetica, sans-serif;
+  transition: all var(--transition-base);
+  outline: none;
+}
+
+.swap-icon-btn:hover {
+  transform: rotate(180deg) scale(1.1);
+  box-shadow: var(--shadow-primary-hover);
+}
+
+.swap-icon-btn:active {
+  transform: rotate(180deg) scale(0.95);
+}
+
+.swap-icon-btn svg {
+  width: var(--spacing-2xl);
+  height: var(--spacing-2xl);
+  fill: var(--color-text-inverse);
+}
+
+.error-message {
+  color: var(--color-error);
+  font-size: var(--font-size-xs);
+  margin-top: var(--spacing-sm);
+  display: none;
+  align-items: center;
+  gap: 6px;
+}
+
+.error-message.show {
+  display: flex;
+}
+
+.rate-info {
+  background: var(--color-info-bg);
+  border-radius: var(--radius-sm);
+  padding: var(--spacing-lg);
+  margin: var(--spacing-xl) 0;
+  display: none;
+  align-items: center;
+  gap: var(--spacing-md);
+}
+
+.rate-info.show {
+  display: flex;
+}
+
+.rate-info-icon {
+  font-size: var(--font-size-lg);
+}
+
+.rate-text {
+  flex: 1;
+  font-size: var(--font-size-sm);
+  color: var(--color-info);
+  line-height: 1.5;
+}
+
+.submit-btn {
+  width: 100%;
+  background: linear-gradient(
+    135deg,
+    var(--color-gradient-start) 0%,
+    var(--color-gradient-end) 100%
+  );
+  color: var(--color-text-inverse);
+  border: none;
+  border-radius: var(--radius-md);
+  padding: 18px;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-bold);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+  transition: all var(--transition-base);
+  box-shadow: var(--shadow-primary);
+  position: relative;
+  overflow: hidden;
+}
+
+.submit-btn:hover:not(:disabled) {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-primary-hover);
+}
+
+.submit-btn:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.submit-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.submit-btn .spinner {
+  display: none;
+  width: var(--font-size-lg);
+  height: var(--font-size-lg);
+  border: 3px solid rgba(255, 255, 255, 0.3);
+  border-top-color: var(--color-text-inverse);
+  border-radius: var(--radius-full);
+  animation: spin 0.8s linear infinite;
+  margin: 0 auto;
+}
+
+.submit-btn.loading .btn-text {
+  display: none;
+}
+
+.submit-btn.loading .spinner {
+  display: block;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.success-message {
+  background: var(--color-success-bg);
+  border: 2px solid var(--color-success-border);
+  border-radius: var(--radius-sm);
+  padding: var(--spacing-lg);
+  margin-top: var(--spacing-xl);
+  display: none;
+  align-items: center;
+  gap: var(--spacing-md);
+  animation: slideUp 0.4s ease;
+}
+
+.success-message.show {
+  display: flex;
+}
+
+.success-icon {
+  font-size: var(--spacing-2xl);
+}
+
+.success-text {
+  flex: 1;
+  color: var(--color-success);
+  font-weight: var(--font-weight-semibold);
+}
+
+@media (max-width: 480px) {
+  .container {
+    padding: var(--container-padding-mobile);
+    width: calc(100% - var(--spacing-2xl));
+    max-width: 100%;
+  }
+
+  h1 {
+    font-size: var(--font-size-xl);
+  }
+
+  input[type='number'] {
+    font-size: var(--font-size-lg);
+  }
 }
diff --git a/src/problem3/.env b/src/problem3/.env
new file mode 100644
index 000000000..a10254b7d
--- /dev/null
+++ b/src/problem3/.env
@@ -0,0 +1,2 @@
+VITE_COINS_API_URL = 'https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd'
+VITE_COIN_API_URL = 'https://api.coingecko.com/api/v3/coins'
\ No newline at end of file
diff --git a/src/problem3/.gitignore b/src/problem3/.gitignore
new file mode 100644
index 000000000..a547bf36d
--- /dev/null
+++ b/src/problem3/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src/problem3/ORIGINAL_CODE_ISSUES.md b/src/problem3/ORIGINAL_CODE_ISSUES.md
new file mode 100644
index 000000000..99f947730
--- /dev/null
+++ b/src/problem3/ORIGINAL_CODE_ISSUES.md
@@ -0,0 +1,178 @@
+# Original Code Issues
+
+This document outlines the original problematic code and all the issues that were identified and fixed.
+
+## Original Code Structure
+
+```typescript
+interface WalletBalance {
+  currency: string;
+  amount: number;
+}
+
+interface FormattedWalletBalance extends WalletBalance {
+  formatted: string;
+}
+
+interface Props extends BoxProps {}
+
+const WalletPage: React.FC<Props> = (props: Props) => {
+  const { children, ...rest } = props;
+  const balances = useWalletBalances();
+  const prices = usePrices();
+
+  // ISSUE 1: Function defined inside component - recreated on every render
+  const getPriority = (blockchain: any): number => {
+    switch (blockchain) {
+      case 'Osmosis':
+        return 100;
+      case 'Ethereum':
+        return 50;
+      case 'Arbitrum':
+        return 30;
+      case 'Zilliqa':
+        return 20;
+      case 'Neo':
+        return 20;
+      default:
+        return -99;
+    }
+  };
+
+  // ISSUE 2: Typo - lhsPriority is not defined (should be balancePriority)
+  // ISSUE 3: Inverted filter logic - keeps balances with amount <= 0
+  // ISSUE 6: prices in dependencies but not used in calculation
+  const sortedBalances = useMemo(() => {
+    return balances
+      .filter((balance: WalletBalance) => {
+        const balancePriority = getPriority(balance.blockchain);
+        if (lhsPriority > -99) {
+          // TYPO: lhsPriority doesn't exist!
+          if (balance.amount <= 0) {
+            return true; // LOGIC ERROR: Keeps invalid balances!
+          }
+        }
+        return false;
+      })
+      .sort((lhs: WalletBalance, rhs: WalletBalance) => {
+        // ISSUE 5: getPriority called multiple times during sort
+        const leftPriority = getPriority(lhs.blockchain);
+        const rightPriority = getPriority(rhs.blockchain);
+        if (leftPriority > rightPriority) {
+          return -1;
+        } else if (rightPriority > leftPriority) {
+          return 1;
+        }
+        return 0;
+      });
+  }, [balances, prices]); // ISSUE 6: prices not needed
+
+  // ISSUE 7: formattedBalances calculated but never used
+  const formattedBalances = sortedBalances.map((balance: WalletBalan) => {
+    return {
+      ...balance,
+      formatted: balance.amount.toFixed(),
+    };
+  });
+
+  // ISSUE 7: Type mismatch - sortedBalances are WalletBalance, not FormattedWalletBalance
+  // ISSUE 8: Using index as key (React anti-pattern)
+  const rows = sortedBalances.map((balance: FormattedWalletBalance, index) => {
+    const usdValue = prices[balance.currency] * balance.amount;
+    return (
+      <WalletRow
+        className={classes.row}
+        key={index} // ISSUE 8: Index as key
+        amount={balance.amount}
+        usdValue={usdValue}
+        formattedAmount={balance.formatted} // ISSUE 7: formatted doesn't exist on WalletBalance!
+      />
+    );
+  });
+
+  return <div {...rest}>{rows}</div>;
+};
+```
+
+## Summary of All Issues
+
+### 1. Function Recreation (Performance Issue)
+
+**Location:** `getPriority` function inside component  
+**Problem:** Function is recreated on every render  
+**Impact:** Unnecessary function recreation, potential performance degradation  
+**Fix:** Moved to utility module outside component
+
+### 2. TypeScript Anti-pattern
+
+**Location:** `blockchain: any` parameter  
+**Problem:** Loses type safety benefits  
+**Impact:** Potential runtime errors, no IntelliSense support  
+**Fix:** Created proper `Blockchain` union type
+
+### 3. Typo in Variable Name
+
+**Location:** Filter condition `if (lhsPriority > -99)`  
+**Problem:** Variable `lhsPriority` is undefined  
+**Impact:** Filter condition always fails, logic breaks  
+**Fix:** Changed to `balancePriority`
+
+### 4. Inverted Filter Logic
+
+**Location:** Filter return statement  
+**Problem:** `if (balance.amount <= 0) return true` keeps invalid balances  
+**Impact:** Wrong balances are shown, valid ones filtered out  
+**Fix:** Corrected to `return priority > -99 && balance.amount > 0`
+
+### 5. Repeated Function Calls
+
+**Location:** Sort comparison function  
+**Problem:** `getPriority` called for every comparison during sort  
+**Impact:** Inefficient, but mitigated by moving function outside  
+**Fix:** Function now has O(1) lookup using constant object
+
+### 6. Unnecessary Dependency
+
+**Location:** `useMemo` dependency array  
+**Problem:** `prices` included but not used in calculation  
+**Impact:** Unnecessary recalculations when prices change  
+**Fix:** Removed from dependency array
+
+### 7. Type Mismatch and Unused Code
+
+**Location:** `formattedBalances` vs `sortedBalances`  
+**Problem:** `formattedBalances` calculated but never used; wrong type used for rendering  
+**Impact:** Type errors, wrong data structure used  
+**Fix:** Use `formattedBalances` for rendering instead of `sortedBalances`
+
+### 8. React Key Anti-pattern
+
+**Location:** `map` function using `index` as key  
+**Problem:** Array index as key causes React rendering issues  
+**Impact:** Incorrect component updates when list changes  
+**Fix:** Use composite key `${currency}-${blockchain}`
+
+### 9. Unused Prop
+
+**Location:** Component props destructuring  
+**Problem:** `children` destructured but never used  
+**Impact:** Code clutter, unnecessary destructuring  
+**Fix:** Removed from explicit destructuring
+
+### 10. Separation of Concerns
+
+**Location:** All logic in one component  
+**Problem:** Hard to test, maintain, and reuse  
+**Impact:** Poor code organization  
+**Fix:** Extracted to focused utility functions
+
+## Code Quality Issues
+
+- Missing proper TypeScript types
+- No code documentation/comments
+- No accessibility considerations (WCAG)
+- Inline styling approach (not maintainable)
+- No error handling
+- Hard to test individual functions
+
+All of these have been addressed in the refactored version.
diff --git a/src/problem3/README.md b/src/problem3/README.md
new file mode 100644
index 000000000..c57d73e11
--- /dev/null
+++ b/src/problem3/README.md
@@ -0,0 +1,216 @@
+# Wallet Page - Problem 3
+
+A refactored React + TypeScript + Vite application that displays cryptocurrency wallet balances sorted by blockchain priority. This project demonstrates best practices in React development, TypeScript typing, and performance optimization.
+
+## Overview
+
+This application displays a list of wallet balances across multiple blockchains, sorted by priority and filtered to show only valid balances. It showcases proper React patterns, memoization strategies, and separation of concerns.
+
+## Tech Stack
+
+- **React 19.2** - UI framework
+- **TypeScript 5.9** - Type safety
+- **Vite 7.2** - Build tool with HMR
+- **Tailwind CSS 4.1** - Styling
+- **React Compiler** - Automatic optimization
+
+## Code Structure
+
+```
+src/
+├── components/           # React components
+│   ├── WalletPage.tsx   # Main page component with wallet list
+│   └── WalletRow.tsx    # Individual wallet balance row
+├── hooks/               # Custom React hooks
+│   ├── useFetch.ts      # Generic fetch hook with error handling
+│   ├── usePrices.ts     # Hook for fetching cryptocurrency prices
+│   └── useWalletBalances.ts # Hook for fetching wallet balances
+├── mocks/               # Mock data for development
+│   └── mockData.ts      # Sample wallet balances and prices
+├── styles/              # CSS stylesheets
+│   └── index.css        # Main styles with Tailwind
+├── types/               # TypeScript type definitions
+│   └── index.ts         # Shared interfaces and types
+├── utils/               # Utility functions
+│   ├── balanceHelpers.ts    # Balance filtering, sorting, formatting
+│   └── blockchainPriority.ts # Blockchain priority mapping
+├── App.tsx              # Root application component
+└── main.tsx             # Application entry point
+```
+
+### Components
+
+#### `WalletPage.tsx`
+
+Main component that orchestrates the wallet display:
+
+- Fetches wallet balances and cryptocurrency prices
+- Filters out invalid balances (amount <= 0 or unsupported blockchains)
+- Sorts balances by blockchain priority
+- Calculates USD values
+- Renders list of wallet rows
+
+#### `WalletRow.tsx`
+
+Displays individual wallet balance information:
+
+- Shows blockchain, currency, and amount
+- Displays USD value
+- Accessible ARIA labels
+
+### Hooks
+
+#### `useWalletBalances()`
+
+Custom hook that fetches wallet balance data.
+
+- Returns array of `WalletBalance` objects
+- Uses mock data in development
+
+#### `usePrices()`
+
+Custom hook that fetches cryptocurrency price data.
+
+- Returns price mapping: `{ [currency: string]: number }`
+- Uses mock data in development
+
+#### `useFetch()`
+
+Generic data fetching hook with error handling and loading states.
+
+- Type-safe with TypeScript generics
+- Handles loading, error, and success states
+- Configurable fetch options
+
+### Utilities
+
+#### `balanceHelpers.ts`
+
+Pure functions for balance operations:
+
+- `filterValidBalances()` - Filters balances with valid amounts and supported blockchains
+- `sortBalancesByPriority()` - Sorts by blockchain priority (highest first)
+- `formatBalances()` - Adds formatted amount strings
+
+#### `blockchainPriority.ts`
+
+Blockchain priority configuration:
+
+- Maps blockchain names to priority values
+- Higher values appear first in the list
+- Unsupported blockchains return -99
+
+### Types
+
+#### Main Interfaces
+
+```typescript
+// Wallet balance from API
+interface WalletBalance {
+  currency: string;
+  amount: number;
+  blockchain: Blockchain;
+}
+
+// Formatted balance for display
+interface FormattedWalletBalance extends WalletBalance {
+  formatted: string;
+}
+
+// Supported blockchains
+type Blockchain = 'Osmosis' | 'Ethereum' | 'Arbitrum' | 'Zilliqa' | 'Neo';
+```
+
+## Key Improvements from Original Code
+
+This refactored version addresses 10+ critical issues from the original implementation:
+
+1. ✅ **Performance** - Functions moved outside components, proper memoization
+2. ✅ **Type Safety** - Replaced `any` with proper TypeScript types
+3. ✅ **Bug Fixes** - Fixed typos and inverted filter logic
+4. ✅ **React Best Practices** - Proper keys, correct dependencies
+5. ✅ **Separation of Concerns** - Logic extracted to utility functions
+6. ✅ **Testability** - Pure functions that can be easily tested
+7. ✅ **Accessibility** - ARIA labels and semantic HTML
+8. ✅ **Documentation** - Comprehensive code comments
+
+See `ORIGINAL_CODE_ISSUES.md` for detailed breakdown of all issues and fixes.
+
+## Getting Started
+
+### Installation
+
+```bash
+pnpm install
+```
+
+### Development
+
+```bash
+pnpm dev
+```
+
+### Build
+
+```bash
+pnpm build
+```
+
+### Lint
+
+```bash
+pnpm lint
+```
+
+### Testing
+
+```bash
+# Run all tests
+pnpm test
+
+# Run tests with UI
+pnpm test:ui
+
+# Run tests with coverage report
+pnpm test:coverage
+```
+
+See [TEST_DOCUMENTATION.md](./TEST_DOCUMENTATION.md) for detailed testing information.
+
+## Project Features
+
+- 🚀 Fast development with Vite HMR
+- 📦 React Compiler for automatic optimization
+- 🎨 Tailwind CSS for styling
+- ✨ TypeScript for type safety
+- ♿ Accessible components with ARIA labels
+- 📱 Responsive design
+- 🧪 Comprehensive test suite (109 tests)
+- 📊 Complete test coverage across all modules
+- 🔍 Clean architecture for easy testing
+
+## Testing
+
+This project includes a comprehensive test suite with **109 tests** covering:
+
+- ✅ **Utility Functions** - Balance filtering, sorting, formatting, priority mapping
+- ✅ **Custom Hooks** - Data fetching with abort signals and error handling
+- ✅ **Components** - WalletRow and WalletPage with accessibility tests
+- ✅ **Integration Tests** - Complete workflow from data to rendering
+
+### Test Technologies
+
+- **Vitest** - Fast unit test framework
+- **React Testing Library** - Component testing
+- **@testing-library/jest-dom** - DOM matchers
+- **happy-dom** - Lightweight DOM implementation
+
+### Running Tests
+
+```bash
+pnpm test              # Run all tests
+pnpm test:ui           # Run with interactive UI
+pnpm test:coverage     # Generate coverage report
+```
+
+For detailed testing documentation, see [TEST_DOCUMENTATION.md](./TEST_DOCUMENTATION.md).
diff --git a/src/problem3/TEST_DOCUMENTATION.md b/src/problem3/TEST_DOCUMENTATION.md
new file mode 100644
index 000000000..484764749
--- /dev/null
+++ b/src/problem3/TEST_DOCUMENTATION.md
@@ -0,0 +1,269 @@
+# Test Documentation
+
+Comprehensive test suite for the Wallet Page application covering components, hooks, and utility functions.
+
+## Test Coverage
+
+### 1. Utility Functions (`src/utils/`)
+
+#### `blockchainPriority.test.ts`
+
+Tests for the blockchain priority mapping system.
+
+**Coverage:**
+
+- ✅ Priority values for all supported blockchains (Osmosis, Ethereum, Arbitrum, Zilliqa, Neo)
+- ✅ Default priority (-99) for unsupported blockchains
+- ✅ Edge cases (undefined, invalid values)
+- ✅ Priority ordering consistency
+
+**Test Count:** 8 tests
+
+#### `balanceHelpers.test.ts`
+
+Tests for balance filtering, sorting, and formatting utilities.
+
+**Coverage:**
+
+- ✅ `filterValidBalances()` - Filters out invalid balances (amount <= 0, unsupported blockchains)
+- ✅ `sortBalancesByPriority()` - Sorts by blockchain priority (descending)
+- ✅ `formatBalance()` - Formats numbers to 2 decimal places
+- ✅ `formatBalances()` - Adds formatted property to balance objects
+- ✅ Integration test combining all three functions
+- ✅ Edge cases (empty arrays, large/small numbers, immutability)
+
+**Test Count:** 24 tests
+
+### 2. Custom Hooks (`src/hooks/`)
+
+#### `useFetch.test.ts`
+
+Tests for the generic data fetching hook with abort signal support.
+
+**Coverage:**
+
+- ✅ Successful fetch with immediate and deferred loading
+- ✅ Initial data handling
+- ✅ Error handling (Error objects and non-Error values)
+- ✅ Refetch functionality
+- ✅ Delay functionality with timers
+- ✅ Abort signal passing and cancellation
+- ✅ Request abortion on unmount
+- ✅ Request abortion on refetch
+- ✅ State management (loading, error, data)
+- ✅ TypeScript type safety
+- ✅ Edge cases (null, undefined, rapid refetches)
+
+**Test Count:** 22 tests
+
+### 3. Components (`src/components/`)
+
+#### `WalletRow.test.tsx`
+
+Tests for the individual wallet balance row component.
+
+**Coverage:**
+
+- ✅ Rendering all data fields (currency, amount, blockchain, USD value)
+- ✅ USD value formatting (currency format, commas, decimals)
+- ✅ Accessibility (ARIA labels, roles, semantic HTML)
+- ✅ CSS classes
+- ✅ All supported blockchains
+- ✅ Various currencies
+- ✅ Edge cases (long names, large/small amounts, special characters)
+- ✅ Component isolation and independence
+
+**Test Count:** 30 tests
+
+#### `WalletPage.test.tsx`
+
+Tests for the main wallet page component with integration tests.
+
+**Coverage:**
+
+- ✅ Basic rendering (title, empty state)
+- ✅ Filtering logic (invalid amounts, unsupported blockchains)
+- ✅ Sorting by blockchain priority
+- ✅ Amount formatting (2 decimal places)
+- ✅ USD value calculation
+- ✅ Missing price handling
+- ✅ Stable row keys (currency + blockchain)
+- ✅ Props handling (className, forwarded props)
+- ✅ Accessibility compliance (ARIA attributes, semantic HTML)
+- ✅ Memoization behavior
+- ✅ Edge cases (empty data, large datasets, extreme values)
+- ✅ Complete integration workflow
+
+**Test Count:** 25 tests
+
+## Running Tests
+
+### Run All Tests
+
+```bash
+pnpm test
+```
+
+### Run Tests with UI
+
+```bash
+pnpm test:ui
+```
+
+### Run Tests with Coverage
+
+```bash
+pnpm test:coverage
+```
+
+### Run Specific Test File
+
+```bash
+pnpm test src/utils/balanceHelpers.test.ts
+```
+
+### Run Tests in Watch Mode
+
+```bash
+pnpm test --watch
+```
+
+## Test Statistics
+
+| Category   | Files | Tests   | Coverage Area                        |
+| ---------- | ----- | ------- | ------------------------------------ |
+| Utilities  | 2     | 32      | Balance operations, priority mapping |
+| Hooks      | 1     | 22      | Data fetching, abort signals         |
+| Components | 2     | 55      | UI rendering, user interaction       |
+| **Total**  | **5** | **109** | **Full application**                 |
+
+## Testing Technologies
+
+- **Vitest** - Fast unit test framework with Vite integration
+- **React Testing Library** - Component testing with user-centric queries
+- **@testing-library/jest-dom** - Custom matchers for DOM assertions
+- **happy-dom** - Lightweight DOM implementation for testing
+
+## Test Patterns Used
+
+### 1. Arrange-Act-Assert (AAA)
+
+All tests follow the AAA pattern for clarity:
+
+```typescript
+it('should filter out balances with amount <= 0', () => {
+  // Arrange
+  const balances = [
+    /* test data */
+  ];
+
+  // Act
+  const result = filterValidBalances(balances);
+
+  // Assert
+  expect(result).toHaveLength(1);
+});
+```
+
+### 2. Mock Data Factories
+
+Reusable mock data creators for consistency:
+
+```typescript
+const createMockBalance = (overrides?: Partial<FormattedWalletBalance>) => ({
+  currency: 'ETH',
+  amount: 1.5,
+  blockchain: 'Ethereum',
+  formatted: '1.50',
+  ...overrides,
+});
+```
+
+### 3. Accessibility Testing
+
+Every component test includes accessibility checks:
+
+```typescript
+expect(screen.getByRole('row')).toHaveAttribute(
+  'aria-label',
+  'Balance for ETH'
+);
+```
+
+### 4. Edge Case Coverage
+
+Comprehensive edge case testing:
+
+- Empty inputs
+- Null/undefined values
+- Very large/small numbers
+- Invalid data types
+- Boundary conditions
+
+### 5. Integration Tests
+
+Tests that verify multiple units working together:
+
+```typescript
+it('should filter, sort, format, and render correctly', () => {
+  // Tests complete workflow from data fetch to rendering
+});
+```
+
+## Coverage Goals
+
+All critical paths and edge cases are thoroughly tested across:
+
+- **Utility Functions:** Complete coverage of all exported functions
+- **Custom Hooks:** All hook behaviors and edge cases
+- **Components:** All rendering paths and user interactions
+- **Integration:** End-to-end workflows from data to display
+
+## Continuous Integration
+
+Tests are designed to run in CI/CD pipelines:
+
+- No external dependencies
+- Fast execution (~2 seconds)
+- Deterministic results
+- Clear failure messages
+
+## Best Practices
+
+1. ✅ **Test behavior, not implementation** - Focus on what the code does, not how
+2. ✅ **Use descriptive test names** - Clear indication of what's being tested
+3. ✅ **One assertion per concept** - Tests focused on single behaviors
+4. ✅ **Arrange-Act-Assert pattern** - Consistent test structure
+5. ✅ **Mock external dependencies** - Isolated unit tests
+6. ✅ **Test edge cases** - Comprehensive coverage of boundary conditions
+7. ✅ **Accessibility testing** - Ensure WCAG compliance
+8. ✅ **Clean up after tests** - Prevent test pollution
+
+## Future Enhancements
+
+- [ ] Visual regression testing with Playwright
+- [ ] Performance benchmarking tests
+- [ ] E2E tests for critical user flows
+- [ ] Mutation testing for test quality verification
+- [ ] Snapshot testing for component structure
+- [ ] API integration tests with MSW (Mock Service Worker)
+
+## Troubleshooting
+
+### Tests Failing in CI
+
+- Ensure `happy-dom` is installed
+- Check Node.js version compatibility
+- Verify all dependencies are installed
+
+### Slow Test Execution
+
+- Use `vi.useFakeTimers()` for time-dependent tests
+- Mock heavy dependencies
+- Run tests in parallel (default in Vitest)
+
+### Coverage Not Generating
+
+- Run `pnpm test:coverage` instead of `pnpm test`
+- Check `vitest.config.ts` for coverage configuration
+- Ensure `@vitest/coverage-v8` is installed
diff --git a/src/problem3/eslint.config.js b/src/problem3/eslint.config.js
new file mode 100644
index 000000000..5e6b472f5
--- /dev/null
+++ b/src/problem3/eslint.config.js
@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])
diff --git a/src/problem3/index.html b/src/problem3/index.html
new file mode 100644
index 000000000..59319037a
--- /dev/null
+++ b/src/problem3/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Wallet Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/src/problem3/package.json b/src/problem3/package.json
new file mode 100644
index 000000000..a3a5086f9
--- /dev/null
+++ b/src/problem3/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "problem3-wallet-page",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.18",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.1.18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/ui": "^2.1.8",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "happy-dom": "^16.7.1",
+    "jsdom": "^26.0.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vitest": "^2.1.8"
+  }
+}
diff --git a/src/problem3/pnpm-lock.yaml b/src/problem3/pnpm-lock.yaml
new file mode 100644
index 000000000..7997d2d03
--- /dev/null
+++ b/src/problem3/pnpm-lock.yaml
@@ -0,0 +1,3483 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@tailwindcss/vite':
+        specifier: ^4.1.18
+        version: 4.1.18(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2))
+      react:
+        specifier: ^19.2.0
+        version: 19.2.3
+      react-dom:
+        specifier: ^19.2.0
+        version: 19.2.3(react@19.2.3)
+      tailwindcss:
+        specifier: ^4.1.18
+        version: 4.1.18
+    devDependencies:
+      '@eslint/js':
+        specifier: ^9.39.1
+        version: 9.39.2
+      '@testing-library/jest-dom':
+        specifier: ^6.6.3
+        version: 6.9.1
+      '@testing-library/react':
+        specifier: ^16.1.0
+        version: 16.3.1(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@testing-library/user-event':
+        specifier: ^14.5.2
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@types/node':
+        specifier: ^24.10.1
+        version: 24.10.4
+      '@types/react':
+        specifier: ^19.2.5
+        version: 19.2.7
+      '@types/react-dom':
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.7)
+      '@vitejs/plugin-react':
+        specifier: ^5.1.1
+        version: 5.1.2(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2))
+      '@vitest/ui':
+        specifier: ^2.1.8
+        version: 2.1.9(vitest@2.1.9)
+      babel-plugin-react-compiler:
+        specifier: ^1.0.0
+        version: 1.0.0
+      eslint:
+        specifier: ^9.39.1
+        version: 9.39.2(jiti@2.6.1)
+      eslint-plugin-react-hooks:
+        specifier: ^7.0.1
+        version: 7.0.1(eslint@9.39.2(jiti@2.6.1))
+      eslint-plugin-react-refresh:
+        specifier: ^0.4.24
+        version: 0.4.26(eslint@9.39.2(jiti@2.6.1))
+      globals:
+        specifier: ^16.5.0
+        version: 16.5.0
+      happy-dom:
+        specifier: ^16.7.1
+        version: 16.8.1
+      jsdom:
+        specifier: ^26.0.0
+        version: 26.1.0
+      typescript:
+        specifier: ~5.9.3
+        version: 5.9.3
+      typescript-eslint:
+        specifier: ^8.46.4
+        version: 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      vite:
+        specifier: ^7.2.4
+        version: 7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2)
+      vitest:
+        specifier: ^2.1.8
+        version: 2.1.9(@types/node@24.10.4)(@vitest/ui@2.1.9)(happy-dom@16.8.1)(jsdom@26.1.0)(lightningcss@1.30.2)
+
+packages:
+
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
+
+  '@asamuzakjp/css-color@3.2.0':
+    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
+
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.28.5':
+    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.28.5':
+    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.28.5':
+    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.28.4':
+    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.5':
+    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.28.5':
+    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.5':
+    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+    engines: {node: '>=6.9.0'}
+
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.2':
+    resolution: {integrity: sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.2':
+    resolution: {integrity: sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.2':
+    resolution: {integrity: sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.2':
+    resolution: {integrity: sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.2':
+    resolution: {integrity: sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.2':
+    resolution: {integrity: sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    resolution: {integrity: sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.2':
+    resolution: {integrity: sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.2':
+    resolution: {integrity: sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.2':
+    resolution: {integrity: sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.2':
+    resolution: {integrity: sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.2':
+    resolution: {integrity: sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.2':
+    resolution: {integrity: sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.2':
+    resolution: {integrity: sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.2':
+    resolution: {integrity: sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.2':
+    resolution: {integrity: sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.2':
+    resolution: {integrity: sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.2':
+    resolution: {integrity: sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.2':
+    resolution: {integrity: sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    resolution: {integrity: sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.2':
+    resolution: {integrity: sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.2':
+    resolution: {integrity: sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.2':
+    resolution: {integrity: sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.2':
+    resolution: {integrity: sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.9.0':
+    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.3':
+    resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.2':
+    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/pluginutils@1.0.0-beta.53':
+    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+
+  '@rollup/rollup-android-arm-eabi@4.54.0':
+    resolution: {integrity: sha512-OywsdRHrFvCdvsewAInDKCNyR3laPA2mc9bRYJ6LBp5IyvF3fvXbbNR0bSzHlZVFtn6E0xw2oZlyjg4rKCVcng==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.54.0':
+    resolution: {integrity: sha512-Skx39Uv+u7H224Af+bDgNinitlmHyQX1K/atIA32JP3JQw6hVODX5tkbi2zof/E69M1qH2UoN3Xdxgs90mmNYw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.54.0':
+    resolution: {integrity: sha512-k43D4qta/+6Fq+nCDhhv9yP2HdeKeP56QrUUTW7E6PhZP1US6NDqpJj4MY0jBHlJivVJD5P8NxrjuobZBJTCRw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.54.0':
+    resolution: {integrity: sha512-cOo7biqwkpawslEfox5Vs8/qj83M/aZCSSNIWpVzfU2CYHa2G3P1UN5WF01RdTHSgCkri7XOlTdtk17BezlV3A==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.54.0':
+    resolution: {integrity: sha512-miSvuFkmvFbgJ1BevMa4CPCFt5MPGw094knM64W9I0giUIMMmRYcGW/JWZDriaw/k1kOBtsWh1z6nIFV1vPNtA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.54.0':
+    resolution: {integrity: sha512-KGXIs55+b/ZfZsq9aR026tmr/+7tq6VG6MsnrvF4H8VhwflTIuYh+LFUlIsRdQSgrgmtM3fVATzEAj4hBQlaqQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.54.0':
+    resolution: {integrity: sha512-EHMUcDwhtdRGlXZsGSIuXSYwD5kOT9NVnx9sqzYiwAc91wfYOE1g1djOEDseZJKKqtHAHGwnGPQu3kytmfaXLQ==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.54.0':
+    resolution: {integrity: sha512-+pBrqEjaakN2ySv5RVrj/qLytYhPKEUwk+e3SFU5jTLHIcAtqh2rLrd/OkbNuHJpsBgxsD8ccJt5ga/SeG0JmA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.54.0':
+    resolution: {integrity: sha512-NSqc7rE9wuUaRBsBp5ckQ5CVz5aIRKCwsoa6WMF7G01sX3/qHUw/z4pv+D+ahL1EIKy6Enpcnz1RY8pf7bjwng==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.54.0':
+    resolution: {integrity: sha512-gr5vDbg3Bakga5kbdpqx81m2n9IX8M6gIMlQQIXiLTNeQW6CucvuInJ91EuCJ/JYvc+rcLLsDFcfAD1K7fMofg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.54.0':
+    resolution: {integrity: sha512-gsrtB1NA3ZYj2vq0Rzkylo9ylCtW/PhpLEivlgWe0bpgtX5+9j9EZa0wtZiCjgu6zmSeZWyI/e2YRX1URozpIw==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.54.0':
+    resolution: {integrity: sha512-y3qNOfTBStmFNq+t4s7Tmc9hW2ENtPg8FeUD/VShI7rKxNW7O4fFeaYbMsd3tpFlIg1Q8IapFgy7Q9i2BqeBvA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.54.0':
+    resolution: {integrity: sha512-89sepv7h2lIVPsFma8iwmccN7Yjjtgz0Rj/Ou6fEqg3HDhpCa+Et+YSufy27i6b0Wav69Qv4WBNl3Rs6pwhebQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.54.0':
+    resolution: {integrity: sha512-ZcU77ieh0M2Q8Ur7D5X7KvK+UxbXeDHwiOt/CPSBTI1fBmeDMivW0dPkdqkT4rOgDjrDDBUed9x4EgraIKoR2A==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.54.0':
+    resolution: {integrity: sha512-2AdWy5RdDF5+4YfG/YesGDDtbyJlC9LHmL6rZw6FurBJ5n4vFGupsOBGfwMRjBYH7qRQowT8D/U4LoSvVwOhSQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.54.0':
+    resolution: {integrity: sha512-WGt5J8Ij/rvyqpFexxk3ffKqqbLf9AqrTBbWDk7ApGUzaIs6V+s2s84kAxklFwmMF/vBNGrVdYgbblCOFFezMQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.54.0':
+    resolution: {integrity: sha512-JzQmb38ATzHjxlPHuTH6tE7ojnMKM2kYNzt44LO/jJi8BpceEC8QuXYA908n8r3CNuG/B3BV8VR3Hi1rYtmPiw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openharmony-arm64@4.54.0':
+    resolution: {integrity: sha512-huT3fd0iC7jigGh7n3q/+lfPcXxBi+om/Rs3yiFxjvSxbSB6aohDFXbWvlspaqjeOh+hx7DDHS+5Es5qRkWkZg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.54.0':
+    resolution: {integrity: sha512-c2V0W1bsKIKfbLMBu/WGBz6Yci8nJ/ZJdheE0EwB73N3MvHYKiKGs3mVilX4Gs70eGeDaMqEob25Tw2Gb9Nqyw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.54.0':
+    resolution: {integrity: sha512-woEHgqQqDCkAzrDhvDipnSirm5vxUXtSKDYTVpZG3nUdW/VVB5VdCYA2iReSj/u3yCZzXID4kuKG7OynPnB3WQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.54.0':
+    resolution: {integrity: sha512-dzAc53LOuFvHwbCEOS0rPbXp6SIhAf2txMP5p6mGyOXXw5mWY8NGGbPMPrs4P1WItkfApDathBj/NzMLUZ9rtQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.54.0':
+    resolution: {integrity: sha512-hYT5d3YNdSh3mbCU1gwQyPgQd3T2ne0A3KG8KSBdav5TiBg6eInVmV+TeR5uHufiIgSFg0XsOWGW5/RhNcSvPg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/node@4.1.18':
+    resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.18':
+    resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.1.18':
+    resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7
+
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/react@16.3.1':
+    resolution: {integrity: sha512-gr4KtAWqIOQoucWYD/f6ki+j5chXfcPc74Col/6poTyqTmn7zRmodWahWRCp8tYd+GMqBonw6hstNzqjbs6gjw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/node@24.10.4':
+    resolution: {integrity: sha512-vnDVpYPMzs4wunl27jHrfmwojOGKya0xyM3sH+UE5iv5uPS6vX7UIoh6m+vQc5LGBq52HBKPIn/zcSZVzeDEZg==}
+
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.7':
+    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
+
+  '@typescript-eslint/eslint-plugin@8.50.1':
+    resolution: {integrity: sha512-PKhLGDq3JAg0Jk/aK890knnqduuI/Qj+udH7wCf0217IGi4gt+acgCyPVe79qoT+qKUvHMDQkwJeKW9fwl8Cyw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.50.1
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/parser@8.50.1':
+    resolution: {integrity: sha512-hM5faZwg7aVNa819m/5r7D0h0c9yC4DUlWAOvHAtISdFTc8xB86VmX5Xqabrama3wIPJ/q9RbGS1worb6JfnMg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.50.1':
+    resolution: {integrity: sha512-E1ur1MCVf+YiP89+o4Les/oBAVzmSbeRB0MQLfSlYtbWU17HPxZ6Bhs5iYmKZRALvEuBoXIZMOIRRc/P++Ortg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/scope-manager@8.50.1':
+    resolution: {integrity: sha512-mfRx06Myt3T4vuoHaKi8ZWNTPdzKPNBhiblze5N50//TSHOAQQevl/aolqA/BcqqbJ88GUnLqjjcBc8EWdBcVw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.50.1':
+    resolution: {integrity: sha512-ooHmotT/lCWLXi55G4mvaUF60aJa012QzvLK0Y+Mp4WdSt17QhMhWOaBWeGTFVkb2gDgBe19Cxy1elPXylslDw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.50.1':
+    resolution: {integrity: sha512-7J3bf022QZE42tYMO6SL+6lTPKFk/WphhRPe9Tw/el+cEwzLz1Jjz2PX3GtGQVxooLDKeMVmMt7fWpYRdG5Etg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/types@8.50.1':
+    resolution: {integrity: sha512-v5lFIS2feTkNyMhd7AucE/9j/4V9v5iIbpVRncjk/K0sQ6Sb+Np9fgYS/63n6nwqahHQvbmujeBL7mp07Q9mlA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.50.1':
+    resolution: {integrity: sha512-woHPdW+0gj53aM+cxchymJCrh0cyS7BTIdcDxWUNsclr9VDkOSbqC13juHzxOmQ22dDkMZEpZB+3X1WpUvzgVQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.50.1':
+    resolution: {integrity: sha512-lCLp8H1T9T7gPbEuJSnHwnSuO9mDf8mfK/Nion5mZmiEaQD9sWf9W4dfeFqRyqRjF06/kBuTmAqcs9sewM2NbQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.50.1':
+    resolution: {integrity: sha512-IrDKrw7pCRUR94zeuCSUWQ+w8JEf5ZX5jl/e6AHGSLi1/zIr0lgutfn/7JpfCey+urpgQEdrZVYzCaVVKiTwhQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@vitejs/plugin-react@5.1.2':
+    resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@vitest/expect@2.1.9':
+    resolution: {integrity: sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==}
+
+  '@vitest/mocker@2.1.9':
+    resolution: {integrity: sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@2.1.9':
+    resolution: {integrity: sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==}
+
+  '@vitest/runner@2.1.9':
+    resolution: {integrity: sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g==}
+
+  '@vitest/snapshot@2.1.9':
+    resolution: {integrity: sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ==}
+
+  '@vitest/spy@2.1.9':
+    resolution: {integrity: sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ==}
+
+  '@vitest/ui@2.1.9':
+    resolution: {integrity: sha512-izzd2zmnk8Nl5ECYkW27328RbQ1nKvkm6Bb5DAaz1Gk59EbLkiCMa6OLT0NoaAYTjOFS6N+SMYW1nh4/9ljPiw==}
+    peerDependencies:
+      vitest: 2.1.9
+
+  '@vitest/utils@2.1.9':
+    resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  babel-plugin-react-compiler@1.0.0:
+    resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  baseline-browser-mapping@2.9.11:
+    resolution: {integrity: sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==}
+    hasBin: true
+
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001761:
+    resolution: {integrity: sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g==}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  check-error@2.1.1:
+    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+    engines: {node: '>= 16'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssstyle@4.6.0:
+    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
+    engines: {node: '>=18'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
+  electron-to-chromium@1.5.267:
+    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+
+  enhanced-resolve@5.18.4:
+    resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
+    engines: {node: '>=10.13.0'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.27.2:
+    resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+
+  eslint-plugin-react-refresh@0.4.26:
+    resolution: {integrity: sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ==}
+    peerDependencies:
+      eslint: '>=8.40'
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.39.2:
+    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  happy-dom@16.8.1:
+    resolution: {integrity: sha512-n0QrmT9lD81rbpKsyhnlz3DgnMZlaOkJPpgi746doA+HvaMC79bdWkwjrNnGJRvDrWTI8iOcJiVTJ5CdT/AZRw==}
+    engines: {node: '>=18.0.0'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsdom@26.1.0:
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.30.2:
+    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.30.2:
+    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.2:
+    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.2:
+    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.2:
+    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.2:
+    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+
+  nwsapi@2.2.23:
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  react-dom@19.2.3:
+    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
+    peerDependencies:
+      react: ^19.2.3
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react-refresh@0.18.0:
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
+    engines: {node: '>=0.10.0'}
+
+  react@19.2.3:
+    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
+    engines: {node: '>=0.10.0'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  rollup@4.54.0:
+    resolution: {integrity: sha512-3nk8Y3a9Ea8szgKhinMlGMhGMw89mqule3KWczxhIzqudyHdCIOHw8WJlj/r329fACjKLEh13ZSk7oE22kyeIw==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  tailwindcss@4.1.18:
+    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.1:
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@1.2.0:
+    resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@3.0.2:
+    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    hasBin: true
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
+  tr46@5.1.1:
+    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
+    engines: {node: '>=18'}
+
+  ts-api-utils@2.1.0:
+    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript-eslint@8.50.1:
+    resolution: {integrity: sha512-ytTHO+SoYSbhAH9CrYnMhiLx8To6PSSvqnvXyPUgPETCvB6eBKmTI9w6XMPS3HsBRGkwTVBX+urA8dYQx6bHfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  vite-node@2.1.9:
+    resolution: {integrity: sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+
+  vite@5.4.21:
+    resolution: {integrity: sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@7.3.0:
+    resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@2.1.9:
+    resolution: {integrity: sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/node': ^18.0.0 || >=20.0.0
+      '@vitest/browser': 2.1.9
+      '@vitest/ui': 2.1.9
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  ws@8.18.3:
+    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
+  zod@4.2.1:
+    resolution: {integrity: sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==}
+
+snapshots:
+
+  '@adobe/css-tools@4.4.4': {}
+
+  '@asamuzakjp/css-color@3.2.0':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 10.4.3
+
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.28.5': {}
+
+  '@babel/core@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
+      '@babel/helpers': 7.28.4
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.28.5':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.28.5
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-plugin-utils@7.27.1': {}
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.28.4':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+
+  '@babel/parser@7.28.5':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/runtime@7.28.4': {}
+
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+
+  '@babel/traverse@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.28.5':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.27.2':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.2':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.1':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.3':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.2': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.53': {}
+
+  '@rollup/rollup-android-arm-eabi@4.54.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.54.0':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.54.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.54.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.54.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.54.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.54.0':
+    optional: true
+
+  '@tailwindcss/node@4.1.18':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.18.4
+      jiti: 2.6.1
+      lightningcss: 1.30.2
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.18
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.18':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-x64': 4.1.18
+      '@tailwindcss/oxide-freebsd-x64': 4.1.18
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.18
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.18
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.18
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+
+  '@tailwindcss/vite@4.1.18(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2))':
+    dependencies:
+      '@tailwindcss/node': 4.1.18
+      '@tailwindcss/oxide': 4.1.18
+      tailwindcss: 4.1.18
+      vite: 7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2)
+
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/runtime': 7.28.4
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.1(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@testing-library/dom': 10.4.1
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@types/aria-query@5.0.4': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@types/estree@1.0.8': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/node@24.10.4':
+    dependencies:
+      undici-types: 7.16.0
+
+  '@types/react-dom@19.2.3(@types/react@19.2.7)':
+    dependencies:
+      '@types/react': 19.2.7
+
+  '@types/react@19.2.7':
+    dependencies:
+      csstype: 3.2.3
+
+  '@typescript-eslint/eslint-plugin@8.50.1(@typescript-eslint/parser@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.50.1
+      '@typescript-eslint/type-utils': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.1
+      eslint: 9.39.2(jiti@2.6.1)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.50.1
+      '@typescript-eslint/types': 8.50.1
+      '@typescript-eslint/typescript-estree': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.50.1
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.50.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.50.1':
+    dependencies:
+      '@typescript-eslint/types': 8.50.1
+      '@typescript-eslint/visitor-keys': 8.50.1
+
+  '@typescript-eslint/tsconfig-utils@8.50.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.50.1
+      '@typescript-eslint/typescript-estree': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.50.1': {}
+
+  '@typescript-eslint/typescript-estree@8.50.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.50.1
+      '@typescript-eslint/visitor-keys': 8.50.1
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.50.1
+      '@typescript-eslint/types': 8.50.1
+      '@typescript-eslint/typescript-estree': 8.50.1(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.50.1':
+    dependencies:
+      '@typescript-eslint/types': 8.50.1
+      eslint-visitor-keys: 4.2.1
+
+  '@vitejs/plugin-react@5.1.2(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2))':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.5)
+      '@rolldown/pluginutils': 1.0.0-beta.53
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.18.0
+      vite: 7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitest/expect@2.1.9':
+    dependencies:
+      '@vitest/spy': 2.1.9
+      '@vitest/utils': 2.1.9
+      chai: 5.3.3
+      tinyrainbow: 1.2.0
+
+  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@24.10.4)(lightningcss@1.30.2))':
+    dependencies:
+      '@vitest/spy': 2.1.9
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      vite: 5.4.21(@types/node@24.10.4)(lightningcss@1.30.2)
+
+  '@vitest/pretty-format@2.1.9':
+    dependencies:
+      tinyrainbow: 1.2.0
+
+  '@vitest/runner@2.1.9':
+    dependencies:
+      '@vitest/utils': 2.1.9
+      pathe: 1.1.2
+
+  '@vitest/snapshot@2.1.9':
+    dependencies:
+      '@vitest/pretty-format': 2.1.9
+      magic-string: 0.30.21
+      pathe: 1.1.2
+
+  '@vitest/spy@2.1.9':
+    dependencies:
+      tinyspy: 3.0.2
+
+  '@vitest/ui@2.1.9(vitest@2.1.9)':
+    dependencies:
+      '@vitest/utils': 2.1.9
+      fflate: 0.8.2
+      flatted: 3.3.3
+      pathe: 1.1.2
+      sirv: 3.0.2
+      tinyglobby: 0.2.15
+      tinyrainbow: 1.2.0
+      vitest: 2.1.9(@types/node@24.10.4)(@vitest/ui@2.1.9)(happy-dom@16.8.1)(jsdom@26.1.0)(lightningcss@1.30.2)
+
+  '@vitest/utils@2.1.9':
+    dependencies:
+      '@vitest/pretty-format': 2.1.9
+      loupe: 3.2.1
+      tinyrainbow: 1.2.0
+
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn@8.15.0: {}
+
+  agent-base@7.1.4: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-regex@5.0.1: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@5.2.0: {}
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
+  assertion-error@2.0.1: {}
+
+  babel-plugin-react-compiler@1.0.0:
+    dependencies:
+      '@babel/types': 7.28.5
+
+  balanced-match@1.0.2: {}
+
+  baseline-browser-mapping@2.9.11: {}
+
+  brace-expansion@1.1.12:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.2:
+    dependencies:
+      balanced-match: 1.0.2
+
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.9.11
+      caniuse-lite: 1.0.30001761
+      electron-to-chromium: 1.5.267
+      node-releases: 2.0.27
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
+  cac@6.7.14: {}
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001761: {}
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.1
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  check-error@2.1.1: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  concat-map@0.0.1: {}
+
+  convert-source-map@2.0.0: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css.escape@1.5.1: {}
+
+  cssstyle@4.6.0:
+    dependencies:
+      '@asamuzakjp/css-color': 3.2.0
+      rrweb-cssom: 0.8.0
+
+  csstype@3.2.3: {}
+
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js@10.6.0: {}
+
+  deep-eql@5.0.2: {}
+
+  deep-is@0.1.4: {}
+
+  dequal@2.0.3: {}
+
+  detect-libc@2.1.2: {}
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
+  electron-to-chromium@1.5.267: {}
+
+  enhanced-resolve@5.18.4:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
+  entities@6.0.1: {}
+
+  es-module-lexer@1.7.0: {}
+
+  esbuild@0.21.5:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
+  esbuild@0.27.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.2
+      '@esbuild/android-arm': 0.27.2
+      '@esbuild/android-arm64': 0.27.2
+      '@esbuild/android-x64': 0.27.2
+      '@esbuild/darwin-arm64': 0.27.2
+      '@esbuild/darwin-x64': 0.27.2
+      '@esbuild/freebsd-arm64': 0.27.2
+      '@esbuild/freebsd-x64': 0.27.2
+      '@esbuild/linux-arm': 0.27.2
+      '@esbuild/linux-arm64': 0.27.2
+      '@esbuild/linux-ia32': 0.27.2
+      '@esbuild/linux-loong64': 0.27.2
+      '@esbuild/linux-mips64el': 0.27.2
+      '@esbuild/linux-ppc64': 0.27.2
+      '@esbuild/linux-riscv64': 0.27.2
+      '@esbuild/linux-s390x': 0.27.2
+      '@esbuild/linux-x64': 0.27.2
+      '@esbuild/netbsd-arm64': 0.27.2
+      '@esbuild/netbsd-x64': 0.27.2
+      '@esbuild/openbsd-arm64': 0.27.2
+      '@esbuild/openbsd-x64': 0.27.2
+      '@esbuild/openharmony-arm64': 0.27.2
+      '@esbuild/sunos-x64': 0.27.2
+      '@esbuild/win32-arm64': 0.27.2
+      '@esbuild/win32-ia32': 0.27.2
+      '@esbuild/win32-x64': 0.27.2
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-plugin-react-hooks@7.0.1(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/parser': 7.28.5
+      eslint: 9.39.2(jiti@2.6.1)
+      hermes-parser: 0.25.1
+      zod: 4.2.1
+      zod-validation-error: 4.0.2(zod@4.2.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-react-refresh@0.4.26(eslint@9.39.2(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint@9.39.2(jiti@2.6.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.2(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.3
+      '@eslint/js': 9.39.2
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.6.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  esutils@2.0.3: {}
+
+  expect-type@1.3.0: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
+  fflate@0.8.2: {}
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.3
+      keyv: 4.5.4
+
+  flatted@3.3.3: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  gensync@1.0.0-beta.2: {}
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globals@14.0.0: {}
+
+  globals@16.5.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  happy-dom@16.8.1:
+    dependencies:
+      webidl-conversions: 7.0.0
+      whatwg-mimetype: 3.0.0
+
+  has-flag@4.0.0: {}
+
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@4.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  isexe@2.0.0: {}
+
+  jiti@2.6.1: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdom@26.1.0:
+    dependencies:
+      cssstyle: 4.6.0
+      data-urls: 5.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.23
+      parse5: 7.3.0
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.18.3
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  jsesc@3.1.0: {}
+
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    optional: true
+
+  lightningcss@1.30.2:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.30.2
+      lightningcss-darwin-arm64: 1.30.2
+      lightningcss-darwin-x64: 1.30.2
+      lightningcss-freebsd-x64: 1.30.2
+      lightningcss-linux-arm-gnueabihf: 1.30.2
+      lightningcss-linux-arm64-gnu: 1.30.2
+      lightningcss-linux-arm64-musl: 1.30.2
+      lightningcss-linux-x64-gnu: 1.30.2
+      lightningcss-linux-x64-musl: 1.30.2
+      lightningcss-win32-arm64-msvc: 1.30.2
+      lightningcss-win32-x64-msvc: 1.30.2
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  loupe@3.2.1: {}
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lz-string@1.5.0: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  min-indent@1.0.1: {}
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.12
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.2
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.11: {}
+
+  natural-compare@1.4.0: {}
+
+  node-releases@2.0.27: {}
+
+  nwsapi@2.2.23: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  pathe@1.1.2: {}
+
+  pathval@2.0.1: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@4.0.3: {}
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  punycode@2.3.1: {}
+
+  react-dom@19.2.3(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      scheduler: 0.27.0
+
+  react-is@17.0.2: {}
+
+  react-refresh@0.18.0: {}
+
+  react@19.2.3: {}
+
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
+  resolve-from@4.0.0: {}
+
+  rollup@4.54.0:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.54.0
+      '@rollup/rollup-android-arm64': 4.54.0
+      '@rollup/rollup-darwin-arm64': 4.54.0
+      '@rollup/rollup-darwin-x64': 4.54.0
+      '@rollup/rollup-freebsd-arm64': 4.54.0
+      '@rollup/rollup-freebsd-x64': 4.54.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.54.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.54.0
+      '@rollup/rollup-linux-arm64-gnu': 4.54.0
+      '@rollup/rollup-linux-arm64-musl': 4.54.0
+      '@rollup/rollup-linux-loong64-gnu': 4.54.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.54.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.54.0
+      '@rollup/rollup-linux-riscv64-musl': 4.54.0
+      '@rollup/rollup-linux-s390x-gnu': 4.54.0
+      '@rollup/rollup-linux-x64-gnu': 4.54.0
+      '@rollup/rollup-linux-x64-musl': 4.54.0
+      '@rollup/rollup-openharmony-arm64': 4.54.0
+      '@rollup/rollup-win32-arm64-msvc': 4.54.0
+      '@rollup/rollup-win32-ia32-msvc': 4.54.0
+      '@rollup/rollup-win32-x64-gnu': 4.54.0
+      '@rollup/rollup-win32-x64-msvc': 4.54.0
+      fsevents: 2.3.3
+
+  rrweb-cssom@0.8.0: {}
+
+  safer-buffer@2.1.2: {}
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scheduler@0.27.0: {}
+
+  semver@6.3.1: {}
+
+  semver@7.7.3: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  siginfo@2.0.0: {}
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  source-map-js@1.2.1: {}
+
+  stackback@0.0.2: {}
+
+  std-env@3.10.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
+  strip-json-comments@3.1.1: {}
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  symbol-tree@3.2.4: {}
+
+  tailwindcss@4.1.18: {}
+
+  tapable@2.3.0: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@0.3.2: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  tinypool@1.1.1: {}
+
+  tinyrainbow@1.2.0: {}
+
+  tinyspy@3.0.2: {}
+
+  tldts-core@6.1.86: {}
+
+  tldts@6.1.86:
+    dependencies:
+      tldts-core: 6.1.86
+
+  totalist@3.0.1: {}
+
+  tough-cookie@5.1.2:
+    dependencies:
+      tldts: 6.1.86
+
+  tr46@5.1.1:
+    dependencies:
+      punycode: 2.3.1
+
+  ts-api-utils@2.1.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  typescript-eslint@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.50.1(@typescript-eslint/parser@8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.50.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.50.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@5.9.3: {}
+
+  undici-types@7.16.0: {}
+
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
+    dependencies:
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  vite-node@2.1.9(@types/node@24.10.4)(lightningcss@1.30.2):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 1.1.2
+      vite: 5.4.21(@types/node@24.10.4)(lightningcss@1.30.2)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
+  vite@5.4.21(@types/node@24.10.4)(lightningcss@1.30.2):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.6
+      rollup: 4.54.0
+    optionalDependencies:
+      '@types/node': 24.10.4
+      fsevents: 2.3.3
+      lightningcss: 1.30.2
+
+  vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2):
+    dependencies:
+      esbuild: 0.27.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.54.0
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 24.10.4
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      lightningcss: 1.30.2
+
+  vitest@2.1.9(@types/node@24.10.4)(@vitest/ui@2.1.9)(happy-dom@16.8.1)(jsdom@26.1.0)(lightningcss@1.30.2):
+    dependencies:
+      '@vitest/expect': 2.1.9
+      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@24.10.4)(lightningcss@1.30.2))
+      '@vitest/pretty-format': 2.1.9
+      '@vitest/runner': 2.1.9
+      '@vitest/snapshot': 2.1.9
+      '@vitest/spy': 2.1.9
+      '@vitest/utils': 2.1.9
+      chai: 5.3.3
+      debug: 4.4.3
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      pathe: 1.1.2
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinypool: 1.1.1
+      tinyrainbow: 1.2.0
+      vite: 5.4.21(@types/node@24.10.4)(lightningcss@1.30.2)
+      vite-node: 2.1.9(@types/node@24.10.4)(lightningcss@1.30.2)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 24.10.4
+      '@vitest/ui': 2.1.9(vitest@2.1.9)
+      happy-dom: 16.8.1
+      jsdom: 26.1.0
+    transitivePeerDependencies:
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@7.0.0: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@3.0.0: {}
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-url@14.2.0:
+    dependencies:
+      tr46: 5.1.1
+      webidl-conversions: 7.0.0
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  word-wrap@1.2.5: {}
+
+  ws@8.18.3: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  yallist@3.1.1: {}
+
+  yocto-queue@0.1.0: {}
+
+  zod-validation-error@4.0.2(zod@4.2.1):
+    dependencies:
+      zod: 4.2.1
+
+  zod@4.2.1: {}
diff --git a/src/problem3/public/vite.svg b/src/problem3/public/vite.svg
new file mode 100644
index 000000000..e7b8dfb1b
--- /dev/null
+++ b/src/problem3/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/problem3/src/App.tsx b/src/problem3/src/App.tsx
new file mode 100644
index 000000000..d3809026c
--- /dev/null
+++ b/src/problem3/src/App.tsx
@@ -0,0 +1,11 @@
+import { WalletPage } from './components/WalletPage';
+
+function App() {
+  return (
+    <div className='min-h-screen'>
+      <WalletPage />
+    </div>
+  );
+}
+
+export default App;
diff --git a/src/problem3/src/components/WalletPage.test.tsx b/src/problem3/src/components/WalletPage.test.tsx
new file mode 100644
index 000000000..46b2e4386
--- /dev/null
+++ b/src/problem3/src/components/WalletPage.test.tsx
@@ -0,0 +1,435 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import { WalletPage } from './WalletPage';
+import type { WalletBalance } from '../types';
+
+// Mock the hooks
+vi.mock('../hooks/useWalletBalances');
+vi.mock('../hooks/usePrices');
+
+// Import mocked hooks
+import { useWalletBalances } from '../hooks/useWalletBalances';
+import { usePrices } from '../hooks/usePrices';
+
+describe('WalletPage', () => {
+  const mockWalletBalances = vi.mocked(useWalletBalances);
+  const mockPrices = vi.mocked(usePrices);
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('Basic Rendering', () => {
+    it('should render the page title', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('Wallet Page')).toBeInTheDocument();
+    });
+
+    it('should render empty state when no balances', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('No balances available')).toBeInTheDocument();
+    });
+
+    it('should have proper ARIA attributes', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByRole('main')).toHaveAttribute(
+        'aria-label',
+        'Wallet balances'
+      );
+      expect(screen.getByRole('grid')).toHaveAttribute(
+        'aria-label',
+        'Wallet balance list'
+      );
+      expect(screen.getByRole('status')).toHaveAttribute('aria-live', 'polite');
+    });
+  });
+
+  describe('Filtering Logic', () => {
+    it('should filter out balances with amount <= 0', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'BTC', amount: 0, blockchain: 'Osmosis' },
+        { currency: 'USDC', amount: -5, blockchain: 'Arbitrum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000, BTC: 50000, USDC: 1 });
+
+      render(<WalletPage />);
+
+      // Only ETH should be rendered
+      expect(screen.getByText('ETH')).toBeInTheDocument();
+      expect(screen.queryByText('BTC')).not.toBeInTheDocument();
+      expect(screen.queryByText('USDC')).not.toBeInTheDocument();
+    });
+
+    it('should filter out unsupported blockchains', () => {
+      const balances = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'BTC', amount: 2.5, blockchain: 'Bitcoin' },
+      ] as WalletBalance[];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000, BTC: 50000 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('ETH')).toBeInTheDocument();
+      expect(screen.queryByText('BTC')).not.toBeInTheDocument();
+    });
+
+    it('should keep valid balances', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' },
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000, OSMO: 1, ARB: 1 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('ETH')).toBeInTheDocument();
+      expect(screen.getByText('OSMO')).toBeInTheDocument();
+      expect(screen.getByText('ARB')).toBeInTheDocument();
+    });
+  });
+
+  describe('Sorting Logic', () => {
+    it('should sort balances by blockchain priority', async () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' }, // Priority: 30
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' }, // Priority: 100
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' }, // Priority: 50
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ARB: 1, OSMO: 1, ETH: 2000 });
+
+      const { container } = render(<WalletPage />);
+
+      await waitFor(() => {
+        const rows = container.querySelectorAll('[role="row"]');
+        expect(rows).toHaveLength(3);
+      });
+
+      const currencies = screen.getAllByLabelText(/Currency:/);
+      expect(currencies[0]).toHaveTextContent('OSMO'); // Priority 100
+      expect(currencies[1]).toHaveTextContent('ETH'); // Priority 50
+      expect(currencies[2]).toHaveTextContent('ARB'); // Priority 30
+    });
+
+    it('should handle equal priorities consistently', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ZIL', amount: 100, blockchain: 'Zilliqa' }, // Priority: 20
+        { currency: 'NEO', amount: 50, blockchain: 'Neo' }, // Priority: 20
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ZIL: 0.05, NEO: 10 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('ZIL')).toBeInTheDocument();
+      expect(screen.getByText('NEO')).toBeInTheDocument();
+    });
+  });
+
+  describe('Formatting', () => {
+    it('should format balance amounts with 2 decimal places', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.234567, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByLabelText('Amount: 1.23')).toBeInTheDocument();
+    });
+
+    it('should calculate USD values correctly', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 2, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      render(<WalletPage />);
+
+      // USD value should be 2 * 2000 = 4000
+      expect(screen.getByText('$4,000.00')).toBeInTheDocument();
+    });
+
+    it('should handle missing prices (0 USD value)', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'UNKNOWN', amount: 100, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('$0.00')).toBeInTheDocument();
+    });
+  });
+
+  describe('Row Keys', () => {
+    it('should use stable keys (currency + blockchain)', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' },
+        { currency: 'ETH', amount: 2, blockchain: 'Arbitrum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      const { container } = render(<WalletPage />);
+
+      const rows = container.querySelectorAll('[role="row"]');
+      expect(rows).toHaveLength(2);
+
+      // Both rows should be present (different keys)
+      expect(screen.getAllByText('ETH')).toHaveLength(2);
+    });
+  });
+
+  describe('Integration: Complete Workflow', () => {
+    it('should filter, sort, format, and render correctly', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' },
+        { currency: 'INVALID', amount: 0, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: 100.567, blockchain: 'Osmosis' },
+        { currency: 'ETH', amount: 1.234, blockchain: 'Ethereum' },
+        { currency: 'NEG', amount: -10, blockchain: 'Neo' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({
+        ARB: 1.5,
+        OSMO: 1.2,
+        ETH: 2000,
+      });
+
+      const { container } = render(<WalletPage />);
+
+      // Should render only 3 valid balances
+      const rows = container.querySelectorAll('[role="row"]');
+      expect(rows).toHaveLength(3);
+
+      // Check order: OSMO (100), ETH (50), ARB (30)
+      const currencies = screen.getAllByLabelText(/Currency:/);
+      expect(currencies[0]).toHaveTextContent('OSMO');
+      expect(currencies[1]).toHaveTextContent('ETH');
+      expect(currencies[2]).toHaveTextContent('ARB');
+
+      // Check formatting
+      expect(screen.getByLabelText('Amount: 100.57')).toBeInTheDocument();
+      expect(screen.getByLabelText('Amount: 1.23')).toBeInTheDocument();
+      expect(screen.getByLabelText('Amount: 50.00')).toBeInTheDocument();
+
+      // Check USD values
+      expect(screen.getByText('$120.68')).toBeInTheDocument(); // 100.567 * 1.2
+      expect(screen.getByText('$2,468.00')).toBeInTheDocument(); // 1.234 * 2000
+      expect(screen.getByText('$75.00')).toBeInTheDocument(); // 50 * 1.5
+    });
+  });
+
+  describe('Props', () => {
+    it('should accept and apply className prop', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      const { container } = render(<WalletPage className='custom-class' />);
+
+      expect(
+        container.querySelector('.wallet-page.custom-class')
+      ).toBeInTheDocument();
+    });
+
+    it('should forward additional props', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage data-testid='wallet-page-test' />);
+
+      expect(screen.getByTestId('wallet-page-test')).toBeInTheDocument();
+    });
+  });
+
+  describe('Edge Cases', () => {
+    it('should handle empty balances array', () => {
+      mockWalletBalances.mockReturnValue([]);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('No balances available')).toBeInTheDocument();
+    });
+
+    it('should handle empty prices object', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('$0.00')).toBeInTheDocument();
+    });
+
+    it('should handle all balances being filtered out', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 0, blockchain: 'Ethereum' },
+        { currency: 'BTC', amount: -5, blockchain: 'Osmosis' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({});
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('No balances available')).toBeInTheDocument();
+    });
+
+    it('should handle very large number of balances', () => {
+      const balances: WalletBalance[] = Array.from({ length: 100 }, (_, i) => ({
+        currency: `COIN${i}`,
+        amount: i + 1,
+        blockchain: 'Ethereum' as const,
+      }));
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue(
+        Object.fromEntries(balances.map((b) => [b.currency, 1]))
+      );
+
+      const { container } = render(<WalletPage />);
+
+      const rows = container.querySelectorAll('[role="row"]');
+      expect(rows).toHaveLength(100);
+    });
+
+    it('should handle very small balance amounts', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'BTC', amount: 0.00000001, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ BTC: 50000 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('0.00')).toBeInTheDocument();
+    });
+
+    it('should handle very large balance amounts', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'SHIB', amount: 1000000000, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ SHIB: 0.00001 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByText('1000000000.00')).toBeInTheDocument();
+    });
+  });
+
+  describe('Memoization', () => {
+    it('should not recompute when prices change (not in dependency)', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      const { rerender } = render(<WalletPage />);
+
+      expect(screen.getByText('$2,000.00')).toBeInTheDocument();
+
+      // Change prices
+      mockPrices.mockReturnValue({ ETH: 3000 });
+      rerender(<WalletPage />);
+
+      // USD value should update even though balances didn't change
+      expect(screen.getByText('$3,000.00')).toBeInTheDocument();
+    });
+
+    it('should recompute when balances change', () => {
+      const balances1: WalletBalance[] = [
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' },
+      ];
+
+      const balances2: WalletBalance[] = [
+        { currency: 'BTC', amount: 2, blockchain: 'Osmosis' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances1);
+      mockPrices.mockReturnValue({ ETH: 2000, BTC: 50000 });
+
+      const { rerender } = render(<WalletPage />);
+
+      expect(screen.getByText('ETH')).toBeInTheDocument();
+
+      // Change balances
+      mockWalletBalances.mockReturnValue(balances2);
+      rerender(<WalletPage />);
+
+      expect(screen.queryByText('ETH')).not.toBeInTheDocument();
+      expect(screen.getByText('BTC')).toBeInTheDocument();
+    });
+  });
+
+  describe('Accessibility Compliance', () => {
+    it('should have semantic HTML structure', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByRole('main')).toBeInTheDocument();
+      expect(screen.getByRole('grid')).toBeInTheDocument();
+      expect(screen.getByRole('row')).toBeInTheDocument();
+    });
+
+    it('should have descriptive labels', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+      ];
+
+      mockWalletBalances.mockReturnValue(balances);
+      mockPrices.mockReturnValue({ ETH: 2000 });
+
+      render(<WalletPage />);
+
+      expect(screen.getByLabelText('Currency: ETH')).toBeInTheDocument();
+      expect(screen.getByLabelText('Amount: 1.50')).toBeInTheDocument();
+      expect(screen.getByLabelText('Blockchain: Ethereum')).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/problem3/src/components/WalletPage.tsx b/src/problem3/src/components/WalletPage.tsx
new file mode 100644
index 000000000..1ff01e97c
--- /dev/null
+++ b/src/problem3/src/components/WalletPage.tsx
@@ -0,0 +1,94 @@
+/**
+ * WalletPage Component - Refactored Version
+ *
+ * This component displays a list of wallet balances sorted by blockchain priority.
+ * All computational inefficiencies and anti-patterns from the original code have been addressed.
+ */
+
+import React, { useMemo } from 'react';
+import { useWalletBalances } from '../hooks/useWalletBalances';
+import { usePrices } from '../hooks/usePrices';
+import { WalletRow } from './WalletRow';
+import type { BoxProps } from '../types';
+import {
+  filterValidBalances,
+  sortBalancesByPriority,
+  formatBalances,
+} from '../utils/balanceHelpers';
+
+interface WalletPageProps extends BoxProps {
+  className?: string;
+}
+
+/**
+ * WalletPage component - main component for displaying wallet balances
+ *
+ * Improvements made:
+ * 1. getPriority moved outside component to prevent recreation
+ * 2. Proper TypeScript types instead of 'any'
+ * 3. Fixed filter logic (keeps positive amounts only)
+ * 4. Removed unused 'prices' from useMemo dependencies
+ * 5. Fixed type mismatch by using formattedBalances for rendering
+ * 6. Used proper keys (currency + blockchain) instead of index
+ * 7. Removed unused 'children' prop
+ * 8. Separated concerns into utility functions
+ * 9. Proper memoization strategy
+ */
+export const WalletPage: React.FC<WalletPageProps> = ({
+  className = '',
+  ...rest
+}) => {
+  const balances = useWalletBalances();
+  const prices = usePrices();
+
+  // Memoize the sorted and formatted balances
+  // Only recalculates when balances change (prices not needed for sorting/filtering)
+  const formattedBalances = useMemo(() => {
+    // Step 1: Filter out invalid balances (amount <= 0 or priority === -99)
+    const validBalances = filterValidBalances(balances);
+
+    // Step 2: Sort by blockchain priority (highest first)
+    const sortedBalances = sortBalancesByPriority(validBalances);
+
+    // Step 3: Format balances with formatted amount strings
+    return formatBalances(sortedBalances);
+  }, [balances]);
+
+  // Render wallet rows with proper keys and USD value calculation
+  const rows = formattedBalances.map((balance) => {
+    const usdValue = prices[balance.currency]
+      ? prices[balance.currency] * balance.amount
+      : 0;
+
+    // Use currency + blockchain as key for stable, unique identification
+    const key = `${balance.currency}-${balance.blockchain}`;
+
+    return <WalletRow key={key} balance={balance} usdValue={usdValue} />;
+  });
+
+  return (
+    <>
+      <h1 className='wallet-page-title'>Wallet Page</h1>
+      <div
+        className={`wallet-page ${className}`}
+        role='main'
+        aria-label='Wallet balances'
+        {...rest}
+      >
+        <div role='grid' aria-label='Wallet balance list'>
+          {rows.length > 0 ? (
+            rows
+          ) : (
+            <div
+              className='wallet-empty-state'
+              role='status'
+              aria-live='polite'
+            >
+              No balances available
+            </div>
+          )}
+        </div>
+      </div>
+    </>
+  );
+};
diff --git a/src/problem3/src/components/WalletRow.test.tsx b/src/problem3/src/components/WalletRow.test.tsx
new file mode 100644
index 000000000..14f275d16
--- /dev/null
+++ b/src/problem3/src/components/WalletRow.test.tsx
@@ -0,0 +1,322 @@
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { WalletRow } from './WalletRow';
+import type { FormattedWalletBalance } from '../types';
+
+describe('WalletRow', () => {
+  const createMockBalance = (
+    overrides?: Partial<FormattedWalletBalance>
+  ): FormattedWalletBalance => ({
+    currency: 'ETH',
+    amount: 1.5,
+    blockchain: 'Ethereum',
+    formatted: '1.50',
+    ...overrides,
+  });
+
+  describe('Rendering', () => {
+    it('should render currency', () => {
+      const balance = createMockBalance({ currency: 'BTC' });
+      render(<WalletRow balance={balance} usdValue={50000} />);
+
+      expect(screen.getByText('BTC')).toBeInTheDocument();
+    });
+
+    it('should render formatted amount', () => {
+      const balance = createMockBalance({ formatted: '2.50' });
+      render(<WalletRow balance={balance} usdValue={5000} />);
+
+      expect(screen.getByText('2.50')).toBeInTheDocument();
+    });
+
+    it('should render blockchain name', () => {
+      const balance = createMockBalance({ blockchain: 'Osmosis' });
+      render(<WalletRow balance={balance} usdValue={100} />);
+
+      expect(screen.getByText('Osmosis')).toBeInTheDocument();
+    });
+
+    it('should render USD value formatted as currency', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={1234.56} />);
+
+      expect(screen.getByText('$1,234.56')).toBeInTheDocument();
+    });
+
+    it('should render all balance data together', () => {
+      const balance = createMockBalance({
+        currency: 'OSMO',
+        amount: 100.123,
+        formatted: '100.12',
+        blockchain: 'Osmosis',
+      });
+
+      render(<WalletRow balance={balance} usdValue={50.75} />);
+
+      expect(screen.getByText('OSMO')).toBeInTheDocument();
+      expect(screen.getByText('100.12')).toBeInTheDocument();
+      expect(screen.getByText('Osmosis')).toBeInTheDocument();
+      expect(screen.getByText('$50.75')).toBeInTheDocument();
+    });
+  });
+
+  describe('USD Value Formatting', () => {
+    it('should format zero USD value', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={0} />);
+
+      expect(screen.getByText('$0.00')).toBeInTheDocument();
+    });
+
+    it('should format small USD values', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={0.01} />);
+
+      expect(screen.getByText('$0.01')).toBeInTheDocument();
+    });
+
+    it('should format large USD values with commas', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={1000000.99} />);
+
+      expect(screen.getByText('$1,000,000.99')).toBeInTheDocument();
+    });
+
+    it('should format negative USD values', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={-50.5} />);
+
+      expect(screen.getByText('-$50.50')).toBeInTheDocument();
+    });
+
+    it('should round USD values to 2 decimal places', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={123.456} />);
+
+      expect(screen.getByText('$123.46')).toBeInTheDocument();
+    });
+
+    it('should show exactly 2 decimal places even for whole numbers', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={100} />);
+
+      expect(screen.getByText('$100.00')).toBeInTheDocument();
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('should have proper role attributes', () => {
+      const balance = createMockBalance();
+      const { container } = render(
+        <WalletRow balance={balance} usdValue={1000} />
+      );
+
+      const row = container.querySelector('[role="row"]');
+      expect(row).toBeInTheDocument();
+
+      const cells = container.querySelectorAll('[role="gridcell"]');
+      expect(cells).toHaveLength(2);
+    });
+
+    it('should have aria-label for the row', () => {
+      const balance = createMockBalance({ currency: 'ETH' });
+      render(<WalletRow balance={balance} usdValue={2000} />);
+
+      const row = screen.getByRole('row', { name: /Balance for ETH/i });
+      expect(row).toBeInTheDocument();
+    });
+
+    it('should have aria-label for currency', () => {
+      const balance = createMockBalance({ currency: 'BTC' });
+      render(<WalletRow balance={balance} usdValue={50000} />);
+
+      const currency = screen.getByLabelText('Currency: BTC');
+      expect(currency).toBeInTheDocument();
+      expect(currency).toHaveTextContent('BTC');
+    });
+
+    it('should have aria-label for amount', () => {
+      const balance = createMockBalance({ formatted: '1.50' });
+      render(<WalletRow balance={balance} usdValue={3000} />);
+
+      const amount = screen.getByLabelText('Amount: 1.50');
+      expect(amount).toBeInTheDocument();
+      expect(amount).toHaveTextContent('1.50');
+    });
+
+    it('should have aria-label for USD value', () => {
+      const balance = createMockBalance();
+      render(<WalletRow balance={balance} usdValue={1234.56} />);
+
+      const usdValue = screen.getByLabelText('USD Value: $1,234.56');
+      expect(usdValue).toBeInTheDocument();
+      expect(usdValue).toHaveTextContent('$1,234.56');
+    });
+
+    it('should have aria-label for blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Arbitrum' });
+      render(<WalletRow balance={balance} usdValue={500} />);
+
+      const blockchain = screen.getByLabelText('Blockchain: Arbitrum');
+      expect(blockchain).toBeInTheDocument();
+      expect(blockchain).toHaveTextContent('Arbitrum');
+    });
+  });
+
+  describe('CSS Classes', () => {
+    it('should have correct CSS classes', () => {
+      const balance = createMockBalance();
+      const { container } = render(
+        <WalletRow balance={balance} usdValue={1000} />
+      );
+
+      expect(container.querySelector('.wallet-row')).toBeInTheDocument();
+      expect(container.querySelector('.wallet-cell-start')).toBeInTheDocument();
+      expect(container.querySelector('.wallet-cell-end')).toBeInTheDocument();
+      expect(container.querySelector('.wallet-currency')).toBeInTheDocument();
+      expect(container.querySelector('.wallet-amount')).toBeInTheDocument();
+      expect(container.querySelector('.wallet-usd-value')).toBeInTheDocument();
+      expect(
+        container.querySelector('.wallet-formatted-amount')
+      ).toBeInTheDocument();
+    });
+  });
+
+  describe('Different Blockchains', () => {
+    it('should render Ethereum blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Ethereum' });
+      render(<WalletRow balance={balance} usdValue={2000} />);
+
+      expect(screen.getByText('Ethereum')).toBeInTheDocument();
+    });
+
+    it('should render Osmosis blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Osmosis' });
+      render(<WalletRow balance={balance} usdValue={100} />);
+
+      expect(screen.getByText('Osmosis')).toBeInTheDocument();
+    });
+
+    it('should render Arbitrum blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Arbitrum' });
+      render(<WalletRow balance={balance} usdValue={500} />);
+
+      expect(screen.getByText('Arbitrum')).toBeInTheDocument();
+    });
+
+    it('should render Zilliqa blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Zilliqa' });
+      render(<WalletRow balance={balance} usdValue={50} />);
+
+      expect(screen.getByText('Zilliqa')).toBeInTheDocument();
+    });
+
+    it('should render Neo blockchain', () => {
+      const balance = createMockBalance({ blockchain: 'Neo' });
+      render(<WalletRow balance={balance} usdValue={25} />);
+
+      expect(screen.getByText('Neo')).toBeInTheDocument();
+    });
+  });
+
+  describe('Different Currencies', () => {
+    it('should render various cryptocurrencies', () => {
+      const currencies = ['BTC', 'ETH', 'USDC', 'OSMO', 'ARB'];
+
+      currencies.forEach((currency) => {
+        const balance = createMockBalance({ currency });
+        const { unmount } = render(
+          <WalletRow balance={balance} usdValue={1000} />
+        );
+
+        expect(screen.getByText(currency)).toBeInTheDocument();
+        unmount();
+      });
+    });
+  });
+
+  describe('Edge Cases', () => {
+    it('should handle very long currency names', () => {
+      const balance = createMockBalance({
+        currency: 'VERYLONGCURRENCYNAME',
+      });
+      render(<WalletRow balance={balance} usdValue={100} />);
+
+      expect(screen.getByText('VERYLONGCURRENCYNAME')).toBeInTheDocument();
+    });
+
+    it('should handle very large amounts', () => {
+      const balance = createMockBalance({
+        amount: 999999999.99,
+        formatted: '999999999.99',
+      });
+      render(<WalletRow balance={balance} usdValue={1000000000} />);
+
+      expect(screen.getByText('999999999.99')).toBeInTheDocument();
+      expect(screen.getByText('$1,000,000,000.00')).toBeInTheDocument();
+    });
+
+    it('should handle very small amounts', () => {
+      const balance = createMockBalance({
+        amount: 0.00000001,
+        formatted: '0.00',
+      });
+      render(<WalletRow balance={balance} usdValue={0.01} />);
+
+      expect(screen.getByText('0.00')).toBeInTheDocument();
+      expect(screen.getByText('$0.01')).toBeInTheDocument();
+    });
+
+    it('should handle special characters in currency', () => {
+      const balance = createMockBalance({
+        currency: 'USD-C',
+      });
+      render(<WalletRow balance={balance} usdValue={100} />);
+
+      expect(screen.getByText('USD-C')).toBeInTheDocument();
+    });
+  });
+
+  describe('Component Isolation', () => {
+    it('should render independently with different data', () => {
+      const balance1 = createMockBalance({
+        currency: 'ETH',
+        formatted: '1.50',
+        blockchain: 'Ethereum',
+      });
+
+      const balance2 = createMockBalance({
+        currency: 'BTC',
+        formatted: '0.05',
+        blockchain: 'Osmosis',
+      });
+
+      const { container: container1 } = render(
+        <WalletRow balance={balance1} usdValue={3000} />
+      );
+
+      const { container: container2 } = render(
+        <WalletRow balance={balance2} usdValue={2500} />
+      );
+
+      expect(container1).not.toEqual(container2);
+    });
+
+    it('should not affect other components when props change', () => {
+      const balance = createMockBalance();
+      const { rerender } = render(
+        <WalletRow balance={balance} usdValue={1000} />
+      );
+
+      expect(screen.getByText('$1,000.00')).toBeInTheDocument();
+
+      const updatedBalance = createMockBalance({ currency: 'BTC' });
+      rerender(<WalletRow balance={updatedBalance} usdValue={50000} />);
+
+      expect(screen.getByText('BTC')).toBeInTheDocument();
+      expect(screen.getByText('$50,000.00')).toBeInTheDocument();
+      expect(screen.queryByText('ETH')).not.toBeInTheDocument();
+    });
+  });
+});
+
diff --git a/src/problem3/src/components/WalletRow.tsx b/src/problem3/src/components/WalletRow.tsx
new file mode 100644
index 000000000..a4b7f552a
--- /dev/null
+++ b/src/problem3/src/components/WalletRow.tsx
@@ -0,0 +1,69 @@
+/**
+ * WalletRow Component
+ * Displays a single wallet balance row with accessibility features
+ */
+
+import React from 'react';
+import type { FormattedWalletBalance } from '../types';
+
+interface WalletRowProps {
+  balance: FormattedWalletBalance;
+  usdValue: number;
+}
+
+/**
+ * Formats USD value for display
+ */
+const formatUSDValue = (value: number): string => {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+  }).format(value);
+};
+
+/**
+ * WalletRow component - displays a single balance row
+ * WCAG compliant with proper ARIA labels and semantic HTML
+ */
+export const WalletRow: React.FC<WalletRowProps> = ({ balance, usdValue }) => {
+  const formattedUSD = formatUSDValue(usdValue);
+
+  return (
+    <div
+      className='wallet-row'
+      role='row'
+      aria-label={`Balance for ${balance.currency}`}
+    >
+      <div className='wallet-cell-start' role='gridcell'>
+        <span
+          className='wallet-currency'
+          aria-label={`Currency: ${balance.currency}`}
+        >
+          {balance.currency}
+        </span>
+        <span
+          className='wallet-amount'
+          aria-label={`Amount: ${balance.formatted}`}
+        >
+          {balance.formatted}
+        </span>
+      </div>
+      <div className='wallet-cell-end' role='gridcell'>
+        <span
+          className='wallet-usd-value'
+          aria-label={`USD Value: ${formattedUSD}`}
+        >
+          {formattedUSD}
+        </span>
+        <span
+          className='wallet-formatted-amount'
+          aria-label={`Blockchain: ${balance.blockchain}`}
+        >
+          {balance.blockchain}
+        </span>
+      </div>
+    </div>
+  );
+};
diff --git a/src/problem3/src/hooks/useFetch.test.ts b/src/problem3/src/hooks/useFetch.test.ts
new file mode 100644
index 000000000..48ee74bcf
--- /dev/null
+++ b/src/problem3/src/hooks/useFetch.test.ts
@@ -0,0 +1,557 @@
+import { describe, it, expect, vi, afterEach } from 'vitest';
+import { renderHook, waitFor } from '@testing-library/react';
+import { useFetch } from './useFetch';
+
+describe('useFetch', () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+    vi.useRealTimers();
+  });
+
+  describe('Successful fetch', () => {
+    it('should fetch data successfully with immediate = true', async () => {
+      const mockData = { id: 1, name: 'Test' };
+      const fetchFn = vi.fn().mockResolvedValue(mockData);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+          immediate: true,
+        })
+      );
+
+      // Initially loading
+      expect(result.current.loading).toBe(true);
+      expect(result.current.data).toBe(null);
+      expect(result.current.error).toBe(null);
+
+      // Wait for fetch to complete
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toEqual(mockData);
+      expect(result.current.error).toBe(null);
+      expect(fetchFn).toHaveBeenCalledTimes(1);
+    });
+
+    it('should not fetch immediately when immediate = false', () => {
+      const fetchFn = vi.fn().mockResolvedValue({ data: 'test' });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+          immediate: false,
+        })
+      );
+
+      expect(result.current.loading).toBe(false);
+      expect(fetchFn).not.toHaveBeenCalled();
+    });
+
+    it('should use initial data', () => {
+      const initialData = { id: 0, name: 'Initial' };
+      const fetchFn = vi.fn().mockResolvedValue({ id: 1, name: 'Fetched' });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData,
+          immediate: false,
+        })
+      );
+
+      expect(result.current.data).toEqual(initialData);
+    });
+
+    it('should handle array data', async () => {
+      const mockData = [1, 2, 3, 4, 5];
+      const fetchFn = vi.fn().mockResolvedValue(mockData);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: [] as number[],
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toEqual(mockData);
+    });
+
+    it('should handle string data', async () => {
+      const mockData = 'Hello, World!';
+      const fetchFn = vi.fn().mockResolvedValue(mockData);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: '',
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toBe(mockData);
+    });
+  });
+
+  describe('Error handling', () => {
+    it('should handle fetch errors', async () => {
+      const errorMessage = 'Network error';
+      const fetchFn = vi.fn().mockRejectedValue(new Error(errorMessage));
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.error).toBeInstanceOf(Error);
+      expect(result.current.error?.message).toBe(errorMessage);
+      expect(result.current.data).toBe(null);
+    });
+
+    it('should wrap non-Error objects in Error', async () => {
+      const fetchFn = vi.fn().mockRejectedValue('String error');
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.error).toBeInstanceOf(Error);
+      expect(result.current.error?.message).toBe('Unknown error');
+    });
+
+    it('should clear previous error on successful refetch', async () => {
+      let shouldFail = true;
+      const fetchFn = vi.fn().mockImplementation(() => {
+        if (shouldFail) {
+          return Promise.reject(new Error('Failed'));
+        }
+        return Promise.resolve({ success: true });
+      });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      // Wait for initial error
+      await waitFor(() => {
+        expect(result.current.error).not.toBe(null);
+      });
+
+      expect(result.current.error).toBeInstanceOf(Error);
+
+      // Now make it succeed
+      shouldFail = false;
+      result.current.refetch();
+
+      // Wait for the data to update (which means refetch completed successfully)
+      await waitFor(() => {
+        expect(result.current.data).toEqual({ success: true });
+      });
+
+      expect(result.current.error).toBe(null);
+      expect(result.current.loading).toBe(false);
+    });
+  });
+
+  describe('Refetch functionality', () => {
+    it('should refetch data when refetch is called', async () => {
+      let callCount = 0;
+      const fetchFn = vi.fn().mockImplementation(() => {
+        callCount++;
+        return Promise.resolve({ count: callCount });
+      });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: { count: 0 },
+        })
+      );
+
+      // Wait for initial fetch
+      await waitFor(() => {
+        expect(result.current.data.count).toBe(1);
+      });
+
+      // Call refetch
+      result.current.refetch();
+
+      await waitFor(() => {
+        expect(result.current.data.count).toBe(2);
+      });
+
+      expect(fetchFn).toHaveBeenCalledTimes(2);
+    });
+
+    it('should set loading state during refetch', async () => {
+      // Use a promise that takes a bit longer to resolve so we can observe the loading state
+      const fetchFn = vi
+        .fn()
+        .mockImplementation(
+          () =>
+            new Promise((resolve) =>
+              setTimeout(() => resolve({ data: 'test' }), 50)
+            )
+        );
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+          immediate: false,
+        })
+      );
+
+      expect(result.current.loading).toBe(false);
+
+      result.current.refetch();
+
+      // Loading state should be set to true during the refetch
+      await waitFor(() => {
+        expect(result.current.loading).toBe(true);
+      });
+
+      // Then it should go back to false when done
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+    });
+  });
+
+  describe('Delay functionality', () => {
+    it('should delay fetch by specified milliseconds', async () => {
+      const mockData = { delayed: true };
+      const fetchFn = vi.fn().mockResolvedValue(mockData);
+      const delayTime = 100; // Use a short real delay
+
+      const startTime = Date.now();
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+          delay: delayTime,
+        })
+      );
+
+      expect(result.current.loading).toBe(true);
+      expect(fetchFn).not.toHaveBeenCalled();
+
+      // Wait for the delay to complete and data to be loaded
+      await waitFor(
+        () => {
+          expect(result.current.loading).toBe(false);
+        },
+        { timeout: 1000 }
+      );
+
+      const endTime = Date.now();
+      const actualDelay = endTime - startTime;
+
+      // Verify the delay was approximately correct (within 50ms tolerance)
+      expect(actualDelay).toBeGreaterThanOrEqual(delayTime - 10);
+      expect(fetchFn).toHaveBeenCalledTimes(1);
+      expect(result.current.data).toEqual(mockData);
+    });
+
+    it('should not fetch if aborted during delay', async () => {
+      vi.useFakeTimers();
+
+      const fetchFn = vi.fn().mockResolvedValue({ data: 'test' });
+
+      const { result, unmount } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+          delay: 1000,
+        })
+      );
+
+      expect(result.current.loading).toBe(true);
+
+      // Unmount before delay completes
+      await vi.advanceTimersByTimeAsync(500);
+      unmount();
+
+      await vi.advanceTimersByTimeAsync(500);
+
+      // fetchFn should not be called because component unmounted
+      expect(fetchFn).not.toHaveBeenCalled();
+
+      vi.useRealTimers();
+    });
+  });
+
+  describe('Abort signal', () => {
+    it('should pass abort signal to fetch function', async () => {
+      const fetchFn = vi.fn().mockResolvedValue({ data: 'test' });
+
+      renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(fetchFn).toHaveBeenCalledTimes(1);
+      });
+
+      // Check that abort signal was passed
+      const callArgs = fetchFn.mock.calls[0];
+      expect(callArgs[0]).toBeInstanceOf(AbortSignal);
+    });
+
+    it('should abort previous request when refetching', async () => {
+      let abortedSignal: AbortSignal | undefined;
+      const fetchFn = vi.fn().mockImplementation((signal?: AbortSignal) => {
+        abortedSignal = signal;
+        return new Promise((resolve) => {
+          setTimeout(() => resolve({ data: 'test' }), 100);
+        });
+      });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      // First fetch starts
+      await waitFor(() => {
+        expect(fetchFn).toHaveBeenCalledTimes(1);
+      });
+
+      const firstSignal = abortedSignal;
+
+      // Trigger refetch before first completes
+      result.current.refetch();
+
+      await waitFor(() => {
+        expect(fetchFn).toHaveBeenCalledTimes(2);
+      });
+
+      // First signal should be aborted
+      expect(firstSignal?.aborted).toBe(true);
+    });
+
+    it('should abort request on unmount', async () => {
+      let abortedSignal: AbortSignal | undefined;
+      const fetchFn = vi.fn().mockImplementation((signal?: AbortSignal) => {
+        abortedSignal = signal;
+        return new Promise((resolve) => {
+          setTimeout(() => resolve({ data: 'test' }), 100);
+        });
+      });
+
+      const { unmount } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(fetchFn).toHaveBeenCalledTimes(1);
+      });
+
+      unmount();
+
+      expect(abortedSignal?.aborted).toBe(true);
+    });
+
+    it('should not update state if request is aborted', async () => {
+      const fetchFn = vi.fn().mockImplementation((signal?: AbortSignal) => {
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            if (!signal?.aborted) {
+              resolve({ data: 'test' });
+            }
+          }, 100);
+        });
+      });
+
+      const { result, unmount } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      expect(result.current.loading).toBe(true);
+
+      // Unmount before fetch completes
+      unmount();
+
+      // Wait a bit to ensure promise would have resolved
+      await new Promise((resolve) => setTimeout(resolve, 150));
+
+      // State should remain in loading because component is unmounted
+      // and should not update
+      expect(result.current.loading).toBe(true);
+      expect(result.current.data).toBe(null);
+    });
+  });
+
+  describe('TypeScript type safety', () => {
+    it('should infer correct types from initial data', async () => {
+      interface User {
+        id: number;
+        name: string;
+      }
+
+      const mockUser: User = { id: 1, name: 'John' };
+      const fetchFn = vi.fn().mockResolvedValue(mockUser);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null as User | null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      // TypeScript should know data is User | null
+      if (result.current.data) {
+        expect(result.current.data.id).toBe(1);
+        expect(result.current.data.name).toBe('John');
+      }
+    });
+
+    it('should work with array types', async () => {
+      const mockArray = [1, 2, 3];
+      const fetchFn = vi.fn().mockResolvedValue(mockArray);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: [] as number[],
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(Array.isArray(result.current.data)).toBe(true);
+      expect(result.current.data).toHaveLength(3);
+    });
+  });
+
+  describe('Edge cases', () => {
+    it('should handle fetch returning null', async () => {
+      const fetchFn = vi.fn().mockResolvedValue(null);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: { data: 'initial' },
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toBe(null);
+      expect(result.current.error).toBe(null);
+    });
+
+    it('should handle fetch returning undefined', async () => {
+      const fetchFn = vi.fn().mockResolvedValue(undefined);
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: { data: 'initial' },
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toBe(undefined);
+      expect(result.current.error).toBe(null);
+    });
+
+    it('should handle rapid consecutive refetches', async () => {
+      let count = 0;
+      const fetchFn = vi.fn().mockImplementation(() => {
+        count++;
+        return Promise.resolve({ count });
+      });
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: { count: 0 },
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.data.count).toBe(1);
+      });
+
+      // Rapid refetches
+      result.current.refetch();
+      result.current.refetch();
+      result.current.refetch();
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      // Should complete all refetches, but previous ones will be aborted
+      expect(fetchFn.mock.calls.length).toBeGreaterThan(1);
+    });
+
+    it('should handle empty object as data', async () => {
+      const fetchFn = vi.fn().mockResolvedValue({});
+
+      const { result } = renderHook(() =>
+        useFetch({
+          fetchFn,
+          initialData: null,
+        })
+      );
+
+      await waitFor(() => {
+        expect(result.current.loading).toBe(false);
+      });
+
+      expect(result.current.data).toEqual({});
+      expect(result.current.error).toBe(null);
+    });
+  });
+});
diff --git a/src/problem3/src/hooks/useFetch.ts b/src/problem3/src/hooks/useFetch.ts
new file mode 100644
index 000000000..4d8fb374f
--- /dev/null
+++ b/src/problem3/src/hooks/useFetch.ts
@@ -0,0 +1,128 @@
+/**
+ * Generic hook for fetching data from APIs or mock sources
+ * Handles loading states, errors, and request cancellation
+ */
+
+import { useState, useEffect, useRef } from 'react';
+
+export interface UseFetchOptions<T> {
+  /**
+   * Function that fetches the data
+   * Can be a real API call or a mock function
+   */
+  fetchFn: (signal?: AbortSignal) => Promise<T>;
+  /**
+   * Initial data value
+   */
+  initialData?: T;
+  /**
+   * Whether to fetch immediately on mount
+   * @default true
+   */
+  immediate?: boolean;
+  /**
+   * Delay in milliseconds before fetching (useful for mock data simulation)
+   * @default 0
+   */
+  delay?: number;
+}
+
+export interface UseFetchResult<T> {
+  /**
+   * The fetched data
+   */
+  data: T;
+  /**
+   * Whether the request is currently loading
+   */
+  loading: boolean;
+  /**
+   * Error object if the request failed
+   */
+  error: Error | null;
+  /**
+   * Function to manually refetch the data
+   */
+  refetch: () => void;
+}
+
+/**
+ * Generic hook for fetching data
+ *
+ * @example
+ * ```tsx
+ * const { data, loading, error } = useFetch({
+ *   fetchFn: async (signal) => {
+ *     const response = await fetch('/api/data', { signal });
+ *     return response.json();
+ *   },
+ *   initialData: [],
+ * });
+ * ```
+ */
+export function useFetch<T>({
+  fetchFn,
+  initialData,
+  immediate = true,
+  delay = 0,
+}: UseFetchOptions<T>): UseFetchResult<T> {
+  const [data, setData] = useState<T>(initialData as T);
+  const [loading, setLoading] = useState<boolean>(immediate);
+  const [error, setError] = useState<Error | null>(null);
+  const abortControllerRef = useRef<AbortController | null>(null);
+
+  const fetchData = async () => {
+    // Abort previous request if it exists
+    abortControllerRef.current?.abort();
+
+    // Create new AbortController for this request
+    const abortController = new AbortController();
+    abortControllerRef.current = abortController;
+
+    setLoading(true);
+    setError(null);
+
+    try {
+      // Apply delay if specified
+      if (delay > 0) {
+        await new Promise((resolve) => setTimeout(resolve, delay));
+      }
+
+      // Check if request was aborted during delay
+      if (abortController.signal.aborted) return;
+
+      const result = await fetchFn(abortController.signal);
+
+      // Only update state if request wasn't aborted
+      if (!abortController.signal.aborted) {
+        setData(result);
+        setLoading(false);
+      }
+    } catch (err) {
+      // Don't set error if request was aborted
+      if (!abortController.signal.aborted) {
+        setError(err instanceof Error ? err : new Error('Unknown error'));
+        setLoading(false);
+      }
+    }
+  };
+
+  useEffect(() => {
+    if (!immediate) return;
+
+    fetchData();
+
+    // Cleanup: abort request on unmount
+    return () => {
+      abortControllerRef.current?.abort();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Only run on mount
+
+  return {
+    data,
+    loading,
+    error,
+    refetch: fetchData,
+  };
+}
diff --git a/src/problem3/src/hooks/usePrices.ts b/src/problem3/src/hooks/usePrices.ts
new file mode 100644
index 000000000..b505f3bdf
--- /dev/null
+++ b/src/problem3/src/hooks/usePrices.ts
@@ -0,0 +1,25 @@
+/**
+ * Hook for fetching currency prices
+ * In a real application, this would fetch from a price API
+ */
+
+import { useFetch } from './useFetch';
+import { mockPrices } from '../mocks/mockData';
+import type { Prices } from '../types';
+
+export const usePrices = (): Prices => {
+  const { data: prices } = useFetch<Prices>({
+    fetchFn: async () => {
+      // In a real application, this would be:
+      // const response = await fetch('/api/prices', { signal });
+      // return response.json();
+
+      // For now, return mock data
+      return Promise.resolve(mockPrices);
+    },
+    initialData: {},
+    delay: 100, // Simulate API delay
+  });
+
+  return prices;
+};
diff --git a/src/problem3/src/hooks/useWalletBalances.ts b/src/problem3/src/hooks/useWalletBalances.ts
new file mode 100644
index 000000000..6f84842a8
--- /dev/null
+++ b/src/problem3/src/hooks/useWalletBalances.ts
@@ -0,0 +1,25 @@
+/**
+ * Hook for fetching wallet balances
+ * In a real application, this would fetch from an API
+ */
+
+import { useFetch } from './useFetch';
+import { mockWalletBalances } from '../mocks/mockData';
+import type { WalletBalance } from '../types';
+
+export const useWalletBalances = (): WalletBalance[] => {
+  const { data: balances } = useFetch<WalletBalance[]>({
+    fetchFn: async () => {
+      // In a real application, this would be:
+      // const response = await fetch('/api/wallet-balances', { signal });
+      // return response.json();
+
+      // For now, return mock data
+      return Promise.resolve(mockWalletBalances);
+    },
+    initialData: [],
+    delay: 100, // Simulate API delay
+  });
+
+  return balances;
+};
diff --git a/src/problem3/src/main.tsx b/src/problem3/src/main.tsx
new file mode 100644
index 000000000..e362f1d64
--- /dev/null
+++ b/src/problem3/src/main.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App.tsx'
+import './styles/index.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)
+
diff --git a/src/problem3/src/mocks/mockData.ts b/src/problem3/src/mocks/mockData.ts
new file mode 100644
index 000000000..2878a46d4
--- /dev/null
+++ b/src/problem3/src/mocks/mockData.ts
@@ -0,0 +1,32 @@
+/**
+ * Mock data for development and testing
+ * In a real application, this data would come from API endpoints
+ */
+
+import type { WalletBalance, Prices } from '../types';
+
+/**
+ * Mock wallet balances data
+ */
+export const mockWalletBalances: WalletBalance[] = [
+  { currency: 'OSMO', amount: 100.5, blockchain: 'Osmosis' },
+  { currency: 'ETH', amount: 50.25, blockchain: 'Ethereum' },
+  { currency: 'ARB', amount: 200.75, blockchain: 'Arbitrum' },
+  { currency: 'ZIL', amount: 10.0, blockchain: 'Zilliqa' },
+  { currency: 'NEO', amount: 5.5, blockchain: 'Neo' },
+  { currency: 'USDT', amount: 0, blockchain: 'Ethereum' }, // Should be filtered out
+  { currency: 'USDC', amount: -10, blockchain: 'Ethereum' }, // Should be filtered out
+];
+
+/**
+ * Mock currency prices data
+ */
+export const mockPrices: Prices = {
+  OSMO: 1.5,
+  ETH: 2500.0,
+  ARB: 1.2,
+  ZIL: 0.05,
+  NEO: 15.0,
+  USDT: 1.0,
+  USDC: 1.0,
+};
diff --git a/src/problem3/src/styles/index.css b/src/problem3/src/styles/index.css
new file mode 100644
index 000000000..8186d752c
--- /dev/null
+++ b/src/problem3/src/styles/index.css
@@ -0,0 +1,40 @@
+@import 'tailwindcss';
+
+/* Custom component classes using Tailwind utilities */
+.wallet-page {
+  @apply w-full min-h-screen bg-gray-50 p-4;
+}
+
+.wallet-page-title {
+  @apply text-4xl font-bold text-gray-900 mb-4 text-center my-8;
+}
+
+.wallet-empty-state {
+  @apply text-center text-gray-500 py-8;
+}
+
+.wallet-row {
+  @apply flex items-center justify-between p-4 bg-white rounded-lg shadow-sm mb-2 transition-shadow hover:shadow-md;
+}
+.wallet-cell-start {
+  @apply flex flex-col flex-1;
+}
+.wallet-cell-end {
+  @apply flex flex-col items-end;
+}
+
+.wallet-currency {
+  @apply font-semibold text-gray-900 text-lg;
+}
+
+.wallet-amount {
+  @apply text-gray-700 text-base;
+}
+
+.wallet-usd-value {
+  @apply text-blue-600 font-medium text-sm;
+}
+
+.wallet-formatted-amount {
+  @apply text-gray-500 text-sm;
+}
diff --git a/src/problem3/src/test/setup.ts b/src/problem3/src/test/setup.ts
new file mode 100644
index 000000000..652a2fc1a
--- /dev/null
+++ b/src/problem3/src/test/setup.ts
@@ -0,0 +1,23 @@
+import { afterEach } from 'vitest';
+import { cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+
+// Cleanup after each test
+afterEach(() => {
+  cleanup();
+});
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: (query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: () => {}, // deprecated
+    removeListener: () => {}, // deprecated
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    dispatchEvent: () => {},
+  }),
+});
diff --git a/src/problem3/src/types/index.ts b/src/problem3/src/types/index.ts
new file mode 100644
index 000000000..9bf0ef4f0
--- /dev/null
+++ b/src/problem3/src/types/index.ts
@@ -0,0 +1,28 @@
+/**
+ * Type definitions for the Wallet application
+ */
+
+import type { ReactNode } from 'react';
+
+export type Blockchain = 'Osmosis' | 'Ethereum' | 'Arbitrum' | 'Zilliqa' | 'Neo';
+
+export interface WalletBalance {
+  currency: string;
+  amount: number;
+  blockchain: Blockchain;
+}
+
+export interface FormattedWalletBalance extends WalletBalance {
+  formatted: string;
+}
+
+export interface Prices {
+  [currency: string]: number;
+}
+
+export interface BoxProps {
+  className?: string;
+  children?: ReactNode;
+  [key: string]: unknown;
+}
+
diff --git a/src/problem3/src/utils/balanceHelpers.test.ts b/src/problem3/src/utils/balanceHelpers.test.ts
new file mode 100644
index 000000000..1a8c79384
--- /dev/null
+++ b/src/problem3/src/utils/balanceHelpers.test.ts
@@ -0,0 +1,275 @@
+import { describe, it, expect } from 'vitest';
+import {
+  filterValidBalances,
+  sortBalancesByPriority,
+  formatBalance,
+  formatBalances,
+} from './balanceHelpers';
+import type { WalletBalance } from '../types';
+
+describe('balanceHelpers', () => {
+  describe('filterValidBalances', () => {
+    it('should filter out balances with amount <= 0', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'BTC', amount: 0, blockchain: 'Osmosis' },
+        { currency: 'USDC', amount: -5, blockchain: 'Arbitrum' },
+      ];
+
+      const result = filterValidBalances(balances);
+
+      expect(result).toHaveLength(1);
+      expect(result[0]).toEqual({
+        currency: 'ETH',
+        amount: 1.5,
+        blockchain: 'Ethereum',
+      });
+    });
+
+    it('should filter out balances with unsupported blockchain (priority -99)', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        // @ts-expect-error - Testing runtime behavior with invalid blockchain
+        { currency: 'BTC', amount: 2.5, blockchain: 'Bitcoin' },
+      ];
+
+      const result = filterValidBalances(balances);
+
+      expect(result).toHaveLength(1);
+      expect(result[0].blockchain).toBe('Ethereum');
+    });
+
+    it('should keep all valid balances', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' },
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' },
+      ];
+
+      const result = filterValidBalances(balances);
+
+      expect(result).toHaveLength(3);
+    });
+
+    it('should return empty array when all balances are invalid', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 0, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: -10, blockchain: 'Osmosis' },
+      ];
+
+      const result = filterValidBalances(balances);
+
+      expect(result).toHaveLength(0);
+    });
+
+    it('should return empty array for empty input', () => {
+      const result = filterValidBalances([]);
+      expect(result).toHaveLength(0);
+    });
+
+    it('should handle edge case of very small positive amounts', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 0.0001, blockchain: 'Ethereum' },
+        { currency: 'BTC', amount: 0.00000001, blockchain: 'Osmosis' },
+      ];
+
+      const result = filterValidBalances(balances);
+
+      expect(result).toHaveLength(2);
+    });
+  });
+
+  describe('sortBalancesByPriority', () => {
+    it('should sort balances by priority in descending order', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' }, // Priority: 30
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' }, // Priority: 100
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' }, // Priority: 50
+      ];
+
+      const result = sortBalancesByPriority(balances);
+
+      expect(result[0].blockchain).toBe('Osmosis'); // 100
+      expect(result[1].blockchain).toBe('Ethereum'); // 50
+      expect(result[2].blockchain).toBe('Arbitrum'); // 30
+    });
+
+    it('should maintain stable order for equal priorities', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ZIL', amount: 100, blockchain: 'Zilliqa' }, // Priority: 20
+        { currency: 'NEO', amount: 50, blockchain: 'Neo' }, // Priority: 20
+      ];
+
+      const result = sortBalancesByPriority(balances);
+
+      // Both have same priority, original order should be maintained
+      expect(result).toHaveLength(2);
+      expect(result[0].currency).toBe('ZIL');
+      expect(result[1].currency).toBe('NEO');
+    });
+
+    it('should not mutate original array', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' },
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' },
+      ];
+
+      const originalOrder = [...balances];
+      sortBalancesByPriority(balances);
+
+      expect(balances).toEqual(originalOrder);
+    });
+
+    it('should handle empty array', () => {
+      const result = sortBalancesByPriority([]);
+      expect(result).toHaveLength(0);
+    });
+
+    it('should handle single balance', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+      ];
+
+      const result = sortBalancesByPriority(balances);
+
+      expect(result).toHaveLength(1);
+      expect(result[0]).toEqual(balances[0]);
+    });
+
+    it('should sort all supported blockchains correctly', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'NEO', amount: 10, blockchain: 'Neo' }, // 20
+        { currency: 'ETH', amount: 1, blockchain: 'Ethereum' }, // 50
+        { currency: 'ZIL', amount: 100, blockchain: 'Zilliqa' }, // 20
+        { currency: 'OSMO', amount: 200, blockchain: 'Osmosis' }, // 100
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' }, // 30
+      ];
+
+      const result = sortBalancesByPriority(balances);
+
+      expect(result[0].blockchain).toBe('Osmosis'); // 100
+      expect(result[1].blockchain).toBe('Ethereum'); // 50
+      expect(result[2].blockchain).toBe('Arbitrum'); // 30
+      // Neo and Zilliqa can be in either order (both 20)
+      expect(['Neo', 'Zilliqa']).toContain(result[3].blockchain);
+      expect(['Neo', 'Zilliqa']).toContain(result[4].blockchain);
+    });
+  });
+
+  describe('formatBalance', () => {
+    it('should format whole numbers with 2 decimal places', () => {
+      expect(formatBalance(100)).toBe('100.00');
+    });
+
+    it('should format decimal numbers with 2 decimal places', () => {
+      expect(formatBalance(1.5)).toBe('1.50');
+    });
+
+    it('should round to 2 decimal places', () => {
+      expect(formatBalance(1.234)).toBe('1.23');
+      expect(formatBalance(1.235)).toBe('1.24'); // Rounds up
+    });
+
+    it('should format zero', () => {
+      expect(formatBalance(0)).toBe('0.00');
+    });
+
+    it('should format negative numbers', () => {
+      expect(formatBalance(-5.5)).toBe('-5.50');
+    });
+
+    it('should format very small numbers', () => {
+      expect(formatBalance(0.001)).toBe('0.00');
+      expect(formatBalance(0.005)).toBe('0.01'); // Rounds up
+    });
+
+    it('should format very large numbers', () => {
+      expect(formatBalance(1000000)).toBe('1000000.00');
+    });
+  });
+
+  describe('formatBalances', () => {
+    it('should add formatted property to each balance', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.5, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: 100, blockchain: 'Osmosis' },
+      ];
+
+      const result = formatBalances(balances);
+
+      expect(result).toHaveLength(2);
+      expect(result[0]).toEqual({
+        currency: 'ETH',
+        amount: 1.5,
+        blockchain: 'Ethereum',
+        formatted: '1.50',
+      });
+      expect(result[1]).toEqual({
+        currency: 'OSMO',
+        amount: 100,
+        blockchain: 'Osmosis',
+        formatted: '100.00',
+      });
+    });
+
+    it('should preserve all original properties', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ETH', amount: 1.234567, blockchain: 'Ethereum' },
+      ];
+
+      const result = formatBalances(balances);
+
+      expect(result[0].currency).toBe('ETH');
+      expect(result[0].amount).toBe(1.234567); // Original amount preserved
+      expect(result[0].blockchain).toBe('Ethereum');
+      expect(result[0].formatted).toBe('1.23');
+    });
+
+    it('should handle empty array', () => {
+      const result = formatBalances([]);
+      expect(result).toHaveLength(0);
+    });
+
+    it('should format multiple balances correctly', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'A', amount: 0.001, blockchain: 'Ethereum' },
+        { currency: 'B', amount: 1000000, blockchain: 'Osmosis' },
+        { currency: 'C', amount: -5.5, blockchain: 'Arbitrum' },
+      ];
+
+      const result = formatBalances(balances);
+
+      expect(result[0].formatted).toBe('0.00');
+      expect(result[1].formatted).toBe('1000000.00');
+      expect(result[2].formatted).toBe('-5.50');
+    });
+  });
+
+  describe('Integration: Complete workflow', () => {
+    it('should filter, sort, and format balances correctly', () => {
+      const balances: WalletBalance[] = [
+        { currency: 'ARB', amount: 50, blockchain: 'Arbitrum' },
+        { currency: 'INVALID', amount: 0, blockchain: 'Ethereum' },
+        { currency: 'OSMO', amount: 100.567, blockchain: 'Osmosis' },
+        { currency: 'ETH', amount: 1.234, blockchain: 'Ethereum' },
+        { currency: 'NEG', amount: -10, blockchain: 'Neo' },
+      ];
+
+      // Step 1: Filter
+      const filtered = filterValidBalances(balances);
+      expect(filtered).toHaveLength(3);
+
+      // Step 2: Sort
+      const sorted = sortBalancesByPriority(filtered);
+      expect(sorted[0].blockchain).toBe('Osmosis');
+      expect(sorted[1].blockchain).toBe('Ethereum');
+      expect(sorted[2].blockchain).toBe('Arbitrum');
+
+      // Step 3: Format
+      const formatted = formatBalances(sorted);
+      expect(formatted[0].formatted).toBe('100.57');
+      expect(formatted[1].formatted).toBe('1.23');
+      expect(formatted[2].formatted).toBe('50.00');
+    });
+  });
+});
diff --git a/src/problem3/src/utils/balanceHelpers.ts b/src/problem3/src/utils/balanceHelpers.ts
new file mode 100644
index 000000000..f83a1bdef
--- /dev/null
+++ b/src/problem3/src/utils/balanceHelpers.ts
@@ -0,0 +1,54 @@
+/**
+ * Utility functions for balance processing
+ */
+
+import type { WalletBalance, FormattedWalletBalance } from '../types';
+import { getPriority } from './blockchainPriority';
+
+/**
+ * Filters balances to only include those with positive amounts and valid priority
+ * @param balances - Array of wallet balances
+ * @returns Filtered balances with amount > 0 and priority > -99
+ */
+export const filterValidBalances = (balances: WalletBalance[]): WalletBalance[] => {
+  return balances.filter((balance) => {
+    const priority = getPriority(balance.blockchain);
+    return priority > -99 && balance.amount > 0;
+  });
+};
+
+/**
+ * Sorts balances by blockchain priority (highest first)
+ * Uses memoized priority lookup for efficiency
+ * @param balances - Array of wallet balances to sort
+ * @returns Sorted balances array
+ */
+export const sortBalancesByPriority = (balances: WalletBalance[]): WalletBalance[] => {
+  return [...balances].sort((a, b) => {
+    const leftPriority = getPriority(a.blockchain);
+    const rightPriority = getPriority(b.blockchain);
+    return rightPriority - leftPriority; // Descending order (highest first)
+  });
+};
+
+/**
+ * Formats a balance amount to a string with fixed decimal places
+ * @param amount - The numeric amount
+ * @returns Formatted string representation
+ */
+export const formatBalance = (amount: number): string => {
+  return amount.toFixed(2);
+};
+
+/**
+ * Formats wallet balances by adding formatted amount string
+ * @param balances - Array of wallet balances
+ * @returns Array of formatted wallet balances
+ */
+export const formatBalances = (balances: WalletBalance[]): FormattedWalletBalance[] => {
+  return balances.map((balance) => ({
+    ...balance,
+    formatted: formatBalance(balance.amount),
+  }));
+};
+
diff --git a/src/problem3/src/utils/blockchainPriority.test.ts b/src/problem3/src/utils/blockchainPriority.test.ts
new file mode 100644
index 000000000..724da91cc
--- /dev/null
+++ b/src/problem3/src/utils/blockchainPriority.test.ts
@@ -0,0 +1,52 @@
+import { describe, it, expect } from 'vitest';
+import { getPriority } from './blockchainPriority';
+import type { Blockchain } from '../types';
+
+describe('blockchainPriority', () => {
+  describe('getPriority', () => {
+    it('should return correct priority for Osmosis', () => {
+      expect(getPriority('Osmosis' as Blockchain)).toBe(100);
+    });
+
+    it('should return correct priority for Ethereum', () => {
+      expect(getPriority('Ethereum' as Blockchain)).toBe(50);
+    });
+
+    it('should return correct priority for Arbitrum', () => {
+      expect(getPriority('Arbitrum' as Blockchain)).toBe(30);
+    });
+
+    it('should return correct priority for Zilliqa', () => {
+      expect(getPriority('Zilliqa' as Blockchain)).toBe(20);
+    });
+
+    it('should return correct priority for Neo', () => {
+      expect(getPriority('Neo' as Blockchain)).toBe(20);
+    });
+
+    it('should return -99 for unsupported blockchain', () => {
+      // @ts-expect-error - Testing runtime behavior with invalid blockchain
+      expect(getPriority('Bitcoin')).toBe(-99);
+    });
+
+    it('should return -99 for undefined blockchain', () => {
+      // @ts-expect-error - Testing runtime behavior with undefined
+      expect(getPriority(undefined)).toBe(-99);
+    });
+
+    it('should have consistent priority ordering', () => {
+      const priorities = [
+        getPriority('Osmosis' as Blockchain),
+        getPriority('Ethereum' as Blockchain),
+        getPriority('Arbitrum' as Blockchain),
+        getPriority('Zilliqa' as Blockchain),
+        getPriority('Neo' as Blockchain),
+      ];
+
+      expect(priorities[0]).toBeGreaterThan(priorities[1]); // Osmosis > Ethereum
+      expect(priorities[1]).toBeGreaterThan(priorities[2]); // Ethereum > Arbitrum
+      expect(priorities[2]).toBeGreaterThan(priorities[3]); // Arbitrum > Zilliqa
+      expect(priorities[3]).toBe(priorities[4]); // Zilliqa === Neo
+    });
+  });
+});
diff --git a/src/problem3/src/utils/blockchainPriority.ts b/src/problem3/src/utils/blockchainPriority.ts
new file mode 100644
index 000000000..e09e57660
--- /dev/null
+++ b/src/problem3/src/utils/blockchainPriority.ts
@@ -0,0 +1,26 @@
+/**
+ * Blockchain priority mapping
+ * Moved outside component to prevent recreation on every render
+ */
+
+import type { Blockchain } from '../types';
+
+const BLOCKCHAIN_PRIORITY: Record<Blockchain, number> = {
+  Osmosis: 100,
+  Ethereum: 50,
+  Arbitrum: 30,
+  Zilliqa: 20,
+  Neo: 20,
+} as const;
+
+const DEFAULT_PRIORITY = -99;
+
+/**
+ * Gets the priority value for a given blockchain
+ * @param blockchain - The blockchain name
+ * @returns Priority number (higher = more important)
+ */
+export const getPriority = (blockchain: Blockchain): number => {
+  return BLOCKCHAIN_PRIORITY[blockchain] ?? DEFAULT_PRIORITY;
+};
+
diff --git a/src/problem3/src/vite-env.d.ts b/src/problem3/src/vite-env.d.ts
new file mode 100644
index 000000000..ed7721066
--- /dev/null
+++ b/src/problem3/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+
diff --git a/src/problem3/tsconfig.app.json b/src/problem3/tsconfig.app.json
new file mode 100644
index 000000000..227a6c672
--- /dev/null
+++ b/src/problem3/tsconfig.app.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}
diff --git a/src/problem3/tsconfig.json b/src/problem3/tsconfig.json
new file mode 100644
index 000000000..1ffef600d
--- /dev/null
+++ b/src/problem3/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/src/problem3/tsconfig.node.json b/src/problem3/tsconfig.node.json
new file mode 100644
index 000000000..8a67f62f4
--- /dev/null
+++ b/src/problem3/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/src/problem3/vite.config.ts b/src/problem3/vite.config.ts
new file mode 100644
index 000000000..13d0c648c
--- /dev/null
+++ b/src/problem3/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    tailwindcss(),
+    react({
+      babel: {
+        plugins: [['babel-plugin-react-compiler']],
+      },
+    }),
+  ],
+});
diff --git a/src/problem3/vitest.config.ts b/src/problem3/vitest.config.ts
new file mode 100644
index 000000000..b8363552b
--- /dev/null
+++ b/src/problem3/vitest.config.ts
@@ -0,0 +1,30 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'happy-dom',
+    globals: true,
+    setupFiles: ['./src/test/setup.ts'],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'src/test/',
+        '**/*.d.ts',
+        '**/*.config.*',
+        '**/mockData.ts',
+        'dist/',
+      ],
+    },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});
+