npm - @ai-sdk/devtools - Versions diffs - 1.0.0-beta.3 → 1.0.0-beta.31 - Mend

@ai-sdk/devtools 1.0.0-beta.3 → 1.0.0-beta.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md +40 -9
package/dist/client/assets/index-BVPj3Knk.css +1 -0
package/dist/client/assets/index-DKzNaLaQ.js +190 -0
package/dist/client/index.html +2 -2
package/dist/index.d.ts +19 -1
package/dist/index.js +297 -5
package/dist/viewer/server.js +106 -10
package/package.json +44 -20
package/src/db.ts +75 -7
package/src/index.ts +1 -0
package/src/integration.ts +447 -0
package/src/middleware.ts +5 -5
package/src/viewer/client/app.tsx +97 -1878
package/src/viewer/client/components/message-components.tsx +342 -0
package/src/viewer/client/components/output-components.tsx +145 -0
package/src/viewer/client/components/shared-components.tsx +695 -0
package/src/viewer/client/components/step-card.tsx +472 -0
package/src/viewer/client/components/trace-timeline.tsx +529 -0
package/src/viewer/client/components/ui/badge.tsx +0 -1
package/src/viewer/client/components/ui/button.tsx +1 -2
package/src/viewer/client/styles.css +16 -8
package/src/viewer/client/types.ts +183 -0
package/src/viewer/client/utils.ts +711 -0
package/src/viewer/server.ts +90 -10
package/dist/client/assets/index-BkyOIjbt.css +0 -1
package/dist/client/assets/index-DmPGHSLs.js +0 -185

package/dist/client/index.html CHANGED Viewed

@@ -10,8 +10,8 @@
       href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    <script type="module" crossorigin src="/assets/index-DmPGHSLs.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BkyOIjbt.css">
+    <script type="module" crossorigin src="/assets/index-DKzNaLaQ.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BVPj3Knk.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { LanguageModelV4Middleware } from '@ai-sdk/provider';
+import { Telemetry } from 'ai';
 /**
  * Factory function that creates a devtools middleware instance.
@@ -18,4 +19,21 @@ import { LanguageModelV4Middleware } from '@ai-sdk/provider';
  */
 declare const devToolsMiddleware: () => LanguageModelV4Middleware;
-export { devToolsMiddleware };
+/**
+ * Creates a devtools telemetry integration that logs all AI SDK operations
+ * to the devtools viewer.
+ *
+ * Usage:
+ * ```ts
+ * import { registerTelemetry } from 'ai';
+ * import { DevToolsTelemetry } from '@ai-sdk/devtools';
+ *
+ * registerTelemetry(DevToolsTelemetry());
+ * ```
+ *
+ * Telemetry is enabled by default — no need to set `telemetry`
+ * unless you want to configure `functionId`, `recordInputs`, or `recordOutputs`.
+ */
+declare function DevToolsTelemetry(): Telemetry;
+export { DevToolsTelemetry, devToolsMiddleware };

package/dist/index.js CHANGED Viewed

@@ -1,8 +1,11 @@
 // src/db.ts
 import path from "path";
 import fs from "fs";
-var DB_DIR = path.join(process.cwd(), ".devtools");
-var DB_PATH = path.join(DB_DIR, "generations.json");
+var DEVTOOLS_DB_DIR = ".devtools";
+var DEVTOOLS_DB_FILE = "generations.json";
+var MAX_DB_BYTES = 100 * 1024 * 1024;
+var DB_DIR = path.join(process.cwd(), DEVTOOLS_DB_DIR);
+var DB_PATH = path.join(DB_DIR, DEVTOOLS_DB_FILE);
 var DEVTOOLS_PORT = process.env.AI_SDK_DEVTOOLS_PORT ? parseInt(process.env.AI_SDK_DEVTOOLS_PORT) : 4983;
 var notifyServer = (event) => {
   notifyServerAsync(event);
@@ -12,7 +15,7 @@ var notifyServerAsync = async (event) => {
     await fetch(`http://localhost:${DEVTOOLS_PORT}/api/notify`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ event, timestamp: Date.now() })
+      body: JSON.stringify({ event, timestamp: Date.now(), dbPath: DB_PATH })
     });
   } catch {
   }
