chore(web): update default web dependencies

Merge pull request #5884 from QuantumNous/chore/web-default-deps

web/default/package.json

@@ -19,82 +19,81 @@
     "knip": "knip"
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.6.0",
     "@codemirror/lang-markdown": "^6.5.0",
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.0",
-    "@codemirror/view": "^6.43.3",
+    "@codemirror/view": "^6.43.4",
     "@fontsource-variable/lora": "^5.2.8",
     "@fontsource-variable/public-sans": "^5.2.7",
     "@hookform/resolvers": "^5.4.0",
-    "@hugeicons/core-free-icons": "^4.1.4",
-    "@hugeicons/react": "^1.1.6",
+    "@hugeicons/core-free-icons": "^4.2.2",
+    "@hugeicons/react": "^1.1.9",
     "@lezer/highlight": "^1.2.3",
     "@lobehub/icons": "catalog:",
-    "@tanstack/react-query": "^5.100.14",
-    "@tanstack/react-router": "^1.170.8",
+    "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-router": "^1.170.17",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.25",
-    "@visactor/react-vchart": "^2.0.22",
-    "@visactor/vchart": "^2.0.22",
-    "ai": "^6.0.191",
+    "@tanstack/react-virtual": "^3.14.5",
+    "@visactor/react-vchart": "^2.1.2",
+    "@visactor/vchart": "^2.1.2",
+    "ai": "^7.0.14",
     "auto-skeleton-react": "^1.0.5",
     "axios": "catalog:",
     "class-variance-authority": "^0.7.1",
     "clsx": "catalog:",
     "cmdk": "^1.1.1",
-    "date-fns": "^4.3.0",
     "dayjs": "catalog:",
     "dompurify": "3.4.11",
-    "i18next": "^26.2.0",
+    "i18next": "^26.3.4",
     "i18next-browser-languagedetector": "^8.2.1",
     "input-otp": "^1.4.2",
     "katex": "^0.17.0",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.23.0",
     "marked": "^18.0.5",
-    "motion": "^12.40.0",
-    "nanoid": "^5.1.11",
+    "motion": "^12.42.2",
+    "nanoid": "^5.1.16",
     "next-themes": "^0.4.6",
     "qrcode.react": "catalog:",
     "react": "catalog:",
     "react-day-picker": "^10.0.1",
     "react-dom": "catalog:",
-    "react-hook-form": "^7.76.1",
+    "react-hook-form": "^7.80.0",
     "react-i18next": "^17.0.8",
     "react-icons": "catalog:",
-    "react-resizable-panels": "^4.11.2",
+    "react-resizable-panels": "^4.12.0",
     "react-top-loading-bar": "^3.0.2",
-    "recharts": "3.8.1",
-    "shiki": "^4.1.0",
+    "recharts": "3.9.1",
+    "shiki": "^4.3.0",
     "sonner": "^2.0.7",
     "sse.js": "catalog:",
-    "stream-markdown-parser": "^1.0.7",
+    "stream-markdown-parser": "^1.0.9",
     "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.0",
+    "tailwindcss": "^4.3.2",
     "tokenlens": "^1.3.1",
     "tw-animate-css": "^1.4.0",
-    "use-stick-to-bottom": "^1.1.4",
+    "use-stick-to-bottom": "^1.1.6",
     "vaul": "^1.1.2",
     "zod": "^4.4.3",
-    "zustand": "^5.0.13"
+    "zustand": "^5.0.14"
   },
   "devDependencies": {
     "@rsbuild/core": "catalog:",
     "@rsbuild/plugin-react": "catalog:",
     "@rsbuild/plugin-tailwindcss": "catalog:",
-    "@tanstack/react-query-devtools": "^5.100.14",
+    "@tanstack/react-query-devtools": "^5.101.2",
     "@tanstack/react-router-devtools": "^1.167.0",
-    "@tanstack/router-plugin": "^1.168.11",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@tanstack/router-plugin": "^1.168.19",
+    "@types/node": "^26.1.0",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@typescript/native-preview": "^7.0.0-dev.20260621.1",
-    "@xyflow/react": "^12.10.2",
+    "@typescript/native-preview": "^7.0.0-dev.20260702.3",
+    "@xyflow/react": "^12.11.1",
     "embla-carousel-react": "^8.6.0",
-    "knip": "^6.14.2",
+    "knip": "^6.24.0",
     "oxfmt": "catalog:",
     "oxlint": "catalog:",
-    "shadcn": "^4.8.0"
+    "shadcn": "^4.12.0"
   },
   "overrides": {
     "brace-expansion": "2.1.1",

web/default/src/components/ai-elements/context.tsx

@@ -347,7 +347,7 @@ export const ContextReasoningUsage = ({
 }: ContextReasoningUsageProps) => {
   const { t } = useTranslation()
   const { usage, modelId } = useContextValue()
-  const reasoningTokens = usage?.reasoningTokens ?? 0
+  const reasoningTokens = usage?.outputTokenDetails.reasoningTokens ?? 0
 
   if (children) {
     return children
@@ -388,7 +388,7 @@ export const ContextCacheUsage = ({
 }: ContextCacheUsageProps) => {
   const { t } = useTranslation()
   const { usage, modelId } = useContextValue()
-  const cacheTokens = usage?.cachedInputTokens ?? 0
+  const cacheTokens = usage?.inputTokenDetails.cacheReadTokens ?? 0
 
   if (children) {
     return children

web/package.json

@@ -6,20 +6,20 @@
     "classic"
   ],
   "catalog": {
-    "@lobehub/icons": "^5.10.0",
-    "@rsbuild/core": "^2.1.1",
+    "@lobehub/icons": "^5.10.1",
+    "@rsbuild/core": "^2.1.4",
     "@rsbuild/plugin-react": "^2.1.0",
     "@rsbuild/plugin-tailwindcss": "^2.0.3",
-    "axios": "^1.16.1",
+    "axios": "^1.18.1",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.20",
-    "oxfmt": "^0.54.0",
-    "oxlint": "^1.69.0",
+    "dayjs": "^1.11.21",
+    "oxfmt": "^0.57.0",
+    "oxlint": "^1.72.0",
     "prettier": "^3.8.3",
     "qrcode.react": "^4.2.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-icons": "^5.6.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-icons": "^5.7.0",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "sse.js": "^2.8.0"