@inkeep/agents-run-api 0.27.0 → 0.28.0

package/dist/index.cjs

@@ -12408,10 +12408,10 @@ var logger27 = agentsCore.getLogger("dataComponentPreview");
 var app4 = new zodOpenapi.OpenAPIHono();
 var generatePreviewRoute = zodOpenapi.createRoute({
   method: "post",
-  path: "/:tenantId/projects/:projectId/data-components/:id/generate-preview",
+  path: "/:tenantId/projects/:projectId/data-components/:id/generate-render",
   tags: ["Data Component Preview"],
-  summary: "Generate Component Preview",
-  description: "Generate a React/Tailwind component preview using AI based on the data component schema",
+  summary: "Generate Component Render",
+  description: "Generate a React/Tailwind component render using AI based on the data component schema",
   request: {
     params: z6.z.object({
       tenantId: z6.z.string(),
@@ -12482,24 +12482,24 @@ app4.openapi(generatePreviewRoute, async (c) => {
   const prompt = buildGenerationPrompt(dataComponent, instructions, existingCode);
   try {
     const modelConfig = ModelFactory.prepareGenerationConfig(project.models.base);
-    const previewSchema = z6.z.object({
-      code: z6.z.string().describe("The React component code"),
-      data: z6.z.any().describe("Sample data matching the props schema")
+    const renderSchema = z6.z.object({
+      component: z6.z.string().describe("The React component code"),
+      mockData: z6.z.any().describe("Sample data matching the props schema")
     });
     const result = ai.streamObject({
       ...modelConfig,
       prompt,
-      schema: previewSchema,
+      schema: renderSchema,
       temperature: 0.7
     });
     c.header("Content-Type", "text/plain; charset=utf-8");
     c.header("Cache-Control", "no-cache");
     c.header("Connection", "keep-alive");
-    const existingData = existingCode && dataComponent.preview?.data ? dataComponent.preview.data : null;
+    const existingData = existingCode && dataComponent.render && typeof dataComponent.render === "object" && "mockData" in dataComponent.render ? dataComponent.render.mockData : null;
     return streaming.stream(c, async (stream3) => {
       try {
         for await (const partialObject of result.partialObjectStream) {
-          const outputObject = instructions && existingData ? { ...partialObject, data: existingData } : partialObject;
+          const outputObject = instructions && existingData ? { ...partialObject, mockData: existingData } : partialObject;
           await stream3.write(JSON.stringify(outputObject) + "\n");
         }
       } catch (error) {
@@ -12508,7 +12508,7 @@ app4.openapi(generatePreviewRoute, async (c) => {
           "Error streaming preview generation"
         );
         await stream3.write(
-          JSON.stringify({ code: "// Error generating component preview", data: {} }) + "\n"
+          JSON.stringify({ component: "// Error generating component preview", mockData: {} }) + "\n"
         );
       }
     });
@@ -12556,13 +12556,13 @@ REQUIREMENTS:
 
 OUTPUT FORMAT:
 You need to generate only one thing:
-1. "code": The modified React component code as a string
+1. "component": The modified React component code as a string
 
-Return ONLY the code field, the data field will be reused from the existing preview.
+Return ONLY the component field, the mockData field will be reused from the existing render.
 
 EXAMPLE OUTPUT:
 {
-  "code": "import { Mail, User } from 'lucide-react';\\n\\nfunction ${componentName}(props) {\\n  // Modified component code here\\n}"
+  "component": "import { Mail, User } from 'lucide-react';\\n\\nfunction ${componentName}(props) {\\n  // Modified component code here\\n}"
 }
 
 Focus on making the requested changes while maintaining the component's quality and design principles.`;
@@ -12616,13 +12616,13 @@ AVAILABLE SEMANTIC COLOR CLASSES:
 
 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)
+1. "component": The complete React component code as a string
+2. "mockData": 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": {
+  "component": "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}",
+  "mockData": {
     "name": "Sarah Chen",
     "email": "sarah.chen@example.com",
     "role": "Product Manager"

package/dist/index.js

@@ -10913,10 +10913,10 @@ var logger23 = getLogger("dataComponentPreview");
 var app4 = new OpenAPIHono();
 var generatePreviewRoute = createRoute({
   method: "post",
-  path: "/:tenantId/projects/:projectId/data-components/:id/generate-preview",
+  path: "/:tenantId/projects/:projectId/data-components/:id/generate-render",
   tags: ["Data Component Preview"],
-  summary: "Generate Component Preview",
-  description: "Generate a React/Tailwind component preview using AI based on the data component schema",
+  summary: "Generate Component Render",
+  description: "Generate a React/Tailwind component render using AI based on the data component schema",
   request: {
     params: z.object({
       tenantId: z.string(),
@@ -10987,24 +10987,24 @@ app4.openapi(generatePreviewRoute, async (c) => {
   const prompt = buildGenerationPrompt(dataComponent, instructions, existingCode);
   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 renderSchema = z.object({
+      component: z.string().describe("The React component code"),
+      mockData: z.any().describe("Sample data matching the props schema")
     });
     const result = streamObject({
       ...modelConfig,
       prompt,
-      schema: previewSchema,
+      schema: renderSchema,
       temperature: 0.7
     });
     c.header("Content-Type", "text/plain; charset=utf-8");
     c.header("Cache-Control", "no-cache");
     c.header("Connection", "keep-alive");
-    const existingData = existingCode && dataComponent.preview?.data ? dataComponent.preview.data : null;
+    const existingData = existingCode && dataComponent.render && typeof dataComponent.render === "object" && "mockData" in dataComponent.render ? dataComponent.render.mockData : null;
     return stream(c, async (stream3) => {
       try {
         for await (const partialObject of result.partialObjectStream) {
-          const outputObject = instructions && existingData ? { ...partialObject, data: existingData } : partialObject;
+          const outputObject = instructions && existingData ? { ...partialObject, mockData: existingData } : partialObject;
           await stream3.write(JSON.stringify(outputObject) + "\n");
         }
       } catch (error) {
@@ -11013,7 +11013,7 @@ app4.openapi(generatePreviewRoute, async (c) => {
           "Error streaming preview generation"
         );
         await stream3.write(
-          JSON.stringify({ code: "// Error generating component preview", data: {} }) + "\n"
+          JSON.stringify({ component: "// Error generating component preview", mockData: {} }) + "\n"
         );
       }
     });
@@ -11061,13 +11061,13 @@ REQUIREMENTS:
 
 OUTPUT FORMAT:
 You need to generate only one thing:
-1. "code": The modified React component code as a string
+1. "component": The modified React component code as a string
 
-Return ONLY the code field, the data field will be reused from the existing preview.
+Return ONLY the component field, the mockData field will be reused from the existing render.
 
 EXAMPLE OUTPUT:
 {
-  "code": "import { Mail, User } from 'lucide-react';\\n\\nfunction ${componentName}(props) {\\n  // Modified component code here\\n}"
+  "component": "import { Mail, User } from 'lucide-react';\\n\\nfunction ${componentName}(props) {\\n  // Modified component code here\\n}"
 }
 
 Focus on making the requested changes while maintaining the component's quality and design principles.`;
@@ -11121,13 +11121,13 @@ AVAILABLE SEMANTIC COLOR CLASSES:
 
 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)
+1. "component": The complete React component code as a string
+2. "mockData": 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": {
+  "component": "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}",
+  "mockData": {
     "name": "Sarah Chen",
     "email": "sarah.chen@example.com",
     "role": "Product Manager"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-run-api",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Agents Run API for Inkeep Agent Framework - handles chat, agent execution, and streaming",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -52,7 +52,7 @@
     "traverse": "^0.6.11",
     "ts-pattern": "^5.7.1",
     "zod": "^4.1.11",
-    "@inkeep/agents-core": "^0.27.0"
+    "@inkeep/agents-core": "^0.28.0"
   },
   "optionalDependencies": {
     "keytar": "^7.9.0"