@@ -64,14 +67,20 @@ var saveDb = (db) => {
   dbCache = db;
   writeDb(db);
 };
-var createRun = async (id) => {
+var createRun = async (id, parent, functionId) => {
   const db = getDb();
   const started_at = (/* @__PURE__ */ new Date()).toISOString();
   const existing = db.runs.find((r) => r.id === id);
   if (existing) {
     return existing;
   }
-  const run = { id, started_at };
+  const run = {
+    id,
+    started_at,
+    parent_run_id: parent?.runId ?? null,
+    parent_step_id: parent?.stepId ?? null,
+    function_id: functionId ?? null
+  };
   db.runs.push(run);
   saveDb(db);
   notifyServer("run");
@@ -379,6 +388,289 @@ var devToolsMiddleware = () => {
     }
   };
 };
+// src/integration.ts
+var activeSteps2 = /* @__PURE__ */ new Map();
+var signalHandlersRegistered2 = false;
+var registerSignalHandlers2 = () => {
+  if (signalHandlersRegistered2) return;
+  signalHandlersRegistered2 = true;
+  const cleanup = async () => {
+    if (activeSteps2.size === 0) return;
+    const promises = Array.from(activeSteps2.entries()).map(
+      async ([stepId, data]) => {
+        const durationMs = Date.now() - data.startTime;
+        await updateStepResult(stepId, {
+          duration_ms: durationMs,
+          output: null,
+          usage: null,
+          error: "Request aborted",
+          raw_request: null,
+          raw_response: null,
+          raw_chunks: null
+        });
+      }
+    );
+    await Promise.all(promises);
+    await notifyServerAsync("step-update");
+  };
+  process.on("SIGINT", () => {
+    cleanup().then(() => process.exit(130));
+  });
+  process.on("SIGTERM", () => {
+    cleanup().then(() => process.exit(143));
+  });
+};
+var generateRunId2 = () => {
+  const now = /* @__PURE__ */ new Date();
+  const timestamp = now.toISOString().replace(/[-:T.Z]/g, "").slice(0, 17);
+  const uniqueId = crypto.randomUUID().slice(0, 8);
+  return `${timestamp}-${uniqueId}`;
+};
+function getOperationType(operationId) {
+  if (operationId === "ai.streamText" || operationId === "ai.streamObject") {
+    return "stream";
+  }
+  return "generate";
+}
+function DevToolsTelemetry() {
+  if (process.env.NODE_ENV === "production") {
+    throw new Error(
+      "@ai-sdk/devtools should not be used in production. Remove DevToolsTelemetry from your telemetry configuration for production builds."
+    );
+  }
+  registerSignalHandlers2();
+  const callStates = /* @__PURE__ */ new Map();
+  const toolContextMap = /* @__PURE__ */ new Map();
+  let currentToolCallId = null;
+  function resolveParentInfo() {
+    if (!currentToolCallId) return void 0;
+    const toolCallContext = toolContextMap.get(currentToolCallId);
+    if (!toolCallContext) return void 0;
+    const parentState = callStates.get(toolCallContext.parentCallId);
+    if (!parentState) return void 0;
+    let latestStepId;
+    let latestStepNumber = -1;
+    for (const [stepNumber, stepState] of parentState.stepStates) {
+      if (stepNumber > latestStepNumber) {
+        latestStepNumber = stepNumber;
+        latestStepId = stepState.stepId;
+      }
+    }
+    if (!latestStepId) return void 0;
+    return { runId: parentState.runId, stepId: latestStepId };
+  }
+  function getOrCreateCallState(callId, operationId, event) {
+    let state = callStates.get(callId);
+    if (state) return state;
+    state = {
+      runId: generateRunId2(),
+      operationType: getOperationType(operationId),
+      functionId: event.functionId,
+      settings: {
+        maxOutputTokens: event.maxOutputTokens,
+        temperature: event.temperature,
+        topP: event.topP,
+        topK: event.topK,
+        presencePenalty: event.presencePenalty,
+        frequencyPenalty: event.frequencyPenalty,
+        seed: event.seed
+      },
+      stepStates: /* @__PURE__ */ new Map()
+    };
+    callStates.set(callId, state);
+    return state;
+  }
+  const integration = {
+    onStart: async (event) => {
+      const operationId = event.operationId;
+      if (operationId === "ai.embed" || operationId === "ai.embedMany" || operationId === "ai.rerank") {
+        return;
+      }
+      const startEvent = event;
+      const parentInfo = resolveParentInfo();
+      const state = getOrCreateCallState(
+        startEvent.callId,
+        operationId,
+        startEvent
+      );
+      await createRun(state.runId, parentInfo, state.functionId);
+    },
+    onStepStart: async (event) => {
+      const stepStartEvent = event;
+      const state = callStates.get(stepStartEvent.callId);
+      if (!state) return;
+      const stepId = crypto.randomUUID();
+      const startTime = Date.now();
+      const stepState = {
+        stepId,
+        startTime
+      };
+      const stepNumber = stepStartEvent.steps.length;
+      state.stepStates.set(stepNumber, stepState);
+      activeSteps2.set(stepId, stepState);
+      const prompt = stepStartEvent.promptMessages ?? stepStartEvent.messages;
+      await createStep({
+        id: stepId,
+        run_id: state.runId,
+        step_number: stepNumber + 1,
+        type: state.operationType,
+        model_id: stepStartEvent.modelId,
+        provider: stepStartEvent.provider ?? null,
+        started_at: (/* @__PURE__ */ new Date()).toISOString(),
+        input: JSON.stringify({
+          prompt,
+          tools: stepStartEvent.tools ? Object.entries(stepStartEvent.tools).map(([name, tool]) => ({
+            name,
+            description: tool.description,
+            parameters: tool.parameters
+          })) : void 0,
+          toolChoice: stepStartEvent.toolChoice,
+          maxOutputTokens: state.settings.maxOutputTokens,
+          temperature: state.settings.temperature,
+          topP: state.settings.topP,
+          topK: state.settings.topK,
+          presencePenalty: state.settings.presencePenalty,
+          frequencyPenalty: state.settings.frequencyPenalty,
+          seed: state.settings.seed
+        }),
+        provider_options: stepStartEvent.providerOptions ? JSON.stringify(stepStartEvent.providerOptions) : null
+      });
+    },
+    onObjectStepStart: async (event) => {
+      const stepStartEvent = event;
+      const state = callStates.get(stepStartEvent.callId);
+      if (!state) return;
+      const stepId = crypto.randomUUID();
+      const startTime = Date.now();
+      const stepState = {
+        stepId,
+        startTime
+      };
+      state.stepStates.set(stepStartEvent.stepNumber, stepState);
+      activeSteps2.set(stepId, stepState);
+      await createStep({
+        id: stepId,
+        run_id: state.runId,
+        step_number: stepStartEvent.stepNumber + 1,
+        type: state.operationType,
+        model_id: stepStartEvent.modelId,
+        provider: stepStartEvent.provider ?? null,
+        started_at: (/* @__PURE__ */ new Date()).toISOString(),
+        input: JSON.stringify({
+          prompt: stepStartEvent.promptMessages,
+          maxOutputTokens: state.settings.maxOutputTokens,
+          temperature: state.settings.temperature,
+          topP: state.settings.topP,
+          topK: state.settings.topK,
+          presencePenalty: state.settings.presencePenalty,
+          frequencyPenalty: state.settings.frequencyPenalty,
+          seed: state.settings.seed
+        }),
+        provider_options: stepStartEvent.providerOptions ? JSON.stringify(stepStartEvent.providerOptions) : null
+      });
+    },
+    onStepEnd: async (event) => {
+      const stepResult = event;
+      const state = callStates.get(stepResult.callId);
+      if (!state) return;
+      const stepState = state.stepStates.get(stepResult.stepNumber);
+      if (!stepState) return;
+      activeSteps2.delete(stepState.stepId);
+      const durationMs = Date.now() - stepState.startTime;
+      const output = {
+        content: stepResult.content,
+        finishReason: stepResult.finishReason,
+        response: {
+          id: stepResult.response.id,
+          modelId: stepResult.response.modelId,
+          timestamp: stepResult.response.timestamp,
+          messages: stepResult.response.messages
+        }
+      };
+      await updateStepResult(stepState.stepId, {
+        duration_ms: durationMs,
+        output: JSON.stringify(output),
+        usage: stepResult.usage ? JSON.stringify(stepResult.usage) : null,
+        error: null,
+        raw_request: stepResult.request?.body ? JSON.stringify(stepResult.request.body) : null,
+        raw_response: stepResult.response?.body ? JSON.stringify(stepResult.response.body) : null,
+        raw_chunks: null
+      });
+      state.stepStates.delete(stepResult.stepNumber);
+    },
+    onObjectStepEnd: async (event) => {
+      const stepResult = event;
+      const state = callStates.get(stepResult.callId);
+      if (!state) return;
+      const stepState = state.stepStates.get(stepResult.stepNumber);
+      if (!stepState) return;
+      activeSteps2.delete(stepState.stepId);
+      const durationMs = Date.now() - stepState.startTime;
+      const output = {
+        finishReason: stepResult.finishReason,
+        objectText: stepResult.objectText,
+        response: {
+          id: stepResult.response.id,
+          modelId: stepResult.response.modelId,
+          timestamp: stepResult.response.timestamp
+        }
+      };
+      await updateStepResult(stepState.stepId, {
+        duration_ms: durationMs,
+        output: JSON.stringify(output),
+        usage: stepResult.usage ? JSON.stringify(stepResult.usage) : null,
+        error: null,
+        raw_request: stepResult.request?.body ? JSON.stringify(stepResult.request.body) : null,
+        raw_response: stepResult.response?.body ? JSON.stringify(stepResult.response.body) : null
+      });
+      state.stepStates.delete(stepResult.stepNumber);
+    },
+    onEnd: async (event) => {
+      const endEvent = event;
+      callStates.delete(endEvent.callId);
+    },
+    onError: async (error) => {
+      const errorObj = error;
+      const callId = errorObj?.callId;
+      if (!callId) return;
+      const state = callStates.get(callId);
+      if (!state) return;
+      const cause = errorObj?.error ?? error;
+      const errorMessage = cause instanceof Error ? cause.message : String(cause);
+      for (const [, stepState] of state.stepStates) {
+        activeSteps2.delete(stepState.stepId);
+        const durationMs = Date.now() - stepState.startTime;
+        await updateStepResult(stepState.stepId, {
+          duration_ms: durationMs,
+          output: null,
+          usage: null,
+          error: errorMessage,
+          raw_request: null,
+          raw_response: null,
+          raw_chunks: null
+        });
+      }
+      callStates.delete(callId);
+    },
+    executeTool: async ({ callId, toolCallId, execute }) => {
+      toolContextMap.set(toolCallId, {
+        parentCallId: callId,
+        parentToolCallId: toolCallId
+      });
+      const previousToolCallId = currentToolCallId;
+      currentToolCallId = toolCallId;
+      try {
+        return await execute();
+      } finally {
+        currentToolCallId = previousToolCallId;
+        toolContextMap.delete(toolCallId);
+      }
+    }
+  };
+  return integration;
+}
 export {
+  DevToolsTelemetry,
   devToolsMiddleware
 };

