@inkeep/agents-manage-ui 0.30.1 → 0.30.3

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

@@ -1,5 +1,5 @@
-"use strict";exports.id=5206,exports.ids=[5206],exports.modules={9939:(a,b,c)=>{c.d(b,{d:()=>e});var d=c(90147);let e=(0,d.createServerReference)("708c0b1d4bf0ea33e41577ff91f57ac49279d450e0",d.callServer,void 0,d.findSourceMapURL,"updateDataComponent")},26029:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:""}},32303:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(55272).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"}]])},36303:(a,b,c)=>{c.d(b,{D:()=>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.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}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()})},39849:(a,b,c)=>{c.d(b,{Q:()=>e});var d=c(90147);let e=(0,d.createServerReference)("704d86196ad720964ed258cfcda6fd0945976a3393",d.callServer,void 0,d.findSourceMapURL,"createDataComponentAction")},40029:(a,b,c)=>{c.d(b,{EN:()=>i,Z3:()=>g,df:()=>j,nD:()=>k,sO:()=>h});var d=c(29991);c(58415);var e=c(8703),f=c(45796);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(33451).D)([g,h,i,j,k]),(0,d.A)(g,"604294445f6e6fe9425d177b043b1e68c1b68a6935",null),(0,d.A)(h,"707fe564be2106a71fb2ae0702b18f7301fd38ca27",null),(0,d.A)(i,"70f9ba687259038ed7490c0c2d8fda096f3a31be3a",null),(0,d.A)(j,"708c0b1d4bf0ea33e41577ff91f57ac49279d450e0",null),(0,d.A)(k,"703b5abe9f2c0d03eeb168e0db0ebda49c1b009781",null)},43353:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{B:()=>i});var e=c(59111),f=c(14450),g=c(20211),h=a([g]);g=(h.then?(await h)():h)[0];let i=({uri:a,placeholder:b="Enter code...",...c})=>{let d=(0,f.useId)();return a??=`${d}.jsx`,(0,e.jsx)(g.T,{uri:a,placeholder:b,...c})};d()}catch(a){d(a)}})},56008:(a,b,c)=>{c.d(b,{Fs:()=>j,Hn:()=>h,Qs:()=>i,bO:()=>k});var d=c(29991);c(58415);var e=c(83248),f=c(40029),g=c(36608);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(33451).D)([h,i,j,k]),(0,d.A)(h,"60ef8d5f4fc9c93b87a7f5737f0ccc9ebc8618b38a",null),(0,d.A)(i,"704d86196ad720964ed258cfcda6fd0945976a3393",null),(0,d.A)(j,"7053d8f98e76e2b417714478e33f3c71a1df943634",null),(0,d.A)(k,"708509282f3761c6b57bd96d84450916cf2ec4e19f",null)},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)}})},57904:(a,b,c)=>{c.d(b,{Fc:()=>h,TN:()=>j,XL:()=>i});var d=c(59111),e=c(53433),f=c(42723);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})}},62237:(a,b,c)=>{c.d(b,{u:()=>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)("708509282f3761c6b57bd96d84450916cf2ec4e19f",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})}},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.")},68486:(a,b,c)=>{c.d(b,{F:()=>e});var d=c(90147);let e=(0,d.createServerReference)("7053d8f98e76e2b417714478e33f3c71a1df943634",d.callServer,void 0,d.findSourceMapURL,"updateDataComponentAction")},71534:(a,b,c)=>{c.d(b,{BT:()=>i,Wu:()=>j,ZB:()=>h,Zp:()=>f,aR:()=>g,wL:()=>k});var d=c(59111),e=c(42723);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})}},89006:(a,b,c)=>{c.d(b,{tU:()=>D,av:()=>G,j7:()=>E,Xi:()=>F});var d=c(59111),e=c(14450),f=c(13254),g=c(57351),h=c(16677),i=c(80844),j=c(24702),k=c(74730),l=c(40474),m=c(29830),n="Tabs",[o,p]=(0,g.A)(n,[h.RG]),q=(0,h.RG)(),[r,s]=o(n),t=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:e,onValueChange:f,defaultValue:g,orientation:h="horizontal",dir:i,activationMode:o="automatic",...p}=a,q=(0,k.jH)(i),[s,t]=(0,l.i)({prop:e,onChange:f,defaultProp:g??"",caller:n});return(0,d.jsx)(r,{scope:c,baseId:(0,m.B)(),value:s,onValueChange:t,orientation:h,dir:q,activationMode:o,children:(0,d.jsx)(j.sG.div,{dir:q,"data-orientation":h,...p,ref:b})})});t.displayName=n;var u="TabsList",v=e.forwardRef((a,b)=>{let{__scopeTabs:c,loop:e=!0,...f}=a,g=s(u,c),i=q(c);return(0,d.jsx)(h.bL,{asChild:!0,...i,orientation:g.orientation,dir:g.dir,loop:e,children:(0,d.jsx)(j.sG.div,{role:"tablist","aria-orientation":g.orientation,...f,ref:b})})});v.displayName=u;var w="TabsTrigger",x=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:e,disabled:g=!1,...i}=a,k=s(w,c),l=q(c),m=A(k.baseId,e),n=B(k.baseId,e),o=e===k.value;return(0,d.jsx)(h.q7,{asChild:!0,...l,focusable:!g,active:o,children:(0,d.jsx)(j.sG.button,{type:"button",role:"tab","aria-selected":o,"aria-controls":n,"data-state":o?"active":"inactive","data-disabled":g?"":void 0,disabled:g,id:m,...i,ref:b,onMouseDown:(0,f.mK)(a.onMouseDown,a=>{g||0!==a.button||!1!==a.ctrlKey?a.preventDefault():k.onValueChange(e)}),onKeyDown:(0,f.mK)(a.onKeyDown,a=>{[" ","Enter"].includes(a.key)&&k.onValueChange(e)}),onFocus:(0,f.mK)(a.onFocus,()=>{let a="manual"!==k.activationMode;o||g||!a||k.onValueChange(e)})})})});x.displayName=w;var y="TabsContent",z=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:f,forceMount:g,children:h,...k}=a,l=s(y,c),m=A(l.baseId,f),n=B(l.baseId,f),o=f===l.value,p=e.useRef(o);return e.useEffect(()=>{let a=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(a)},[]),(0,d.jsx)(i.C,{present:g||o,children:({present:c})=>(0,d.jsx)(j.sG.div,{"data-state":o?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":m,hidden:!c,id:n,tabIndex:0,...k,ref:b,style:{...a.style,animationDuration:p.current?"0s":void 0},children:c&&h})})});function A(a,b){return`${a}-trigger-${b}`}function B(a,b){return`${a}-content-${b}`}z.displayName=y;var C=c(42723);let D=t,E=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(v,{ref:c,className:(0,C.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",a),...b}));E.displayName=v.displayName;let F=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(x,{ref:c,className:(0,C.cn)("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 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",a),...b}));F.displayName=x.displayName;let G=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(z,{ref:c,className:(0,C.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}));G.displayName=z.displayName},91420:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{f:()=>y});var e=c(59111),f=c(53710),g=c(89565),h=c(27218),i=c(3905),j=c(14450),k=c(68156),l=c(53213),m=c(43353),n=c(7974),o=c(2856),p=c(71534),q=c(35229),r=c(34740),s=c(39729),t=c(89006),u=c(32442),v=c(9939),w=c(99617),x=a([l,m,n]);[l,m,n]=x.then?(await x)():x;let z=a=>(0,e.jsx)(t.Xi,{...a,className:"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"});function y({tenantId:a,projectId:b,dataComponentId:c,existingRender:d,onRenderChanged:x}){let[y,A]=(0,j.useState)(d||null),[B,C]=(0,j.useState)(!1),[D,E]=(0,j.useState)(!1),[F,G]=(0,j.useState)(""),[H,I]=(0,j.useState)(!!d),[J,K]=(0,j.useState)(!!d),[L,M]=(0,j.useState)(""),[N,O]=(0,j.useState)(!1),P=async d=>{C(!0),A(null),G(""),I(!1),K(!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&&G(b.component)}catch(b){console.warn("Failed to parse line:",a,b)}}if(i)A(i),I(!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"),I(!0)}finally{C(!1)}},Q=async()=>{E(!0);try{await (0,v.d)(a,b,{id:c,render:null}),A(null),K(!1),x?.(null),k.oR.success("Render deleted")}catch(a){console.error("Error deleting render:",a),k.oR.error("Failed to delete render")}finally{E(!1)}},R=null!==y&&(y.component?.trim().length??0)>0,S=(0,j.useMemo)(()=>y?.mockData?JSON.stringify(y.mockData,null,2):"{}",[y?.mockData]),T=(0,j.useMemo)(()=>y?.component||"",[y?.component]),U=(0,j.useMemo)(()=>y?.mockData||{},[y?.mockData]),V=(0,j.useCallback)(a=>{if(y)try{let b=JSON.parse(a),c={...y,mockData:b};A(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:[!R&&(0,e.jsx)(o.$,{onClick:()=>P(),disabled:B,size:"sm",className:"gap-2",children:B?(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"]})}),R&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s.AM,{open:N,onOpenChange:O,children:[(0,e.jsx)(s.Wv,{asChild:!0,children:(0,e.jsx)(o.$,{variant:"outline",size:"sm",disabled:D||B,className:"gap-2 font-mono uppercase",children:B?(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:L,onChange:a=>M(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:()=>{O(!1),M("")},children:"Cancel"}),(0,e.jsx)(o.$,{size:"sm",onClick:async()=>{O(!1),await P(L||void 0),M("")},disabled:B,children:L?"Apply Changes":"Regenerate"})]})]})})]}),J&&(0,e.jsx)(o.$,{variant:"destructive-outline",onClick:Q,disabled:D||B,size:"icon",title:"Delete render",children:D?(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}):(0,e.jsx)(i.A,{className:"h-4 w-4"})})]})]})]}),B&&F&&(0,e.jsx)(l.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
-${F}\`\`\``}),B&&!F&&(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..."})]})}),R&&!B&&H&&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)(z,{value:"render",children:"Render"}),(0,e.jsx)(z,{value:"code",children:"Code"}),(0,e.jsx)(z,{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:T,props:U})})}),(0,e.jsx)(t.av,{value:"code",children:(0,e.jsx)(m.B,{value:T,onChange:a=>{if(!y)return;let b={...y,component:a};A(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:S,onChange:V,className:"max-h-[500px] border-0 shadow-none"})})]})}),!R&&!B&&!H&&(0,e.jsx)(q.n,{children:(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}d()}catch(a){d(a)}})},92107:(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:"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}`))})]})})}},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"})]})]})}},93823:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{DataComponentForm:()=>A});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(60848),q=c(93622),r=c(35283),s=c(68486),t=c(39849),u=c(42723),v=c(62237),w=c(91420),x=c(26029),y=c(36303),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:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",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)}})},98261:(a,b,c)=>{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.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")},99617:(a,b,c)=>{c.d(b,{s:()=>m});var d=c(59111),e=c(29554),f=c(14450),g=c(44451),h=c(18061),i=c(57904);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)(()=>((a,b)=>{let c=a.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),d=c?.[1]||c?.[2]||"App";return k`
+"use strict";exports.id=5206,exports.ids=[5206],exports.modules={26029:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:""}},32303:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(55272).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"}]])},36303:(a,b,c)=>{c.d(b,{D:()=>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.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}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()})},40029:(a,b,c)=>{c.d(b,{EN:()=>i,Z3:()=>g,df:()=>j,nD:()=>k,sO:()=>h});var d=c(29991);c(58415);var e=c(8703),f=c(45796);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(33451).D)([g,h,i,j,k]),(0,d.A)(g,"603ae1c45416760d3f2c79eb3726a146917d270d42",null),(0,d.A)(h,"70c15e78af5d053c0a47db1cd4b309286b1dde0d8f",null),(0,d.A)(i,"702f1f369f8669de50fcde0ad2714d58582e1f6a1f",null),(0,d.A)(j,"7054b19c3c1fe719867c1a395889ac9bea54e77e60",null),(0,d.A)(k,"7074cc6e8b3c3aeb923aa168d32a0c2ce994944416",null)},43353:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{B:()=>i});var e=c(59111),f=c(14450),g=c(20211),h=a([g]);g=(h.then?(await h)():h)[0];let i=({uri:a,placeholder:b="Enter code...",...c})=>{let d=(0,f.useId)();return a??=`${d}.jsx`,(0,e.jsx)(g.T,{uri:a,placeholder:b,...c})};d()}catch(a){d(a)}})},48824:(a,b,c)=>{c.d(b,{u:()=>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)("70552431bbef86a2b13b5f92f943d3ce44557a07bc",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})}},56008:(a,b,c)=>{c.d(b,{Fs:()=>j,Hn:()=>h,Qs:()=>i,bO:()=>k});var d=c(29991);c(58415);var e=c(83248),f=c(40029),g=c(36608);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(33451).D)([h,i,j,k]),(0,d.A)(h,"60dfc861b6301b8b9c4776ff0a89807724c6c11eac",null),(0,d.A)(i,"7006c8be23b180cf5339471b6c88c92d96675315c4",null),(0,d.A)(j,"70045effce5d8892d446e814c74943fb2849b46ef2",null),(0,d.A)(k,"70552431bbef86a2b13b5f92f943d3ce44557a07bc",null)},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)}})},57904:(a,b,c)=>{c.d(b,{Fc:()=>h,TN:()=>j,XL:()=>i});var d=c(59111),e=c(53433),f=c(42723);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})}},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.")},71534:(a,b,c)=>{c.d(b,{BT:()=>i,Wu:()=>j,ZB:()=>h,Zp:()=>f,aR:()=>g,wL:()=>k});var d=c(59111),e=c(42723);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})}},79641:(a,b,c)=>{c.d(b,{F:()=>e});var d=c(90147);let e=(0,d.createServerReference)("70045effce5d8892d446e814c74943fb2849b46ef2",d.callServer,void 0,d.findSourceMapURL,"updateDataComponentAction")},82116:(a,b,c)=>{c.d(b,{d:()=>e});var d=c(90147);let e=(0,d.createServerReference)("7054b19c3c1fe719867c1a395889ac9bea54e77e60",d.callServer,void 0,d.findSourceMapURL,"updateDataComponent")},82905:(a,b,c)=>{c.d(b,{Q:()=>e});var d=c(90147);let e=(0,d.createServerReference)("7006c8be23b180cf5339471b6c88c92d96675315c4",d.callServer,void 0,d.findSourceMapURL,"createDataComponentAction")},89006:(a,b,c)=>{c.d(b,{tU:()=>D,av:()=>G,j7:()=>E,Xi:()=>F});var d=c(59111),e=c(14450),f=c(13254),g=c(57351),h=c(16677),i=c(80844),j=c(24702),k=c(74730),l=c(40474),m=c(29830),n="Tabs",[o,p]=(0,g.A)(n,[h.RG]),q=(0,h.RG)(),[r,s]=o(n),t=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:e,onValueChange:f,defaultValue:g,orientation:h="horizontal",dir:i,activationMode:o="automatic",...p}=a,q=(0,k.jH)(i),[s,t]=(0,l.i)({prop:e,onChange:f,defaultProp:g??"",caller:n});return(0,d.jsx)(r,{scope:c,baseId:(0,m.B)(),value:s,onValueChange:t,orientation:h,dir:q,activationMode:o,children:(0,d.jsx)(j.sG.div,{dir:q,"data-orientation":h,...p,ref:b})})});t.displayName=n;var u="TabsList",v=e.forwardRef((a,b)=>{let{__scopeTabs:c,loop:e=!0,...f}=a,g=s(u,c),i=q(c);return(0,d.jsx)(h.bL,{asChild:!0,...i,orientation:g.orientation,dir:g.dir,loop:e,children:(0,d.jsx)(j.sG.div,{role:"tablist","aria-orientation":g.orientation,...f,ref:b})})});v.displayName=u;var w="TabsTrigger",x=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:e,disabled:g=!1,...i}=a,k=s(w,c),l=q(c),m=A(k.baseId,e),n=B(k.baseId,e),o=e===k.value;return(0,d.jsx)(h.q7,{asChild:!0,...l,focusable:!g,active:o,children:(0,d.jsx)(j.sG.button,{type:"button",role:"tab","aria-selected":o,"aria-controls":n,"data-state":o?"active":"inactive","data-disabled":g?"":void 0,disabled:g,id:m,...i,ref:b,onMouseDown:(0,f.mK)(a.onMouseDown,a=>{g||0!==a.button||!1!==a.ctrlKey?a.preventDefault():k.onValueChange(e)}),onKeyDown:(0,f.mK)(a.onKeyDown,a=>{[" ","Enter"].includes(a.key)&&k.onValueChange(e)}),onFocus:(0,f.mK)(a.onFocus,()=>{let a="manual"!==k.activationMode;o||g||!a||k.onValueChange(e)})})})});x.displayName=w;var y="TabsContent",z=e.forwardRef((a,b)=>{let{__scopeTabs:c,value:f,forceMount:g,children:h,...k}=a,l=s(y,c),m=A(l.baseId,f),n=B(l.baseId,f),o=f===l.value,p=e.useRef(o);return e.useEffect(()=>{let a=requestAnimationFrame(()=>p.current=!1);return()=>cancelAnimationFrame(a)},[]),(0,d.jsx)(i.C,{present:g||o,children:({present:c})=>(0,d.jsx)(j.sG.div,{"data-state":o?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":m,hidden:!c,id:n,tabIndex:0,...k,ref:b,style:{...a.style,animationDuration:p.current?"0s":void 0},children:c&&h})})});function A(a,b){return`${a}-trigger-${b}`}function B(a,b){return`${a}-content-${b}`}z.displayName=y;var C=c(42723);let D=t,E=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(v,{ref:c,className:(0,C.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",a),...b}));E.displayName=v.displayName;let F=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(x,{ref:c,className:(0,C.cn)("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 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",a),...b}));F.displayName=x.displayName;let G=e.forwardRef(({className:a,...b},c)=>(0,d.jsx)(z,{ref:c,className:(0,C.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}));G.displayName=z.displayName},91420:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{f:()=>y});var e=c(59111),f=c(53710),g=c(89565),h=c(27218),i=c(3905),j=c(14450),k=c(68156),l=c(53213),m=c(43353),n=c(7974),o=c(2856),p=c(71534),q=c(35229),r=c(34740),s=c(39729),t=c(89006),u=c(32442),v=c(82116),w=c(99617),x=a([l,m,n]);[l,m,n]=x.then?(await x)():x;let z=a=>(0,e.jsx)(t.Xi,{...a,className:"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"});function y({tenantId:a,projectId:b,dataComponentId:c,existingRender:d,onRenderChanged:x}){let[y,A]=(0,j.useState)(d||null),[B,C]=(0,j.useState)(!1),[D,E]=(0,j.useState)(!1),[F,G]=(0,j.useState)(""),[H,I]=(0,j.useState)(!!d),[J,K]=(0,j.useState)(!!d),[L,M]=(0,j.useState)(""),[N,O]=(0,j.useState)(!1),P=async d=>{C(!0),A(null),G(""),I(!1),K(!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&&G(b.component)}catch(b){console.warn("Failed to parse line:",a,b)}}if(i)A(i),I(!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"),I(!0)}finally{C(!1)}},Q=async()=>{E(!0);try{await (0,v.d)(a,b,{id:c,render:null}),A(null),K(!1),x?.(null),k.oR.success("Render deleted")}catch(a){console.error("Error deleting render:",a),k.oR.error("Failed to delete render")}finally{E(!1)}},R=null!==y&&(y.component?.trim().length??0)>0,S=(0,j.useMemo)(()=>y?.mockData?JSON.stringify(y.mockData,null,2):"{}",[y?.mockData]),T=(0,j.useMemo)(()=>y?.component||"",[y?.component]),U=(0,j.useMemo)(()=>y?.mockData||{},[y?.mockData]),V=(0,j.useCallback)(a=>{if(y)try{let b=JSON.parse(a),c={...y,mockData:b};A(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:[!R&&(0,e.jsx)(o.$,{onClick:()=>P(),disabled:B,size:"sm",className:"gap-2",children:B?(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"]})}),R&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s.AM,{open:N,onOpenChange:O,children:[(0,e.jsx)(s.Wv,{asChild:!0,children:(0,e.jsx)(o.$,{variant:"outline",size:"sm",disabled:D||B,className:"gap-2 font-mono uppercase",children:B?(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:L,onChange:a=>M(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:()=>{O(!1),M("")},children:"Cancel"}),(0,e.jsx)(o.$,{size:"sm",onClick:async()=>{O(!1),await P(L||void 0),M("")},disabled:B,children:L?"Apply Changes":"Regenerate"})]})]})})]}),J&&(0,e.jsx)(o.$,{variant:"destructive-outline",onClick:Q,disabled:D||B,size:"icon",title:"Delete render",children:D?(0,e.jsx)(f.A,{className:"h-4 w-4 animate-spin"}):(0,e.jsx)(i.A,{className:"h-4 w-4"})})]})]})]}),B&&F&&(0,e.jsx)(l.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
+${F}\`\`\``}),B&&!F&&(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..."})]})}),R&&!B&&H&&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)(z,{value:"render",children:"Render"}),(0,e.jsx)(z,{value:"code",children:"Code"}),(0,e.jsx)(z,{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:T,props:U})})}),(0,e.jsx)(t.av,{value:"code",children:(0,e.jsx)(m.B,{value:T,onChange:a=>{if(!y)return;let b={...y,component:a};A(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:S,onChange:V,className:"max-h-[500px] border-0 shadow-none"})})]})}),!R&&!B&&!H&&(0,e.jsx)(q.n,{children:(0,e.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}d()}catch(a){d(a)}})},92107:(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:"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}`))})]})})}},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"})]})]})}},93823:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{DataComponentForm:()=>A});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(60848),q=c(93622),r=c(35283),s=c(79641),t=c(82905),u=c(42723),v=c(48824),w=c(91420),x=c(26029),y=c(36303),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:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",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)}})},98261:(a,b,c)=>{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.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/data-components/form/data-component-form.tsx","DataComponentForm")},99617:(a,b,c)=>{c.d(b,{s:()=>m});var d=c(59111),e=c(29554),f=c(14450),g=c(44451),h=c(18061),i=c(57904);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)(()=>((a,b)=>{let c=a.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),d=c?.[1]||c?.[2]||"App";return k`
   import { ErrorBoundary } from "react-error-boundary";
 
   ${a}