@inkeep/agents-run-api 0.22.9 → 0.22.11

package/dist/index.js

@@ -4,7 +4,7 @@ import { dbClient_default } from './chunk-IBMWBEXH.js';
 import { env } from './chunk-LHCIBW34.js';
 import { getLogger } from './chunk-A2S7GSHL.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
-import { getTracer, HeadersScopeSchema, getRequestExecutionContext, createApiError, getAgentWithDefaultSubAgent, contextValidationMiddleware, getConversationId, getFullAgent, createOrGetConversation, getActiveAgentForConversation, setActiveAgentForConversation, getSubAgentById, handleContextResolution, createMessage, commonGetErrorResponses, loggerFactory, createDefaultCredentialStores, CredentialStoreRegistry, listTaskIdsByContextId, getTask, getLedgerArtifacts, upsertLedgerArtifact, createTask, updateTask, setSpanWithError, updateConversation, handleApiError, TaskState, setActiveAgentForThread, getConversation, getAgentById, getRelatedAgentsForAgent, getToolsForAgent, getDataComponentsForAgent, getArtifactComponentsForAgent, dbResultToMcpTool, validateAndGetApiKey, getProject, ContextResolver, CredentialStuffer, MCPServerType, getCredentialReference, McpClient, getFunctionToolsForSubAgent, getFunction, getContextConfigById, getFullAgentDefinition, TemplateEngine, agentHasArtifactComponents, MCPTransportType, SPAN_KEYS, getExternalAgent } from '@inkeep/agents-core';
+import { getTracer, HeadersScopeSchema, getRequestExecutionContext, createApiError, getAgentWithDefaultSubAgent, contextValidationMiddleware, getConversationId, getFullAgent, createOrGetConversation, getActiveAgentForConversation, setActiveAgentForConversation, getSubAgentById, handleContextResolution, createMessage, commonGetErrorResponses, loggerFactory, getDataComponent, getProject, createDefaultCredentialStores, CredentialStoreRegistry, listTaskIdsByContextId, getTask, getLedgerArtifacts, upsertLedgerArtifact, createTask, updateTask, setSpanWithError, updateConversation, handleApiError, TaskState, setActiveAgentForThread, getConversation, getAgentById, getRelatedAgentsForAgent, getToolsForAgent, getDataComponentsForAgent, getArtifactComponentsForAgent, dbResultToMcpTool, validateAndGetApiKey, ContextResolver, CredentialStuffer, MCPServerType, getCredentialReference, McpClient, getFunctionToolsForSubAgent, getFunction, getContextConfigById, getFullAgentDefinition, TemplateEngine, agentHasArtifactComponents, MCPTransportType, SPAN_KEYS, getExternalAgent } from '@inkeep/agents-core';
 import { otel } from '@hono/otel';
 import { OpenAPIHono, createRoute, z as z$1 } from '@hono/zod-openapi';
 import { trace, propagation, context, SpanStatusCode } from '@opentelemetry/api';
@@ -17,7 +17,7 @@ import { swaggerUI } from '@hono/swagger-ui';
 import z5, { z } from 'zod';
 import { streamSSE, stream } from 'hono/streaming';
 import { nanoid } from 'nanoid';
-import { createUIMessageStream, JsonToSseTransformStream, parsePartialJson, generateObject, tool, streamText, generateText, streamObject } from 'ai';
+import { createUIMessageStream, JsonToSseTransformStream, streamObject, parsePartialJson, generateObject, tool, streamText, generateText } from 'ai';
 import { createAnthropic, anthropic } from '@ai-sdk/anthropic';
 import { createGateway, gateway } from '@ai-sdk/gateway';
 import { createGoogleGenerativeAI, google } from '@ai-sdk/google';
@@ -187,10 +187,10 @@ var extractContextFromApiKey = async (apiKey, baseUrl) => {
     baseUrl
   });
 };
