@inkeep/agents-manage-ui 0.36.1 → 0.37.0

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

@@ -1,4 +1,4 @@
-"use strict";exports.id=2536,exports.ids=[2536],exports.modules={1217:(a,b,c)=>{c.d(b,{Q:()=>e});var d=c(65049);let e=(0,d.createServerReference)("70573784a750ea95bcb22ab7db51dc91f66e4fc3ce",d.callServer,void 0,d.findSourceMapURL,"createDataComponentAction")},9120:(a,b,c)=>{c.d(b,{s:()=>m});var d=c(45413),e=c(9391),f=c(23328),g=c(29516),h=c(35158),i=c(36527);let{AlertCircle:j}=e,k=String.raw;function l({error:a}){let b=String(a),c=b.split("\n"),e=c[0]||b,f=c.slice(1).join("\n");return(0,d.jsxs)(i.Fc,{variant:"destructive",className:"max-w-full",children:[(0,d.jsx)(j,{className:"h-4 w-4"}),(0,d.jsx)(i.XL,{className:"font-semibold text-sm",children:f}),(0,d.jsx)(i.TN,{className:"mt-2 space-y-2",children:(0,d.jsx)("div",{className:"font-mono text-xs break-words",children:e})})]})}function m({code:a,props:b}){let c=(0,f.useMemo)(()=>{let c,d;return c=a.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),d=c?.[1]||c?.[2]||"App",k`
+"use strict";exports.id=2536,exports.ids=[2536],exports.modules={4184:(a,b,c)=>{c.d(b,{F:()=>e});var d=c(65049);let e=(0,d.createServerReference)("70ed9b9301b7001db2e6bd6c460689667adca4495f",d.callServer,void 0,d.findSourceMapURL,"updateDataComponentAction")},9120:(a,b,c)=>{c.d(b,{s:()=>m});var d=c(45413),e=c(9391),f=c(23328),g=c(29516),h=c(35158),i=c(36527);let{AlertCircle:j}=e,k=String.raw;function l({error:a}){let b=String(a),c=b.split("\n"),e=c[0]||b,f=c.slice(1).join("\n");return(0,d.jsxs)(i.Fc,{variant:"destructive",className:"max-w-full",children:[(0,d.jsx)(j,{className:"h-4 w-4"}),(0,d.jsx)(i.XL,{className:"font-semibold text-sm",children:f}),(0,d.jsx)(i.TN,{className:"mt-2 space-y-2",children:(0,d.jsx)("div",{className:"font-mono text-xs break-words",children:e})})]})}function m({code:a,props:b}){let c=(0,f.useMemo)(()=>{let c,d;return c=a.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),d=c?.[1]||c?.[2]||"App",k`
   import { ErrorBoundary } from "react-error-boundary";
 
   ${a}
@@ -10,5 +10,5 @@
         <${d} {...props} />
       </ErrorBoundary>
     );
-  }`},[a,b]),i=(0,f.useMemo)(()=>({fallbackRender:l,import:{"lucide-react":e,"react-error-boundary":g}}),[]),{element:j}=(0,h.CL)({code:c,scope:i});return(0,d.jsx)("div",{children:j})}},14330:(a,b,c)=>{c.d(b,{EN:()=>i,Z3:()=>g,df:()=>j,nD:()=>k,sO:()=>h});var d=c(46649);c(75909);var e=c(55310),f=c(40555);async function g(a,b){(0,f.M2)(a),(0,f.nt)(b);let c=await (0,e.J)(`tenants/${a}/projects/${b}/data-components`);return{...c,data:c.data.map(a=>({...a,props:a.props||{}}))}}async function h(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c}`);return{...d.data,props:d.data.props||{}}}async function i(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components`,{method:"POST",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function j(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function k(a,b,c){(0,f.M2)(a),(0,f.nt)(b),await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c}`,{method:"DELETE"})}(0,c(33341).D)([g,h,i,j,k]),(0,d.A)(g,"60c5c97810e3e91ded996fc1ef5f7acf03b2428289",null),(0,d.A)(h,"70c6e5e68589d02e490dbf45847d22837935f30d10",null),(0,d.A)(i,"70f7a128c2ca4a1b876c0d274f2158b4f8a42a75ca",null),(0,d.A)(j,"705eca0f82944eb78e00f3682c98694a3bf06aebf4",null),(0,d.A)(k,"70d6641fef4044fa0fb1033de1a255e46ca800f887",null)},24876:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{DataComponentForm:()=>A});var e=c(45413),f=c(18526),g=c(60223),h=c(23328),i=c(4068),j=c(41489),k=c(8997),l=c(73679),m=c(59944),n=c(38953),o=c(42241),p=c(64827),q=c(39667),r=c(18666),s=c(64814),t=c(1217),u=c(41394),v=c(76476),w=c(75433),x=c(81246),y=c(44528),z=a([m,w]);function A({tenantId:a,projectId:b,id:c,initialData:d}){let[z,A]=(0,h.useState)(!1),B=(0,i.mN)({resolver:(0,f.u)(y.D),defaultValues:(a=>{if(!a)return x.g;let b={...a};return b.props&&(b.props=(0,u.S_)(b.props)),b})(d)}),{isSubmitting:C}=B.formState,D=(0,g.useRouter)();(0,r.S)({form:B,nameField:"name",idField:"id",isEditing:!!c});let E=async d=>{try{let e={...d};if(c){let c=await (0,s.F)(a,b,e);if(!c.success)return void j.oR.error(c.error||"Failed to update component");j.oR.success("Component updated")}else{let c=await (0,t.Q)(a,b,e);if(!c.success)return void j.oR.error(c.error||"Failed to create component");j.oR.success("Component created"),D.push(`/${a}/projects/${b}/components`)}}catch(b){console.error("Error submitting component:",b);let a=b instanceof Error?b.message:"An unexpected error occurred";j.oR.error(a)}};return(0,e.jsxs)(o.lG,{open:z,onOpenChange:A,children:[(0,e.jsx)(q.lV,{...B,children:(0,e.jsxs)("form",{onSubmit:B.handleSubmit(E),className:"space-y-8",children:[(0,e.jsx)(k.a,{control:B.control,name:"name",label:"Name",placeholder:"ListOrders",description:(0,e.jsxs)(e.Fragment,{children:["This name is used to identify the component in chat widget integration."," ",(0,e.jsx)(p.G,{href:"https://docs.inkeep.com/typescript-sdk/structured-outputs/data-components#frontend-integration",target:"_blank",children:"Learn more"})]}),isRequired:!0}),(0,e.jsx)(k.a,{control:B.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,e.jsx)(l.K,{control:B.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,e.jsx)(m.S,{control:B.control,name:"props",label:"Properties",placeholder:"Enter a valid JSON Schema...",uri:"json-schema-data-component.json",isRequired:!0}),c&&(0,e.jsx)(w.f,{tenantId:a,projectId:b,dataComponentId:c,existingRender:d?.render||null,onRenderChanged:a=>{B.setValue("render",a)}}),(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(n.$,{type:"submit",disabled:C,children:"Save"}),c&&(0,e.jsx)(o.zM,{asChild:!0,children:(0,e.jsx)(n.$,{type:"button",variant:"destructive-outline",children:"Delete Component"})})]})]})}),z&&c&&(0,e.jsx)(v.u,{dataComponentId:c,dataComponentName:B.getValues("name"),setIsOpen:A,redirectOnDelete:!0})]})}[m,w]=z.then?(await z)():z,d()}catch(a){d(a)}})},25535:(a,b,c)=>{c.d(b,{Fs:()=>j,Hn:()=>h,Qs:()=>i,bO:()=>k});var d=c(46649);c(75909);var e=c(65206),f=c(14330),g=c(90365);async function h(a,b){try{let c=await (0,f.Z3)(a,b);return{success:!0,data:c.data}}catch(a){if(a instanceof g.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 i(a,b,c){try{let d=await (0,f.EN)(a,b,c);return(0,e.revalidatePath)(`/${a}/projects/${b}/components`),{success:!0,data:d}}catch(a){if(a instanceof g.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 j(a,b,c){try{let d=await (0,f.df)(a,b,c);return(0,e.revalidatePath)(`/${a}/projects/${b}/components`),(0,e.revalidatePath)(`/${a}/projects/${b}/components/${c.id}`),{success:!0,data:d}}catch(a){if(a instanceof g.h)return{success:!1,error:a.error.message??a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function k(a,b,c){try{return await (0,f.nD)(a,b,c),(0,e.revalidatePath)(`/${a}/projects/${b}/components`),{success:!0}}catch(a){if(a instanceof g.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,c(33341).D)([h,i,j,k]),(0,d.A)(h,"603b14c14c461df26e31d62c818ffd46c99c80fc22",null),(0,d.A)(i,"70573784a750ea95bcb22ab7db51dc91f66e4fc3ce",null),(0,d.A)(j,"70bd183a2bff2adbf6f79e3bf40f6cfa2b49f02fef",null),(0,d.A)(k,"70089b4095ab111eea154bbd996c3fc801e138ad76",null)},36527:(a,b,c)=>{c.d(b,{Fc:()=>h,TN:()=>j,XL:()=>i});var d=c(45413),e=c(86230),f=c(41394);let g=(0,e.F)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"text-amber-700 bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-amber-700/90 *:data-[slot=alert-description]:dark:text-amber-300/90 dark:text-amber-300 bg-amber-50 border-amber-200 dark:bg-amber-950/40 dark:border-amber-700"}},defaultVariants:{variant:"default"}});function h({className:a,variant:b,...c}){return(0,d.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,f.cn)(g({variant:b}),a),...c})}function i({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"alert-title",className:(0,f.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",a),...b})}function j({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"alert-description",className:(0,f.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",a),...b})}},40062:(a,b,c)=>{c.d(b,{d:()=>e});var d=c(65049);let e=(0,d.createServerReference)("705eca0f82944eb78e00f3682c98694a3bf06aebf4",d.callServer,void 0,d.findSourceMapURL,"updateDataComponent")},43159:(a,b,c)=>{c.d(b,{BT:()=>i,Wu:()=>j,ZB:()=>h,Zp:()=>f,aR:()=>g,wL:()=>k});var d=c(45413),e=c(41394);function f({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card",className:(0,e.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",a),...b})}function g({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-header",className:(0,e.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",a),...b})}function h({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-title",className:(0,e.cn)("leading-none font-semibold",a),...b})}function i({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-description",className:(0,e.cn)("text-muted-foreground text-sm",a),...b})}function j({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-content",className:(0,e.cn)("px-6",a),...b})}function k({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-footer",className:(0,e.cn)("flex items-center px-6 [.border-t]:pt-6",a),...b})}},44528:(a,b,c)=>{c.d(b,{D:()=>g});var d=c(63307),e=c(56005),f=c(97744);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.string().min(1,"Props schema is required.").transform((a,b)=>{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.required??=[],c}catch(a){return b.addIssue({code:d.ZodIssueCode.custom,message:(0,e.SR)(a)}),d.NEVER}}).optional(),render:d.object({component:d.string(),mockData:d.record(d.string(),d.unknown())}).nullable().optional()})},49064:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{B:()=>i});var e=c(45413),f=c(23328),g=c(93994),h=a([g]);g=(h.then?(await h)():h)[0];let i=({uri:a,placeholder:b="Enter code...",editorOptions:c,...d})=>{let h=(0,f.useId)();return a??=`${h}.jsx`,(0,e.jsx)(g.T,{uri:a,placeholder:b,editorOptions:{ariaLabel:"Code editor",...c},...d})};d()}catch(a){d(a)}})},60742:(a,b,c)=>{c.r(b),c.d(b,{default:()=>j});var d=c(19667),e=c(67454),f=c(68088),g=c(37230),h=c(78278),i=c(50818);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Components"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"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}`))})]})})}},63749:(a,b,c)=>{c.d(b,{Xi:()=>k,av:()=>l,j7:()=>i,tU:()=>h});var d=c(45413),e=c(81675),f=c(86230),g=c(41394);let h=e.bL,i=({className:a,...b})=>(0,d.jsx)(e.B8,{className:(0,g.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",a),...b}),j=(0,f.F)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm font-mono uppercase",underline:"bg-transparent data-[state=active]:border-primary dark:data-[state=active]:border-primary h-full rounded-none border-0 border-b-2 border-transparent data-[state=active]:shadow-none data-[state=active]:text-primary data-[state=active]:bg-transparent uppercase font-mono text-xs mt-0.5 pt-2"}},defaultVariants:{variant:"default"}}),k=({className:a,variant:b,...c})=>(0,d.jsx)(e.l9,{className:(0,g.cn)(j({variant:b}),a),...c}),l=({className:a,...b})=>(0,d.jsx)(e.UC,{className:(0,g.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",a),...b})},64814:(a,b,c)=>{c.d(b,{F:()=>e});var d=c(65049);let e=(0,d.createServerReference)("70bd183a2bff2adbf6f79e3bf40f6cfa2b49f02fef",d.callServer,void 0,d.findSourceMapURL,"updateDataComponentAction")},75433:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{f:()=>y});var e=c(45413),f=c(5415),g=c(64946),h=c(97745),i=c(58284),j=c(23328),k=c(41489),l=c(61384),m=c(49064),n=c(64887),o=c(38953),p=c(43159),q=c(28598),r=c(40119),s=c(81402),t=c(63749),u=c(63263),v=c(40062),w=c(9120),x=a([l,m,n]);function y({tenantId:a,projectId:b,dataComponentId:c,existingRender:d,onRenderChanged:x}){let[y,z]=(0,j.useState)(d||null),[A,B]=(0,j.useState)(!1),[C,D]=(0,j.useState)(!1),[E,F]=(0,j.useState)(""),[G,H]=(0,j.useState)(!!d),[I,J]=(0,j.useState)(!!d),[K,L]=(0,j.useState)(""),[M,N]=(0,j.useState)(!1),O=async d=>{B(!0),z(null),F(""),H(!1),J(!1);try{let e=await fetch(`/api/data-components/${c}/generate-render`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantId:a,projectId:b,instructions:d||void 0,existingCode:d?y?.component:void 0})});if(!e.ok)throw Error("Failed to generate render");if(!e.body)throw Error("No response body");let f=e.body.getReader(),g=new TextDecoder,h="",i=null;for(;;){let{done:a,value:b}=await f.read();if(a)break;let c=g.decode(b,{stream:!0}),d=(h+=c).split("\n");for(let a of(h=d.pop()||"",d))if(a.trim())try{let b=JSON.parse(a);i=b,b.component&&F(b.component)}catch(b){console.warn("Failed to parse line:",a,b)}}if(i)z(i),H(!0),x?.(i),k.oR.success("Render generated successfully");else throw Error("No valid render generated")}catch(a){console.error("Failed to generate render:",a),k.oR.error("Failed to generate render"),H(!0)}finally{B(!1)}},P=async()=>{D(!0);try{await (0,v.d)(a,b,{id:c,render:null}),z(null),J(!1),x?.(null),k.oR.success("Render deleted")}catch(a){console.error("Error deleting render:",a),k.oR.error("Failed to delete render")}finally{D(!1)}},Q=null!==y&&(y.component?.trim().length??0)>0,R=(0,j.useMemo)(()=>y?.mockData?JSON.stringify(y.mockData,null,2):"{}",[y?.mockData]),S=(0,j.useMemo)(()=>y?.component||"",[y?.component]),T=(0,j.useMemo)(()=>y?.mockData||{},[y?.mockData]),U=(0,j.useCallback)(a=>{if(y)try{let b=JSON.parse(a),c={...y,mockData:b};z(c),x?.(c)}catch{}},[y,x]);return(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)("h3",{className:"text-md font-medium",children:"Component Renderer"}),(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"Generate a React/Tailwind component based on your schema."})]}),(0,e.jsxs)("div",{className:"flex gap-2",children:[!Q&&(0,e.jsx)(o.$,{onClick:()=>O(),disabled:A,size:"sm",className:"gap-2",children:A?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(g.A,{className:"h-4 w-4"}),"Generate"]})}),Q&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s.AM,{open:M,onOpenChange:N,children:[(0,e.jsx)(s.Wv,{asChild:!0,children:(0,e.jsx)(o.$,{variant:"outline",size:"sm",disabled:C||A,className:"gap-2 font-mono uppercase",children:A?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(h.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,e.jsx)(s.hl,{className:"w-96",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h4",{className:"font-medium text-sm mb-2",children:"Modify Component"}),(0,e.jsx)(r.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,e.jsx)(u.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:K,onChange:a=>L(a.target.value),className:"mt-2 min-h-[100px]"})]}),(0,e.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,e.jsx)(o.$,{size:"sm",variant:"outline",onClick:()=>{N(!1),L("")},children:"Cancel"}),(0,e.jsx)(o.$,{size:"sm",onClick:async()=>{N(!1),await O(K||void 0),L("")},disabled:A,children:K?"Apply Changes":"Regenerate"})]})]})})]}),I&&(0,e.jsx)(o.$,{variant:"destructive-outline",onClick:P,disabled:C||A,size:"icon",title:"Delete render",children:C?(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}):(0,e.jsx)(i.A,{className:"h-4 w-4"})})]})]})]}),A&&E&&(0,e.jsx)(l.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
-${E}\`\`\``}),A&&!E&&(0,e.jsx)(p.Zp,{className:"p-6",children:(0,e.jsxs)("div",{className:"flex flex-row items-center justify-center gap-2",children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin text-muted-foreground/50"}),(0,e.jsx)("p",{className:"text-sm text-muted-foreground/70",children:"Generating component render..."})]})}),Q&&!A&&G&&y&&(0,e.jsx)(p.Zp,{className:"px-2 py-4 pt-0",children:(0,e.jsxs)(t.tU,{defaultValue:"render",className:"w-full",children:[(0,e.jsxs)(t.j7,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,e.jsx)(t.Xi,{variant:"underline",value:"render",children:"Render"}),(0,e.jsx)(t.Xi,{variant:"underline",value:"code",children:"Code"}),(0,e.jsx)(t.Xi,{variant:"underline",value:"data",children:"Sample Data"})]}),(0,e.jsx)(t.av,{value:"render",children:(0,e.jsx)("div",{className:"p-4",children:(0,e.jsx)(w.s,{code:S,props:T})})}),(0,e.jsx)(t.av,{value:"code",children:(0,e.jsx)(m.B,{value:S,onChange:a=>{if(!y)return;let b={...y,component:a};z(b),x?.(b)},className:"max-h-[500px] border-0 shadow-none"})}),(0,e.jsx)(t.av,{value:"data",children:(0,e.jsx)(n.i,{value:R,onChange:U,className:"max-h-[500px] border-0 shadow-none"})})]})}),!Q&&!A&&!G&&(0,e.jsx)(q.n,{children:(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}[l,m,n]=x.then?(await x)():x,d()}catch(a){d(a)}})},76476:(a,b,c)=>{c.d(b,{u:()=>k});var d=c(45413),e=c(60223),f=c(23328),g=c(41489),h=c(74188),i=c(65049);let j=(0,i.createServerReference)("70089b4095ab111eea154bbd996c3fc801e138ad76",i.callServer,void 0,i.findSourceMapURL,"deleteDataComponentAction");function k({dataComponentId:a,dataComponentName:b,setIsOpen:c,redirectOnDelete:i=!1}){let{tenantId:k,projectId:l}=(0,e.useParams)(),m=(0,e.useRouter)(),[n,o]=(0,f.useState)(!1),p=async()=>{o(!0);try{let b=await j(k,l,a);b.success?(c(!1),g.oR.success("Component deleted."),i&&m.push(`/${k}/projects/${l}/components`)):g.oR.error(b.error)}finally{o(!1)}};return(0,d.jsx)(h.J,{itemName:b||"this component",isSubmitting:n,onDelete:p})}},81246:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:""}},87926:(a,b,c)=>{c.d(b,{DataComponentForm:()=>d});let d=(0,c(16979).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.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")}};
+  }`},[a,b]),i=(0,f.useMemo)(()=>({fallbackRender:l,import:{"lucide-react":e,"react-error-boundary":g}}),[]),{element:j}=(0,h.CL)({code:c,scope:i});return(0,d.jsx)("div",{children:j})}},14330:(a,b,c)=>{c.d(b,{EN:()=>i,Z3:()=>g,df:()=>j,nD:()=>k,sO:()=>h});var d=c(46649);c(75909);var e=c(55310),f=c(40555);async function g(a,b){(0,f.M2)(a),(0,f.nt)(b);let c=await (0,e.J)(`tenants/${a}/projects/${b}/data-components`);return{...c,data:c.data.map(a=>({...a,props:a.props||{}}))}}async function h(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c}`);return{...d.data,props:d.data.props||{}}}async function i(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components`,{method:"POST",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function j(a,b,c){(0,f.M2)(a),(0,f.nt)(b);let d=await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)});return{...d.data,props:d.data.props||{}}}async function k(a,b,c){(0,f.M2)(a),(0,f.nt)(b),await (0,e.J)(`tenants/${a}/projects/${b}/data-components/${c}`,{method:"DELETE"})}(0,c(33341).D)([g,h,i,j,k]),(0,d.A)(g,"602ed8ff66133fad2ec25dff834d6c09aa48643603",null),(0,d.A)(h,"7027208c09142dae2f7e9d3ca224ad40ed731a4b36",null),(0,d.A)(i,"702d8a822f686d55160ca6aa6ef91f0f6219e8fccd",null),(0,d.A)(j,"7083ce75b3b9abdf7e9757471e197629fda9a62640",null),(0,d.A)(k,"70c86d157fa8eae362ed58118fa6e37156e2d58bb2",null)},15801:(a,b,c)=>{c.d(b,{Q:()=>e});var d=c(65049);let e=(0,d.createServerReference)("703629dbaa3acdd03bd75b52400c6f8c1348e6eb2c",d.callServer,void 0,d.findSourceMapURL,"createDataComponentAction")},24876:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{DataComponentForm:()=>A});var e=c(45413),f=c(18526),g=c(60223),h=c(23328),i=c(4068),j=c(41489),k=c(8997),l=c(73679),m=c(59944),n=c(38953),o=c(42241),p=c(64827),q=c(39667),r=c(18666),s=c(4184),t=c(15801),u=c(41394),v=c(50103),w=c(75433),x=c(81246),y=c(44528),z=a([m,w]);function A({tenantId:a,projectId:b,id:c,initialData:d}){let[z,A]=(0,h.useState)(!1),B=(0,i.mN)({resolver:(0,f.u)(y.D),defaultValues:(a=>{if(!a)return x.g;let b={...a};return b.props&&(b.props=(0,u.S_)(b.props)),b})(d)}),{isSubmitting:C}=B.formState,D=(0,g.useRouter)();(0,r.S)({form:B,nameField:"name",idField:"id",isEditing:!!c});let E=async d=>{try{let e={...d};if(c){let c=await (0,s.F)(a,b,e);if(!c.success)return void j.oR.error(c.error||"Failed to update component");j.oR.success("Component updated")}else{let c=await (0,t.Q)(a,b,e);if(!c.success)return void j.oR.error(c.error||"Failed to create component");j.oR.success("Component created"),D.push(`/${a}/projects/${b}/components`)}}catch(b){console.error("Error submitting component:",b);let a=b instanceof Error?b.message:"An unexpected error occurred";j.oR.error(a)}};return(0,e.jsxs)(o.lG,{open:z,onOpenChange:A,children:[(0,e.jsx)(q.lV,{...B,children:(0,e.jsxs)("form",{onSubmit:B.handleSubmit(E),className:"space-y-8",children:[(0,e.jsx)(k.a,{control:B.control,name:"name",label:"Name",placeholder:"ListOrders",description:(0,e.jsxs)(e.Fragment,{children:["This name is used to identify the component in chat widget integration."," ",(0,e.jsx)(p.G,{href:"https://docs.inkeep.com/typescript-sdk/structured-outputs/data-components#frontend-integration",target:"_blank",children:"Learn more"})]}),isRequired:!0}),(0,e.jsx)(k.a,{control:B.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,e.jsx)(l.K,{control:B.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,e.jsx)(m.S,{control:B.control,name:"props",label:"Properties",placeholder:"Enter a valid JSON Schema...",uri:"json-schema-data-component.json",isRequired:!0}),c&&(0,e.jsx)(w.f,{tenantId:a,projectId:b,dataComponentId:c,existingRender:d?.render||null,onRenderChanged:a=>{B.setValue("render",a)}}),(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(n.$,{type:"submit",disabled:C,children:"Save"}),c&&(0,e.jsx)(o.zM,{asChild:!0,children:(0,e.jsx)(n.$,{type:"button",variant:"destructive-outline",children:"Delete Component"})})]})]})}),z&&c&&(0,e.jsx)(v.u,{dataComponentId:c,dataComponentName:B.getValues("name"),setIsOpen:A,redirectOnDelete:!0})]})}[m,w]=z.then?(await z)():z,d()}catch(a){d(a)}})},25535:(a,b,c)=>{c.d(b,{Fs:()=>j,Hn:()=>h,Qs:()=>i,bO:()=>k});var d=c(46649);c(75909);var e=c(65206),f=c(14330),g=c(90365);async function h(a,b){try{let c=await (0,f.Z3)(a,b);return{success:!0,data:c.data}}catch(a){if(a instanceof g.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 i(a,b,c){try{let d=await (0,f.EN)(a,b,c);return(0,e.revalidatePath)(`/${a}/projects/${b}/components`),{success:!0,data:d}}catch(a){if(a instanceof g.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 j(a,b,c){try{let d=await (0,f.df)(a,b,c);return(0,e.revalidatePath)(`/${a}/projects/${b}/components`),(0,e.revalidatePath)(`/${a}/projects/${b}/components/${c.id}`),{success:!0,data:d}}catch(a){if(a instanceof g.h)return{success:!1,error:a.error.message??a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function k(a,b,c){try{return await (0,f.nD)(a,b,c),(0,e.revalidatePath)(`/${a}/projects/${b}/components`),{success:!0}}catch(a){if(a instanceof g.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,c(33341).D)([h,i,j,k]),(0,d.A)(h,"606965779ba12656f108c6d54275097ecbebca4ccc",null),(0,d.A)(i,"703629dbaa3acdd03bd75b52400c6f8c1348e6eb2c",null),(0,d.A)(j,"70ed9b9301b7001db2e6bd6c460689667adca4495f",null),(0,d.A)(k,"70ec18309fe7d046fd899df09e1638fd45b4afab31",null)},36527:(a,b,c)=>{c.d(b,{Fc:()=>h,TN:()=>j,XL:()=>i});var d=c(45413),e=c(86230),f=c(41394);let g=(0,e.F)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"text-amber-700 bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-amber-700/90 *:data-[slot=alert-description]:dark:text-amber-300/90 dark:text-amber-300 bg-amber-50 border-amber-200 dark:bg-amber-950/40 dark:border-amber-700"}},defaultVariants:{variant:"default"}});function h({className:a,variant:b,...c}){return(0,d.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,f.cn)(g({variant:b}),a),...c})}function i({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"alert-title",className:(0,f.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",a),...b})}function j({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"alert-description",className:(0,f.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",a),...b})}},40260:(a,b,c)=>{c.d(b,{d:()=>e});var d=c(65049);let e=(0,d.createServerReference)("7083ce75b3b9abdf7e9757471e197629fda9a62640",d.callServer,void 0,d.findSourceMapURL,"updateDataComponent")},43159:(a,b,c)=>{c.d(b,{BT:()=>i,Wu:()=>j,ZB:()=>h,Zp:()=>f,aR:()=>g,wL:()=>k});var d=c(45413),e=c(41394);function f({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card",className:(0,e.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",a),...b})}function g({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-header",className:(0,e.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",a),...b})}function h({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-title",className:(0,e.cn)("leading-none font-semibold",a),...b})}function i({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-description",className:(0,e.cn)("text-muted-foreground text-sm",a),...b})}function j({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-content",className:(0,e.cn)("px-6",a),...b})}function k({className:a,...b}){return(0,d.jsx)("div",{"data-slot":"card-footer",className:(0,e.cn)("flex items-center px-6 [.border-t]:pt-6",a),...b})}},44528:(a,b,c)=>{c.d(b,{D:()=>g});var d=c(63307),e=c(56005),f=c(97744);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.string().min(1,"Props schema is required.").transform((a,b)=>{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.required??=[],c}catch(a){return b.addIssue({code:d.ZodIssueCode.custom,message:(0,e.SR)(a)}),d.NEVER}}).optional(),render:d.object({component:d.string(),mockData:d.record(d.string(),d.unknown())}).nullable().optional()})},49064:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{B:()=>i});var e=c(45413),f=c(23328),g=c(93994),h=a([g]);g=(h.then?(await h)():h)[0];let i=({uri:a,placeholder:b="Enter code...",editorOptions:c,...d})=>{let h=(0,f.useId)();return a??=`${h}.jsx`,(0,e.jsx)(g.T,{uri:a,placeholder:b,editorOptions:{ariaLabel:"Code editor",...c},...d})};d()}catch(a){d(a)}})},50103:(a,b,c)=>{c.d(b,{u:()=>k});var d=c(45413),e=c(60223),f=c(23328),g=c(41489),h=c(74188),i=c(65049);let j=(0,i.createServerReference)("70ec18309fe7d046fd899df09e1638fd45b4afab31",i.callServer,void 0,i.findSourceMapURL,"deleteDataComponentAction");function k({dataComponentId:a,dataComponentName:b,setIsOpen:c,redirectOnDelete:i=!1}){let{tenantId:k,projectId:l}=(0,e.useParams)(),m=(0,e.useRouter)(),[n,o]=(0,f.useState)(!1),p=async()=>{o(!0);try{let b=await j(k,l,a);b.success?(c(!1),g.oR.success("Component deleted."),i&&m.push(`/${k}/projects/${l}/components`)):g.oR.error(b.error)}finally{o(!1)}};return(0,d.jsx)(h.J,{itemName:b||"this component",isSubmitting:n,onDelete:p})}},60742:(a,b,c)=>{c.r(b),c.d(b,{default:()=>j});var d=c(19667),e=c(67454),f=c(68088),g=c(37230),h=c(78278),i=c(50818);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Components"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"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}`))})]})})}},63749:(a,b,c)=>{c.d(b,{Xi:()=>k,av:()=>l,j7:()=>i,tU:()=>h});var d=c(45413),e=c(81675),f=c(86230),g=c(41394);let h=e.bL,i=({className:a,...b})=>(0,d.jsx)(e.B8,{className:(0,g.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",a),...b}),j=(0,f.F)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm font-mono uppercase",underline:"bg-transparent data-[state=active]:border-primary dark:data-[state=active]:border-primary h-full rounded-none border-0 border-b-2 border-transparent data-[state=active]:shadow-none data-[state=active]:text-primary data-[state=active]:bg-transparent uppercase font-mono text-xs mt-0.5 pt-2"}},defaultVariants:{variant:"default"}}),k=({className:a,variant:b,...c})=>(0,d.jsx)(e.l9,{className:(0,g.cn)(j({variant:b}),a),...c}),l=({className:a,...b})=>(0,d.jsx)(e.UC,{className:(0,g.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",a),...b})},75433:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{f:()=>y});var e=c(45413),f=c(5415),g=c(64946),h=c(97745),i=c(58284),j=c(23328),k=c(41489),l=c(61384),m=c(49064),n=c(64887),o=c(38953),p=c(43159),q=c(28598),r=c(40119),s=c(81402),t=c(63749),u=c(63263),v=c(40260),w=c(9120),x=a([l,m,n]);function y({tenantId:a,projectId:b,dataComponentId:c,existingRender:d,onRenderChanged:x}){let[y,z]=(0,j.useState)(d||null),[A,B]=(0,j.useState)(!1),[C,D]=(0,j.useState)(!1),[E,F]=(0,j.useState)(""),[G,H]=(0,j.useState)(!!d),[I,J]=(0,j.useState)(!!d),[K,L]=(0,j.useState)(""),[M,N]=(0,j.useState)(!1),O=async d=>{B(!0),z(null),F(""),H(!1),J(!1);try{let e=await fetch(`/api/data-components/${c}/generate-render`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantId:a,projectId:b,instructions:d||void 0,existingCode:d?y?.component:void 0})});if(!e.ok)throw Error("Failed to generate render");if(!e.body)throw Error("No response body");let f=e.body.getReader(),g=new TextDecoder,h="",i=null;for(;;){let{done:a,value:b}=await f.read();if(a)break;let c=g.decode(b,{stream:!0}),d=(h+=c).split("\n");for(let a of(h=d.pop()||"",d))if(a.trim())try{let b=JSON.parse(a);i=b,b.component&&F(b.component)}catch(b){console.warn("Failed to parse line:",a,b)}}if(i)z(i),H(!0),x?.(i),k.oR.success("Render generated successfully");else throw Error("No valid render generated")}catch(a){console.error("Failed to generate render:",a),k.oR.error("Failed to generate render"),H(!0)}finally{B(!1)}},P=async()=>{D(!0);try{await (0,v.d)(a,b,{id:c,render:null}),z(null),J(!1),x?.(null),k.oR.success("Render deleted")}catch(a){console.error("Error deleting render:",a),k.oR.error("Failed to delete render")}finally{D(!1)}},Q=null!==y&&(y.component?.trim().length??0)>0,R=(0,j.useMemo)(()=>y?.mockData?JSON.stringify(y.mockData,null,2):"{}",[y?.mockData]),S=(0,j.useMemo)(()=>y?.component||"",[y?.component]),T=(0,j.useMemo)(()=>y?.mockData||{},[y?.mockData]),U=(0,j.useCallback)(a=>{if(y)try{let b=JSON.parse(a),c={...y,mockData:b};z(c),x?.(c)}catch{}},[y,x]);return(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"space-y-2",children:[(0,e.jsx)("h3",{className:"text-md font-medium",children:"Component Renderer"}),(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"Generate a React/Tailwind component based on your schema."})]}),(0,e.jsxs)("div",{className:"flex gap-2",children:[!Q&&(0,e.jsx)(o.$,{onClick:()=>O(),disabled:A,size:"sm",className:"gap-2",children:A?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(g.A,{className:"h-4 w-4"}),"Generate"]})}),Q&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s.AM,{open:M,onOpenChange:N,children:[(0,e.jsx)(s.Wv,{asChild:!0,children:(0,e.jsx)(o.$,{variant:"outline",size:"sm",disabled:C||A,className:"gap-2 font-mono uppercase",children:A?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(h.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,e.jsx)(s.hl,{className:"w-96",children:(0,e.jsxs)("div",{className:"space-y-4",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h4",{className:"font-medium text-sm mb-2",children:"Modify Component"}),(0,e.jsx)(r.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,e.jsx)(u.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:K,onChange:a=>L(a.target.value),className:"mt-2 min-h-[100px]"})]}),(0,e.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,e.jsx)(o.$,{size:"sm",variant:"outline",onClick:()=>{N(!1),L("")},children:"Cancel"}),(0,e.jsx)(o.$,{size:"sm",onClick:async()=>{N(!1),await O(K||void 0),L("")},disabled:A,children:K?"Apply Changes":"Regenerate"})]})]})})]}),I&&(0,e.jsx)(o.$,{variant:"destructive-outline",onClick:P,disabled:C||A,size:"icon",title:"Delete render",children:C?(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}):(0,e.jsx)(i.A,{className:"h-4 w-4"})})]})]})]}),A&&E&&(0,e.jsx)(l.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
+${E}\`\`\``}),A&&!E&&(0,e.jsx)(p.Zp,{className:"p-6",children:(0,e.jsxs)("div",{className:"flex flex-row items-center justify-center gap-2",children:[(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin text-muted-foreground/50"}),(0,e.jsx)("p",{className:"text-sm text-muted-foreground/70",children:"Generating component render..."})]})}),Q&&!A&&G&&y&&(0,e.jsx)(p.Zp,{className:"px-2 py-4 pt-0",children:(0,e.jsxs)(t.tU,{defaultValue:"render",className:"w-full",children:[(0,e.jsxs)(t.j7,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,e.jsx)(t.Xi,{variant:"underline",value:"render",children:"Render"}),(0,e.jsx)(t.Xi,{variant:"underline",value:"code",children:"Code"}),(0,e.jsx)(t.Xi,{variant:"underline",value:"data",children:"Sample Data"})]}),(0,e.jsx)(t.av,{value:"render",children:(0,e.jsx)("div",{className:"p-4",children:(0,e.jsx)(w.s,{code:S,props:T})})}),(0,e.jsx)(t.av,{value:"code",children:(0,e.jsx)(m.B,{value:S,onChange:a=>{if(!y)return;let b={...y,component:a};z(b),x?.(b)},className:"max-h-[500px] border-0 shadow-none"})}),(0,e.jsx)(t.av,{value:"data",children:(0,e.jsx)(n.i,{value:R,onChange:U,className:"max-h-[500px] border-0 shadow-none"})})]})}),!Q&&!A&&!G&&(0,e.jsx)(q.n,{children:(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}[l,m,n]=x.then?(await x)():x,d()}catch(a){d(a)}})},81246:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:""}},87926:(a,b,c)=>{c.d(b,{DataComponentForm:()=>d});let d=(0,c(16979).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.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")}};