chore: update dependencies and improve code structure

- Updated node version in convex.json from "24" to "20".
- Enhanced api.d.ts by adding internal API reference and improving type imports.
- Fixed formatting in storage.ts by adding missing semicolons.
- Defined mastraWorkflowSnapshotsTable in schema.ts to ensure proper indexing.
- Updated package-lock.json and package.json to bump convex and @types/node versions.
- Renamed E2bSandboxTool to E2bSandboxToolComponent for clarity in e2b-sandbox-tool.tsx.
- Refactored output handling in web-scraper-tool.tsx to improve data extraction.
- Commented out unused ConvertDataFormatUITool type in types.ts for clarity.

Author: ssdeanx

convex.json

@@ -1,6 +1,6 @@
 {
   "node": {
-    "nodeVersion": "24"
+    "nodeVersion": "20"
   },
   "$schema": "./node_modules/convex/schemas/convex.schema.json"
 }

convex/_generated/api.d.ts

@@ -1,4 +1,4 @@
-
+/* eslint-disable */
 /**
  * Generated `api` utility.
  *
@@ -8,8 +8,42 @@
  * @module
  */
 
-import type { AnyApi, AnyComponents } from "convex/server";
+import type * as mastra_storage from "../mastra/storage.js";
+
+import type {
+  ApiFromModules,
+  FilterApi,
+  FunctionReference,
+} from "convex/server";
+
+declare const fullApi: ApiFromModules<{
+  "mastra/storage": typeof mastra_storage;
+}>;
+
+/**
+ * A utility for referencing Convex functions in your app's public API.
+ *
+ * Usage:
+ * ```js
+ * const myFunctionReference = api.myModule.myFunction;
+ * ```
+ */
+export declare const api: FilterApi<
+  typeof fullApi,
+  FunctionReference<any, "public">
+>;
+
+/**
+ * A utility for referencing Convex functions in your app's internal API.
+ *
+ * Usage:
+ * ```js
+ * const myFunctionReference = internal.myModule.myFunction;
+ * ```
+ */
+export declare const internal: FilterApi<
+  typeof fullApi,
+  FunctionReference<any, "internal">
+>;
 
-export declare const api: AnyApi;
-export declare const internal: AnyApi;
-export declare const components: AnyComponents;
+export declare const components: {};

convex/mastra/storage.ts

@@ -1,3 +1,3 @@
-import { mastraStorage } from '@mastra/convex/server'
+import { mastraStorage } from '@mastra/convex/server';
 
-export const handle = mastraStorage
+export const handle = mastraStorage;

convex/schema.ts

@@ -1,14 +1,27 @@
+import { defineSchema, defineTable } from 'convex/server';
+import { v } from 'convex/values';
 import {
-  mastraDocumentsTable,
+  mastraThreadsTable,
   mastraMessagesTable,
   mastraResourcesTable,
   mastraScoresTable,
-  mastraThreadsTable,
   mastraVectorIndexesTable,
   mastraVectorsTable,
-  mastraWorkflowSnapshotsTable,
-} from '@mastra/convex'
-import { defineSchema } from 'convex/server'
+  mastraDocumentsTable,
+} from '@mastra/convex/schema';
+
+// Explicitly define mastra_workflow_snapshots to ensure the `id` field exists
+// (some downstream Convex schema variants omit `id` which causes an invalid
+// index declaration during Convex schema push).
+const mastraWorkflowSnapshotsTable = defineTable({
+  id: v.string(),
+  workflow_name: v.string(),
+  run_id: v.string(),
+  resourceId: v.optional(v.string()),
+  snapshot: v.any(),
+  createdAt: v.string(),
+  updatedAt: v.string(),
+}).index('by_record_id', ['id']).index('by_workflow_run', ['workflow_name', 'run_id']).index('by_workflow', ['workflow_name']).index('by_resource', ['resourceId']).index('by_created', ['createdAt']);
 
 export default defineSchema({
   mastra_threads: mastraThreadsTable,
@@ -19,4 +32,4 @@ export default defineSchema({
   mastra_vector_indexes: mastraVectorIndexesTable,
   mastra_vectors: mastraVectorsTable,
   mastra_documents: mastraDocumentsTable,
-})
+});

next.config.ts

@@ -1,6 +1,7 @@
 import createMDX from '@next/mdx'
 import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin'
 import type { NextConfig } from 'next'
