Merge pull request #10 from sxjeru/dependabot/npm_and_yarn/zod-4.3.5

build(deps): bump zod from 3.25.76 to 4.3.5

Author: sxjeru

app/components/Modal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { startTransition, useEffect, useState } from "react";
 import { X } from "lucide-react";
 
 interface ModalProps {
@@ -30,13 +30,15 @@ export function Modal({
   // Handle visibility transitions and initial sync
   useEffect(() => {
     if (isOpen) {
-      setIsVisible(true);
-      setIsClosing(false);
-      setCachedChildren(children);
-      setCachedTitle(title);
+      startTransition(() => {
+        setIsVisible(true);
+        setIsClosing(false);
+        setCachedChildren(children);
+        setCachedTitle(title);
+      });
     } else if (isVisible && !isClosing) {
       // Start closing animation if we are currently visible and not already closing
-      setIsClosing(true);
+      startTransition(() => setIsClosing(true));
     }
   }, [isOpen, isVisible, isClosing, children, title]);
 

app/explore/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { forwardRef, startTransition, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Area, AreaChart, CartesianGrid, ComposedChart, ReferenceLine, ResponsiveContainer, Scatter, Tooltip, XAxis, YAxis } from "recharts";
 import { formatCompactNumber, formatNumberWithCommas } from "@/lib/utils";
 
@@ -210,7 +210,7 @@ function useLerpYDomain(
   // Sync domain when target changes or animation is disabled
   useEffect(() => {
     if (!targetDomain || !enabled) {
-      setCurrentDomain(targetDomain);
+      startTransition(() => setCurrentDomain(targetDomain));
     }
   }, [targetDomain, enabled]);
 

lib/usage.ts

@@ -46,19 +46,19 @@ const apiSchema = z.object({
   total_tokens: z.number().optional(),
   success_count: z.number().optional(),
   failure_count: z.number().optional(),
-  models: z.record(modelSchema).optional()
+  models: z.record(z.string(), modelSchema).optional()
 });
 
 const usageSchema = z.object({
   total_requests: z.number().optional(),
   success_count: z.number().optional(),
   failure_count: z.number().optional(),
   total_tokens: z.number().optional(),
-  requests_by_day: z.record(z.number()).optional(),
-  requests_by_hour: z.record(z.number()).optional(),
-  tokens_by_day: z.record(z.number()).optional(),
-  tokens_by_hour: z.record(z.number()).optional(),
-  apis: z.record(apiSchema).optional()
+  requests_by_day: z.record(z.string(), z.number()).optional(),
+  requests_by_hour: z.record(z.string(), z.number()).optional(),
+  tokens_by_day: z.record(z.string(), z.number()).optional(),
+  tokens_by_hour: z.record(z.string(), z.number()).optional(),
+  apis: z.record(z.string(), apiSchema).optional()
 });
 
 const responseSchema = z.object({ usage: usageSchema.optional() });

package.json

@@ -20,7 +20,7 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "recharts": "^3.6.0",
-    "zod": "^3.22.4"
+    "zod": "^4.3.5"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",