Implement request deduplication for concurrent API calls

[RUKAYAT-CODER]

Background

Rapid navigation or user actions trigger multiple identical API calls concurrently. Request deduplication tracks in-flight requests and returns same promise, reducing redundant calls by 40-60% and server load proportionally.

Description

Currently, identical API calls execute concurrently if triggered rapidly, causing unnecessary network traffic and server overload. Implement deduplication by tracking in-flight requests.

Current Behavior

User navigates rapidly or retriggers fetch → 5+ identical API calls execute

Expected Behavior

Identical in-flight calls return same promise. Redundant calls prevented.

Impact

📉 Reduce API calls by 40-60% in typical workflows
🚀 Lower server load
⚡ Faster response times from reduced network congestion

Acceptance Criteria

• Create RequestDeduplicator utility
• Track in-flight requests by method + URL + params
• Return same promise for duplicate requests
• Cancel request if no active subscribers after 5s
• Reduce redundant API calls by 50%+ in typical workflows
• Add comprehensive unit tests with timing scenarios
• Monitor duplicate call rates in analytics
• Document deduplication strategy in API docs

Implementation Hints

Use Map to track requests. Key = method + URL + JSON.stringify(params). Value = Promise. Use AbortController for cancellation.

Performance Metrics

Before:

• apiCalls: 15 calls per workflow

After (Target):

• apiCalls: 6 calls per workflow (-60%)

Related Issues

• Implement Mobile Messaging #10
• Implement Mobile Profile Management #11
• feat: add mobile video player component with controls and picture-in-… #20