package/dist/viewer/server.js CHANGED Viewed

@@ -2,7 +2,6 @@
 import { serve } from "@hono/node-server";
 import { serveStatic } from "@hono/node-server/serve-static";
 import { Hono } from "hono";
-import { cors } from "hono/cors";
 import { streamSSE } from "hono/streaming";
 import path2 from "path";
 import fs2 from "fs";
@@ -11,8 +10,11 @@ import { fileURLToPath } from "url";
 // src/db.ts
 import path from "path";
 import fs from "fs";
-var DB_DIR = path.join(process.cwd(), ".devtools");
-var DB_PATH = path.join(DB_DIR, "generations.json");
+var DEVTOOLS_DB_DIR = ".devtools";
+var DEVTOOLS_DB_FILE = "generations.json";
+var MAX_DB_BYTES = 100 * 1024 * 1024;
+var DB_DIR = path.join(process.cwd(), DEVTOOLS_DB_DIR);
+var DB_PATH = path.join(DB_DIR, DEVTOOLS_DB_FILE);
 var DEVTOOLS_PORT = process.env.AI_SDK_DEVTOOLS_PORT ? parseInt(process.env.AI_SDK_DEVTOOLS_PORT) : 4983;
 var notifyServer = (event) => {
   notifyServerAsync(event);
@@ -22,7 +24,7 @@ var notifyServerAsync = async (event) => {
     await fetch(`http://localhost:${DEVTOOLS_PORT}/api/notify`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ event, timestamp: Date.now() })
+      body: JSON.stringify({ event, timestamp: Date.now(), dbPath: DB_PATH })
     });
   } catch {
   }
