@inkeep/agents-manage-ui 0.6.4 → 0.6.6

package/.next/standalone/packages/agents-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-core",
-  "version": "0.6.2",
+  "version": "0.6.6",
   "description": "Agents Core contains the database schema, types, and validation schemas for Inkeep Agent Framework, along with core components.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -15,7 +15,6 @@
   },
   "scripts": {
     "build": "tsup",
-    "prepare": "pnpm build --no-dts",
     "test": "vitest --run",
     "test:unit": "vitest --run src/__tests__ --exclude src/__tests__/integration/**",
     "test:integration": "vitest --run src/__tests__/integration/",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-manage-ui",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "index.js",
   "types": "index.d.ts",
@@ -30,7 +30,7 @@
     "@ai-sdk/react": "2.0.11",
     "@codemirror/lang-json": "^6.0.2",
     "@hookform/resolvers": "^5.2.1",
-    "@inkeep/cxkit-react-oss": "0.5.103",
+    "@inkeep/cxkit-react-oss": "0.5.104",
     "@lezer/highlight": "^1.2.1",
     "@nangohq/frontend": "^0.66.0",
     "@nangohq/node": "^0.66.0",
@@ -81,9 +81,9 @@
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^4.1.5",
     "zustand": "^5.0.7",
-    "@inkeep/agents-core": "^0.6.4",
-    "@inkeep/agents-manage-api": "^0.6.4",
-    "@inkeep/agents-run-api": "^0.6.4"
+    "@inkeep/agents-core": "^0.6.6",
+    "@inkeep/agents-manage-api": "^0.6.6",
+    "@inkeep/agents-run-api": "^0.6.6"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",

package/src/app/[tenantId]/projects/[projectId]/graphs/[graphId]/page.tsx

@@ -24,7 +24,12 @@ async function GraphPage({ params }: GraphPageProps) {
 
   if (!graph.success) throw new Error(graph.error);
   if (!dataComponents.success || !artifactComponents.success || !tools.success) {
-    console.error('Failed to fetch components:', dataComponents.error, artifactComponents.error, tools.error);
+    console.error(
+      'Failed to fetch components:',
+      dataComponents.error,
+      artifactComponents.error,
+      tools.error
+    );
   }
 
   const dataComponentLookup = createLookup(
@@ -35,12 +40,7 @@ async function GraphPage({ params }: GraphPageProps) {
     artifactComponents.success ? artifactComponents.data : undefined
   );
 
-  const toolLookup = createLookup(
-    tools.success ? tools.data : undefined
-  );
-
-  // Ensure the toolLookup is serializable
-  const serializedToolLookup = JSON.parse(JSON.stringify(toolLookup));
+  const toolLookup = createLookup(tools.success ? tools.data : undefined);
 
   return (
     <BodyTemplate
@@ -53,7 +53,7 @@ async function GraphPage({ params }: GraphPageProps) {
         graph={graph?.data}
         dataComponentLookup={dataComponentLookup}
         artifactComponentLookup={artifactComponentLookup}
-        toolLookup={serializedToolLookup}
+        toolLookup={toolLookup}
       />
     </BodyTemplate>
   );

package/src/app/[tenantId]/projects/[projectId]/graphs/new/page.tsx

@@ -2,6 +2,7 @@ import { Graph } from '@/components/graph/graph';
 import { BodyTemplate } from '@/components/layout/body-template';
 import { fetchArtifactComponentsAction } from '@/lib/actions/artifact-components';
 import { fetchDataComponentsAction } from '@/lib/actions/data-components';
+import { fetchToolsAction } from '@/lib/actions/tools';
 import { createLookup } from '@/lib/utils';
 
 async function NewGraphPage({
@@ -10,13 +11,19 @@ async function NewGraphPage({
   params: Promise<{ tenantId: string; projectId: string }>;
 }) {
   const { tenantId, projectId } = await params;
-  const [dataComponents, artifactComponents] = await Promise.all([
+  const [dataComponents, artifactComponents, tools] = await Promise.all([
     fetchDataComponentsAction(tenantId, projectId),
     fetchArtifactComponentsAction(tenantId, projectId),
+    fetchToolsAction(tenantId, projectId),
   ]);
 
-  if (!dataComponents.success || !artifactComponents.success) {
-    console.error('Failed to fetch components:', dataComponents.error, artifactComponents.error);
+  if (!dataComponents.success || !artifactComponents.success || !tools.success) {
+    console.error(
+      'Failed to fetch components:',
+      dataComponents.error,
+      artifactComponents.error,
+      tools.error
+    );
   }
 
   const dataComponentLookup = createLookup(
@@ -26,6 +33,7 @@ async function NewGraphPage({
   const artifactComponentLookup = createLookup(
     artifactComponents.success ? artifactComponents.data : undefined
   );
+  const toolLookup = createLookup(tools.success ? tools.data : undefined);
 
   return (
     <BodyTemplate
@@ -37,6 +45,7 @@ async function NewGraphPage({
       <Graph
         dataComponentLookup={dataComponentLookup}
         artifactComponentLookup={artifactComponentLookup}
+        toolLookup={toolLookup}
       />
     </BodyTemplate>
   );

package/src/components/graph/graph.tsx

@@ -25,7 +25,6 @@ import { useGraphStore } from '@/features/graph/state/use-graph-store';
 import { useGraphShortcuts } from '@/features/graph/ui/use-graph-shortcuts';
 import { useGraphErrors } from '@/hooks/use-graph-errors';
 import { useSidePane } from '@/hooks/use-side-pane';
-import { fetchToolsAction } from '@/lib/actions/tools';
 import type { ArtifactComponent } from '@/lib/api/artifact-components';
 import type { DataComponent } from '@/lib/api/data-components';
 import { saveGraph } from '@/lib/services/save-graph';
@@ -73,36 +72,16 @@ function Flow({
   graph,
   dataComponentLookup = {},
   artifactComponentLookup = {},
-  toolLookup: initialToolLookup = {},
+  toolLookup = {},
 }: GraphProps) {
   const [showPlayground, setShowPlayground] = useState(false);
   const router = useRouter();
-  const [toolLookup, setToolLookup] = useState<Record<string, MCPTool>>(initialToolLookup);
 
   const { tenantId, projectId } = useParams<{
     tenantId: string;
     projectId: string;
   }>();
 
-  // Fetch tools on client side if not provided
-  // biome-ignore lint/correctness/useExhaustiveDependencies: we only want to run this effect on first render otherwise it will fetch tools in an infinite loop
-  useEffect(() => {
-    if (Object.keys(toolLookup).length === 0 && tenantId && projectId) {
-      fetchToolsAction(tenantId, projectId)
-        .then((res) => {
-          const data = res.data;
-          if (data) {
-            const lookup = data.reduce((acc: Record<string, MCPTool>, tool: MCPTool) => {
-              acc[tool.id] = tool;
-              return acc;
-            }, {});
-            setToolLookup(lookup);
-          }
-        })
-        .catch((err) => console.error('Failed to fetch tools:', err));
-    }
-  }, [tenantId, projectId]);
-
   const initialNodes = useMemo<Node[]>(
     () => [
       {
@@ -599,13 +578,19 @@ function Flow({
   );
 }
 
-export function Graph({ graph, dataComponentLookup, artifactComponentLookup }: GraphProps) {
+export function Graph({
+  graph,
+  dataComponentLookup,
+  artifactComponentLookup,
+  toolLookup,
+}: GraphProps) {
   return (
     <ReactFlowProvider>
       <Flow
         graph={graph}
         dataComponentLookup={dataComponentLookup}
         artifactComponentLookup={artifactComponentLookup}
+        toolLookup={toolLookup}
       />
     </ReactFlowProvider>
   );

package/src/components/graph/nodes/mcp-node.tsx

@@ -1,6 +1,7 @@
 import { type NodeProps, Position } from '@xyflow/react';
 import { MCPToolImage } from '@/components/mcp-servers/mcp-tool-image';
-import type { MCPTool } from "@/lib/types/tools";;
+import type { MCPTool } from '@/lib/types/tools';
+
 import { getToolTypeAndName } from '@/lib/utils/mcp-utils';
 import { mcpNodeHandleId } from '../configuration/node-types';
 import { BaseNode, BaseNodeHeader, BaseNodeHeaderTitle } from './base-node';

package/src/components/graph/playground/chat-widget.tsx

@@ -99,6 +99,16 @@ const styleOverrides = `
   color: var(--ikp-color-white-alpha-950);
 }
 
+.ikp-markdown-code {
+  background-color: var(--ikp-color-gray-100);
+  color: var(--ikp-color-gray-900);
+}
+
+[data-theme=dark] .ikp-markdown-code {
+  background-color: var(--ikp-color-white-alpha-100);
+  color: var(--ikp-color-white-alpha-950);
+}
+
 /* Dark mode styles for chat containers */
 [data-theme=dark] .ikp-sidebar-chat__close-button {
   color: var(--ikp-color-gray-50);

package/src/features/graph/domain/deserialize.ts

@@ -9,8 +9,12 @@ import {
   mcpNodeHandleId,
   NodeType,
 } from '@/components/graph/configuration/node-types';
-import type { MCPTool } from "@/lib/types/tools";;
-import type { FullGraphDefinition, InternalAgentDefinition, ExternalAgentDefinition } from '@/lib/types/graph-full';
+import type {
+  ExternalAgentDefinition,
+  FullGraphDefinition,
+  InternalAgentDefinition,
+} from '@/lib/types/graph-full';
+import type { MCPTool } from '@/lib/types/tools';
 import { formatJsonField } from '@/lib/utils';
 
 interface TransformResult {
@@ -97,7 +101,10 @@ function applyDagreLayout(nodes: Node[], edges: Edge[]): Node[] {
   });
 }
 
-export function deserializeGraphData(data: FullGraphDefinition, toolLookup?: Record<string, MCPTool>): TransformResult {
+export function deserializeGraphData(
+  data: FullGraphDefinition,
+  toolLookup?: Record<string, MCPTool>
+): TransformResult {
   const nodes: Node[] = [];
   const edges: Edge[] = [];
 
@@ -159,14 +166,17 @@ export function deserializeGraphData(data: FullGraphDefinition, toolLookup?: Rec
               : undefined,
             type: agent.type,
             // Convert canUse back to tools and selectedTools for UI
-            tools: internalAgent.canUse ? internalAgent.canUse.map(item => item.toolId) : [],
+            tools: internalAgent.canUse ? internalAgent.canUse.map((item) => item.toolId) : [],
             selectedTools: internalAgent.canUse
-              ? internalAgent.canUse.reduce((acc, item) => {
-                  if (item.toolSelection) {
-                    acc[item.toolId] = item.toolSelection;
-                  }
-                  return acc;
-                }, {} as Record<string, string[]>)
+              ? internalAgent.canUse.reduce(
+                  (acc, item) => {
+                    if (item.toolSelection) {
+                      acc[item.toolId] = item.toolSelection;
+                    }
+                    return acc;
+                  },
+                  {} as Record<string, string[]>
+                )
               : undefined,
           };
         })();
@@ -227,22 +237,24 @@ export function deserializeGraphData(data: FullGraphDefinition, toolLookup?: Rec
             id: toolNodeId,
             type: NodeType.MCP,
             position: { x: 0, y: 0 },
-            data: tool ? {
-              id: tool.id,
-              name: tool.name,
-              description: '', // MCPTool doesn't have a description field at top level
-              type: 'mcp',
-              config: tool.config || {},
-              status: tool.status,
-              availableTools: tool.availableTools,
-              selectedTools: canUseItem.toolSelection // Use toolSelection from canUseItem
-            } : {
-              id: toolId,
-              name: toolId,
-              description: 'Project-scoped tool',
-              type: 'project-scoped',
-              config: {}
-            },
+            data: tool
+              ? {
+                  id: tool.id,
+                  name: tool.name,
+                  description: '', // MCPTool doesn't have a description field at top level
+                  type: 'mcp',
+                  config: tool.config || {},
+                  status: tool.status,
+                  availableTools: tool.availableTools,
+                  selectedTools: canUseItem.toolSelection, // Use toolSelection from canUseItem
+                }
+              : {
+                  id: toolId,
+                  name: toolId,
+                  description: 'Project-scoped tool',
+                  type: 'project-scoped',
+                  config: {},
+                },
           };
           nodes.push(toolNode);
 

package/.next/standalone/agents-manage-ui/.next/server/chunks/1344.js

@@ -1 +0,0 @@
-exports.id=1344,exports.ids=[1344],exports.modules={5294:(a,b,c)=>{"use strict";c.d(b,{GO:()=>i,K3:()=>h,h9:()=>k});var d=c(29991);c(58415);var e=c(8703),f=c(45796);async function g(a,b,c=1,d=50){(0,f.M2)(a),(0,f.nt)(b);let h=new URLSearchParams({page:c.toString(),limit:d.toString()});return(await (0,e.J)(`tenants/${a}/projects/${b}/credentials?${h}`)).data}async function h(a,b,c){return(0,f.M2)(a),(0,f.nt)(b),(await (0,e.J)(`tenants/${a}/projects/${b}/credentials/${c}`)).data}async function i(a,b,c){return(0,f.M2)(a),(0,f.nt)(b),(await (0,e.J)(`tenants/${a}/projects/${b}/credentials`,{method:"POST",body:JSON.stringify(c)})).data}async function j(a,b,c,d){return(0,f.M2)(a),(0,f.nt)(b),(await (0,e.J)(`tenants/${a}/projects/${b}/credentials/${c}`,{method:"PUT",body:JSON.stringify(d)})).data}async function k(a,b,c){(0,f.M2)(a),(0,f.nt)(b),await (0,e.J)(`tenants/${a}/projects/${b}/credentials/${c}`,{method:"DELETE"})}(0,c(33451).D)([g,h,i,j,k]),(0,d.A)(g,"780b581353f4fba370162b36244ddc390c3dbcfe96",null),(0,d.A)(h,"7024e0205d22295d5538f9dddce3c688dc5bc7c782",null),(0,d.A)(i,"7061387d6c5823c894689f57aaa525dc18f1d88a2b",null),(0,d.A)(j,"782e36c8191d64d387909423e0a82d23c028930cac",null),(0,d.A)(k,"7098e21b2566c445d0ac0e9e5e550cdb17f3cff373",null)},8194:(a,b,c)=>{"use strict";c.d(b,{U:()=>e});var d=c(90147);let e=(0,d.createServerReference)("707052be34e768b43fd98ddd418c7759ecc37d466c",d.callServer,void 0,d.findSourceMapURL,"findOrCreateCredential")},18671:(a,b,c)=>{"use strict";c.r(b),c.d(b,{"40caeecdc5df4f5ba1e90d60988b7d3ad2a2157a2d":()=>d.vj,"600423806bd913c1707dcc51b908a8b3b0a563242e":()=>d.xx,"60995a415d0a5e85abcca50bd2fbf3439c514d21bf":()=>d.Sw,"60e5498733ddd1dec24d4b95a79203be9db7282d10":()=>d.gA,"702dbcb78980b0ba35a0397fd9b1308404351d6c6d":()=>d.vr});var d=c(54637)},19329:(a,b,c)=>{"use strict";c.d(b,{U:()=>f});var d=c(29991);c(58415);var e=c(5294);async function f(a,b,c){try{let d=await (0,e.K3)(a,b,c.id);if(d)return d}catch{}try{return await (0,e.GO)(a,b,c)}catch(a){throw console.error("Failed to save credential to database:",a),Error(`Failed to save credential '${c.id}' to database`)}}(0,c(33451).D)([f]),(0,d.A)(f,"707052be34e768b43fd98ddd418c7759ecc37d466c",null)},21395:(a,b,c)=>{"use strict";c.d(b,{RN:()=>s,Ak:()=>p,uP:()=>t,tN:()=>q,Mj:()=>o,tQ:()=>n,pv:()=>m,Mb:()=>l,H6:()=>u,P:()=>v});var d=c(29991);c(58415);var e=c(34843),f=c(55797),g=c(67417);class h extends Error{constructor(a,b,c){super(a),this.operation=b,this.cause=c,this.name="NangoError"}}function i(a,b,c){if(a instanceof h)throw a;throw new h(b,c,a)}var j=c(33451);let k=()=>{let a=process.env.NANGO_SECRET_KEY;if(!a)throw new h("NANGO_SECRET_KEY environment variable is required for Nango integration");try{return new f.CA({secretKey:a,host:process.env.NANGO_SERVER_URL||void 0})}catch(a){throw new h("Failed to initialize Nango client","new Nango",a)}};async function l(){try{let a=k();return(await a.listProviders({})).data}catch(a){console.error("Failed to fetch providers:",a),i(a,"Unable to retrieve available providers from Nango","listProviders")}}async function m(a){try{let b=k();return(await b.getProvider({provider:a})).data}catch(b){console.error(`Failed to fetch provider ${a}:`,b),i(b,`Provider '${a}' not found or inaccessible`,"getProvider")}}async function n(){try{let a=k();return(await a.listIntegrations()).configs}catch(a){console.error("Failed to fetch integrations:",a),i(a,"Unable to retrieve existing integrations","listIntegrations")}}async function o(a){try{let b=k(),c=(await b.getIntegration({uniqueKey:a},{include:["credentials"]})).data,d=!1;d=c.credentials?.type==="OAUTH2"||c.credentials?.type==="OAUTH1"||c.credentials?.type==="TBA"?!!(c.credentials?.client_id&&c.credentials?.client_secret):c.credentials?.type!=="APP"||!!(c.credentials?.app_id&&c.credentials?.app_link);let{credentials:e,...f}=c;return{...f,areCredentialsSet:d}}catch(b){if(b&&"object"==typeof b&&"status"in b&&404===b.status)return null;console.error(`Failed to fetch integration ${a}:`,b),i(b,`Unable to fetch integration with key '${a}'`,"getIntegration")}}async function p(a){try{let b=k();return(await b.createIntegration({provider:a.provider,unique_key:a.uniqueKey,display_name:a.displayName,credentials:a.credentials})).data}catch(b){console.error("Failed to create integration:",b),i(b,`Failed to create integration '${a.uniqueKey}' for provider '${a.provider}'`,"createIntegration")}}async function q(a){try{let a=k();return(await a.listConnections()).connections}catch(c){let b=a?` for integration '${a}'`:"";console.error(`Failed to fetch connections${b}:`,c),i(c,`Unable to retrieve connections${b}`,"listConnections")}}async function r({endUserId:a="test-tenant",endUserEmail:b="test@test-tenant.com",endUserDisplayName:c="Test User",organizationId:d=process.env.TENANT_ID||g.P3,organizationDisplayName:e="Test Organization",integrationId:f}){try{let g=k(),{data:h}=await g.createConnectSession({end_user:{id:a,email:b,display_name:c},organization:{id:d,display_name:e},allowed_integrations:[f]});return h}catch(a){console.error("Failed to create connect session:",a),i(a,`Unable to create connect session for integration '${f}'`,"createConnectSession")}}async function s({name:a,apiKeyToSet:b,metadata:c}){let d=(0,e.K_)(a);try{let e;try{e=await p({provider:"private-api-bearer",uniqueKey:d,displayName:a})}catch(a){if(a instanceof h&&a.cause&&"object"==typeof a.cause&&"status"in a.cause&&400===a.cause.status){let b=await o(d);b?e=b:i(a,"Integration creation failed for unexpected reasons","create")}else i(a,`Failed to create or retrieve integration '${d}'`,"create")}try{let a=`${process.env.NANGO_SERVER_URL||"https://api.nango.dev"}/connections`,f={provider_config_key:e.unique_key,connection_id:d,metadata:c,credentials:{type:"API_KEY",apiKey:b}},g=await fetch(a,{method:"POST",headers:{Authorization:`Bearer ${process.env.NANGO_SECRET_KEY}`,"Content-Type":"application/json"},body:JSON.stringify(f)});if(!g.ok)throw new h(`Failed to import connection: HTTP ${g.status} - ${g.statusText}`,"importConnection")}catch(a){i(a,"Failed to import API key connection to Nango","importConnection")}try{await v({providerConfigKey:e.unique_key,connectionId:d,metadata:c})}catch(a){console.warn(`Failed to set metadata for connection ${d}:`,a)}return{integration:e}}catch(b){console.error("Unexpected error creating API key credential:",b),i(b,`Unexpected error creating API key credential '${a}'`,"createNangoApiKeyConnection")}}async function t({providerName:a,credentials:b}){try{let c,d=null;try{d=await o(a)}catch(b){if(b instanceof h)throw b;console.debug(`Integration '${a}' not found, will create new one`)}if(d?.areCredentialsSet)c=d;else try{c=await p({provider:a,uniqueKey:a,displayName:a,credentials:b})}catch(b){i(b,`Failed to create integration for provider '${a}'`,"create")}try{return(await r({integrationId:c.unique_key})).token}catch(a){i(a,`Failed to create connect session for integration '${c.unique_key}'`,"createConnectSession")}}catch(b){console.error("Unexpected error creating provider connect session:",b),i(b,`Unexpected error creating connect session for provider '${a}'`,"createProviderConnectSession")}}async function u({providerConfigKey:a,connectionId:b}){try{let c=k();return await c.getMetadata(a,b)}catch(a){if(a&&"object"==typeof a&&"status"in a&&404===a.status)return null;console.error("Failed to get connection metadata:",a),i(a,`Unable to retrieve metadata for connection '${b}'`,"getMetadata")}}async function v({providerConfigKey:a,connectionId:b,metadata:c}){try{let d=k();await d.setMetadata(a,b,c)}catch(a){console.error("Failed to set connection metadata:",a),i(a,`Unable to update metadata for connection '${b}'`,"setMetadata")}}(0,j.D)([l,m,n,o,p,q,s,t,u,v]),(0,d.A)(l,"00978c7b84c3a12e1814e7eb0b51c6a1bea61d2f85",null),(0,d.A)(m,"407150576bba410c7d3fd453f4dd73af873c6148c5",null),(0,d.A)(n,"000dd71186bcdcbf8f6c805f781ecd2c2c570ce6cc",null),(0,d.A)(o,"401a0e5b905e7a7af75befd7c47f4262bde0ba5dd8",null),(0,d.A)(p,"400b4e7171008b76747506f344d702adf8422ae8b1",null),(0,d.A)(q,"40e8be759ad44d90a5b4e48ddcc6907435d21a6ed2",null),(0,d.A)(s,"40acb402847bf23600b93a05d0a02e1e693aca8b27",null),(0,d.A)(t,"401048e60dd032d7323aefbccc1b645a71190fdabd",null),(0,d.A)(u,"404105646c8d810bb2b9c563eba8edbb99260078d1",null),(0,d.A)(v,"408224a14fae72c1577fc23df4afcfbde2636ab2a5",null)},22427:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(59111),e=c(43433);function f(){return(0,d.jsx)(e.A,{description:"Something went wrong."})}},56776:(a,b,c)=>{Promise.resolve().then(c.bind(c,22427))},80969:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/credentials/error.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/credentials/error.tsx","default")},93224:(a,b,c)=>{Promise.resolve().then(c.bind(c,80969))}};

package/.next/standalone/agents-manage-ui/.next/server/chunks/1382.js

@@ -1 +0,0 @@
-"use strict";exports.id=1382,exports.ids=[1382],exports.modules={32303:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(89892).A)("pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]])},52287:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(89892).A)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]])},72538:(a,b,c)=>{c.d(b,{LM:()=>W,OK:()=>X,VM:()=>x,bL:()=>V,lr:()=>I});var d=c(14450),e=c(20647),f=c(58120),g=c(2102),h=c(90890),i=c(24503),j=c(46029),k=c(62007),l=c(2100),m=c(13254),n=c(59111),o="ScrollArea",[p,q]=(0,g.A)(o),[r,s]=p(o),t=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,type:f="hover",dir:g,scrollHideDelay:i=600,...k}=a,[l,m]=d.useState(null),[o,p]=d.useState(null),[q,s]=d.useState(null),[t,u]=d.useState(null),[v,w]=d.useState(null),[x,y]=d.useState(0),[z,A]=d.useState(0),[B,C]=d.useState(!1),[D,E]=d.useState(!1),F=(0,h.s)(b,a=>m(a)),G=(0,j.jH)(g);return(0,n.jsx)(r,{scope:c,type:f,dir:G,scrollHideDelay:i,scrollArea:l,viewport:o,onViewportChange:p,content:q,onContentChange:s,scrollbarX:t,onScrollbarXChange:u,scrollbarXEnabled:B,onScrollbarXEnabledChange:C,scrollbarY:v,onScrollbarYChange:w,scrollbarYEnabled:D,onScrollbarYEnabledChange:E,onCornerWidthChange:y,onCornerHeightChange:A,children:(0,n.jsx)(e.sG.div,{dir:G,...k,ref:F,style:{position:"relative","--radix-scroll-area-corner-width":x+"px","--radix-scroll-area-corner-height":z+"px",...a.style}})})});t.displayName=o;var u="ScrollAreaViewport",v=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...i}=a,j=s(u,c),k=d.useRef(null),l=(0,h.s)(b,k,j.onViewportChange);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:g}),(0,n.jsx)(e.sG.div,{"data-radix-scroll-area-viewport":"",...i,ref:l,style:{overflowX:j.scrollbarXEnabled?"scroll":"hidden",overflowY:j.scrollbarYEnabled?"scroll":"hidden",...a.style},children:(0,n.jsx)("div",{ref:j.onContentChange,style:{minWidth:"100%",display:"table"},children:f})})]})});v.displayName=u;var w="ScrollAreaScrollbar",x=d.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=s(w,a.__scopeScrollArea),{onScrollbarXEnabledChange:g,onScrollbarYEnabledChange:h}=f,i="horizontal"===a.orientation;return d.useEffect(()=>(i?g(!0):h(!0),()=>{i?g(!1):h(!1)}),[i,g,h]),"hover"===f.type?(0,n.jsx)(y,{...e,ref:b,forceMount:c}):"scroll"===f.type?(0,n.jsx)(z,{...e,ref:b,forceMount:c}):"auto"===f.type?(0,n.jsx)(A,{...e,ref:b,forceMount:c}):"always"===f.type?(0,n.jsx)(B,{...e,ref:b}):null});x.displayName=w;var y=d.forwardRef((a,b)=>{let{forceMount:c,...e}=a,g=s(w,a.__scopeScrollArea),[h,i]=d.useState(!1);return d.useEffect(()=>{let a=g.scrollArea,b=0;if(a){let c=()=>{window.clearTimeout(b),i(!0)},d=()=>{b=window.setTimeout(()=>i(!1),g.scrollHideDelay)};return a.addEventListener("pointerenter",c),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(b),a.removeEventListener("pointerenter",c),a.removeEventListener("pointerleave",d)}}},[g.scrollArea,g.scrollHideDelay]),(0,n.jsx)(f.C,{present:c||h,children:(0,n.jsx)(A,{"data-state":h?"visible":"hidden",...e,ref:b})})}),z=d.forwardRef((a,b)=>{var c;let{forceMount:e,...g}=a,h=s(w,a.__scopeScrollArea),i="horizontal"===a.orientation,j=T(()=>l("SCROLL_END"),100),[k,l]=(c={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},d.useReducer((a,b)=>c[a][b]??a,"hidden"));return d.useEffect(()=>{if("idle"===k){let a=window.setTimeout(()=>l("HIDE"),h.scrollHideDelay);return()=>window.clearTimeout(a)}},[k,h.scrollHideDelay,l]),d.useEffect(()=>{let a=h.viewport,b=i?"scrollLeft":"scrollTop";if(a){let c=a[b],d=()=>{let d=a[b];c!==d&&(l("SCROLL"),j()),c=d};return a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[h.viewport,i,l,j]),(0,n.jsx)(f.C,{present:e||"hidden"!==k,children:(0,n.jsx)(B,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,m.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,m.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),A=d.forwardRef((a,b)=>{let c=s(w,a.__scopeScrollArea),{forceMount:e,...g}=a,[h,i]=d.useState(!1),j="horizontal"===a.orientation,k=T(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return U(c.viewport,k),U(c.content,k),(0,n.jsx)(f.C,{present:e||h,children:(0,n.jsx)(B,{"data-state":h?"visible":"hidden",...g,ref:b})})}),B=d.forwardRef((a,b)=>{let{orientation:c="vertical",...e}=a,f=s(w,a.__scopeScrollArea),g=d.useRef(null),h=d.useRef(0),[i,j]=d.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),k=O(i.viewport,i.content),l={...e,sizes:i,onSizesChange:j,hasThumb:!!(k>0&&k<1),onThumbChange:a=>g.current=a,onThumbPointerUp:()=>h.current=0,onThumbPointerDown:a=>h.current=a};function m(a,b){return function(a,b,c,d="ltr"){let e=P(c),f=b||e/2,g=c.scrollbar.paddingStart+f,h=c.scrollbar.size-c.scrollbar.paddingEnd-(e-f),i=c.content-c.viewport;return R([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,h.current,i,b)}return"horizontal"===c?(0,n.jsx)(C,{...l,ref:b,onThumbPositionChange:()=>{if(f.viewport&&g.current){let a=Q(f.viewport.scrollLeft,i,f.dir);g.current.style.transform=`translate3d(${a}px, 0, 0)`}},onWheelScroll:a=>{f.viewport&&(f.viewport.scrollLeft=a)},onDragScroll:a=>{f.viewport&&(f.viewport.scrollLeft=m(a,f.dir))}}):"vertical"===c?(0,n.jsx)(D,{...l,ref:b,onThumbPositionChange:()=>{if(f.viewport&&g.current){let a=Q(f.viewport.scrollTop,i);g.current.style.transform=`translate3d(0, ${a}px, 0)`}},onWheelScroll:a=>{f.viewport&&(f.viewport.scrollTop=a)},onDragScroll:a=>{f.viewport&&(f.viewport.scrollTop=m(a))}}):null}),C=d.forwardRef((a,b)=>{let{sizes:c,onSizesChange:e,...f}=a,g=s(w,a.__scopeScrollArea),[i,j]=d.useState(),k=d.useRef(null),l=(0,h.s)(b,k,g.onScrollbarXChange);return d.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,n.jsx)(G,{"data-orientation":"horizontal",...f,ref:l,sizes:c,style:{bottom:0,left:"rtl"===g.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===g.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":P(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.x),onDragScroll:b=>a.onDragScroll(b.x),onWheelScroll:(b,c)=>{if(g.viewport){let d=g.viewport.scrollLeft+b.deltaX;a.onWheelScroll(d),function(a,b){return a>0&&a<b}(d,c)&&b.preventDefault()}},onResize:()=>{k.current&&g.viewport&&i&&e({content:g.viewport.scrollWidth,viewport:g.viewport.offsetWidth,scrollbar:{size:k.current.clientWidth,paddingStart:N(i.paddingLeft),paddingEnd:N(i.paddingRight)}})}})}),D=d.forwardRef((a,b)=>{let{sizes:c,onSizesChange:e,...f}=a,g=s(w,a.__scopeScrollArea),[i,j]=d.useState(),k=d.useRef(null),l=(0,h.s)(b,k,g.onScrollbarYChange);return d.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,n.jsx)(G,{"data-orientation":"vertical",...f,ref:l,sizes:c,style:{top:0,right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":P(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.y),onDragScroll:b=>a.onDragScroll(b.y),onWheelScroll:(b,c)=>{if(g.viewport){let d=g.viewport.scrollTop+b.deltaY;a.onWheelScroll(d),function(a,b){return a>0&&a<b}(d,c)&&b.preventDefault()}},onResize:()=>{k.current&&g.viewport&&i&&e({content:g.viewport.scrollHeight,viewport:g.viewport.offsetHeight,scrollbar:{size:k.current.clientHeight,paddingStart:N(i.paddingTop),paddingEnd:N(i.paddingBottom)}})}})}),[E,F]=p(w),G=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,sizes:f,hasThumb:g,onThumbChange:j,onThumbPointerUp:k,onThumbPointerDown:l,onThumbPositionChange:o,onDragScroll:p,onWheelScroll:q,onResize:r,...t}=a,u=s(w,c),[v,x]=d.useState(null),y=(0,h.s)(b,a=>x(a)),z=d.useRef(null),A=d.useRef(""),B=u.viewport,C=f.content-f.viewport,D=(0,i.c)(q),F=(0,i.c)(o),G=T(r,10);function H(a){z.current&&p({x:a.clientX-z.current.left,y:a.clientY-z.current.top})}return d.useEffect(()=>{let a=a=>{let b=a.target;v?.contains(b)&&D(a,C)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[B,v,C,D]),d.useEffect(F,[f,F]),U(v,G),U(u.content,G),(0,n.jsx)(E,{scope:c,scrollbar:v,hasThumb:g,onThumbChange:(0,i.c)(j),onThumbPointerUp:(0,i.c)(k),onThumbPositionChange:F,onThumbPointerDown:(0,i.c)(l),children:(0,n.jsx)(e.sG.div,{...t,ref:y,style:{position:"absolute",...t.style},onPointerDown:(0,m.mK)(a.onPointerDown,a=>{0===a.button&&(a.target.setPointerCapture(a.pointerId),z.current=v.getBoundingClientRect(),A.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",u.viewport&&(u.viewport.style.scrollBehavior="auto"),H(a))}),onPointerMove:(0,m.mK)(a.onPointerMove,H),onPointerUp:(0,m.mK)(a.onPointerUp,a=>{let b=a.target;b.hasPointerCapture(a.pointerId)&&b.releasePointerCapture(a.pointerId),document.body.style.webkitUserSelect=A.current,u.viewport&&(u.viewport.style.scrollBehavior=""),z.current=null})})})}),H="ScrollAreaThumb",I=d.forwardRef((a,b)=>{let{forceMount:c,...d}=a,e=F(H,a.__scopeScrollArea);return(0,n.jsx)(f.C,{present:c||e.hasThumb,children:(0,n.jsx)(J,{ref:b,...d})})}),J=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,i=s(H,c),j=F(H,c),{onThumbPositionChange:k}=j,l=(0,h.s)(b,a=>j.onThumbChange(a)),o=d.useRef(void 0),p=T(()=>{o.current&&(o.current(),o.current=void 0)},100);return d.useEffect(()=>{let a=i.viewport;if(a){let b=()=>{p(),o.current||(o.current=S(a,k),k())};return k(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[i.viewport,p,k]),(0,n.jsx)(e.sG.div,{"data-state":j.hasThumb?"visible":"hidden",...g,ref:l,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...f},onPointerDownCapture:(0,m.mK)(a.onPointerDownCapture,a=>{let b=a.target.getBoundingClientRect(),c=a.clientX-b.left,d=a.clientY-b.top;j.onThumbPointerDown({x:c,y:d})}),onPointerUp:(0,m.mK)(a.onPointerUp,j.onThumbPointerUp)})});I.displayName=H;var K="ScrollAreaCorner",L=d.forwardRef((a,b)=>{let c=s(K,a.__scopeScrollArea),d=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&d?(0,n.jsx)(M,{...a,ref:b}):null});L.displayName=K;var M=d.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=s(K,c),[h,i]=d.useState(0),[j,k]=d.useState(0),l=!!(h&&j);return U(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),U(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,n.jsx)(e.sG.div,{...f,ref:b,style:{width:h,height:j,position:"absolute",right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:0,...a.style}}):null});function N(a){return a?parseInt(a,10):0}function O(a,b){let c=a/b;return isNaN(c)?0:c}function P(a){let b=O(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function Q(a,b,c="ltr"){let d=P(b),e=b.scrollbar.paddingStart+b.scrollbar.paddingEnd,f=b.scrollbar.size-e,g=b.content-b.viewport,h=(0,l.q)(a,"ltr"===c?[0,g]:[-1*g,0]);return R([0,g],[0,f-d])(h)}function R(a,b){return c=>{if(a[0]===a[1]||b[0]===b[1])return b[0];let d=(b[1]-b[0])/(a[1]-a[0]);return b[0]+d*(c-a[0])}}var S=(a,b=()=>{})=>{let c={left:a.scrollLeft,top:a.scrollTop},d=0;return!function e(){let f={left:a.scrollLeft,top:a.scrollTop},g=c.left!==f.left,h=c.top!==f.top;(g||h)&&b(),c=f,d=window.requestAnimationFrame(e)}(),()=>window.cancelAnimationFrame(d)};function T(a,b){let c=(0,i.c)(a),e=d.useRef(0);return d.useEffect(()=>()=>window.clearTimeout(e.current),[]),d.useCallback(()=>{window.clearTimeout(e.current),e.current=window.setTimeout(c,b)},[c,b])}function U(a,b){let c=(0,i.c)(b);(0,k.N)(()=>{let b=0;if(a){let d=new ResizeObserver(()=>{cancelAnimationFrame(b),b=window.requestAnimationFrame(c)});return d.observe(a),()=>{window.cancelAnimationFrame(b),d.unobserve(a)}}},[a,c])}var V=t,W=v,X=L}};

package/.next/standalone/agents-manage-ui/.next/server/chunks/1534.js

@@ -1 +0,0 @@
-exports.id=1534,exports.ids=[1534],exports.modules={8636:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/not-found.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/not-found.tsx","default")},12181:(a,b,c)=>{Promise.resolve().then(c.bind(c,98261)),Promise.resolve().then(c.bind(c,97633)),Promise.resolve().then(c.bind(c,80248)),Promise.resolve().then(c.t.bind(c,93520,23))},23413:(a,b,c)=>{"use strict";c.d(b,{S:()=>k});var d=c(59111),e=c(71771),f=c(2856),g=c(80974),h=c(42723),i=c(67466);function j(a){return(0,d.jsxs)("div",{"data-slot":"json-editor",className:`space-y-3 relative overflow-hidden p-1 ${a.className||""}`,children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 absolute top-3 right-3 z-10",children:[!a.value?.trim()&&(0,d.jsx)(f.$,{type:"button",onClick:()=>{let b=(0,g.Fc)();a.onChange(b)},variant:"outline",size:"sm",className:"h-6 px-2 text-xs rounded-sm",children:"Template"}),(0,d.jsx)(f.$,{type:"button",onClick:()=>{let b=a.value;if(b?.trim()){let c=(0,h.IB)(b);a.onChange(c)}},variant:"outline",size:"sm",className:"h-6 px-2 text-xs rounded-sm",disabled:!a.value?.trim(),children:"Format"})]}),(0,d.jsx)(i.i,{value:a.value||"",onChange:a.onChange,placeholder:a.placeholder,disabled:a.disabled,readOnly:a.readOnly})]})}function k({control:a,name:b,label:c="JSON Schema",placeholder:f,disabled:g,description:h,readOnly:i,isRequired:k=!1}){return(0,d.jsx)(e.u,{control:a,name:b,label:c,description:h,isRequired:k,children:a=>(0,d.jsx)(j,{placeholder:f,...a,onChange:a.onChange,readOnly:i,disabled:g})})}},29160:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>h,dynamic:()=>g});var d=c(72669),e=c(95460),f=c(54637);let g="force-dynamic";async function h({children:a,params:b}){let{tenantId:c,projectId:g}=await b;try{await (0,f.Sw)(c,g)}catch(a){(0,e.notFound)()}return(0,d.jsx)(d.Fragment,{children:a})}},35490:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/data-components/error.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/app/[tenantId]/projects/[projectId]/data-components/error.tsx","default")},37830:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>h});var d=c(59111),e=c(437),f=c(485);c(14450);var g=c(2856);function h(){let a=(0,f.useParams)(),b=(0,f.useRouter)(),c=a.tenantId,h=a.projectId;return(0,d.jsx)("div",{className:"flex min-h-[400px] flex-col items-center justify-center p-8",children:(0,d.jsxs)("div",{className:"text-center max-w-md",children:[(0,d.jsx)("div",{className:"mb-4 flex justify-center",children:(0,d.jsx)(e.A,{className:"h-12 w-12 text-muted-foreground"})}),(0,d.jsx)("h1",{className:"text-2xl font-semibold mb-2",children:"Project Not Found"}),(0,d.jsxs)("p",{className:"text-muted-foreground mb-6",children:['The project "',h,"\" does not exist or you don't have access to it."]}),(0,d.jsx)("p",{className:"text-sm text-muted-foreground mb-6",children:"Redirecting to projects list in 3 seconds..."}),(0,d.jsx)(g.$,{onClick:()=>b.push(`/${c}/projects`),variant:"default",children:"Go to Projects List"})]})})}},39790:(a,b,c)=>{"use strict";c.d(b,{DataComponentForm:()=>x});var d=c(59111),e=c(59099),f=c(485),g=c(94150),h=c(68156),i=c(17130),j=c(16426),k=c(23413),l=c(2856),m=c(93622),n=c(35283),o=c(90147);let p=(0,o.createServerReference)("70f69cf0bdd220318bb63a62c3382fdcdd7784a748",o.callServer,void 0,o.findSourceMapURL,"updateDataComponentAction"),q=(0,o.createServerReference)("70d8440c6c7e6ac2a7ec09ee52a56841ef81073935",o.callServer,void 0,o.findSourceMapURL,"createDataComponentAction");var r=c(42723);let s={id:"",name:"",description:"",props:""};var t=c(45809),u=c(80974),v=c(62503);let w=t.object({id:v.f,name:t.string().min(1,"Name is required."),description:t.string().min(1,"Description is required."),props:t.string().min(1,"Props schema is required.").transform((a,b)=>{try{let c=JSON.parse(a),d=(0,u._O)(a);if(!d.isValid){let a=d.errors[0]?.message||"Invalid JSON schema";return b.addIssue({code:t.ZodIssueCode.custom,message:a}),t.NEVER}return c}catch(a){return b.addIssue({code:t.ZodIssueCode.custom,message:(0,u.SR)(a)}),t.NEVER}}).optional()});function x({tenantId:a,projectId:b,id:c,initialData:o}){let t=(0,g.mN)({resolver:(0,e.u)(w),defaultValues:(a=>{if(!a)return s;let b={...a};return b.props&&(b.props=(0,r.S_)(b.props)),b})(o)}),{isSubmitting:u}=t.formState,v=(0,f.useRouter)();(0,n.S)({form:t,nameField:"name",idField:"id",isEditing:!!c});let x=async d=>{try{let e={...d};if(c){let c=await p(a,b,e);if(!c.success)return void h.oR.error(c.error||"Failed to update data component");h.oR.success("Data component updated")}else{let c=await q(a,b,e);if(!c.success)return void h.oR.error(c.error||"Failed to create data component");h.oR.success("Data component created"),v.push(`/${a}/projects/${b}/data-components`)}}catch(b){console.error("Error submitting data component:",b);let a=b instanceof Error?b.message:"An unexpected error occurred";h.oR.error(a)}};return(0,d.jsx)(m.lV,{...t,children:(0,d.jsxs)("form",{onSubmit:t.handleSubmit(x),className:"space-y-8",children:[(0,d.jsx)(i.a,{control:t.control,name:"name",label:"Name",placeholder:"ListOrders",description:"This name is used to identify the component in chat widget integration. Example: components: { ListOrders: MyListOrdersComponent }",isRequired:!0}),(0,d.jsx)(i.a,{control:t.control,name:"id",label:"Id",placeholder:"my-data-component",disabled:!!c,description:c?"":"Choose a unique identifier for this component. Using an existing id will replace that component.",isRequired:!0}),(0,d.jsx)(j.K,{control:t.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,d.jsx)(k.S,{control:t.control,name:"props",label:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",isRequired:!0}),(0,d.jsx)(l.$,{type:"submit",disabled:u,children:"Save"})]})})}},45622:()=>{},45891:(a,b,c)=>{Promise.resolve().then(c.bind(c,37830))},54037:(a,b,c)=>{Promise.resolve().then(c.bind(c,39790)),Promise.resolve().then(c.bind(c,24003)),Promise.resolve().then(c.bind(c,19603)),Promise.resolve().then(c.t.bind(c,61678,23))},62503:(a,b,c)=>{"use strict";c.d(b,{f:()=>d});let d=c(45809).string().min(1,"Id is required.").max(64,"Id must be less than 64 characters.").regex(/^[a-zA-Z0-9_-]+$/,"Id must contain only alphanumeric characters, underscores, and dashes. No spaces allowed.")},64220:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>j});var d=c(72669),e=c(17932),f=c(96737),g=c(39885),h=c(3687),i=c(82058);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Data components"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"Data components",description:i.yr}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 md:gap-4",children:Array.from({length:6}).map((a,b)=>(0,d.jsx)(h.E,{className:"h-36 w-full rounded-lg"},`loading-skeleton-${b}`))})]})})}},68952:(a,b,c)=>{Promise.resolve().then(c.bind(c,8636))},80974:(a,b,c)=>{"use strict";c.d(b,{Fc:()=>k,SR:()=>l,_O:()=>j});var d=c(7352),e=c(43381);let f=d.ZU.Object({type:d.ZU.Union([d.ZU.Literal("string"),d.ZU.Literal("number"),d.ZU.Literal("integer"),d.ZU.Literal("boolean"),d.ZU.Literal("array"),d.ZU.Literal("object"),d.ZU.Literal("null")]),description:d.ZU.String({minLength:1}),format:d.ZU.Optional(d.ZU.String()),pattern:d.ZU.Optional(d.ZU.String()),minimum:d.ZU.Optional(d.ZU.Number()),maximum:d.ZU.Optional(d.ZU.Number()),minLength:d.ZU.Optional(d.ZU.Number()),maxLength:d.ZU.Optional(d.ZU.Number()),items:d.ZU.Optional(d.ZU.Any()),properties:d.ZU.Optional(d.ZU.Any()),enum:d.ZU.Optional(d.ZU.Array(d.ZU.Any())),const:d.ZU.Optional(d.ZU.Any()),default:d.ZU.Optional(d.ZU.Any())}),g=d.ZU.Object({type:d.ZU.Literal("object"),properties:d.ZU.Record(d.ZU.String(),f),required:d.ZU.Array(d.ZU.String(),{minItems:1}),additionalProperties:d.ZU.Optional(d.ZU.Boolean()),description:d.ZU.Optional(d.ZU.String())}),h=e.gv.Compile(f),i=e.gv.Compile(g);function j(a){let b=[],{parsed:c,errors:d}=function(a){let b=[],c=null;if(!a?.trim())return{parsed:null,errors:b};try{c=JSON.parse(a)}catch(a){b.push({path:"root",message:a instanceof Error?a.message:"Invalid JSON syntax",type:"syntax"})}return{parsed:c,errors:b}}(a);if(d.length>0)return{isValid:!1,errors:d,warnings:b};if(!c)return{isValid:!0,errors:[],warnings:["Empty schema provided"]};let e=[...function(a){let b=[];return a&&"object"==typeof a?!i.Check(a)&&(a.type&&"object"===a.type||b.push({path:"type",message:'Schema must have type: "object" for LLM compatibility',type:"llm_requirement"}),a.properties&&"object"==typeof a.properties||b.push({path:"properties",message:'Schema must have a "properties" object',type:"schema"}),a.required&&Array.isArray(a.required)||b.push({path:"required",message:'Schema must have a "required" array (can be empty)',type:"llm_requirement"}),a.properties&&"object"==typeof a.properties&&Object.entries(a.properties).forEach(([a,c])=>{h.Check(c)||[...h.Errors(c)].forEach(c=>{let d=c.message;"/description"===c.path?d='Each property must have a "description" for LLM compatibility':"/type"===c.path&&(d='Each property must have a valid "type"'),b.push({path:`properties.${a}${c.path}`,message:d,type:"/description"===c.path?"llm_requirement":"schema"})})})):b.push({path:"root",message:"Schema must be an object",type:"schema"}),b}(c),...function(a){let b=[];return a&&"object"==typeof a&&(a.required&&Array.isArray(a.required)&&a.properties&&a.required.forEach(c=>{a.properties[c]||b.push({path:"required",message:`Required property "${c}" must exist in properties`,type:"schema"})}),a.properties&&"object"==typeof a.properties&&Object.entries(a.properties).forEach(([a,c])=>{c.description&&"string"==typeof c.description&&0!==c.description.trim().length||b.push({path:`properties.${a}.description`,message:"Each property must have a non-empty description for LLM compatibility",type:"llm_requirement"})})),b}(c)];return{isValid:0===e.length,errors:e,warnings:b}}function k(){return JSON.stringify({type:"object",properties:{example_property:{type:"string",description:"Description of what this property represents"}},required:["example_property"]},null,2)}function l(a){if(a instanceof SyntaxError){let b=a.message.toLowerCase();return b.includes("unexpected end of json input")?"Incomplete JSON - missing closing brackets or quotes":b.includes("unexpected token")?"Invalid character in JSON - check for missing commas, quotes, or brackets":b.includes("expected property name")||b.includes("expected ':' after property name")?"Property names must be in double quotes":b.includes("duplicate keys")?"Duplicate property names are not allowed":"Invalid JSON syntax - check structure and formatting"}return"Unable to parse JSON"}},81140:(a,b,c)=>{"use strict";c.r(b),c.d(b,{"4074954fbe17c105eaf129700a6526bb8da7ebdcb7":()=>d.bW,"603041c4d4046baf9ccfab4db83edef9a4df8702e3":()=>d.qf,"603d9cff974ec8a8d18dfd488984fc83e2ae6f9e7f":()=>d.gL,"60c705639d83fa550774f4fd97b66341ea3e5f0501":()=>p,"60d632dd898e0c454364c3ce81fdc1db25536d85f7":()=>d.Dv,"70226ecfe8052dd1cede8f03b1dcd86778602ba919":()=>s,"7059ff81dca84d18457af0b7a23dc04f8510540713":()=>d.Tg,"70d8440c6c7e6ac2a7ec09ee52a56841ef81073935":()=>q,"70f69cf0bdd220318bb63a62c3382fdcdd7784a748":()=>r});var d=c(72025),e=c(29991);c(58415);var f=c(83248),g=c(8703),h=c(45796),i=c(33451);async function j(a,b){(0,h.M2)(a),(0,h.nt)(b);let c=await (0,g.J)(`tenants/${a}/projects/${b}/data-components`);return{...c,data:c.data.map(a=>({...a,props:a.props||{}}))}}async function k(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c}`);return{...d.data,props:d.data.props||{}}}async function l(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components`,{method:"POST",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function m(a,b,c){(0,h.M2)(a),(0,h.nt)(b);let d=await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function n(a,b,c){(0,h.M2)(a),(0,h.nt)(b),await (0,g.J)(`tenants/${a}/projects/${b}/data-components/${c}`,{method:"DELETE"})}(0,i.D)([j,k,l,m,n]),(0,e.A)(j,"60445b476c779c3445e648e8cf7dc50da7265a70e6",null),(0,e.A)(k,"70293552567f3cb86e12e6796c9a3ef09940681425",null),(0,e.A)(l,"701c22267a6f692a89906eefe91d43fc3602058468",null),(0,e.A)(m,"7033a05f0ff30400e7bcfa44fd987e0c0c6e461aab",null),(0,e.A)(n,"7000c12780f96600e8b41d8e2741aa1561c8bf5f88",null);var o=c(36608);async function p(a,b){try{let c=await j(a,b);return{success:!0,data:c.data}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function q(a,b,c){try{let d=await l(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/data-components`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function r(a,b,c){try{let d=await m(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/data-components`),(0,f.revalidatePath)(`/${a}/projects/${b}/data-components/${c.id}`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function s(a,b,c){try{return await n(a,b,c),(0,f.revalidatePath)(`/${a}/projects/${b}/data-components`),(0,f.revalidatePath)(`/${a}/projects/${b}/data-components/${c}`),{success:!0}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}(0,i.D)([p,q,r,s]),(0,e.A)(p,"60c705639d83fa550774f4fd97b66341ea3e5f0501",null),(0,e.A)(q,"70d8440c6c7e6ac2a7ec09ee52a56841ef81073935",null),(0,e.A)(r,"70f69cf0bdd220318bb63a62c3382fdcdd7784a748",null),(0,e.A)(s,"70226ecfe8052dd1cede8f03b1dcd86778602ba919",null)},90327:(a,b,c)=>{Promise.resolve().then(c.bind(c,92364))},92364:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(59111),e=c(43433);function f(){return(0,d.jsx)(e.A,{description:"Something went wrong."})}},92478:()=>{},95903:(a,b,c)=>{Promise.resolve().then(c.bind(c,35490))},98261:(a,b,c)=>{"use strict";c.d(b,{DataComponentForm:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call DataComponentForm() from the server but DataComponentForm is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/abraham-inkeep/Developer/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")}};