fix(provider-usage): hide stale provider usage

- treat snapshots older than 24 hours as expired
- pass current time from chat view and composer

Author: tyulyukov

apps/web/src/components/ChatView.tsx

@@ -1365,7 +1365,10 @@ export default function ChatView({
   const selectedProvider: ProviderKind = lockedProvider ?? unlockedSelectedProvider;
   const activeProviderUsage = useMemo(
     () =>
-      deriveLatestProviderUsageSnapshot(providerUsageActivities, { provider: selectedProvider }),
+      deriveLatestProviderUsageSnapshot(providerUsageActivities, {
+        provider: selectedProvider,
+        now: Date.now(),
+      }),
     [providerUsageActivities, selectedProvider],
   );
   const activeTimelineProvider: ProviderKind =

apps/web/src/components/chat/ChatComposer.tsx

@@ -659,6 +659,7 @@ export const ChatComposer = memo(
       () =>
         deriveLatestProviderUsageSnapshot(activeThreadActivities ?? [], {
           provider: selectedProvider,
+          now: Date.now(),
         }),
       [activeThreadActivities, selectedProvider],
     );

apps/web/src/lib/providerUsage.test.ts

@@ -275,6 +275,60 @@ describe("providerUsage", () => {
     expect(snapshot).toBeNull();
   });
 
+  it("returns null when the latest provider usage update is one day old", () => {
+    const snapshot = deriveLatestProviderUsageSnapshot(
+      [
+        makeActivity(
+          "activity-1",
+          {
+            rateLimits: {
+              limitId: "codex",
+              primary: {
+                usedPercent: 12,
+                windowDurationMins: 300,
+                resetsAt: 1776587601,
+              },
+            },
+          },
+          "2026-03-23T00:00:00.000Z",
+        ),
+      ],
+      {
+        provider: "codex",
+        now: new Date("2026-03-24T00:00:00.000Z"),
+      },
+    );
+
+    expect(snapshot).toBeNull();
+  });
+
+  it("keeps provider usage visible before it is one day old", () => {
+    const snapshot = deriveLatestProviderUsageSnapshot(
+      [
+        makeActivity(
+          "activity-1",
+          {
+            rateLimits: {
+              limitId: "codex",
+              primary: {
+                usedPercent: 12,
+                windowDurationMins: 300,
+                resetsAt: 1776587601,
+              },
+            },
+          },
+          "2026-03-23T00:00:00.000Z",
+        ),
+      ],
+      {
+        provider: "codex",
+        now: new Date("2026-03-23T23:59:59.999Z"),
+      },
+    );
+
+    expect(snapshot?.providerLabel).toBe("Codex");
+  });
+
   it("returns null for cursor provider even when Claude/Codex events are present", () => {
     const snapshot = deriveLatestProviderUsageSnapshot(
       [

apps/web/src/lib/providerUsage.ts

@@ -34,6 +34,7 @@ export interface ProviderUsageSnapshot {
 
 type ProviderUsageDerivationOptions = {
   readonly provider?: ProviderKind | null;
+  readonly now?: Date | number;
 };
 
 const PROVIDER_LABEL_BY_KIND: Record<ProviderKind, string | null> = {
@@ -42,6 +43,7 @@ const PROVIDER_LABEL_BY_KIND: Record<ProviderKind, string | null> = {
   cursor: null,
   opencode: null,
 };
+const PROVIDER_USAGE_MAX_AGE_MS = 24 * 60 * 60 * 1000;
 
 // ---------------------------------------------------------------------------
 // Claude rate_limit_event normalization
@@ -335,6 +337,17 @@ export function deriveLatestProviderUsageSnapshot(
     return null;
   }
 
+  const latestUpdatedAtMs = Date.parse(latestUpdatedAt);
+  const nowMs = options.now instanceof Date ? options.now.getTime() : options.now;
+  if (
+    nowMs !== undefined &&
+    Number.isFinite(latestUpdatedAtMs) &&
+    Number.isFinite(nowMs) &&
+    nowMs - latestUpdatedAtMs >= PROVIDER_USAGE_MAX_AGE_MS
+  ) {
+    return null;
+  }
+
   const windows = Array.from(windowsByLabel.values());
 
   return {