+import type { Configuration } from 'webpack'
 
 const nextConfig: NextConfig = {
     pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
@@ -38,7 +39,7 @@ const nextConfig: NextConfig = {
     typedRoutes: false,
     reactStrictMode: true,
     distDir: '.next',
-    webpack: (config, { isServer }) => {
+    webpack: (config: Configuration, { isServer }) => {
         if (!isServer) {
             config.plugins = config.plugins ?? []
             config.plugins.push(
@@ -52,10 +53,55 @@ const nextConfig: NextConfig = {
                     ],
                 })
             )
+
+            // Sanitize resolve.alias so values are serializable for Turbopack/worker cloning
+            // Ensure resolve exists and normalize alias values to strings/arrays of strings
+            const existingResolve = config.resolve ?? {}
+            const aliasObj = (existingResolve as unknown as Record<string, unknown>).alias ?? {}
+            if (typeof aliasObj === 'object' && aliasObj !== null) {
+                const normalized: Record<string, string | string[]> = {}
+                for (const [k, v] of Object.entries(aliasObj as Record<string, unknown>)) {
+                    if (Array.isArray(v)) {
+                        normalized[k] = v.map((x) => String(x))
+                    } else if (typeof v === 'object' && v !== null) {
+                        // For objects, stringify to avoid '[object Object]' implicit string coercion
+                        try {
+                            normalized[k] = JSON.stringify(v)
+                        } catch {
+                            normalized[k] = ''
+                        }
+                    } else if (typeof v === 'function') {
+                        // For functions, prefer the function name to avoid serializing the entire function
+                        // Narrow to an object with an optional name property to avoid using the broad Function type
+                        const fnName = (v as { name?: string })?.name ?? ''
+                        normalized[k] = fnName
+                    } else if (v === null || v === undefined) {
+                        // Keep null/undefined normalized to an empty string
+                        normalized[k] = ''
+                    } else {
+                        // At this point, expect primitives (string/number/boolean/symbol/bigint).
+                        // Guard against objects to avoid default Object stringification '[object Object]'.
+                        const t = typeof v
+                        if (t === 'string' || t === 'number' || t === 'boolean' || t === 'symbol' || t === 'bigint') {
+                            // Narrow the type for the linter to avoid base-to-string coercion warnings
+                            normalized[k] = String(v as string | number | boolean | symbol | bigint)
+                        } else {
+                            // Fallback for unexpected non-serializable values
+                            try {
+                                normalized[k] = JSON.stringify(v)
+                            } catch {
+                                normalized[k] = ''
+                            }
+                        }
+                    }
+                }
+                config.resolve = { ...existingResolve, alias: normalized } as Configuration['resolve']
+            }
         }
 
         return config
     },
+
     typescript: {
         ignoreBuildErrors: true,
         tsconfigPath: './tsconfig.json',
@@ -92,7 +138,7 @@ const nextConfig: NextConfig = {
         //    optimizeCss: true,
         esmExternals: true,
         scrollRestoration: true,
-//        cpus: 16,
+        //        cpus: 16,
         //    cssChunking: true,
         //   craCompat: true,
         //    validateRSCRequestHeaders: true,

package-lock.json

@@ -130,7 +130,7 @@
     "cmdk": "^1.1.1",
     "concurrently": "^9.2.1",
     "convert-csv-to-json": "^3.20.0",
-    "convex": "^1.26.2",
+    "convex": "^1.31.4",
     "crawlee": "^3.15.3",
     "critters": "^0.0.25",
     "csv-parse": "^6.1.0",
@@ -225,7 +225,7 @@
     "@types/jsdom": "^27.0.0",
     "@types/leaflet.markercluster": "^1.5.6",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^24.10.6",
+    "@types/node": "^22.19.7",
     "@types/rbush": "^4.0.0",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",

package.json

@@ -36,7 +36,7 @@ interface E2bSandboxToolProps {
     errorText?: string
 }
 
-export function E2bSandboxTool({
+export function E2bSandboxToolComponent({
     input,
     output,
     errorText,
@@ -80,7 +80,7 @@ export function E2bSandboxTool({
     }
 
     const { action, sandboxId } = input
-    const { result } = output
+    const result = output.result
 
     return (
         <div className="space-y-4">

src/components/ai-elements/tools/e2b-sandbox-tool.tsx

@@ -25,7 +25,6 @@ import type {
     codeSearchTool,
     colorChangeTool,
     contentCleanerTool,
-    convertDataFormatTool,
     copyDataFileTool,
     copywriterTool,
     createDataDirTool,
@@ -171,7 +170,7 @@ export type CodeChunkerUITool = InferUITool<typeof codeChunkerTool>
 export type CodeSearchUITool = InferUITool<typeof codeSearchTool>
 export type ColorChangeUITool = InferUITool<typeof colorChangeTool>
 export type ContentCleanerUITool = InferUITool<typeof contentCleanerTool>
-export type ConvertDataFormatUITool = InferUITool<typeof convertDataFormatTool>
+//export type ConvertDataFormatUITool = InferUITool<typeof convertDataFormatTool>
 export type CopyDataFileUITool = InferUITool<typeof copyDataFileTool>
 export type CopywriterUITool = InferUITool<typeof copywriterTool>
 export type CreateDataDirUITool = InferUITool<typeof createDataDirTool>

src/components/ai-elements/tools/types.ts

@@ -64,14 +64,18 @@ export function WebScraperTool({
         )
     }
 
+    const content = output.content || {}
     const {
         extractedData,
         rawContent,
         markdownContent,
+    } = content
+
+    const {
         metadata,
         images,
         structuredData,
-    } = output
+    } = output.analysis || {}
 
     return (
         <div className="space-y-4">