@inkeep/agents-manage-ui 0.39.1 → 0.39.2

package/.next/standalone/agents-manage-ui/.next/static/chunks/37482-2a0ee89b4075723d.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37482],{5310:(e,t,r)=>{r.d(t,{E:()=>l,t:()=>s});var a=r(37211),o=r(65686);let n=o.discriminatedUnion("type",[o.object({type:o.literal("all")}),o.object({type:o.literal("selective"),tools:o.array(o.string())})]),s={project:"project",user:"user"},l=o.object({name:o.string().min(1,"Name is required."),config:o.object({type:o.literal("mcp"),mcp:o.object({server:o.object({url:o.string().url("Must be a valid URL.")}),transport:o.object({type:o.nativeEnum(a.o7)}),toolsConfig:n.default({type:"all"})})}),credentialReferenceId:o.string().nullish(),credentialScope:o.enum(s).default("project"),imageUrl:o.string().optional()})},6871:(e,t,r)=>{r.d(t,{Dialog:()=>i,DialogContent:()=>f,DialogDescription:()=>v,DialogHeader:()=>g,DialogTitle:()=>h,DialogTrigger:()=>d,Es:()=>x,HM:()=>u});var a=r(59112),o=r(41797),n=r(81878),s=r(18471),l=r(29944);function i({...e}){return(0,a.jsx)(o.bL,{"data-slot":"dialog",...e})}function d({...e}){return(0,a.jsx)(o.l9,{"data-slot":"dialog-trigger",...e})}function c({...e}){return(0,a.jsx)(o.ZL,{"data-slot":"dialog-portal",...e})}function u({...e}){return(0,a.jsx)(o.bm,{"data-slot":"dialog-close",...e})}function m({className:e,...t}){return(0,a.jsx)(o.hJ,{"data-slot":"dialog-overlay",className:(0,l.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-xs",e),...t})}let p=(0,n.F)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed z-50 grid w-full max-w-[calc(100%-2rem)]  gap-4 rounded-lg border p-6 shadow-lg duration-200 max-h-[calc(100dvh-1.5rem)] overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent",{variants:{variant:{default:""},position:{top:"top-3 left-[50%] translate-x-[-50%]",center:"top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]",bottom:"bottom-3 left-[50%] translate-x-[-50%]"},size:{default:"sm:max-w-lg",sm:"sm:max-w-md",md:"sm:max-w-lg",lg:"sm:max-w-xl",xl:"sm:max-w-2xl",fullscreen:"w-screen h-screen"}},defaultVariants:{variant:"default",position:"center",size:"default"}});function f({className:e,children:t,showCloseButton:r=!0,variant:n="default",position:i="center",size:d="default",...u}){return(0,a.jsxs)(c,{"data-slot":"dialog-portal",children:["fullscreen"!==d&&(0,a.jsx)(m,{}),(0,a.jsxs)(o.UC,{"data-slot":"dialog-content",className:(0,l.cn)(p({variant:n,position:i,size:d,className:e}),e),...u,children:[t,r&&(0,a.jsxs)(o.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-md opacity-70 hover:opacity-100 transition-all focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground dark:text-foreground text-muted-foreground size-8 flex items-center justify-center",children:[(0,a.jsx)(s.A,{}),(0,a.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function g({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"dialog-header",className:(0,l.cn)("flex flex-col gap-2 text-center sm:text-left",e),...t})}function x({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"dialog-footer",className:(0,l.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}function h({className:e,...t}){return(0,a.jsx)(o.hE,{"data-slot":"dialog-title",className:(0,l.cn)("text-lg leading-none font-medium",e),...t})}function v({className:e,...t}){return(0,a.jsx)(o.VY,{"data-slot":"dialog-description",className:(0,l.cn)("text-muted-foreground text-sm",e),...t})}},8641:(e,t,r)=>{r.d(t,{a:()=>s});var a=r(59112),o=r(78685),n=r(99716);function s({control:e,name:t,label:r,placeholder:s,type:l="text",min:i,max:d,disabled:c,description:u,isRequired:m=!1}){return(0,a.jsx)(n.u,{control:e,name:t,label:r,description:u,isRequired:m,children:e=>(0,a.jsx)(o.p,{type:l,placeholder:s,min:i,max:d,disabled:c,...e,value:e.value??"",onChange:t=>{let r=t.target.value;"number"===l?e.onChange(""===r?null:Number(r)):e.onChange(r)}})})}},23579:(e,t,r)=>{r.d(t,{J:()=>s});var a=r(59112),o=r(40714),n=r(29944);function s({className:e,...t}){return(0,a.jsx)(o.b,{"data-slot":"label",className:(0,n.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...t})}},25653:(e,t,r)=>{r.d(t,{U:()=>f});var a=r(37211),o=r(92400),n=r(95556),s=r(21933),l=r(1439),i=r(95477),d=r(31798),c=r(67903),u=r(37064),m=r(48618),p=r(67836);function f({tenantId:e,projectId:t,onFinish:r}){let f=(0,o.useRouter)(),{PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:g}=(0,l.y)(),{openNangoConnectHeadless:x}=(0,p.$)(),{user:h}=(0,m.Q)(),v=(0,n.useRef)(new Map),b=(0,n.useCallback)((a,o)=>new Promise((n,s)=>{let l=v.current.get(a);l&&(l(),v.current.delete(a));try{let l=o??function({PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:e,tenantId:t,projectId:r,id:a}){if(!t||"string"!=typeof t)throw Error("Invalid tenantId: must be a non-empty string");if(!a||"string"!=typeof a)throw Error("Invalid tool id: must be a non-empty string");if(!r||"string"!=typeof r)throw Error("Invalid projectId: must be a non-empty string");let o=/^[a-zA-Z0-9-_]+$/;if(!o.test(t))throw Error("Invalid tenantId format: only alphanumeric characters, hyphens, and underscores allowed");if(!o.test(a))throw Error("Invalid tool id format: only alphanumeric characters, hyphens, and underscores allowed");if(!o.test(r))throw Error("Invalid projectId format: only alphanumeric characters, hyphens, and underscores allowed");let n=`${e}/oauth/login?tenantId=${encodeURIComponent(t)}&projectId=${encodeURIComponent(r)}&toolId=${encodeURIComponent(a)}`;if(!n.startsWith(e))throw Error("Invalid OAuth URL generated");return n}({PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:g,tenantId:e,projectId:t,id:a}),i=window.open(l,"oauth-popup","width=600,height=700,scrollbars=yes,resizable=yes,status=yes,location=yes");if(!i){let e=Error(`Failed to open popup for ${a} - blocked by browser`);console.error(e.message),s(e);return}let d=!1,c=(o,l)=>{d||(d=!0,window.removeEventListener("message",u),m&&clearInterval(m),clearTimeout(p),v.current.delete(a),o?(r?r(a):f.push(`/${e}/projects/${t}/mcp-servers/${a}`),n()):s(l||Error("OAuth login failed")))},u=e=>{"oauth-success"===e.data.type?c(!0):"oauth-error"===e.data.type&&c(!1,Error(e.data.error||"OAuth login failed"))};window.addEventListener("message",u);let m=null,p=setTimeout(()=>{d||(m=setInterval(()=>{try{i.closed&&c(!0)}catch{}},1e3))},3e3);v.current.set(a,()=>{c(!1,Error("OAuth login cancelled"))})}catch(e){s(e instanceof Error?e:Error("OAuth login failed"))}}),[g,e,t,r,f]),y=(0,n.useCallback)(async({toolId:o,mcpServerUrl:n,toolName:s,credentialScope:l})=>{if(!h)throw Error("User not found");let i=await x({mcpServerUrl:n,providerUniqueKey:`${(0,a.K_)(s)}_${o.slice(0,4)}`,providerDisplayName:s}),m="user"===l,p={id:(0,u.$)(),name:s,type:a.Ns.nango,credentialStoreId:a.Ux,createdBy:h?.email??void 0,...m&&{toolId:o,userId:h.id},retrievalParams:{connectionId:i.connectionId,providerConfigKey:i.providerConfigKey,provider:"mcp-generic",authMode:"OAUTH2"}},g=await (0,c.U)(e,t,p);m||await (0,d.Y)(e,t,o,{credentialReferenceId:g.id}),r?r(o):f.push(`/${e}/projects/${t}/mcp-servers/${o}`)},[x,r,f,e,t,h]);return{handleOAuthLogin:(0,n.useCallback)(async({toolId:r,mcpServerUrl:o,toolName:n,thirdPartyConnectAccountUrl:l,credentialScope:d})=>{if(l)return void await b(r,l);try{let s=await (0,i.S)(e,t),l=s.some(e=>e.type===a.Ns.nango&&e.available),c=s.some(e=>e.type===a.Ns.keychain&&e.available);if(l)await y({toolId:r,mcpServerUrl:o,toolName:n,credentialScope:d});else if(c)await b(r);else throw Error("No credential store available. Please configure Nango or Keychain.")}catch(t){let e=t instanceof Error?t:Error("OAuth login failed");throw s.oR.error(e.message),e}},[e,t,y,b])}}},31798:(e,t,r)=>{r.d(t,{Y:()=>o});var a=r(71506);let o=(0,a.createServerReference)("7854f611606e0c5d7647c4480b206b994d35c8dedd",a.callServer,void 0,a.findSourceMapURL,"updateMCPTool")},37064:(e,t,r)=>{r.d(t,{$:()=>a});let a=(0,r(95145).d_)("abcdefghijklmnopqrstuvwxyz0123456789",21)},37482:(e,t,r)=>{r.d(t,{MCPServerForm:()=>A});var a=r(59112),o=r(16559),n=r(37211),s=r(92400),l=r(95556),i=r(32618),d=r(21933),c=r(8641),u=r(42135),m=r(46539),p=r(93964),f=r(6871),g=r(80381),x=r(69661),h=r(25653),v=r(71506);let b=(0,v.createServerReference)("402fe660a72b32c1bcf973cef9438ba316c594e9d5",v.callServer,void 0,v.findSourceMapURL,"detectOAuthServerAction");var y=r(83461),j=r(79101),w=r(31798),N=r(37064),k=r(18471),C=r(72715),S=r(95684),R=r(53716),$=r(5892);function I({control:e,name:t,label:r,availableTools:o=[],description:n,disabled:s=!1}){let{field:{value:d,onChange:c},fieldState:{error:u}}=(0,i.as)({name:t,control:e}),p=(0,l.useMemo)(()=>"object"==typeof d&&null!==d&&"type"in d?"all"===d.type?{type:"all"}:"selective"===d.type&&Array.isArray(d.tools)?{type:"selective",tools:d.tools}:{type:"selective",tools:[]}:{type:"selective",tools:[]},[d]),f=()=>{c({type:"all"})},x=()=>{c({type:"selective",tools:[]})},h=(e,t)=>{if("all"===p.type){let r=o.map(e=>e.name).filter(t=>t!==e);c({type:"selective",tools:t?[...r,e]:r})}else c({type:"selective",tools:t?[...p.tools.filter(t=>t!==e),e]:p.tools.filter(t=>t!==e)})},v=()=>{switch(p.type){case"all":return o.length;case"selective":return p.tools.filter(e=>o.some(t=>t.name===e)).length;default:return 0}},b=v()===o.length;return(0,a.jsx)(g.zB,{control:e,name:t,render:()=>(0,a.jsxs)(g.eI,{children:[(0,a.jsxs)(g.lR,{children:[r,(0,a.jsx)(S.E,{variant:"count",children:v()})]}),n&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:n}),(0,a.jsxs)("div",{className:"mt-2",children:[0===o.length&&(0,a.jsx)("div",{className:"text-sm text-muted-foreground border rounded-md p-3 py-2 bg-gray-100/80 dark:bg-sidebar",children:"No tools available from this server"}),o.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 justify-between py-3 px-6 rounded-t-lg border border-b-0",children:[(0,a.jsxs)("div",{className:"text-sm",children:[v()," ",(0,a.jsxs)("span",{className:"text-gray-400 dark:text-white/40",children:["/ ",o.length," tool",1===o.length?"":"s"]})]}),b?(0,a.jsxs)(m.$,{type:"button",variant:"outline",size:"sm",onClick:x,disabled:s,children:[(0,a.jsx)(k.A,{className:"w-4 h-4 text-muted-foreground"}),"Deselect all"]}):(0,a.jsxs)(m.$,{type:"button",variant:"outline",size:"sm",onClick:f,disabled:s,children:[(0,a.jsx)(C.A,{className:"w-4 h-4 text-muted-foreground"}),"Select all"]})]}),(0,a.jsx)("div",{className:"max-h-96 overflow-y-auto border rounded-lg rounded-t-none scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent",children:o.map(e=>{let t=(e=>{switch(p.type){case"all":return o.some(t=>t.name===e);case"selective":return p.tools.includes(e)&&o.some(t=>t.name===e);default:return!1}})(e.name);return(0,a.jsxs)("div",{className:"space-y-2 flex items-start gap-6 border-b last:border-b-0 py-4 px-6 relative",children:[(0,a.jsx)("div",{className:"flex items-center h-[22px]",children:(0,a.jsx)(R.S,{checked:t,disabled:s,className:"mb-0",onClick:()=>!s&&h(e.name,!t)})}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)(S.E,{variant:t?"primary":"code",className:`font-mono font-medium text-xs cursor-pointer transition-colors ${s?"opacity-50 cursor-not-allowed":""}`,onClick:()=>!s&&h(e.name,!t),children:e.name}),(0,a.jsxs)($.Tooltip,{delayDuration:800,children:[(0,a.jsx)($.TooltipTrigger,{asChild:!0,children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground line-clamp-1",children:e.description})}),(0,a.jsx)($.TooltipContent,{side:"bottom",align:"start",children:e.description})]})]})]},e.name)})})]})]}),(0,a.jsx)(g.C5,{children:u?.message})]})})}var U=r(5310);let z={name:"",config:{type:"mcp",mcp:{server:{url:""},transport:{type:n.o7.streamableHttp},toolsConfig:{type:"all"}}},imageUrl:"",credentialReferenceId:"oauth",credentialScope:U.t.project};function A({initialData:e,mode:t="create",tool:r,credentials:v,tenantId:k,projectId:C}){let S=(0,s.useRouter)(),[R,$]=(0,l.useState)(!1),[A,E]=(0,l.useState)(!1),M=(0,i.mN)({resolver:(0,o.u)(U.E),defaultValues:{...z,...e}}),{handleOAuthLogin:T}=(0,h.U)({tenantId:k,projectId:C}),{isSubmitting:P}=M.formState,D=async e=>{try{let a=e.name;if(e.credentialScope===U.t.user&&"create"===t){let t={id:(0,N.$)(),name:a,config:{type:"mcp",mcp:{server:{url:e.config.mcp.server.url},transport:{type:e.config.mcp.transport.type}}},credentialReferenceId:null,credentialScope:U.t.user,imageUrl:e.imageUrl},r=await (0,j.X)(k,C,t);d.oR.success("MCP server created. Users can connect their own accounts from the detail page."),S.push(`/${k}/projects/${C}/mcp-servers/${r.id}`);return}if("oauth"===e.credentialReferenceId&&"create"===t){let t=await b(e.config.mcp.server.url);if(!t.success)return void d.oR.error(t.error||"Failed to detect OAuth support");if(!t.data)return void d.oR.error("This MCP server does not support OAuth authentication. Please select a different credential.");let r={id:(0,N.$)(),name:a,config:{type:"mcp",mcp:{server:{url:e.config.mcp.server.url},transport:{type:e.config.mcp.transport.type}}},credentialReferenceId:null,credentialScope:U.t.project,imageUrl:e.imageUrl},o=await (0,j.X)(k,C,r);T({toolId:o.id,mcpServerUrl:e.config.mcp.server.url,toolName:a});return}let o={...e,name:a,credentialReferenceId:"none"===e.credentialReferenceId?null:e.credentialReferenceId,credentialScope:e.credentialScope,config:{...e.config,mcp:{...e.config.mcp,activeTools:(e=>{if("all"===e.type)return;let t=r?.availableTools?.map(e=>e.name)||[];return e.tools.filter(e=>t.includes(e))})(e.config.mcp.toolsConfig)}}};if("update"===t&&r)await (0,w.Y)(k,C,r.id,o),d.oR.success("MCP server updated successfully"),S.push(`/${k}/projects/${C}/mcp-servers/${r.id}`);else{let e=await (0,j.X)(k,C,{...o,id:(0,N.$)()});d.oR.success("MCP server created successfully"),S.push(`/${k}/projects/${C}/mcp-servers/${e.id}`)}}catch(e){console.error(`Failed to ${t} MCP tool:`,e),d.oR.error(`Failed to ${t} MCP server. Please try again.`)}},L=async()=>{if(r){E(!0);try{let e=await (0,y.o)(k,C,r.id,!1);e.success?($(!1),d.oR.success("MCP server deleted."),S.push(`/${k}/projects/${C}/mcp-servers`)):d.oR.error(e.error||"Failed to delete MCP server.")}finally{E(!1)}}};return(0,a.jsxs)(f.Dialog,{open:R,onOpenChange:$,children:[(0,a.jsx)(g.lV,{...M,children:(0,a.jsxs)("form",{onSubmit:M.handleSubmit(D),className:"space-y-8",children:[(0,a.jsx)(c.a,{control:M.control,name:"name",label:"Name",placeholder:"MCP server",isRequired:!0}),(0,a.jsx)(c.a,{control:M.control,name:"config.mcp.server.url",label:"URL",placeholder:"https://api.example.com/mcp",isRequired:!0}),(0,a.jsx)(u.U,{control:M.control,selectTriggerClassName:"w-full",name:"config.mcp.transport.type",label:"Transport type",placeholder:"Select transport type",options:[{value:n.o7.streamableHttp,label:"Streamable HTTP"},{value:n.o7.sse,label:"Server-Sent Events (SSE)"}]}),(0,a.jsx)(c.a,{control:M.control,name:"imageUrl",label:"Image URL (optional)",placeholder:"https://example.com/icon.png or data:image/png;base64,..."}),(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)(u.U,{control:M.control,selectTriggerClassName:"w-full",name:"credentialScope",label:"Credential Scope",placeholder:"Select credential scope",disabled:"update"===t,options:[{value:U.t.project,label:"Project (shared team credential)"},{value:U.t.user,label:"User (each user connects their own)"}]}),(0,a.jsx)(x.n,{title:"Credential Scope",children:(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("strong",{children:"Project:"})," One shared credential for the entire team. You'll connect an OAuth account now that everyone will use."]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("strong",{children:"User:"})," Each team member connects their own account. No OAuth required during setup — users connect later from the detail page."]})]})})]}),M.watch("credentialScope")===U.t.project&&(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)(u.U,{control:M.control,selectTriggerClassName:"w-full",name:"credentialReferenceId",label:"Credential",placeholder:"Select a credential",options:[{value:"oauth",label:"OAuth"},{value:"none",label:"No Authentication"},...v.map(e=>({value:e.id,label:e.name}))]}),(0,a.jsx)(x.n,{title:"How this works",children:(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("p",{children:["Select ",(0,a.jsx)("code",{className:"bg-background px-1.5 py-0.5 rounded border",children:"OAuth"})," ",'to authenticate with the MCP server\'s OAuth flow, which will start after you click "Create".']}),(0,a.jsxs)("p",{children:["Select"," ",(0,a.jsx)("code",{className:"bg-background px-1.5 py-0.5 rounded border",children:"No Authentication"})," ","to skip authentication (i.e. none required or add a credential later)."]}),(0,a.jsx)("p",{children:"Or select from the existing credentials you have already created."})]})})]}),"update"===t&&(0,a.jsx)(I,{control:M.control,name:"config.mcp.toolsConfig",label:"Tools",availableTools:r?.availableTools||[],description:"Select which tools should be enabled for this MCP server"}),(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(m.$,{type:"submit",disabled:P,children:"update"===t?"Save":"Create"}),"update"===t&&r&&(0,a.jsx)(f.DialogTrigger,{asChild:!0,children:(0,a.jsx)(m.$,{type:"button",variant:"destructive-outline",children:"Delete Server"})})]})]})}),R&&r&&(0,a.jsx)(p.J,{itemName:r.name||"this MCP server",isSubmitting:A,onDelete:L})]})}},42135:(e,t,r)=>{r.d(t,{U:()=>s});var a=r(59112),o=r(98163),n=r(99716);function s({control:e,name:t,label:r,placeholder:s,options:l,disabled:i=!1,selectTriggerClassName:d,description:c,isRequired:u=!1}){return(0,a.jsx)(n.u,{control:e,name:t,label:r,description:c,isRequired:u,children:e=>(0,a.jsxs)(o.l6,{onValueChange:e.onChange,defaultValue:e.value,disabled:i,children:[(0,a.jsx)(o.bq,{disabled:i,className:d,children:(0,a.jsx)(o.yv,{placeholder:s})}),(0,a.jsx)(o.gC,{children:l.map(e=>(0,a.jsx)(o.eb,{value:e.value,disabled:e.disabled,children:e.label},e.value))})]})})}},53716:(e,t,r)=>{r.d(t,{S:()=>l});var a=r(59112),o=r(82199),n=r(72715),s=r(29944);function l({className:e,...t}){return(0,a.jsx)(o.bL,{"data-slot":"checkbox",className:(0,s.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-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:(0,a.jsx)(o.C1,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,a.jsx)(n.A,{className:"size-3.5"})})})}},67219:(e,t,r)=>{r.d(t,{u:()=>o});var a=r(71506);let o=(0,a.createServerReference)("40a7998214db14929ce03c64248b44bd81864b0a36",a.callServer,void 0,a.findSourceMapURL,"createProviderConnectSession")},67836:(e,t,r)=>{r.d(t,{$:()=>d});var a=r(2661),o=r(95556),n=r(1439),s=r(90649),l=r(67219),i=r(48618);function d(){let{PUBLIC_NANGO_SERVER_URL:e,PUBLIC_NANGO_CONNECT_BASE_URL:t}=(0,n.y)(),{user:r}=(0,i.Q)(),d=(0,s.N)();return{openNangoConnect:(0,o.useCallback)(({sessionToken:r,onEvent:o,connectOptions:n})=>{let s=new a.Ay({host:e||void 0}).openConnectUI({baseURL:n?.baseURL||t||void 0,apiURL:n?.apiURL||e||void 0,onEvent:o,detectClosedAuthWindow:!0});return s.setSessionToken(r),s},[e,t]),openNangoConnectHeadless:(0,o.useCallback)(async({mcpServerUrl:t,providerUniqueKey:o,providerDisplayName:n})=>{let{data:s}=await d.organization.getFullOrganization(),i=await (0,l.u)({providerName:"mcp-generic",uniqueKey:o,displayName:n,endUserId:r?.id,endUserEmail:r?.email,endUserDisplayName:r?.name,organizationId:s?.id,organizationDisplayName:s?.name}),c=new a.Ay({host:e||void 0,connectSessionToken:i});try{return await c.auth(o,{detectClosedAuthWindow:!0,params:{mcp_server_url:t}})}catch(e){if(e instanceof Error)throw Error(`Authentication failed: ${e.message}`);throw e}},[e,r?.id,r?.email,r?.name,d])}}},67903:(e,t,r)=>{r.d(t,{U:()=>o});var a=r(71506);let o=(0,a.createServerReference)("707903debd621ad6584038e8647c18849cee3467a7",a.callServer,void 0,a.findSourceMapURL,"findOrCreateCredential")},69661:(e,t,r)=>{r.d(t,{n:()=>o});var a=r(59112);function o({title:e,Icon:t,children:r}){return(0,a.jsxs)("div",{className:"text-xs text-gray-800 dark:text-muted-foreground p-3 bg-gray-100/80 dark:bg-sidebar rounded-md",children:[e&&(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[t&&(0,a.jsx)(t,{className:"w-3 h-3 text-muted-foreground"}),(0,a.jsx)("p",{className:"font-medium text-foreground font-mono uppercase",children:e})]}),r]})}r(46539)},79101:(e,t,r)=>{r.d(t,{X:()=>o});var a=r(71506);let o=(0,a.createServerReference)("7072f37705d3c998db4eff293a7c96151d9d7ff7c0",a.callServer,void 0,a.findSourceMapURL,"createMCPTool")},80381:(e,t,r)=>{r.d(t,{C5:()=>v,MJ:()=>x,Rr:()=>h,eI:()=>f,lR:()=>g,lV:()=>d,zB:()=>u});var a=r(59112),o=r(15854),n=r(95556),s=r(32618),l=r(23579),i=r(29944);let d=s.Op,c=n.createContext({}),u=({...e})=>(0,a.jsx)(c.Provider,{value:{name:e.name},children:(0,a.jsx)(s.xI,{...e})}),m=()=>{let e=n.useContext(c),t=n.useContext(p),{getFieldState:r}=(0,s.xW)(),a=(0,s.lN)({name:e.name}),o=r(e.name,a);if(!e)throw Error("useFormField should be used within <FormField>");let{id:l}=t;return{id:l,name:e.name,formItemId:`${l}-form-item`,formDescriptionId:`${l}-form-item-description`,formMessageId:`${l}-form-item-message`,...o}},p=n.createContext({});function f({className:e,...t}){let r=n.useId();return(0,a.jsx)(p.Provider,{value:{id:r},children:(0,a.jsx)("div",{"data-slot":"form-item",className:(0,i.cn)("grid gap-2",e),...t})})}function g({className:e,isRequired:t,children:r,...o}){let{error:n,formItemId:s}=m();return(0,a.jsxs)(l.J,{"data-slot":"form-label","data-error":!!n,className:(0,i.cn)("data-[error=true]:text-destructive gap-1",e),htmlFor:s,...o,children:[r,t&&(0,a.jsx)("span",{className:"text-red-500",children:"*"})]})}function x({...e}){let{error:t,formItemId:r,formDescriptionId:n,formMessageId:s}=m();return(0,a.jsx)(o.DX,{"data-slot":"form-control",id:r,"aria-describedby":t?`${n} ${s}`:`${n}`,"aria-invalid":!!t,...e})}function h({className:e,...t}){let{formDescriptionId:r}=m();return(0,a.jsx)("p",{"data-slot":"form-description",id:r,className:(0,i.cn)("text-muted-foreground text-sm",e),...t})}function v({className:e,...t}){let{error:r,formMessageId:o}=m(),n=r?String(r?.message??""):t.children;return n?(0,a.jsx)("p",{"data-slot":"form-message",id:o,className:(0,i.cn)("text-destructive text-sm",e),...t,children:n}):null}},83461:(e,t,r)=>{r.d(t,{o:()=>o});var a=r(71506);let o=(0,a.createServerReference)("78fbca1a2b2f52adf931bb1b614b32daeced97fa36",a.callServer,void 0,a.findSourceMapURL,"deleteToolAction")},93964:(e,t,r)=>{r.d(t,{J:()=>l});var a=r(59112),o=r(65905),n=r(46539),s=r(6871);function l({itemName:e,isSubmitting:t,onDelete:r,customTitle:l,customDescription:i}){let d=async()=>{await r()};return(0,a.jsxs)(s.DialogContent,{children:[(0,a.jsx)(s.DialogTitle,{children:l||`Delete ${e||"this item"}`}),(0,a.jsx)(s.DialogDescription,{children:i||`Are you sure you want to delete ${e||"this item"}? This action cannot be undone.`}),(0,a.jsxs)(s.Es,{children:[(0,a.jsx)(s.HM,{asChild:!0,children:(0,a.jsx)(n.$,{variant:"outline",children:"Cancel"})}),(0,a.jsx)(n.$,{variant:"destructive",onClick:d,disabled:t,children:t?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.A,{className:"size-4 animate-spin"})," Deleting..."]}):"Delete"})]})]})}},95477:(e,t,r)=>{r.d(t,{S:()=>o});var a=r(71506);let o=(0,a.createServerReference)("60da4f26ed4c8eb954ba829aa7ae523353730433c0",a.callServer,void 0,a.findSourceMapURL,"listCredentialStores")},95684:(e,t,r)=>{r.d(t,{E:()=>i});var a=r(59112),o=r(15854),n=r(81878),s=r(29944);let l=(0,n.F)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",primary:"border border-primary/50 text-primary bg-primary/5 rounded-sm p-0.5 px-1.5 font-mono",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",code:"text-xs text-muted-foreground border bg-muted/80 dark:bg-muted/50 rounded-sm p-0.5 px-1.5 font-mono",count:"text-muted-foreground bg-muted/80 dark:bg-muted/50 rounded-sm p-0.5 font-mono px-2 text-[10px] border-none",success:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-emerald-50 border-emerald-200 text-emerald-800 dark:text-emerald-300 dark:bg-emerald-950/40 uppercase",error:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-red-50 border-red-200 text-red-800 dark:border-red-700 dark:text-red-300 dark:bg-red-950/40 uppercase",warning:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-amber-50 border-amber-200 text-amber-800 dark:border-amber-700 dark:text-amber-300 dark:bg-amber-950/40 uppercase",sky:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-sky-50 border-sky-200 text-sky-800 dark:border-sky-700 dark:text-sky-300 dark:bg-sky-950/40",violet:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-violet-50 border-violet-200 text-violet-800 dark:border-violet-700 dark:text-violet-300 dark:bg-violet-950/40",orange:"text-xs text-muted-foreground border rounded-sm p-0.5 px-1.5 font-mono bg-orange-50 border-orange-200 text-orange-800 dark:border-orange-700 dark:text-orange-300 dark:bg-orange-950/40"}},defaultVariants:{variant:"default"}});function i({className:e,variant:t,asChild:r=!1,...n}){let i=r?o.DX:"span";return(0,a.jsx)(i,{"data-slot":"badge",className:(0,s.cn)(l({variant:t}),e),...n})}},98163:(e,t,r)=>{r.d(t,{bq:()=>u,eb:()=>p,gC:()=>m,l6:()=>d,yv:()=>c});var a=r(59112),o=r(63027),n=r(62063),s=r(72715),l=r(4774),i=r(29944);function d({...e}){return(0,a.jsx)(o.bL,{"data-slot":"select",...e})}function c({...e}){return(0,a.jsx)(o.WT,{"data-slot":"select-value",...e})}function u({className:e,size:t="default",children:r,...s}){return(0,a.jsxs)(o.l9,{"data-slot":"select-trigger","data-size":t,className:(0,i.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 font-normal normal-case",e),...s,children:[r,(0,a.jsx)(o.In,{asChild:!0,children:(0,a.jsx)(n.A,{className:"size-4 opacity-50"})})]})}function m({className:e,children:t,position:r="popper",...n}){return(0,a.jsx)(o.ZL,{children:(0,a.jsxs)(o.UC,{"data-slot":"select-content",className:(0,i.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/30 dark:scrollbar-thumb-muted-foreground/50 scrollbar-track-transparent rounded-md border shadow-md","popper"===r&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...n,children:[(0,a.jsx)(f,{}),(0,a.jsx)(o.LM,{className:(0,i.cn)("p-1","popper"===r&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:t}),(0,a.jsx)(g,{})]})})}function p({className:e,children:t,...r}){return(0,a.jsxs)(o.q7,{"data-slot":"select-item",className:(0,i.cn)("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[(0,a.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,a.jsx)(o.VF,{children:(0,a.jsx)(s.A,{className:"size-4"})})}),(0,a.jsx)(o.p4,{children:t})]})}function f({className:e,...t}){return(0,a.jsx)(o.PP,{"data-slot":"select-scroll-up-button",className:(0,i.cn)("flex cursor-default items-center justify-center py-1",e),...t,children:(0,a.jsx)(l.A,{className:"size-4"})})}function g({className:e,...t}){return(0,a.jsx)(o.wn,{"data-slot":"select-scroll-down-button",className:(0,i.cn)("flex cursor-default items-center justify-center py-1",e),...t,children:(0,a.jsx)(n.A,{className:"size-4"})})}},99716:(e,t,r)=>{r.d(t,{u:()=>n});var a=r(59112),o=r(80381);function n({control:e,name:t,label:r,children:n,description:s,rules:l,isRequired:i}){return(0,a.jsx)(o.zB,{control:e,name:t,rules:l,render:({field:e})=>(0,a.jsxs)(o.eI,{className:"relative",children:[(0,a.jsx)(o.lR,{isRequired:i,children:r}),(0,a.jsx)(o.MJ,{children:n(e)}),s&&(0,a.jsx)(o.Rr,{children:s}),(0,a.jsx)(o.C5,{})]})})}}}]);

package/.next/standalone/agents-manage-ui/.next/static/chunks/{52939.3f7ac18a30fb24b6.js → 52939.25f7afa45277fb17.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52939],{25988:(e,r,t)=>{t.r(r),t.d(r,{Playground:()=>L});var n=t(59112),a=t(75481),s=t(18471),l=t(95556),o=t(21933),c=t(95071),i=t(46539),u=t(28018),d=t(37064),m=t(31625),h=t(14711),f=t(70807),p=t(78130),g=t(1439),v=t(64869),b=t(16559),x=t(59322),y=t(32618),j=t(65686),k=t(50877),w=t(6871),T=t(80381);let S=j.object({feedback:j.string().min(1,"Please provide details about what could have been better.").max(1e3,"Feedback must be less than 1000 characters")}),N=({isOpen:e,onOpenChange:r,conversationId:t,messageId:a,setShowTraces:s})=>{let{chatFunctionsRef:l,openCopilot:o,setDynamicHeaders:c}=(0,h.F)(),u=(0,y.mN)({defaultValues:{feedback:""},resolver:(0,b.u)(S)}),{isSubmitting:d}=u.formState,m=async({feedback:e})=>{l?.current&&(o(),s(!1),c({conversationId:t,messageId:a}),setTimeout(()=>{l?.current?.submitMessage(e)},100)),r(!1)};return(0,n.jsx)(w.Dialog,{open:e,onOpenChange:r,children:(0,n.jsxs)(w.DialogContent,{className:"max-w-2xl!",children:[(0,n.jsxs)(w.DialogHeader,{children:[(0,n.jsx)(w.DialogTitle,{children:"Feedback"}),(0,n.jsx)(w.DialogDescription,{className:"sr-only",children:"Provide feedback on the message."})]}),(0,n.jsx)(T.lV,{...u,children:(0,n.jsxs)("form",{onSubmit:u.handleSubmit(m),className:"space-y-8",children:[(0,n.jsx)(k.K,{control:u.control,name:"feedback",label:"",placeholder:"What could have been better?",className:"min-h-[80px]"}),(0,n.jsx)("div",{className:"flex justify-end gap-2",children:(0,n.jsxs)(i.$,{type:"submit",disabled:d,children:[(0,n.jsx)(x.A,{className:"size-4"}),"Fix with Copilot"]})})]})})]})})},C=`
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52939],{25988:(e,r,t)=>{t.r(r),t.d(r,{Playground:()=>L});var n=t(59112),a=t(75481),s=t(18471),l=t(95556),o=t(21933),c=t(95071),i=t(46539),u=t(28018),d=t(37064),m=t(31625),h=t(14711),f=t(23078),p=t(78130),g=t(1439),v=t(64869),b=t(16559),x=t(59322),y=t(32618),j=t(65686),k=t(50877),w=t(6871),T=t(80381);let S=j.object({feedback:j.string().min(1,"Please provide details about what could have been better.").max(1e3,"Feedback must be less than 1000 characters")}),N=({isOpen:e,onOpenChange:r,conversationId:t,messageId:a,setShowTraces:s})=>{let{chatFunctionsRef:l,openCopilot:o,setDynamicHeaders:c}=(0,h.F)(),u=(0,y.mN)({defaultValues:{feedback:""},resolver:(0,b.u)(S)}),{isSubmitting:d}=u.formState,m=async({feedback:e})=>{l?.current&&(o(),s(!1),c({conversationId:t,messageId:a}),setTimeout(()=>{l?.current?.submitMessage(e)},100)),r(!1)};return(0,n.jsx)(w.Dialog,{open:e,onOpenChange:r,children:(0,n.jsxs)(w.DialogContent,{className:"max-w-2xl!",children:[(0,n.jsxs)(w.DialogHeader,{children:[(0,n.jsx)(w.DialogTitle,{children:"Feedback"}),(0,n.jsx)(w.DialogDescription,{className:"sr-only",children:"Provide feedback on the message."})]}),(0,n.jsx)(T.lV,{...u,children:(0,n.jsxs)("form",{onSubmit:u.handleSubmit(m),className:"space-y-8",children:[(0,n.jsx)(k.K,{control:u.control,name:"feedback",label:"",placeholder:"What could have been better?",className:"min-h-[80px]"}),(0,n.jsx)("div",{className:"flex justify-end gap-2",children:(0,n.jsxs)(i.$,{type:"submit",disabled:d,children:[(0,n.jsx)(x.A,{className:"size-4"}),"Fix with Copilot"]})})]})})]})})},C=`
 .ikp-ai-chat-wrapper {
   height: 100%;
   max-height: unset;

package/.next/standalone/agents-manage-ui/.next/static/chunks/{19328-b4caa444b66f44db.js → 6335-184eb08d278bc8af.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19328],{19328:(e,t,s)=>{s.d(t,{ProjectForm:()=>J});var r=s(59112),o=s(16559),a=s(92400),n=s(32618),l=s(21933),i=s(8641),d=s(50877),c=s(46539),u=s(80381),m=s(97512),p=s(93008),h=s(71506);let f=(0,h.createServerReference)("709f4c493b809055df2c3b5ca3f55e3af3e4fed93d",h.callServer,void 0,h.findSourceMapURL,"updateProjectAction"),x=(0,h.createServerReference)("60f2fcc4b0709a1edb934b12d33c838612a930ba00",h.callServer,void 0,h.findSourceMapURL,"createProjectAction");var j=s(79776);let v={id:"",name:"",description:"",models:{base:{model:j.nr,providerOptions:void 0},structuredOutput:{model:j.jV,providerOptions:void 0},summarizer:{model:j.tI,providerOptions:void 0}},stopWhen:void 0};var b=s(16239),g=s(93409),y=s(95556),C=s(41707),N=s(34368),O=s(99716),S=s(31273),I=s(69661),w=s(23579),k=s(92013);function z({control:e}){let{field:t}=(0,n.as)({control:e,name:"models.base.providerOptions"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:e,name:"models.base.model",label:"Base model",description:"Primary model for general agent responses",isRequired:!0,children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select base model",value:e.value||"",onValueChange:e.onChange,canClear:!1})}),(0,r.jsx)(N.y,{name:"models.base.providerOptions",label:"Provider options",value:t.value?JSON.stringify(t.value,null,2):"",onChange:e=>{if(!e?.trim())return void t.onChange(void 0);try{let s=JSON.parse(e);t.onChange(s)}catch{}},placeholder:`{
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6335],{6335:(e,t,s)=>{s.d(t,{ProjectForm:()=>J});var r=s(59112),o=s(16559),a=s(92400),n=s(32618),l=s(21933),i=s(8641),d=s(50877),c=s(46539),u=s(80381),m=s(97512),p=s(93008),h=s(71506);let f=(0,h.createServerReference)("7099fea9133db6a5d665764422aa1904330f28bcf0",h.callServer,void 0,h.findSourceMapURL,"updateProjectAction"),x=(0,h.createServerReference)("6003db1c5920be4bce9d69a605598f2aec6bf21af2",h.callServer,void 0,h.findSourceMapURL,"createProjectAction");var j=s(79776);let v={id:"",name:"",description:"",models:{base:{model:j.nr,providerOptions:void 0},structuredOutput:{model:j.jV,providerOptions:void 0},summarizer:{model:j.tI,providerOptions:void 0}},stopWhen:void 0};var b=s(16239),g=s(93409),y=s(95556),C=s(41707),N=s(34368),O=s(99716),S=s(31273),I=s(69661),w=s(23579),k=s(92013);function z({control:e}){let{field:t}=(0,n.as)({control:e,name:"models.base.providerOptions"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:e,name:"models.base.model",label:"Base model",description:"Primary model for general agent responses",isRequired:!0,children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select base model",value:e.value||"",onValueChange:e.onChange,canClear:!1})}),(0,r.jsx)(N.y,{name:"models.base.providerOptions",label:"Provider options",value:t.value?JSON.stringify(t.value,null,2):"",onChange:e=>{if(!e?.trim())return void t.onChange(void 0);try{let s=JSON.parse(e);t.onChange(s)}catch{}},placeholder:`{
   "temperature": 0.7,
   "maxOutputTokens": 2048
 }`})]})}function R({control:e}){let{field:t}=(0,n.as)({control:e,name:"models.structuredOutput.providerOptions"}),s=(0,n.FH)({control:e,name:"models.base.model"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:e,name:"models.structuredOutput.model",label:"Structured output model",description:"Model for structured outputs and components (defaults to base model)",children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select structured output model (optional)",value:e.value||"",onValueChange:e.onChange,inheritedValue:s,canClear:!0})}),(0,r.jsx)(N.y,{name:"models.structuredOutput.providerOptions",label:"Provider options",value:t.value?JSON.stringify(t.value,null,2):"",onChange:e=>{if(!e?.trim())return void t.onChange(void 0);try{let s=JSON.parse(e);t.onChange(s)}catch{}},placeholder:`{

package/.next/standalone/agents-manage-ui/.next/static/chunks/73776-1433c31bc8471278.js

@@ -0,0 +1,14 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43189,73776],{1391:(e,t,r)=>{"use strict";r.d(t,{Fc:()=>i,TN:()=>l,XL:()=>d});var a=r(59112),n=r(81878),s=r(29944);let o=(0,n.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 i({className:e,variant:t,...r}){return(0,a.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,s.cn)(o({variant:t}),e),...r})}function d({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"alert-title",className:(0,s.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...t})}function l({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"alert-description",className:(0,s.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...t})}},7707:(e,t,r)=>{"use strict";r.d(t,{G:()=>d});var a=r(59112),n=r(90515),s=r(62351),o=r.n(s),i=r(29944);function d({href:e,children:t,className:r,iconClassName:s,...d}){return(0,a.jsxs)(o(),{href:e,target:"_blank",rel:"noreferrer noopener",className:(0,i.cn)("text-sm text-muted-foreground underline underline-offset-2 inline-flex items-center gap-1 hover:text-primary ml-1 group/link font-mono uppercase transition-colors",r),...d,children:[t,(0,a.jsx)(n.A,{className:(0,i.cn)("size-3.5 text-muted-foreground opacity-60 group-hover/link:text-primary",s)})]})}},9754:(e,t,r)=>{"use strict";r.d(t,{B:()=>o});var a=r(59112),n=r(95556),s=r(39968);let o=({uri:e,placeholder:t="Enter code...",editorOptions:r,...o})=>{let i=(0,n.useId)();return e??=`${i}.jsx`,(0,a.jsx)(s.T,{uri:e,placeholder:t,editorOptions:{ariaLabel:"Code editor",...r},...o})}},16486:(e,t,r)=>{"use strict";r.d(t,{u:()=>c});var a=r(59112),n=r(92400),s=r(95556),o=r(21933),i=r(93964),d=r(71506);let l=(0,d.createServerReference)("700251337ffce7d7b0fafa3fd1d9d799b244e3e9c3",d.callServer,void 0,d.findSourceMapURL,"deleteDataComponentAction");function c({dataComponentId:e,dataComponentName:t,setIsOpen:r,redirectOnDelete:d=!1}){let{tenantId:c,projectId:u}=(0,n.useParams)(),m=(0,n.useRouter)(),[p,h]=(0,s.useState)(!1),f=async()=>{h(!0);try{let t=await l(c,u,e);t.success?(r(!1),o.oR.success("Component deleted."),d&&m.push(`/${c}/projects/${u}/components`)):o.oR.error(t.error)}finally{h(!1)}};return(0,a.jsx)(i.J,{itemName:t||"this component",isSubmitting:p,onDelete:f})}},26831:(e,t,r)=>{"use strict";r.d(t,{Bf:()=>x,ib:()=>b,Y1:()=>v});var a=r(89101),n=r(3361),s=r(56887),o=r(94962),i=r(12699);let d="github-light-default",l="github-dark-default",c="template",u=JSON.parse('{"$schema":"https://json-schema.org/draft/2020-12/schema","$id":"https://json-schema.org/draft/2020-12/schema","title":"JSON Schema Draft 2020-12 (Monaco Compatible)","type":"object","properties":{"$schema":{"type":"string","description":"The JSON Schema meta-schema identifier"},"$id":{"type":"string","description":"A unique identifier for the schema"},"title":{"type":"string","description":"A descriptive title for the schema"},"description":{"type":"string","description":"A description of the schema"},"type":{"type":"string","enum":["string","number","integer","boolean","array","object","null"],"description":"The type of the data"},"properties":{"type":"object","additionalProperties":{"$ref":"#"},"description":"Properties of the object"},"required":{"type":"array","items":{"type":"string"},"description":"Required properties"},"items":{"description":"Schema for array items"},"additionalProperties":{"description":"Schema for additional properties"},"enum":{"type":"array","description":"Enumeration of valid values"},"const":{"description":"A constant value"},"default":{"description":"Default value"},"examples":{"type":"array","description":"Example values"},"format":{"type":"string","description":"Format specification"},"pattern":{"type":"string","description":"Regular expression pattern"},"minimum":{"type":"number","description":"Minimum value"},"maximum":{"type":"number","description":"Maximum value"},"minLength":{"type":"integer","minimum":0,"description":"Minimum string length"},"maxLength":{"type":"integer","minimum":0,"description":"Maximum string length"},"minItems":{"type":"integer","minimum":0,"description":"Minimum array length"},"maxItems":{"type":"integer","minimum":0,"description":"Maximum array length"},"uniqueItems":{"type":"boolean","description":"Whether array items must be unique"},"oneOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match exactly one of the schemas"},"anyOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match at least one of the schemas"},"allOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match all of the schemas"},"not":{"$ref":"#","description":"Schema must not match"},"if":{"$ref":"#","description":"Conditional schema"},"then":{"$ref":"#","description":"Schema to apply if condition is true"},"else":{"$ref":"#","description":"Schema to apply if condition is false"}},"additionalProperties":false}'),m=["javascript","typescript","json"],p=[d,l],h={monaco:null,variableSuggestions:[],highlighter:null},f=null,g=async()=>(f??=(0,n.O_)({themes:[...p],langs:[...m]}),await f),x=(0,s.v)()((0,o.lt)((e,t)=>({...h,actions:{setVariableSuggestions(t){e({variableSuggestions:t})},setMonacoTheme(e){let r=t().monaco;r&&(r.editor.defineTheme("github-light-default",{base:"vs",inherit:!0,rules:[],colors:{"diffEditor.insertedTextBackground":"#3784ff19","diffEditor.insertedLineBackground":"#3784ff0d","scrollbarSlider.background":"#ccc5","scrollbarSlider.hoverBackground":"#bbb5","scrollbarSlider.activeBackground":"#aaa5"}}),r.editor.defineTheme("github-dark-default",{base:"vs-dark",inherit:!0,rules:[],colors:{"diffEditor.insertedTextBackground":"#69a3ff4d","diffEditor.insertedLineBackground":"#69a3ff33","scrollbarSlider.background":"#aaa5","scrollbarSlider.hoverBackground":"#bbb5","scrollbarSlider.activeBackground":"#ccc5"}}),r.editor.setTheme(e?l:d))},async setupHighlighter(r){let{highlighter:n,monaco:s,actions:o}=t();if(!s)return;let i=n??await g();(0,a.H)(i,s),o.setMonacoTheme(r),n||(e({highlighter:i}),f=null)},async setMonaco(){let a=await Promise.all([r.e(97698),r.e(35823),r.e(9143),r.e(89173),r.e(3767),r.e(34194)]).then(r.bind(r,34194));return window.monaco=a,e({monaco:a}),a.languages.register({id:c}),a.languages.json.jsonDefaults.setDiagnosticsOptions({schemas:[{uri:"https://json-schema.org/draft/2020-12/schema",fileMatch:["json-schema-*.json"],schema:u}],enableSchemaRequest:!0}),[a.languages.setMonarchTokensProvider(c,{tokenizer:{root:[[/\{\{([^}]+)}}/,"variable"]]}}),a.languages.registerCompletionItemProvider(c,{triggerCharacters:["{"],provideCompletionItems(e,r){let{variableSuggestions:n}=t(),s=e.getValueInRange({startLineNumber:1,startColumn:1,endLineNumber:r.lineNumber,endColumn:r.column}).match(/\{([^}]*)$/);if(!s)return console.log("No template variable match found"),{suggestions:[]};let o=s[1].toLowerCase(),i=n.filter(e=>e.toLowerCase().includes(o)),d=e.getWordUntilPosition(r),l=new a.Range(r.lineNumber,d.startColumn,r.lineNumber,d.endColumn);return{suggestions:[...i.map(e=>({label:e,detail:"Context variable",sortText:"0"})),{label:"$env.",detail:"Environment variable",sortText:"1"}].map(e=>({kind:a.languages.CompletionItemKind.Module,range:l,insertText:`{${e.label}}}`,...e}))}}})]}}}))),b=()=>x(e=>e.actions);function v(e){return x((0,i.k)(e))}},39968:(e,t,r)=>{"use strict";r.d(t,{T:()=>c});var a=r(59112),n=r(36608),s=r(95556),o=r(78522),i=r(26831),d=r(66552),l=r(29944);r(61946);let c=({value:e="",uri:t,readOnly:r,children:c,className:u,disabled:m,onChange:p,placeholder:h="",autoFocus:f,editorOptions:g,hasDynamicHeight:x=!0,onMount:b,...v})=>{let j=(0,s.useRef)(null),y=(0,s.useRef)(null),N=(0,s.useRef)(void 0),w=(0,i.Y1)(e=>e.monaco),{setupHighlighter:S}=(0,i.ib)();(0,s.useEffect)(()=>{let e=g?.wordWrap??"on";y.current?.updateOptions({readOnly:r||m,wordWrap:e,scrollbar:{horizontal:"on"===e?"hidden":"auto",alwaysConsumeMouseWheel:"on"!==e}})},[r,m,g?.wordWrap]),(0,s.useEffect)(()=>{let t=y.current?.getModel();t&&t.getValue()!==e&&t.setValue(e)},[e]),(0,s.useEffect)(()=>{N.current=p},[p]);let k="dark"===(0,n.D)().resolvedTheme;return(0,s.useEffect)(()=>{let a=j.current;if(!a||!w)return;let{editor:n}=w,{model:s,language:o}=(0,d.pj)({monaco:w,uri:t,value:e}),i=n.create(a,{model:s,language:o,extraEditorClassName:"[--vscode-editor-background:transparent]! [--vscode-editorGutter-background:transparent]! [--vscode-focusBorder:transparent]!",automaticLayout:!0,minimap:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,lineNumbers:"off",wordWrap:"on",contextmenu:!1,fixedOverflowWidgets:!0,padding:{top:12,bottom:12},scrollbar:{horizontal:"hidden",useShadows:!1,alwaysConsumeMouseWheel:!1},stickyScroll:{enabled:!1},tabSize:2,readOnly:r,placeholder:h.replaceAll(/^\s+/gm,e=>"\xa0".repeat(e.length)),fontSize:12,lineDecorationsWidth:0,editContext:!1,...g});y.current=i;let l=[s,s.onDidChangeContent(()=>{let e=N.current;e&&e(s.getValue())}),i,i.addAction({id:"disable-command-palette",label:"Disable Command Palette",keybindings:[w.KeyCode.F1],run(){}}),i.onKeyDown(e=>{"Space"===e.code&&e.browserEvent.stopPropagation()})];if(f&&requestAnimationFrame(()=>{i.focus()}),x){function c(){if(s.isDisposed())return;let e=i.getContentHeight();if(!s.getValue()&&h){let t=h.split("\n"),r=i.getOption(n.EditorOption.lineHeight),{top:a,bottom:s}=i.getOption(n.EditorOption.padding);e=t.length*r+a+s}a&&(a.style.height=`${e}px`)}c(),l.push(i.onDidContentSizeChange(c))}return S(k),b?.(i),(0,d.Ye)(l)},[w]),(0,a.jsxs)("div",{className:(0,l.cn)("max-h-screen",!x&&"h-full","rounded-md relative dark:bg-input/30 transition-colors text-foreground","border border-input shadow-xs",m?"cursor-not-allowed opacity-50 bg-muted [&>.monaco-editor]:pointer-events-none":"has-[&>.focused]:border-ring has-[&>.focused]:ring-ring/50 has-[&>.focused]:ring-[3px]","aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",u,!w&&"px-3 py-4","[&_.native-edit-context]:caret-transparent"),...v,ref:j,children:[!w&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.E,{className:"h-4 w-4/5"}),(0,a.jsx)(o.E,{className:"h-4 w-3/5 mt-3 mb-full"})]}),c]})}},43189:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var a=r(59112),n=r(95556),s=r(39968);let o=({uri:e,editorOptions:t,...r})=>{let o=(0,n.useId)();return e??=`${o}.json`,(0,a.jsx)(s.T,{uri:e,editorOptions:{ariaLabel:"JSON editor",...t},...r})}},49609:(e,t,r)=>{"use strict";r.d(t,{BT:()=>d,Wu:()=>l,ZB:()=>i,Zp:()=>s,aR:()=>o,wL:()=>c});var a=r(59112),n=r(29944);function s({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...t})}function o({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.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",e),...t})}function i({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",e),...t})}function d({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-description",className:(0,n.cn)("text-muted-foreground text-sm",e),...t})}function l({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",e),...t})}function c({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-footer",className:(0,n.cn)("flex items-center px-6 [.border-t]:pt-6",e),...t})}},61946:(e,t,r)=>{globalThis.MonacoEnvironment={getWorker:(e,t)=>new Worker((console.info("setup-workers/webpack",{label:t}),"json"===t)?r.tu(new URL(r.p+r.u(22063),r.b)):"typescript"===t||"javascript"===t?r.tu(new URL(r.p+r.u(44444),r.b)):r.tu(new URL(r.p+r.u(48830),r.b)))}},66552:(e,t,r)=>{"use strict";function a({monaco:e,editorInstance:t,content:r,addedContent:a=" #"}){let n=[],s=e.editor.tokenize(r,"json"),o=r.split("\n");for(let[t,r]of s.entries()){let s=t+1,i=o[s-1];for(let t=r.length-1;t>=0;t--){if(!function(e){switch(e){case"string.value.json":case"number.json":case"keyword.json":case"string":return!0}return!1}(r[t].type))continue;let o=r[t+1],d=o?o.offset+1:i.length,l=new e.Range(s,d,s,d+1);n.push({range:l,options:{after:{content:a,inlineClassName:"copy-button-icon"}}});break}}let i=t.createDecorationsCollection(n);return{decorations:n,decorationCollection:i}}function n({uri:e,value:t,monaco:r}){let a=r.Uri.file(e),n=a.path.split(".").at(-1);if(!n)throw Error(`Could not determine file language from path: "${a.path}"`);switch(n){case"js":case"jsx":n="javascript";break;case"ts":case"tsx":n="typescript"}return{language:n,model:r.editor.getModel(a)??r.editor.createModel(t,n,a)}}function s(e){return()=>{for(let t of e)t.dispose()}}r.d(t,{Xe:()=>a,Ye:()=>s,pj:()=>n})},69661:(e,t,r)=>{"use strict";r.d(t,{n:()=>n});var a=r(59112);function n({title:e,Icon:t,children:r}){return(0,a.jsxs)("div",{className:"text-xs text-gray-800 dark:text-muted-foreground p-3 bg-gray-100/80 dark:bg-sidebar rounded-md",children:[e&&(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[t&&(0,a.jsx)(t,{className:"w-3 h-3 text-muted-foreground"}),(0,a.jsx)("p",{className:"font-medium text-foreground font-mono uppercase",children:e})]}),r]})}r(46539)},73776:(e,t,r)=>{"use strict";r.d(t,{DataComponentForm:()=>G});var a=r(59112),n=r(16559),s=r(92400),o=r(95556),i=r(32618),d=r(21933),l=r(8641),c=r(50877),u=r(61827),m=r(46539),p=r(6871),h=r(7707),f=r(80381),g=r(93008),x=r(71506);let b=(0,x.createServerReference)("70fb7b0ae0f72296289ba68737294ef2e90e3a56e6",x.callServer,void 0,x.findSourceMapURL,"updateDataComponentAction"),v=(0,x.createServerReference)("708bdca072453a4cfd9e535013772b3cabac1b36f3",x.callServer,void 0,x.findSourceMapURL,"createDataComponentAction");var j=r(29944),y=r(16486),N=r(93409),w=r(65905),S=r(59322),k=r(66517),C=r(39470),R=r(89736),E=r(9754),$=r(43189),D=r(95684),O=r(49609),M=r(69661),T=r(23579),L=r(98570),A=r(73803),F=r(21785),I=r(5892),B=r(64771);let z=(0,x.createServerReference)("70917239e869a164141157dd4b9ad5f8b9363200c3",x.callServer,void 0,x.findSourceMapURL,"updateDataComponent");var _=r(78130);function V({tenantId:e,projectId:t,dataComponentId:r,existingRender:n,onRenderChanged:s}){let[i,l]=(0,o.useState)(n||null),[c,u]=(0,o.useState)(!1),[p,f]=(0,o.useState)(!1),[g,x]=(0,o.useState)(""),[b,v]=(0,o.useState)(!!n),[j,y]=(0,o.useState)(!!n),[V,q]=(0,o.useState)(""),[J,P]=(0,o.useState)(!1),W=(0,B.B)(),U=W?.models?.base?.model,G=async a=>{u(!0),l(null),x(""),v(!1),y(!1);try{let n=await fetch(`/api/data-components/${r}/generate-render`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantId:e,projectId:t,instructions:a||void 0,existingCode:a?i?.component:void 0})});if(!n.ok)throw Error("Failed to generate render");if(!n.body)throw Error("No response body");let o=n.body.getReader(),c=new TextDecoder,u="",m=null;for(;;){let{done:e,value:t}=await o.read();if(e)break;let r=c.decode(t,{stream:!0}),a=(u+=r).split("\n");for(let e of(u=a.pop()||"",a))if(e.trim())try{let t=JSON.parse(e);m=t,t.component&&x(t.component)}catch(t){console.warn("Failed to parse line:",e,t)}}if(m)l(m),v(!0),s?.(m),d.oR.success("Render generated successfully");else throw Error("No valid render generated")}catch(e){console.error("Failed to generate render:",e),d.oR.error("Failed to generate render"),v(!0)}finally{u(!1)}},Z=async()=>{f(!0);try{await z(e,t,{id:r,render:null}),l(null),y(!1),s?.(null),d.oR.success("Render deleted")}catch(e){console.error("Error deleting render:",e),d.oR.error("Failed to delete render")}finally{f(!1)}},X=null!==i&&(i.component?.trim().length??0)>0,H=(0,o.useMemo)(()=>i?.mockData?JSON.stringify(i.mockData,null,2):"{}",[i?.mockData]),K=(0,o.useMemo)(()=>i?.component||"",[i?.component]),Y=(0,o.useMemo)(()=>i?.mockData||{},[i?.mockData]),Q=(0,o.useCallback)(e=>{if(i)try{let t=JSON.parse(e),r={...i,mockData:t};l(r),s?.(r)}catch{}},[i,s]);return(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"space-y-2",children:(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)("h3",{className:"text-md font-medium",children:"Component Renderer"}),(0,a.jsxs)(I.Tooltip,{children:[(0,a.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,a.jsx)(N.A,{className:"w-3 h-3 text-muted-foreground ml-1"})}),(0,a.jsx)(I.TooltipContent,{children:(0,a.jsxs)("p",{className:"text-sm text-muted-foreground",children:["Generates a React/Tailwind component from your schema using your project's base model",U&&(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)(D.E,{variant:"code",children:U})]}),".",(0,a.jsx)("div",{className:"flex mt-1",children:(0,a.jsx)(h.G,{href:`/${e}/projects/${t}/settings`,className:"text-xs ml-0",children:"Edit in settings"})})]})})]})]})}),(0,a.jsxs)("div",{className:"flex gap-2",children:[!X&&(0,a.jsx)(m.$,{onClick:()=>G(),disabled:c,size:"sm",className:"gap-2",children:c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(S.A,{className:"h-4 w-4"}),"Generate"]})}),X&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(L.AM,{open:J,onOpenChange:P,children:[(0,a.jsx)(L.Wv,{asChild:!0,children:(0,a.jsx)(m.$,{variant:"outline",size:"sm",disabled:p||c,className:"gap-2 font-mono uppercase",children:c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(k.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,a.jsx)(L.hl,{className:"w-96",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-medium text-sm mb-2",children:"Modify Component"}),(0,a.jsx)(T.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,a.jsx)(F.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:V,onChange:e=>q(e.target.value),className:"mt-2 min-h-[100px]"})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,a.jsx)(m.$,{size:"sm",variant:"outline",onClick:()=>{P(!1),q("")},children:"Cancel"}),(0,a.jsx)(m.$,{size:"sm",onClick:async()=>{P(!1),await G(V||void 0),q("")},disabled:c,children:V?"Apply Changes":"Regenerate"})]})]})})]}),j&&(0,a.jsx)(m.$,{variant:"destructive-outline",onClick:Z,disabled:p||c,size:"icon",title:"Delete render",children:p?(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(C.A,{className:"h-4 w-4"})})]})]})]}),c&&g&&(0,a.jsx)(R.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
+${g}\`\`\``}),c&&!g&&(0,a.jsx)(O.Zp,{className:"p-6",children:(0,a.jsxs)("div",{className:"flex flex-row items-center justify-center gap-2",children:[(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin text-muted-foreground/50"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground/70",children:"Generating component render..."})]})}),X&&!c&&b&&i&&(0,a.jsx)(O.Zp,{className:"px-2 py-4 pt-0",children:(0,a.jsxs)(A.tU,{defaultValue:"render",className:"w-full",children:[(0,a.jsxs)(A.j7,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,a.jsx)(A.Xi,{variant:"underline",value:"render",children:"Render"}),(0,a.jsx)(A.Xi,{variant:"underline",value:"code",children:"Code"}),(0,a.jsx)(A.Xi,{variant:"underline",value:"data",children:"Sample Data"})]}),(0,a.jsx)(A.av,{value:"render",children:(0,a.jsx)("div",{className:"p-4",children:(0,a.jsx)(_.s,{code:K,props:Y})})}),(0,a.jsx)(A.av,{value:"code",children:(0,a.jsx)(E.B,{value:K,onChange:e=>{if(!i)return;let t={...i,component:e};l(t),s?.(t)},className:"max-h-[500px] border-0 shadow-none"})}),(0,a.jsx)(A.av,{value:"data",children:(0,a.jsx)($.i,{value:H,onChange:Q,className:"max-h-[500px] border-0 shadow-none"})})]})}),!X&&!c&&!b&&(0,a.jsx)(M.n,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}let q={id:"",name:"",description:"",props:""};var J=r(65686),P=r(49769),W=r(84752);let U=J.object({id:W.f,name:J.string().min(1,"Name is required."),description:J.string().optional(),props:J.string().min(1,"Props schema is required.").transform((e,t)=>{try{let r=JSON.parse(e),a=(0,P._O)(e);if(!a.isValid){let e=a.errors[0]?.message||"Invalid JSON schema";return t.addIssue({code:J.ZodIssueCode.custom,message:e}),J.NEVER}return r.required??=[],r}catch(e){return t.addIssue({code:J.ZodIssueCode.custom,message:(0,P.SR)(e)}),J.NEVER}}).optional(),render:J.object({component:J.string(),mockData:J.record(J.string(),J.unknown())}).nullable().optional()});function G({tenantId:e,projectId:t,id:r,initialData:x}){let[N,w]=(0,o.useState)(!1),S=(0,i.mN)({resolver:(0,n.u)(U),defaultValues:(e=>{if(!e)return q;let t={...e};return t.props&&(t.props=(0,j.S_)(t.props)),t})(x)}),{isSubmitting:k}=S.formState,C=(0,s.useRouter)();(0,g.S)({form:S,nameField:"name",idField:"id",isEditing:!!r});let R=async a=>{try{let n={...a};if(r){let r=await b(e,t,n);if(!r.success)return void d.oR.error(r.error||"Failed to update component");d.oR.success("Component updated")}else{let r=await v(e,t,n);if(!r.success)return void d.oR.error(r.error||"Failed to create component");d.oR.success("Component created"),C.push(`/${e}/projects/${t}/components`)}}catch(t){console.error("Error submitting component:",t);let e=t instanceof Error?t.message:"An unexpected error occurred";d.oR.error(e)}};return(0,a.jsxs)(p.Dialog,{open:N,onOpenChange:w,children:[(0,a.jsx)(f.lV,{...S,children:(0,a.jsxs)("form",{onSubmit:S.handleSubmit(R),className:"space-y-8",children:[(0,a.jsx)(l.a,{control:S.control,name:"name",label:"Name",placeholder:"ListOrders",description:(0,a.jsxs)(a.Fragment,{children:["This name is used to identify the component in chat widget integration."," ",(0,a.jsx)(h.G,{href:"https://docs.inkeep.com/typescript-sdk/structured-outputs/data-components#frontend-integration",target:"_blank",children:"Learn more"})]}),isRequired:!0}),(0,a.jsx)(l.a,{control:S.control,name:"id",label:"Id",placeholder:"my-data-component",disabled:!!r,description:r?"":"Choose a unique identifier for this component. Using an existing id will replace that component.",isRequired:!0}),(0,a.jsx)(c.K,{control:S.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]"}),(0,a.jsx)(u.S,{control:S.control,name:"props",label:"Properties",placeholder:"Enter a valid JSON Schema...",uri:"json-schema-data-component.json",isRequired:!0}),r&&(0,a.jsx)(V,{tenantId:e,projectId:t,dataComponentId:r,existingRender:x?.render||null,onRenderChanged:e=>{S.setValue("render",e)}}),(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(m.$,{type:"submit",disabled:k,children:"Save"}),r&&(0,a.jsx)(p.DialogTrigger,{asChild:!0,children:(0,a.jsx)(m.$,{type:"button",variant:"destructive-outline",children:"Delete Component"})})]})]})}),N&&r&&(0,a.jsx)(y.u,{dataComponentId:r,dataComponentName:S.getValues("name"),setIsOpen:w,redirectOnDelete:!0})]})}},78130:(e,t,r)=>{"use strict";r.d(t,{s:()=>m});var a=r(59112),n=r(22912),s=r(95556),o=r(63398),i=r(81845),d=r(1391);let{AlertCircle:l}=n,c=String.raw;function u({error:e}){let t=String(e),r=t.split("\n"),n=r[0]||t,s=r.slice(1).join("\n");return(0,a.jsxs)(d.Fc,{variant:"destructive",className:"max-w-full",children:[(0,a.jsx)(l,{className:"h-4 w-4"}),(0,a.jsx)(d.XL,{className:"font-semibold text-sm",children:s}),(0,a.jsx)(d.TN,{className:"mt-2 space-y-2",children:(0,a.jsx)("div",{className:"font-mono text-xs break-words",children:n})})]})}function m({code:e,props:t}){let r=(0,s.useMemo)(()=>{let r,a;return r=e.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),a=r?.[1]||r?.[2]||"App",c`
+  import { ErrorBoundary } from "react-error-boundary";
+
+  ${e}
+
+  export default function App() {
+    const props = ${JSON.stringify(t)};
+    return (
+      <ErrorBoundary fallbackRender={fallbackRender}>
+        <${a} {...props} />
+      </ErrorBoundary>
+    );
+  }`},[e,t]),d=(0,s.useMemo)(()=>({fallbackRender:u,import:{"lucide-react":n,"react-error-boundary":o}}),[]),{element:l}=(0,i.CL)({code:r,scope:d});return(0,a.jsx)("div",{children:l})}},98570:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,Wv:()=>i,hl:()=>d});var a=r(59112),n=r(81086),s=r(29944);function o({...e}){return(0,a.jsx)(n.bL,{"data-slot":"popover",...e})}function i({className:e,...t}){return(0,a.jsx)(n.l9,{"data-slot":"popover-trigger",className:(0,s.cn)("font-sans normal-case",e),...t})}function d({className:e,align:t="center",sideOffset:r=4,...o}){return(0,a.jsx)(n.ZL,{children:(0,a.jsx)(n.UC,{"data-slot":"popover-content",align:t,sideOffset:r,className:(0,s.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",e),...o})})}}}]);