-function setupOpenAPIRoutes(app6) {
-  app6.get("/openapi.json", (c) => {
+function setupOpenAPIRoutes(app7) {
+  app7.get("/openapi.json", (c) => {
     try {
-      const document = app6.getOpenAPIDocument({
+      const document = app7.getOpenAPIDocument({
         openapi: "3.0.0",
         info: {
           title: "Inkeep Agents Run API",
@@ -211,7 +211,7 @@ function setupOpenAPIRoutes(app6) {
       return c.json({ error: "Failed to generate OpenAPI document", details: errorDetails }, 500);
     }
   });
-  app6.get(
+  app7.get(
     "/docs",
     swaggerUI({
       url: "/openapi.json",
@@ -556,7 +556,7 @@ async function handleMessageStream(c, agent, request) {
         }
       }
     };
-    return streamSSE(c, async (stream2) => {
+    return streamSSE(c, async (stream3) => {
       try {
         const initialTask = {
           id: task.id,
@@ -568,7 +568,7 @@ async function handleMessageStream(c, agent, request) {
           artifacts: [],
           kind: "task"
         };
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             result: initialTask,
@@ -586,7 +586,7 @@ async function handleMessageStream(c, agent, request) {
             (part) => part.kind === "data" && part.data && typeof part.data === "object" && part.data.type === "transfer"
           );
           if (transferPart && transferPart.kind === "data" && transferPart.data) {
-            await stream2.writeSSE({
+            await stream3.writeSSE({
               data: JSON.stringify({
                 jsonrpc: "2.0",
                 result: {
@@ -620,7 +620,7 @@ async function handleMessageStream(c, agent, request) {
           contextId: params.message.contextId,
           kind: "message"
         };
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             result: messageResponse,
@@ -635,7 +635,7 @@ async function handleMessageStream(c, agent, request) {
           },
           artifacts: result.artifacts
         };
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             result: completedTask,
@@ -644,7 +644,7 @@ async function handleMessageStream(c, agent, request) {
         });
       } catch (error) {
         console.error("Error in stream execution:", error);
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             error: {
@@ -776,7 +776,7 @@ async function handleTasksResubscribe(c, agent, request) {
         id: request.id
       });
     }
-    return streamSSE(c, async (stream2) => {
+    return streamSSE(c, async (stream3) => {
       try {
         const task = {
           id: params.taskId,
@@ -788,7 +788,7 @@ async function handleTasksResubscribe(c, agent, request) {
           artifacts: [],
           kind: "task"
         };
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             result: task,
@@ -797,7 +797,7 @@ async function handleTasksResubscribe(c, agent, request) {
         });
       } catch (error) {
         console.error("Error in task resubscription:", error);
-        await stream2.writeSSE({
+        await stream3.writeSSE({
           data: JSON.stringify({
             jsonrpc: "2.0",
             error: {
@@ -9028,8 +9028,8 @@ async function executeTransfer({
   return { success: true, targetSubAgentId };
 }
 var SSEStreamHelper = class {
-  constructor(stream2, requestId2, timestamp) {
-    this.stream = stream2;
+  constructor(stream3, requestId2, timestamp) {
+    this.stream = stream3;
     this.requestId = requestId2;
     this.timestamp = timestamp;
     __publicField(this, "isTextStreaming", false);
@@ -9195,8 +9195,8 @@ ${errorMessage}`);
     await this.writeDone();
   }
 };
-function createSSEStreamHelper(stream2, requestId2, timestamp) {
-  return new SSEStreamHelper(stream2, requestId2, timestamp);
+function createSSEStreamHelper(stream3, requestId2, timestamp) {
+  return new SSEStreamHelper(stream3, requestId2, timestamp);
 }
 var _VercelDataStreamHelper = class _VercelDataStreamHelper {
   // 10 minutes max lifetime
@@ -9343,12 +9343,12 @@ var _VercelDataStreamHelper = class _VercelDataStreamHelper {
   async streamData(data) {
     await this.writeContent(JSON.stringify(data));
   }
-  async mergeStream(stream2) {
+  async mergeStream(stream3) {
     if (this.isCompleted) {
       console.warn("Attempted to merge stream to completed stream");
       return;
     }
-    this.writer.merge(stream2);
+    this.writer.merge(stream3);
   }
   /**
    * Clean up all memory allocations
@@ -10286,9 +10286,9 @@ app2.openapi(chatCompletionsRoute, async (c) => {
           "database.operation": "insert"
         });
       }
-      return streamSSE(c, async (stream2) => {
+      return streamSSE(c, async (stream3) => {
         try {
-          const sseHelper = createSSEStreamHelper(stream2, requestId2, timestamp);
+          const sseHelper = createSSEStreamHelper(stream3, requestId2, timestamp);
           await sseHelper.writeRole();
           logger20.info({ subAgentId }, "Starting execution");
           const emitOperationsHeader = c.req.header("x-emit-operations");
@@ -10325,7 +10325,7 @@ app2.openapi(chatCompletionsRoute, async (c) => {
             "Error during streaming execution"
           );
           try {
-            const sseHelper = createSSEStreamHelper(stream2, requestId2, timestamp);
+            const sseHelper = createSSEStreamHelper(stream3, requestId2, timestamp);
             await sseHelper.writeOperation(
               errorOp(
                 "Sorry, I was unable to process your request at this time. Please try again.",
@@ -10549,7 +10549,7 @@ app3.openapi(chatDataStreamRoute, async (c) => {
       c.header("x-accel-buffering", "no");
       return stream(
         c,
-        (stream2) => stream2.pipe(
+        (stream3) => stream3.pipe(
           dataStream.pipeThrough(new JsonToSseTransformStream()).pipeThrough(new TextEncoderStream())
         )
       );
@@ -10563,10 +10563,186 @@ app3.openapi(chatDataStreamRoute, async (c) => {
   }
 });
 var chatDataStream_default = app3;
+var logger22 = getLogger("dataComponentPreview");
+var app4 = new OpenAPIHono();
+var generatePreviewRoute = createRoute({
+  method: "post",
+  path: "/:tenantId/projects/:projectId/data-components/:id/generate-preview",
+  tags: ["Data Component Preview"],
+  summary: "Generate Component Preview",
+  description: "Generate a React/Tailwind component preview using AI based on the data component schema",
+  request: {
+    params: z.object({
+      tenantId: z.string(),
+      projectId: z.string(),
+      id: z.string()
+    })
+  },
+  responses: {
+    200: {
+      description: "Streaming component code generation",
+      headers: z.object({
+        "Content-Type": z.string().default("text/plain; charset=utf-8"),
+        "Cache-Control": z.string().default("no-cache"),
+        Connection: z.string().default("keep-alive")
+      }),
+      content: {
+        "text/plain": {
+          schema: z.string().describe("Streaming generated component code")
+        }
+      }
+    },
+    ...commonGetErrorResponses
+  }
+});
+app4.openapi(generatePreviewRoute, async (c) => {
+  const { tenantId, projectId, id } = c.req.valid("param");
+  logger22.info({ tenantId, projectId, dataComponentId: id }, "Generating component preview");
+  const dataComponent = await getDataComponent(dbClient_default)({
+    scopes: { tenantId, projectId },
+    dataComponentId: id
+  });
+  if (!dataComponent) {
+    throw createApiError({
+      code: "not_found",
+      message: "Data component not found"
+    });
+  }
+  const project = await getProject(dbClient_default)({
+    scopes: { tenantId, projectId }
+  });
+  if (!project?.models?.base) {
+    throw createApiError({
+      code: "bad_request",
+      message: "Project base model configuration is required"
+    });
+  }
+  const prompt = buildGenerationPrompt(dataComponent);
+  try {
+    const modelConfig = ModelFactory.prepareGenerationConfig(project.models.base);
+    const previewSchema = z.object({
+      code: z.string().describe("The React component code"),
+      data: z.any().describe("Sample data matching the props schema")
+    });
+    const result = streamObject({
+      ...modelConfig,
+      prompt,
+      schema: previewSchema,
+      temperature: 0.7
+    });
+    c.header("Content-Type", "text/plain; charset=utf-8");
+    c.header("Cache-Control", "no-cache");
+    c.header("Connection", "keep-alive");
+    return stream(c, async (stream3) => {
+      try {
+        for await (const partialObject of result.partialObjectStream) {
+          await stream3.write(JSON.stringify(partialObject) + "\n");
+        }
+      } catch (error) {
+        logger22.error(
+          { error, tenantId, projectId, dataComponentId: id },
+          "Error streaming preview generation"
+        );
+        await stream3.write(
+          JSON.stringify({ code: "// Error generating component preview", data: {} }) + "\n"
+        );
+      }
+    });
+  } catch (error) {
+    logger22.error(
+      { error, tenantId, projectId, dataComponentId: id },
+      "Error generating component preview"
+    );
+    throw createApiError({
+      code: "internal_server_error",
+      message: "Failed to generate component preview"
+    });
+  }
+});
+function buildGenerationPrompt(dataComponent) {
+  const propsSchema = dataComponent.props || {};
+  const propsJson = JSON.stringify(propsSchema, null, 2);
+  const componentName = sanitizeComponentName(dataComponent.name);
+  return `You are an expert React and Tailwind CSS developer. Generate a beautiful, modern React component for displaying data and sample data to preview it.
+
+COMPONENT DETAILS:
+- Original Name: ${dataComponent.name}
+- Component Function Name: ${componentName}
+- Description: ${dataComponent.description}
+- Props Schema (JSON Schema): ${propsJson}
+
+REQUIREMENTS:
+1. Create a React functional component (JSX, not TypeScript)
+2. Use Tailwind CSS SEMANTIC COLOR CLASSES (these automatically adapt to light/dark mode):
+   - Background: bg-background, bg-card, bg-muted, bg-muted/40, bg-accent, bg-primary
+   - Text: text-foreground, text-muted-foreground, text-card-foreground, text-primary-foreground
+   - Borders: border-border, border-input, border-muted
+   - DO NOT use direct colors like bg-white, bg-gray-800, text-gray-900, etc.
+   - DO NOT use dark: prefix - semantic classes handle dark mode automatically
+3. Make it balanced - comfortable but efficient:
+   - Use moderate padding: p-4, px-4 py-3 (balanced, not cramped or excessive)
+   - Use appropriate text sizes: text-sm for body, text-base for headings, text-xs for captions
+   - Use balanced spacing: gap-2.5, gap-3, space-y-2, mt-2, mb-3
+   - Aim for a clean, professional look with good readability
+4. Design for embedding - this component blends into existing content:
+   - DO NOT add redundant titles or headers unless they're part of the actual data schema
+   - Focus on displaying the data directly and elegantly
+   - Assume the component is part of a larger conversation or content flow
+   - If the schema has a "title" or "name" property, display it as data, not as a wrapper heading
+5. Use LUCIDE-REACT ICONS to enhance UI aesthetics:
+   - Import icons from lucide-react: import { User, Mail, Clock } from 'lucide-react'
+   - Use icons with size-4 or size-5 classes for balanced visibility
+   - Place icons inline with text or as visual indicators
+   - Example: <User className="size-4" /> or <Mail className="size-4 text-muted-foreground" />
+   - Common useful icons: User, Mail, Calendar, Clock, Check, X, Star, Heart, Settings, Search, etc.
+6. The component should accept props that match the JSON Schema properties
+7. Make it visually appealing and professional - clean with good whitespace
+8. Use semantic HTML elements
+9. Make it responsive and accessible
+10. You can import icons from 'lucide-react' at the top
+11. DO NOT include export statements - just the imports and function
+12. DO NOT include TypeScript type annotations
+13. Component name should be exactly: ${componentName}
+
+AVAILABLE SEMANTIC COLOR CLASSES:
+- Backgrounds: bg-background, bg-foreground, bg-card, bg-popover, bg-primary, bg-secondary, bg-muted, bg-accent, bg-destructive
+- Text: text-foreground, text-background, text-card-foreground, text-popover-foreground, text-primary-foreground, text-secondary-foreground, text-muted-foreground, text-accent-foreground, text-destructive
+- Borders: border-border, border-input, border-ring
+- You can use opacity modifiers: bg-muted/40, bg-accent/10, etc.
+
+OUTPUT FORMAT:
+You need to generate two things:
+1. "code": The complete React component code as a string
+2. "data": Realistic sample data that matches the props schema (as a JSON object)
+
+EXAMPLE OUTPUT (for a user profile schema with name, email, role):
+{
+  "code": "import { Mail, User } from 'lucide-react';\\n\\nfunction ${componentName}(props) {\\n  return (\\n    <div className=\\"p-4 rounded-lg border border-border bg-card\\">\\n      <div className=\\"flex items-center gap-2.5 mb-2\\">\\n        <User className=\\"size-4 text-muted-foreground\\" />\\n        <span className=\\"text-base font-medium text-foreground\\">{props.name}</span>\\n      </div>\\n      <div className=\\"flex items-center gap-2 text-sm text-muted-foreground\\">\\n        <Mail className=\\"size-4\\" />\\n        <span>{props.email}</span>\\n      </div>\\n      <div className=\\"text-xs text-muted-foreground mt-2\\">Role: {props.role}</div>\\n    </div>\\n  );\\n}",
+  "data": {
+    "name": "Sarah Chen",
+    "email": "sarah.chen@example.com",
+    "role": "Product Manager"
+  }
+}
+
+REMEMBER:
+- ONLY use semantic color classes (bg-card, text-foreground, etc.)
+- NO direct colors (bg-white, text-gray-900, etc.)
+- NO dark: prefix needed - semantic classes adapt automatically
+- Use balanced spacing (p-4, gap-2.5/gap-3, text-sm for body, text-base for headings)
+- Use lucide-react icons where appropriate for better UI
+- NO redundant titles - just display the actual data from props
+- Design for embedding - this blends into existing content, not a standalone card
+- Make the sample data realistic and useful for previewing the component`;
+}
+function sanitizeComponentName(name) {
+  return name.split(/\s+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("").replace(/[^a-zA-Z0-9]/g, "");
+}
+var dataComponentPreview_default = app4;
 function createMCPSchema(schema) {
   return schema;
 }
-var logger22 = getLogger("mcp");
+var logger23 = getLogger("mcp");
 var _MockResponseSingleton = class _MockResponseSingleton {
   constructor() {
     __publicField(this, "mockRes");
@@ -10621,21 +10797,21 @@ var createSpoofInitMessage = (mcpProtocolVersion) => ({
   id: 0
 });
 var spoofTransportInitialization = async (transport, req, sessionId, mcpProtocolVersion) => {
-  logger22.info({ sessionId }, "Spoofing initialization message to set transport state");
+  logger23.info({ sessionId }, "Spoofing initialization message to set transport state");
   const spoofInitMessage = createSpoofInitMessage(mcpProtocolVersion);
   const mockRes = MockResponseSingleton.getInstance().getMockResponse();
   try {
     await transport.handleRequest(req, mockRes, spoofInitMessage);
-    logger22.info({ sessionId }, "Successfully spoofed initialization");
+    logger23.info({ sessionId }, "Successfully spoofed initialization");
   } catch (spoofError) {
-    logger22.warn({ sessionId, error: spoofError }, "Spoof initialization failed, continuing anyway");
+    logger23.warn({ sessionId, error: spoofError }, "Spoof initialization failed, continuing anyway");
   }
 };
 var validateSession = async (req, res, body, tenantId, projectId, agentId) => {
   const sessionId = req.headers["mcp-session-id"];
-  logger22.info({ sessionId }, "Received MCP session ID");
+  logger23.info({ sessionId }, "Received MCP session ID");
   if (!sessionId) {
-    logger22.info({ body }, "Missing session ID");
+    logger23.info({ body }, "Missing session ID");
     res.writeHead(400).end(
       JSON.stringify({
         jsonrpc: "2.0",
@@ -10661,7 +10837,7 @@ var validateSession = async (req, res, body, tenantId, projectId, agentId) => {
     scopes: { tenantId, projectId },
     conversationId: sessionId
   });
-  logger22.info(
+  logger23.info(
     {
       sessionId,
       conversationFound: !!conversation,
@@ -10672,7 +10848,7 @@ var validateSession = async (req, res, body, tenantId, projectId, agentId) => {
     "Conversation lookup result"
   );
   if (!conversation || conversation.metadata?.sessionData?.sessionType !== "mcp" || conversation.metadata?.sessionData?.agentId !== agentId) {
-    logger22.info(
+    logger23.info(
       { sessionId, conversationId: conversation?.id },
       "MCP session not found or invalid"
     );
@@ -10733,7 +10909,7 @@ var executeAgentQuery = async (executionContext, conversationId, query, defaultS
     requestId: requestId2,
     sseHelper: mcpStreamHelper
   });
-  logger22.info(
+  logger23.info(
     { result },
     `Execution completed: ${result.success ? "success" : "failed"} after ${result.iterations} iterations`
   );
@@ -10817,7 +10993,7 @@ var getServer = async (headers, executionContext, conversationId, credentialStor
           dbClient: dbClient_default,
           credentialStores
         });
-        logger22.info(
+        logger23.info(
           {
             tenantId,
             projectId,
@@ -10846,8 +11022,8 @@ var getServer = async (headers, executionContext, conversationId, credentialStor
   );
   return server;
 };
-var app4 = new OpenAPIHono();
-app4.use("/", async (c, next) => {
+var app5 = new OpenAPIHono();
+app5.use("/", async (c, next) => {
   if (c.req.method === "POST") {
     return contextValidationMiddleware(dbClient_default)(c, next);
   }
@@ -10879,7 +11055,7 @@ var validateRequestParameters = (c) => {
 };
 var handleInitializationRequest = async (body, executionContext, validatedContext, req, res, c, credentialStores) => {
   const { tenantId, projectId, agentId } = executionContext;
-  logger22.info({ body }, "Received initialization request");
+  logger23.info({ body }, "Received initialization request");
   const sessionId = getConversationId();
   const activeSpan = trace.getActiveSpan();
   if (activeSpan) {
@@ -10935,7 +11111,7 @@ var handleInitializationRequest = async (body, executionContext, validatedContex
         }
       }
     });
-    logger22.info(
+    logger23.info(
       { sessionId, conversationId: conversation.id },
       "Created MCP session as conversation"
     );
@@ -10944,9 +11120,9 @@ var handleInitializationRequest = async (body, executionContext, validatedContex
     });
     const server = await getServer(validatedContext, executionContext, sessionId, credentialStores);
     await server.connect(transport);
-    logger22.info({ sessionId }, "Server connected for initialization");
+    logger23.info({ sessionId }, "Server connected for initialization");
     res.setHeader("Mcp-Session-Id", sessionId);
-    logger22.info(
+    logger23.info(
       {
         sessionId,
         bodyMethod: body?.method,
@@ -10955,7 +11131,7 @@ var handleInitializationRequest = async (body, executionContext, validatedContex
       "About to handle initialization request"
     );
     await transport.handleRequest(req, res, body);
-    logger22.info({ sessionId }, "Successfully handled initialization request");
+    logger23.info({ sessionId }, "Successfully handled initialization request");
     return toFetchResponse(res);
   });
 };
@@ -10982,8 +11158,8 @@ var handleExistingSessionRequest = async (body, executionContext, validatedConte
     sessionId,
     conversation.metadata?.session_data?.mcpProtocolVersion
   );
-  logger22.info({ sessionId }, "Server connected and transport initialized");
-  logger22.info(
+  logger23.info({ sessionId }, "Server connected and transport initialized");
+  logger23.info(
     {
       sessionId,
       bodyKeys: Object.keys(body || {}),
@@ -10997,9 +11173,9 @@ var handleExistingSessionRequest = async (body, executionContext, validatedConte
   );
   try {
     await transport.handleRequest(req, res, body);
-    logger22.info({ sessionId }, "Successfully handled MCP request");
+    logger23.info({ sessionId }, "Successfully handled MCP request");
   } catch (transportError) {
-    logger22.error(
+    logger23.error(
       {
         sessionId,
         error: transportError,
@@ -11016,7 +11192,7 @@ var createErrorResponse = (code, message, id = null) => ({
   error: { code, message },
   id
 });
-app4.openapi(
+app5.openapi(
   createRoute({
     method: "post",
     path: "/",
@@ -11050,13 +11226,13 @@ app4.openapi(
       }
       const { executionContext } = paramValidation;
       const body = c.get("requestBody") || {};
-      logger22.info({ body, bodyKeys: Object.keys(body || {}) }, "Parsed request body");
+      logger23.info({ body, bodyKeys: Object.keys(body || {}) }, "Parsed request body");
       const isInitRequest = body.method === "initialize";
       const { req, res } = toReqRes(c.req.raw);
       const validatedContext = c.get("validatedContext") || {};
       const credentialStores = c.get("credentialStores");
-      logger22.info({ validatedContext }, "Validated context");
-      logger22.info({ req }, "request");
+      logger23.info({ validatedContext }, "Validated context");
+      logger23.info({ req }, "request");
       if (isInitRequest) {
         return await handleInitializationRequest(
           body,
@@ -11078,7 +11254,7 @@ app4.openapi(
         );
       }
     } catch (e) {
-      logger22.error(
+      logger23.error(
         {
           error: e instanceof Error ? e.message : e,
           stack: e instanceof Error ? e.stack : void 0
@@ -11089,8 +11265,8 @@ app4.openapi(
     }
   }
 );
-app4.get("/", async (c) => {
-  logger22.info({}, "Received GET MCP request");
+app5.get("/", async (c) => {
+  logger23.info({}, "Received GET MCP request");
   return c.json(
     {
       jsonrpc: "2.0",
@@ -11103,8 +11279,8 @@ app4.get("/", async (c) => {
     { status: 405 }
   );
 });
-app4.delete("/", async (c) => {
-  logger22.info({}, "Received DELETE MCP request");
+app5.delete("/", async (c) => {
+  logger23.info({}, "Received DELETE MCP request");
   return c.json(
     {
       jsonrpc: "2.0",
@@ -11114,15 +11290,15 @@ app4.delete("/", async (c) => {
     { status: 405 }
   );
 });
-var mcp_default = app4;
+var mcp_default = app5;
 
 // src/app.ts
-var logger23 = getLogger("agents-run-api");
+var logger24 = getLogger("agents-run-api");
 function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
-  const app6 = new OpenAPIHono();
-  app6.use("*", otel());
-  app6.use("*", requestId());
-  app6.use("*", async (c, next) => {
+  const app7 = new OpenAPIHono();
+  app7.use("*", otel());
+  app7.use("*", requestId());
+  app7.use("*", async (c, next) => {
     c.set("serverConfig", serverConfig);
     c.set("credentialStores", credentialStores);
     if (sandboxConfig) {
@@ -11130,18 +11306,18 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
     }
     return next();
   });
-  app6.use("*", async (c, next) => {
+  app7.use("*", async (c, next) => {
     if (c.req.header("content-type")?.includes("application/json")) {
       try {
         const body = await c.req.json();
         c.set("requestBody", body);
       } catch (error) {
-        logger23.debug({ error }, "Failed to parse JSON body, continuing without parsed body");
+        logger24.debug({ error }, "Failed to parse JSON body, continuing without parsed body");
       }
     }
     return next();
   });
-  app6.use("*", async (c, next) => {
+  app7.use("*", async (c, next) => {
     const reqId = c.get("requestId");
     let bag = propagation.getBaggage(context.active());
     if (!bag) {
@@ -11154,7 +11330,7 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
     }
     return next();
   });
-  app6.onError(async (err, c) => {
+  app7.onError(async (err, c) => {
     const isExpectedError = err instanceof HTTPException;
     const status = isExpectedError ? err.status : 500;
     const requestId2 = c.get("requestId") || "unknown";
@@ -11187,8 +11363,8 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
       if (!isExpectedError) {
         const errorMessage = err instanceof Error ? err.message : String(err);
         const errorStack = err instanceof Error ? err.stack : void 0;
-        if (logger23) {
-          logger23.error(
+        if (logger24) {
+          logger24.error(
             {
               error: err,
               message: errorMessage,
@@ -11200,8 +11376,8 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
           );
         }
       } else {
-        if (logger23) {
-          logger23.error(
+        if (logger24) {
+          logger24.error(
             {
               error: err,
               path: c.req.path,
@@ -11218,8 +11394,8 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
         const response = err.getResponse();
         return response;
       } catch (responseError) {
-        if (logger23) {
-          logger23.error({ error: responseError }, "Error while handling HTTPException response");
+        if (logger24) {
+          logger24.error({ error: responseError }, "Error while handling HTTPException response");
         }
       }
     }
@@ -11235,7 +11411,7 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
       ...instance && { instance }
     });
   });
-  app6.use(
+  app7.use(
     "*",
     cors({
       origin: "*",
@@ -11246,14 +11422,14 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
       maxAge: 86400
     })
   );
-  app6.use("/tenants/*", apiKeyAuth());
-  app6.use("/agents/*", apiKeyAuth());
-  app6.use("/v1/*", apiKeyAuth());
-  app6.use("/api/*", apiKeyAuth());
-  app6.use("*", async (c, next) => {
+  app7.use("/tenants/*", apiKeyAuth());
+  app7.use("/agents/*", apiKeyAuth());
+  app7.use("/v1/*", apiKeyAuth());
+  app7.use("/api/*", apiKeyAuth());
+  app7.use("*", async (c, next) => {
     const executionContext = c.get("executionContext");
     if (!executionContext) {
-      logger23.debug({}, "Empty execution context");
+      logger24.debug({}, "Empty execution context");
       return next();
     }
     const { tenantId, projectId, agentId } = executionContext;
@@ -11262,7 +11438,7 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
     if (requestBody) {
       conversationId = requestBody.conversationId;
       if (!conversationId) {
-        logger23.debug({ requestBody }, "No conversation ID found in request body");
+        logger24.debug({ requestBody }, "No conversation ID found in request body");
       }
     }
     const entries = Object.fromEntries(
@@ -11277,7 +11453,7 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
       })
     );
     if (!Object.keys(entries).length) {
-      logger23.debug({}, "Empty entries for baggage");
+      logger24.debug({}, "Empty entries for baggage");
       return next();
     }
     const bag = Object.entries(entries).reduce(
@@ -11287,7 +11463,7 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
     const ctxWithBag = propagation.setBaggage(context.active(), bag);
     return await context.with(ctxWithBag, async () => await next());
   });
-  app6.openapi(
+  app7.openapi(
     createRoute({
       method: "get",
       path: "/health",
@@ -11304,29 +11480,30 @@ function createExecutionHono(serverConfig, credentialStores, sandboxConfig) {
       return c.body(null, 204);
     }
   );
-  app6.route("/v1/chat", chat_default);
-  app6.route("/api", chatDataStream_default);
-  app6.route("/v1/mcp", mcp_default);
-  app6.route("/agents", agents_default);
-  setupOpenAPIRoutes(app6);
-  app6.use("/tenants/*", async (_c, next) => {
+  app7.route("/v1/chat", chat_default);
+  app7.route("/api", chatDataStream_default);
+  app7.route("/v1/mcp", mcp_default);
+  app7.route("/agents", agents_default);
+  app7.route("/v1", dataComponentPreview_default);
+  setupOpenAPIRoutes(app7);
+  app7.use("/tenants/*", async (_c, next) => {
     await next();
     await flushBatchProcessor();
   });
-  app6.use("/agents/*", async (_c, next) => {
+  app7.use("/agents/*", async (_c, next) => {
     await next();
     await flushBatchProcessor();
   });
-  app6.use("/v1/*", async (_c, next) => {
+  app7.use("/v1/*", async (_c, next) => {
     await next();
     await flushBatchProcessor();
   });
-  app6.use("/api/*", async (_c, next) => {
+  app7.use("/api/*", async (_c, next) => {
     await next();
     await flushBatchProcessor();
   });
   const baseApp = new Hono();
-  baseApp.route("/", app6);
+  baseApp.route("/", app7);
   return baseApp;
 }
 
@@ -11342,8 +11519,8 @@ var defaultConfig = {
 };
 var defaultStores = createDefaultCredentialStores();
 var defaultRegistry = new CredentialStoreRegistry(defaultStores);
-var app5 = createExecutionHono(defaultConfig, defaultRegistry);
-var index_default = app5;
+var app6 = createExecutionHono(defaultConfig, defaultRegistry);
+var index_default = app6;
 function createExecutionApp(config) {
   const serverConfig = config?.serverConfig ?? defaultConfig;
   const stores = config?.credentialStores ?? defaultStores;