fix(ui): quota reset timer shows actual remaining time, not 0 sec

relativeTime measures how long *ago* a timestamp was and clamps
negatives to 0, so rendering `resets in ${relativeTime(resetAt)}`
against a future reset timestamp always displayed "0 sec".

Add relativeFuture for forward-counting durations ("in 3 hr") and
use it in QuotaStrip. Shares the coarse-duration formatter with
relativeTime so both render identically.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: aksOps

ui/src/components/QuotaStrip.tsx

@@ -1,5 +1,5 @@
 import { useQuota } from "@/hooks/useQuota";
-import { relativeTime } from "@/lib/format";
+import { relativeFuture } from "@/lib/format";
 import { cn } from "@/lib/utils";
 
 interface BarProps {
@@ -50,7 +50,7 @@ function QuotaBar({ pct, resetAt, label }: BarProps) {
           className="hidden shrink-0 text-xs text-fg-dim md:inline"
           title={`Resets at ${resetAt}`}
         >
-          resets in {relativeTime(resetAt)}
+          resets in {relativeFuture(resetAt)}
         </span>
       )}
     </div>

ui/src/lib/format.ts

@@ -14,6 +14,22 @@ export function stripAnsi(s: string): string {
 export function relativeTime(iso: string | Date, now: Date = new Date()): string {
   const then = typeof iso === "string" ? new Date(iso) : iso;
   const seconds = Math.max(0, Math.round((now.getTime() - then.getTime()) / 1000));
+  return formatCoarseDuration(seconds);
+}
+
+/**
+ * Same coarse-duration formatter as `relativeTime`, but counts forward
+ * to a future timestamp: "in 3 hr". Used for things like quota reset
+ * timers where `iso` is in the future; relativeTime would clamp those
+ * to "0 sec" because it measures how long *ago* the timestamp was.
+ */
+export function relativeFuture(iso: string | Date, now: Date = new Date()): string {
+  const then = typeof iso === "string" ? new Date(iso) : iso;
+  const seconds = Math.max(0, Math.round((then.getTime() - now.getTime()) / 1000));
+  return formatCoarseDuration(seconds);
+}
+
+function formatCoarseDuration(seconds: number): string {
   if (seconds < 60) return `${seconds} sec`;
   const minutes = Math.round(seconds / 60);
   if (minutes < 60) return `${minutes} min`;