@inkeep/agents-manage-ui 0.30.0 → 0.30.1

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

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-core",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-manage-ui",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "index.js",
   "types": "index.d.ts",
@@ -46,6 +46,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.9",
     "@radix-ui/react-select": "^2.2.5",
     "@radix-ui/react-separator": "^1.1.7",
@@ -89,9 +90,9 @@
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^4.1.11",
     "zustand": "^5.0.7",
-    "@inkeep/agents-core": "^0.30.0",
-    "@inkeep/agents-manage-api": "^0.30.0",
-    "@inkeep/agents-run-api": "^0.30.0"
+    "@inkeep/agents-core": "^0.30.1",
+    "@inkeep/agents-manage-api": "^0.30.1",
+    "@inkeep/agents-run-api": "^0.30.1"
   },
   "devDependencies": {
     "start-server-and-test": "^2.1.2",

package/src/components/agent/sidepane/edges/edge-editor.tsx

@@ -1,13 +1,16 @@
 import { type Edge, useNodesData, useReactFlow } from '@xyflow/react';
 import { Spline, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
+import { toast } from 'sonner';
 import { DashedSplineIcon } from '@/components/icons/dashed-spline';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Label } from '@/components/ui/label';
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { Separator } from '@/components/ui/separator';
 import { useAgentActions } from '@/features/agent/state/use-agent-store';
+import { getCycleErrorMessage, wouldCreateCycle } from '@/lib/utils/cycle-detection';
 import type { A2AEdgeData } from '../../configuration/edge-types';
 
 type RelationshipOptionProps = {
@@ -42,6 +45,8 @@ type RelationshipSectionProps = {
   options: Array<{ id: string; label: string | React.ReactNode }>;
   onCheckedChange: (id: string, checked: boolean) => void;
   checkedValues: A2AEdgeData['relationships'];
+  useRadio?: boolean;
+  onRadioChange?: (value: string) => void;
 };
 
 function RelationshipSection({
@@ -51,7 +56,16 @@ function RelationshipSection({
   options,
   onCheckedChange,
   checkedValues,
+  useRadio = false,
+  onRadioChange,
 }: RelationshipSectionProps) {
+  const getRadioValue = () => {
+    const checkedOption = options.find(
+      (opt) => checkedValues?.[opt.id as keyof A2AEdgeData['relationships']],
+    );
+    return checkedOption?.id || '';
+  };
+
   return (
     <div className="space-y-4">
       <div className="space-y-2">
@@ -61,15 +75,30 @@ function RelationshipSection({
         </div>
         <p className="text-muted-foreground text-sm">{description}</p>
       </div>
-      {options.map((option) => (
-        <RelationshipOption
-          key={option.id}
-          id={option.id}
-          label={option.label}
-          onCheckedChange={onCheckedChange}
-          checked={checkedValues?.[option.id as keyof A2AEdgeData['relationships']] || false}
-        />
-      ))}
+      {useRadio && onRadioChange ? (
+        <RadioGroup value={getRadioValue()} onValueChange={onRadioChange}>
+          {options.map((option) => (
+            <div key={option.id} className="flex items-start gap-3">
+              <RadioGroupItem value={option.id} id={option.id} className="mt-[5px]" />
+              <div className="grid gap-2">
+                <Label htmlFor={option.id} className="font-normal">
+                  {option.label}
+                </Label>
+              </div>
+            </div>
+          ))}
+        </RadioGroup>
+      ) : (
+        options.map((option) => (
+          <RelationshipOption
+            key={option.id}
+            id={option.id}
+            label={option.label}
+            onCheckedChange={onCheckedChange}
+            checked={checkedValues?.[option.id as keyof A2AEdgeData['relationships']] || false}
+          />
+        ))
+      )}
     </div>
   );
 }
@@ -79,7 +108,7 @@ interface EdgeEditorProps {
 }
 
 function EdgeEditor({ selectedEdge }: EdgeEditorProps) {
-  const { updateEdgeData, setEdges, deleteElements } = useReactFlow();
+  const { updateEdgeData, setEdges, deleteElements, getEdges } = useReactFlow();
 
   const deleteEdge = useCallback(() => {
     deleteElements({ edges: [{ id: selectedEdge.id }] });
@@ -91,6 +120,43 @@ function EdgeEditor({ selectedEdge }: EdgeEditorProps) {
 
   const isSelfLoop = selectedEdge.source === selectedEdge.target;
 
+  const checkForCycle = (delegateId: string): boolean => {
+    const source = delegateId === 'delegateSourceToTarget' ? selectedEdge.source : selectedEdge.target;
+    const target = delegateId === 'delegateSourceToTarget' ? selectedEdge.target : selectedEdge.source;
+    
+    const allEdges = getEdges();
+    const otherEdges = allEdges.filter((edge) => edge.id !== selectedEdge.id);
+    
+    if (wouldCreateCycle(otherEdges, { source, target })) {
+      const sourceName = (sourceNode?.data.name as string) || (sourceNode?.data.id as string) || 'Sub Agent';
+      const targetName = (targetNode?.data.name as string) || (targetNode?.data.id as string) || 'Sub Agent';
+      const sourceLabel = delegateId === 'delegateSourceToTarget' ? sourceName : targetName;
+      const targetLabel = delegateId === 'delegateSourceToTarget' ? targetName : sourceName;
+      
+      toast.error('Circular Delegation Detected', {
+        description: getCycleErrorMessage(sourceLabel, targetLabel),
+      });
+      return true;
+    }
+    return false;
+  };
+
+  const updateRelationships = (newRelationships: A2AEdgeData['relationships']) => {
+    const hasAnyRelationship =
+      newRelationships.transferSourceToTarget ||
+      newRelationships.transferTargetToSource ||
+      newRelationships.delegateSourceToTarget ||
+      newRelationships.delegateTargetToSource;
+
+    markUnsaved();
+
+    if (!hasAnyRelationship) {
+      setEdges((edges) => edges.filter((edge) => edge.id !== selectedEdge.id));
+    } else {
+      updateEdgeData(selectedEdge.id, { relationships: newRelationships });
+    }
+  };
+
   const handleCheckboxChange = (id: string, checked: boolean) => {
     // Calculate the new relationships state
     let newRelationships: A2AEdgeData['relationships'];
@@ -111,29 +177,45 @@ function EdgeEditor({ selectedEdge }: EdgeEditorProps) {
         ...updates,
       };
     } else {
+      const updates: Partial<A2AEdgeData['relationships']> = { [id]: checked };
+      
+      // Prevent two-way delegation: when enabling one delegation direction, disable the opposite
+      if (checked) {
+        if (id === 'delegateSourceToTarget') {
+          updates.delegateTargetToSource = false;
+        } else if (id === 'delegateTargetToSource') {
+          updates.delegateSourceToTarget = false;
+        }
+      }
+      
       newRelationships = {
         ...(selectedEdge.data?.relationships as A2AEdgeData['relationships']),
-        [id]: checked,
+        ...updates,
       };
     }
 
-    const hasAnyRelationship =
-      newRelationships.transferSourceToTarget ||
-      newRelationships.transferTargetToSource ||
-      newRelationships.delegateSourceToTarget ||
-      newRelationships.delegateTargetToSource;
+    updateRelationships(newRelationships);
+  };
 
-    // Always mark as unsaved when relationships change
-    markUnsaved();
+  const handleDelegateRadioChange = (value: string) => {
+    if (value && checkForCycle(value)) return;
 
-    if (!hasAnyRelationship) {
-      // Remove the edge if no relationships remain
-      setEdges((edges) => edges.filter((edge) => edge.id !== selectedEdge.id));
-    } else {
-      updateEdgeData(selectedEdge.id, {
-        relationships: newRelationships,
-      });
+    const newRelationships: A2AEdgeData['relationships'] = {
+      ...(selectedEdge.data?.relationships as A2AEdgeData['relationships']),
+      delegateSourceToTarget: false,
+      delegateTargetToSource: false,
+    };
+
+    if (value) {
+      if (isSelfLoop && value === 'delegateSourceToTarget') {
+        newRelationships.delegateSourceToTarget = true;
+        newRelationships.delegateTargetToSource = true;
+      } else {
+        newRelationships[value as keyof A2AEdgeData['relationships']] = true;
+      }
     }
+
+    updateRelationships(newRelationships);
   };
 
   const sourceName =
@@ -245,10 +327,12 @@ function EdgeEditor({ selectedEdge }: EdgeEditorProps) {
       <RelationshipSection
         icon={<DashedSplineIcon className="w-4 h-4 text-muted-foreground" />}
         title="Delegate relationships"
-        description="Delegate relationships are used to pass a task from one agent to another."
+        description="Delegate relationships are used to pass a task from one agent to another. Delegate relationships cannot be bi-directional."
         options={delegateOptions}
         onCheckedChange={handleCheckboxChange}
         checkedValues={selectedEdge.data?.relationships as A2AEdgeData['relationships']}
+        useRadio={true}
+        onRadioChange={handleDelegateRadioChange}
       />
       <Separator />
       <div className="flex justify-end">

package/src/components/agent/sidepane/metadata/metadata-editor.tsx

@@ -226,7 +226,7 @@ function MetadataEditor() {
               value={models.base.providerOptions || ''}
               placeholder={`{
     "temperature": 0.7,
-    "maxTokens": 2048
+    "maxOutputTokens": 2048
 }`}
             />
           )}
@@ -286,7 +286,7 @@ function MetadataEditor() {
               value={models.structuredOutput.providerOptions || ''}
               placeholder={`{
   "temperature": 0.1,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
             />
           )}
@@ -345,7 +345,7 @@ function MetadataEditor() {
               value={models.summarizer.providerOptions || ''}
               placeholder={`{
   "temperature": 0.3,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
             />
           )}

package/src/components/agent/sidepane/nodes/model-section.tsx

@@ -76,7 +76,7 @@ export function ModelSection({
             value={models?.base?.providerOptions || ''}
             placeholder={`{
   "temperature": 0.7,
-  "maxTokens": 2048
+  "maxOutputTokens": 2048
 }`}
           />
         )}
@@ -124,7 +124,7 @@ export function ModelSection({
             value={models?.structuredOutput?.providerOptions || ''}
             placeholder={`{
   "temperature": 0.1,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
           />
         )}
@@ -172,7 +172,7 @@ export function ModelSection({
             value={models?.summarizer?.providerOptions || ''}
             placeholder={`{
   "temperature": 0.3,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
           />
         )}

package/src/components/projects/form/project-models-section.tsx

@@ -62,7 +62,7 @@ function BaseModelSection({ control }: { control: Control<ProjectFormData> }) {
         }}
         placeholder={`{
   "temperature": 0.7,
-  "maxTokens": 2048
+  "maxOutputTokens": 2048
 }`}
       />
     </div>
@@ -116,7 +116,7 @@ function StructuredOutputModelSection({ control }: { control: Control<ProjectFor
         }}
         placeholder={`{
   "temperature": 0.1,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
       />
     </div>
@@ -170,7 +170,7 @@ function SummarizerModelSection({ control }: { control: Control<ProjectFormData>
         }}
         placeholder={`{
   "temperature": 0.3,
-  "maxTokens": 1024
+  "maxOutputTokens": 1024
 }`}
       />
     </div>

package/src/components/ui/radio-group.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import type * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn('grid gap-2', className)}
+      {...props}
+    />
+  );
+}
+
+function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
+  return (
+    <RadioGroupPrimitive.Item
+      data-slot="radio-item"
+      className={cn(
+        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-full border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator
+        data-slot="radio-indicator"
+        className="flex items-center justify-center"
+      >
+        <Circle className="size-2.5 fill-current text-current" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  );
+}
+
+export { RadioGroup, RadioGroupItem };
+

package/src/lib/utils/agent-error-parser.ts

@@ -200,7 +200,7 @@ function getFieldDisplayName(field: string): string {
     description: 'Description',
     model: 'Model',
     temperature: 'Temperature',
-    maxTokens: 'Max tokens',
+    maxOutputTokens: 'Max output tokens',
     systemPrompt: 'System prompt',
     tools: 'Tools',
     dataComponents: 'Components',

package/src/lib/utils/cycle-detection.ts

@@ -0,0 +1,70 @@
+import type { Edge } from '@xyflow/react';
+import type { A2AEdgeData } from '@/components/agent/configuration/edge-types';
+
+export type DelegationEdge = {
+  source: string;
+  target: string;
+};
+
+export function wouldCreateCycle(
+  edges: Edge[],
+  newDelegation: DelegationEdge
+): boolean {
+  const graph = buildDelegationGraph(edges);
+  const sources = graph.get(newDelegation.source) || [];
+  graph.set(newDelegation.source, [...sources, newDelegation.target]);
+  return hasCycle(graph);
+}
+
+function buildDelegationGraph(edges: Edge[]): Map<string, string[]> {
+  const graph = new Map<string, string[]>();
+  
+  for (const edge of edges) {
+    const relationships = edge.data?.relationships as A2AEdgeData['relationships'] | undefined;
+    if (!relationships) continue;
+    
+    if (relationships.delegateSourceToTarget) {
+      const targets = graph.get(edge.source) || [];
+      graph.set(edge.source, [...targets, edge.target]);
+    }
+    
+    if (relationships.delegateTargetToSource) {
+      const sources = graph.get(edge.target) || [];
+      graph.set(edge.target, [...sources, edge.source]);
+    }
+  }
+  
+  return graph;
+}
+
+function hasCycle(graph: Map<string, string[]>): boolean {
+  const visited = new Set<string>();
+  const stack = new Set<string>();
+  
+  function dfs(node: string): boolean {
+    visited.add(node);
+    stack.add(node);
+    
+    for (const neighbor of graph.get(node) || []) {
+      if (!visited.has(neighbor)) {
+        if (dfs(neighbor)) return true;
+      } else if (stack.has(neighbor)) {
+        return true;
+      }
+    }
+    
+    stack.delete(node);
+    return false;
+  }
+  
+  for (const node of graph.keys()) {
+    if (!visited.has(node) && dfs(node)) return true;
+  }
+  
+  return false;
+}
+
+export function getCycleErrorMessage(sourceAgent: string, targetAgent: string): string {
+  return `Cannot create delegation from "${sourceAgent}" to "${targetAgent}" as it would create a circular delegation chain. Circular delegations can cause infinite loops.`;
+}
+

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

@@ -1 +0,0 @@
-"use strict";exports.id=3026,exports.ids=[3026],exports.modules={4599:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{ArtifactComponentForm:()=>y});var e=c(59111),f=c(35197),g=c(485),h=c(14450),i=c(51820),j=c(68156),k=c(17130),l=c(16426),m=c(56019),n=c(2856),o=c(96032),p=c(93622),q=c(35283),r=c(15887),s=c(72290),t=c(42723),u=c(33305),v=c(68933),w=c(59245),x=a([m]);function y({id:a,tenantId:b,projectId:c,initialData:d}){let[x,y]=(0,h.useState)(!1),z=(0,i.mN)({resolver:(0,f.u)(w.z),defaultValues:(a=>{if(!a)return v.g;let b={...a};return b.props&&(b.props=(0,t.S_)(b.props)),b})(d)}),{isSubmitting:A}=z.formState,B=(0,g.useRouter)();(0,q.S)({form:z,nameField:"name",idField:"id",isEditing:!!a});let C=async d=>{try{let e={...d};if(void 0===e.props&&(e.props=null),a){let a=await (0,r.X)(b,c,e);if(!a.success)return void j.oR.error(a.error||"Failed to update artifact.");j.oR.success("Artifact updated.")}else{let a=await (0,s.o)(b,c,e);if(!a.success)return void j.oR.error(a.error||"Failed to create artifact");j.oR.success("Artifact created."),B.push(`/${b}/projects/${c}/artifacts`)}}catch(b){console.error("Error submitting artifact:",b);let a=b instanceof Error?b.message:"An unexpected error occurred.";j.oR.error(a)}};return(0,e.jsxs)(o.lG,{open:x,onOpenChange:y,children:[(0,e.jsx)(p.lV,{...z,children:(0,e.jsxs)("form",{onSubmit:z.handleSubmit(C),className:"space-y-8",children:[(0,e.jsx)(k.a,{control:z.control,name:"name",label:"Name",placeholder:"Document Artifact",isRequired:!0}),(0,e.jsx)(k.a,{control:z.control,name:"id",label:"Id",placeholder:"my-artifact",disabled:!!a,isRequired:!0,description:a?"":"Choose a unique identifier for this artifact. Using an existing id will replace that artifact."}),(0,e.jsx)(l.K,{control:z.control,name:"description",label:"Description",placeholder:"Structured factual information extracted from search results",className:"min-h-[80px]",isRequired:!0}),(0,e.jsx)(m.S,{control:z.control,name:"props",label:"Props (JSON schema with inPreview indicators)",placeholder:"Enter a valid JSON Schema with inPreview flags, or leave empty to save entire tool result...",description:"Optional: Define specific fields with inPreview flags, or leave empty to capture the complete tool response."}),(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(n.$,{type:"submit",disabled:A,children:"Save"}),a&&(0,e.jsx)(o.zM,{asChild:!0,children:(0,e.jsx)(n.$,{type:"button",variant:"destructive-outline",children:"Delete Artifact"})})]})]})}),x&&a&&(0,e.jsx)(u.W,{artifactComponentId:a,artifactComponentName:z.getValues("name"),setIsOpen:y,redirectOnDelete:!0})]})}m=(x.then?(await x)():x)[0],d()}catch(a){d(a)}})},15887:(a,b,c)=>{c.d(b,{X:()=>e});var d=c(90147);let e=(0,d.createServerReference)("704bcec420635fc9b64942e5e3b3371d13f191b241",d.callServer,void 0,d.findSourceMapURL,"updateArtifactComponentAction")},16079:(a,b,c)=>{c.r(b),c.d(b,{"4031c5346ec11e5aaf071cd970f37270ef2b159aaa":()=>d.bW,"602bad7ca0a422923a3f02e0bbc99d3ab7352bad14":()=>p,"6045676ce53eed0abaf4c10a59090225d7c005ee87":()=>d.Dv,"606351316cc622de67c93aff0e389a49c319981874":()=>d.qf,"60f8e57176c716a3dcb8f4ca88f1fb2bc0593bed61":()=>d.gL,"7021d97d85b74f50bd4d298fc75fc082b636af05e7":()=>q,"704bcec420635fc9b64942e5e3b3371d13f191b241":()=>r,"70ac55c6f6ecf61c5d7c347613059bb0055ec865df":()=>s,"70dbdbf4d7504b4e4f8274567265c3f6ebc5d89de0":()=>d.Tg});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){return(0,h.M2)(a),(0,h.nt)(b),await (0,g.J)(`tenants/${a}/projects/${b}/artifact-components`)}async function k(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.J)(`tenants/${a}/projects/${b}/artifact-components/${c}`)).data}async function l(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.J)(`tenants/${a}/projects/${b}/artifact-components`,{method:"POST",body:JSON.stringify(c)})).data}async function m(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.J)(`tenants/${a}/projects/${b}/artifact-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)})).data}async function n(a,b,c){(0,h.M2)(a),(0,h.nt)(b),await (0,g.J)(`tenants/${a}/projects/${b}/artifact-components/${c}`,{method:"DELETE"})}(0,i.D)([j,k,l,m,n]),(0,e.A)(j,"60f97f424b2f642f315d1fa9428d918a774e91a384",null),(0,e.A)(k,"70a6c1d1ff7f48323cd7899efe0ba4498e206e1dc9",null),(0,e.A)(l,"708e9c41889d45012f8343c235c5fb537d94cde16f",null),(0,e.A)(m,"708d1d01119ef930070b205b058e7e1abc6b4b903a",null),(0,e.A)(n,"70561bdd1c580af7ba5d1151fe09248fb564205461",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}/artifacts`),{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}/artifacts`),(0,f.revalidatePath)(`/${a}/projects/${b}/artifacts/${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}/artifacts`),{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,"602bad7ca0a422923a3f02e0bbc99d3ab7352bad14",null),(0,e.A)(q,"7021d97d85b74f50bd4d298fc75fc082b636af05e7",null),(0,e.A)(r,"704bcec420635fc9b64942e5e3b3371d13f191b241",null),(0,e.A)(s,"70ac55c6f6ecf61c5d7c347613059bb0055ec865df",null)},33305:(a,b,c)=>{c.d(b,{W:()=>k});var d=c(59111),e=c(485),f=c(14450),g=c(68156),h=c(93755),i=c(90147);let j=(0,i.createServerReference)("70ac55c6f6ecf61c5d7c347613059bb0055ec865df",i.callServer,void 0,i.findSourceMapURL,"deleteArtifactComponentAction");function k({artifactComponentId:a,artifactComponentName:b,setIsOpen:c,redirectOnDelete:i=!1}){let[k,l]=(0,f.useState)(!1),m=(0,e.useRouter)(),{tenantId:n,projectId:o}=(0,e.useParams)(),p=async()=>{l(!0);try{let b=await j(n,o,a);b.success?(c(!1),g.oR.success("Artifact deleted."),i&&m.push(`/${n}/projects/${o}/artifacts`)):g.oR.error(b.error)}finally{l(!1)}};return(0,d.jsx)(h.J,{itemName:b||"this artifact",isSubmitting:k,onDelete:p})}},44733:(a,b,c)=>{c.d(b,{ArtifactComponentForm:()=>d});let d=(0,c(60241).registerClientReference)(function(){throw Error("Attempted to call ArtifactComponentForm() from the server but ArtifactComponentForm 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.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/artifact-components/form/artifact-component-form.tsx","ArtifactComponentForm")},56019:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{S:()=>i});var e=c(59111),f=c(71771),g=c(76394),h=a([g]);function i({control:a,name:b,label:c="JSON Schema",placeholder:d,disabled:h,description:i,readOnly:j,isRequired:k=!1}){return(0,e.jsx)(f.u,{control:a,name:b,label:c,description:i,isRequired:k,children:a=>(0,e.jsx)(g.$,{placeholder:d,...a,value:a.value||"",onChange:a.onChange,readOnly:j,disabled:h})})}g=(h.then?(await h)():h)[0],d()}catch(a){d(a)}})},59245:(a,b,c)=>{c.d(b,{z:()=>g});var d=c(34576),e=c(80974),f=c(62503);let g=d.object({id:f.f,name:d.string().min(1,"Name is required."),description:d.string().min(1,"Description is required."),props:d.union([d.string(),d.null(),d.undefined()]).transform((a,b)=>{if(a&&""!==a&&null!==a)try{let c=JSON.parse(a),f=(0,e._O)(a);if(!f.isValid){let a=f.errors[0]?.message||"Invalid JSON schema";return b.addIssue({code:d.ZodIssueCode.custom,message:a}),d.NEVER}return c}catch(a){return b.addIssue({code:d.ZodIssueCode.custom,message:(0,e.SR)(a)}),d.NEVER}}).optional()})},62503:(a,b,c)=>{c.d(b,{f:()=>d});let d=c(34576).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.")},68933:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:void 0}},72290:(a,b,c)=>{c.d(b,{o:()=>e});var d=c(90147);let e=(0,d.createServerReference)("7021d97d85b74f50bd4d298fc75fc082b636af05e7",d.callServer,void 0,d.findSourceMapURL,"createArtifactComponentAction")},93056:(a,b,c)=>{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(43461);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Artifacts"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"Artifacts",description:i.lh}),(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-artifact-${b}`))})]})})}},93755:(a,b,c)=>{c.d(b,{J:()=>h});var d=c(59111),e=c(53710),f=c(2856),g=c(96032);function h({itemName:a,isSubmitting:b,onDelete:c,customTitle:h,customDescription:i}){let j=async()=>{await c()};return(0,d.jsxs)(g.Cf,{children:[(0,d.jsx)(g.L3,{children:h||`Delete ${a||"this item"}`}),(0,d.jsx)(g.rr,{children:i||`Are you sure you want to delete ${a||"this item"}? This action cannot be undone.`}),(0,d.jsxs)(g.Es,{children:[(0,d.jsx)(g.HM,{asChild:!0,children:(0,d.jsx)(f.$,{variant:"outline",children:"Cancel"})}),(0,d.jsx)(f.$,{variant:"destructive",onClick:j,disabled:b,children:b?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(e.A,{className:"size-4 animate-spin"})," Deleting..."]}):"Delete"})]})]})}}};