@@ -74,7 +76,43 @@ var saveDb = (db) => {
   dbCache = db;
   writeDb(db);
 };
-var reloadDb = async () => {
+var normalizeDevtoolsDbPath = (dbPath) => {
+  const resolvedPath = path.resolve(dbPath);
+  const dbDir = path.dirname(resolvedPath);
+  if (path.basename(resolvedPath) !== DEVTOOLS_DB_FILE || path.basename(dbDir) !== DEVTOOLS_DB_DIR) {
+    return void 0;
+  }
+  return resolvedPath;
+};
+var validateRemoteDbPath = (dbPath) => {
+  if (typeof dbPath !== "string") {
+    return void 0;
+  }
+  const normalizedPath = normalizeDevtoolsDbPath(dbPath);
+  if (!normalizedPath) {
+    return void 0;
+  }
+  try {
+    const stats = fs.statSync(normalizedPath);
+    if (!stats.isFile() || stats.size > MAX_DB_BYTES) {
+      return void 0;
+    }
+    const realPath = fs.realpathSync(normalizedPath);
+    return normalizeDevtoolsDbPath(realPath);
+  } catch {
+    return void 0;
+  }
+};
+var reloadDb = async (remoteDbPath2) => {
+  const validatedRemoteDbPath = validateRemoteDbPath(remoteDbPath2);
+  if (validatedRemoteDbPath) {
+    try {
+      const content = fs.readFileSync(validatedRemoteDbPath, "utf-8");
+      dbCache = JSON.parse(content);
+      return;
+    } catch {
+    }
+  }
   dbCache = readDb();
 };
 var getRuns = async () => {
@@ -120,12 +158,39 @@ var devEnv = process.env.AI_SDK_DEVTOOLS_DEV;
 var isDevMode = devEnv !== void 0 && devEnv !== "false" && devEnv !== "0";
 var projectRoot = path2.resolve(__dirname, "../..");
 var clientDir = path2.join(projectRoot, "dist/client");
+var remoteDbPath;
+var viewerPort = 4983;
 var app = new Hono();
-app.use("/*", cors());
+var getAllowedHosts = () => /* @__PURE__ */ new Set([
+  `localhost:${viewerPort}`,
+  `127.0.0.1:${viewerPort}`,
+  `[::1]:${viewerPort}`
+]);
+var getAllowedOrigins = () => /* @__PURE__ */ new Set([
+  `http://localhost:${viewerPort}`,
+  `http://127.0.0.1:${viewerPort}`,
+  `http://[::1]:${viewerPort}`,
+  "http://localhost:5173",
+  "http://127.0.0.1:5173",
+  "http://[::1]:5173"
+]);
+app.use("/api/*", async (c, next) => {
+  const host = c.req.header("host");
+  if (!host || !getAllowedHosts().has(host)) {
+    return c.text("Forbidden", 403);
+  }
+  const origin = c.req.header("origin");
+  if (origin && !getAllowedOrigins().has(origin)) {
+    return c.text("Forbidden", 403);
+  }
+  await next();
+});
 app.get("/api/runs", async (c) => {
+  await reloadDb(remoteDbPath);
   const runs = await getRuns();
+  const rootRuns = runs.filter((r) => !r.parent_run_id);
   const runsWithMeta = await Promise.all(
-    runs.map(async (run) => {
+    rootRuns.map(async (run) => {
       const steps = await getStepsForRun(run.id);
       let firstMessage = "No user message";
       let hasError = false;
@@ -159,14 +224,35 @@ app.get("/api/runs", async (c) => {
   return c.json(runsWithMeta);
 });
 app.get("/api/runs/:id", async (c) => {
+  await reloadDb(remoteDbPath);
   const data = await getRunWithSteps(c.req.param("id"));
   if (!data) {
     return c.json({ error: "Run not found" }, 404);
   }
   const isInProgress = data.steps.some((s) => s.duration_ms === null && !s.error);
+  const allRuns = await getRuns();
+  async function getDescendantRuns(parentRunId) {
+    const children = allRuns.filter((r) => r.parent_run_id === parentRunId);
+    return Promise.all(
+      children.map(async (childRun) => {
+        const childSteps = await getStepsForRun(childRun.id);
+        const childIsInProgress = childSteps.some(
+          (s) => s.duration_ms === null && !s.error
+        );
+        const grandchildren = await getDescendantRuns(childRun.id);
+        return {
+          run: { ...childRun, isInProgress: childIsInProgress },
+          steps: childSteps,
+          childRuns: grandchildren
+        };
+      })
+    );
+  }
+  const childRuns = await getDescendantRuns(data.run.id);
   return c.json({
     run: { ...data.run, isInProgress },
-    steps: data.steps
+    steps: data.steps,
+    childRuns
   });
 });
 app.post("/api/clear", async (c) => {
@@ -224,7 +310,14 @@ app.get("/api/events", (c) => {
 });
 app.post("/api/notify", async (c) => {
   const body = await c.req.json();
-  await reloadDb();
+  if (body.dbPath !== void 0) {
+    const validatedDbPath = validateRemoteDbPath(body.dbPath);
+    if (!validatedDbPath) {
+      return c.text("Invalid dbPath", 400);
+    }
+    remoteDbPath = validatedDbPath;
+  }
+  await reloadDb(remoteDbPath);
   broadcastToClients("update", body);
   return c.json({ success: true });
 });
@@ -269,10 +362,12 @@ app.get("*", async (c) => {
   }
 });
 var startViewer = (port = 4983) => {
+  viewerPort = port;
   const server = serve(
     {
       fetch: app.fetch,
-      port
+      port,
+      hostname: "localhost"
     },
     () => {
       if (isDevMode) {
@@ -309,5 +404,6 @@ if (isDirectRun) {
   startViewer(port);
 }
 export {
+  app,
   startViewer
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/devtools",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.31",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -25,38 +25,60 @@
     "bin"
   ],
   "dependencies": {
-    "@hono/node-server": "^1.13.7",
-    "hono": "^4.6.14",
-    "@ai-sdk/provider": "4.0.0-beta.3"
+    "@hono/node-server": "^1.19.14",
+    "hono": "^4.12.18",
+    "@ai-sdk/provider": "4.0.0-beta.19"
   },
   "devDependencies": {
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/vite": "^4.1.17",
-    "@types/node": "20.17.24",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/node": "22.19.19",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.7.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "concurrently": "^9.1.0",
-    "dotenv": "^17.2.3",
+    "concurrently": "^9.2.1",
+    "dotenv": "^17.4.2",
     "lucide-react": "^0.556.0",
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19",
-    "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.1.17",
-    "tsup": "^8",
-    "tsx": "^4.19.2",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.0",
+    "tsup": "^8.5.1",
+    "tsx": "^4.22.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "5.8.3",
     "vaul": "^1.1.2",
-    "vite": "^6.0.3",
+    "vite": "^6.4.2",
+    "vitest": "^4.1.6",
     "zod": "3.25.76",
-    "ai": "7.0.0-beta.25"
+    "ai": "7.0.0-beta.177"
   },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "homepage": "https://ai-sdk.dev/docs",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/ai",
+    "directory": "packages/devtools"
+  },
+  "bugs": {
+    "url": "https://github.com/vercel/ai/issues"
+  },
+  "license": "Apache-2.0",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=22"
+  },
+  "keywords": [
+    "ai"
+  ],
   "scripts": {
     "dev": "concurrently -k \"pnpm dev:api\" \"pnpm dev:client\"",
     "dev:api": "AI_SDK_DEVTOOLS_DEV=true tsx src/viewer/server.ts",
@@ -65,6 +87,8 @@
     "start": "node dist/viewer/server.js",
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "vite build",
-    "build:server": "tsup"
+    "build:server": "tsup --tsconfig tsconfig.build.json",
+    "test": "vitest --config vitest.node.config.js --run",
+    "test:watch": "vitest --config vitest.node.config.js"
   }
 }