@inkeep/agents-manage-ui 0.36.0 → 0.37.0

package/.next/standalone/agents-manage-ui/.next/static/chunks/18273-160884a82b6f9749.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18273],{2821:(e,t,r)=>{r.d(t,{o:()=>n});var a=r(99207);let n=(0,a.createServerReference)("7824c351530b48fe899f8543f2ddb2e059a09f2dcf",a.callServer,void 0,a.findSourceMapURL,"deleteToolAction")},4007:(e,t,r)=>{r.d(t,{u:()=>n});var a=r(99207);let n=(0,a.createServerReference)("402c0fdfb7247df1bf0dfd5beb763179a1146981a5",a.callServer,void 0,a.findSourceMapURL,"createProviderConnectSession")},6984:(e,t,r)=>{r.d(t,{$:()=>l});var a=r(37375),n=r(24831),o=r(85731),s=r(4007);function l(){let{PUBLIC_NANGO_SERVER_URL:e,PUBLIC_NANGO_CONNECT_BASE_URL:t}=(0,o.y)();return{openNangoConnect:(0,n.useCallback)(({sessionToken:r,onEvent:n,connectOptions:o})=>{let s=new a.Ay({host:e||void 0}).openConnectUI({baseURL:o?.baseURL||t||void 0,apiURL:o?.apiURL||e||void 0,onEvent:n,detectClosedAuthWindow:!0});return s.setSessionToken(r),s},[e,t]),openNangoConnectHeadless:(0,n.useCallback)(async({mcpServerUrl:t,providerUniqueKey:r,providerDisplayName:n})=>{let o=await (0,s.u)({providerName:"mcp-generic",uniqueKey:r,displayName:n}),l=new a.Ay({host:e||void 0,connectSessionToken:o});try{return await l.auth(r,{detectClosedAuthWindow:!0,params:{mcp_server_url:t}})}catch(e){if(e instanceof Error)throw Error(`Authentication failed: ${e.message}`);throw e}},[e])}}},10838:(e,t,r)=>{r.d(t,{n:()=>n});var a=r(9271);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(94303)},12563:(e,t,r)=>{r.d(t,{S:()=>n});var a=r(99207);let n=(0,a.createServerReference)("6055302858a9e22cbe3d44829d1bb7c217d9b28195",a.callServer,void 0,a.findSourceMapURL,"listCredentialStores")},14207:(e,t,r)=>{r.d(t,{bq:()=>u,eb:()=>f,gC:()=>m,l6:()=>d,yv:()=>c});var a=r(9271),n=r(21069),o=r(87225),s=r(65413),l=r(74212),i=r(47068);function d({...e}){return(0,a.jsx)(n.bL,{"data-slot":"select",...e})}function c({...e}){return(0,a.jsx)(n.WT,{"data-slot":"select-value",...e})}function u({className:e,size:t="default",children:r,...s}){return(0,a.jsxs)(n.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)(n.In,{asChild:!0,children:(0,a.jsx)(o.A,{className:"size-4 opacity-50"})})]})}function m({className:e,children:t,position:r="popper",...o}){return(0,a.jsx)(n.ZL,{children:(0,a.jsxs)(n.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,...o,children:[(0,a.jsx)(p,{}),(0,a.jsx)(n.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)(h,{})]})})}function f({className:e,children:t,...r}){return(0,a.jsxs)(n.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)(n.VF,{children:(0,a.jsx)(s.A,{className:"size-4"})})}),(0,a.jsx)(n.p4,{children:t})]})}function p({className:e,...t}){return(0,a.jsx)(n.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 h({className:e,...t}){return(0,a.jsx)(n.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)(o.A,{className:"size-4"})})}},15265:(e,t,r)=>{r.d(t,{u:()=>u});var a=r(17956);let n=(e,t,r)=>{if(e&&"reportValidity"in e){let n=(0,a.Jt)(r,t);e.setCustomValidity(n&&n.message||""),e.reportValidity()}},o=(e,t)=>{for(let r in t.fields){let a=t.fields[r];a&&a.ref&&"reportValidity"in a.ref?n(a.ref,r,e):a&&a.refs&&a.refs.forEach(t=>n(t,r,e))}},s=(e,t)=>{t.shouldUseNativeValidation&&o(e,t);let r={};for(let n in e){let o=(0,a.Jt)(t.fields,n),s=Object.assign(e[n]||{},{ref:o&&o.ref});if(l(t.names||Object.keys(e),n)){let e=Object.assign({},(0,a.Jt)(r,n));(0,a.hZ)(e,"root",s),(0,a.hZ)(r,n,e)}else(0,a.hZ)(r,n,s)}return r},l=(e,t)=>{let r=i(t);return e.some(e=>i(e).match(`^${r}\\.\\d+`))};function i(e){return e.replace(/\]|\[/g,"")}var d=r(52988);function c(e,t){try{var r=e()}catch(e){return t(e)}return r&&r.then?r.then(void 0,t):r}function u(e,t,r){if(void 0===r&&(r={}),"_def"in e&&"object"==typeof e._def&&"typeName"in e._def)return function(n,l,i){try{return Promise.resolve(c(function(){return Promise.resolve(e["sync"===r.mode?"parse":"parseAsync"](n,t)).then(function(e){return i.shouldUseNativeValidation&&o({},i),{errors:{},values:r.raw?Object.assign({},n):e}})},function(e){if(Array.isArray(null==e?void 0:e.issues))return{values:{},errors:s(function(e,t){for(var r={};e.length;){var n=e[0],o=n.code,s=n.message,l=n.path.join(".");if(!r[l])if("unionErrors"in n){var i=n.unionErrors[0].errors[0];r[l]={message:i.message,type:i.code}}else r[l]={message:s,type:o};if("unionErrors"in n&&n.unionErrors.forEach(function(t){return t.errors.forEach(function(t){return e.push(t)})}),t){var d=r[l].types,c=d&&d[n.code];r[l]=(0,a.Gb)(l,t,r,o,c?[].concat(c,n.message):n.message)}e.shift()}return r}(e.errors,!i.shouldUseNativeValidation&&"all"===i.criteriaMode),i)};throw e}))}catch(e){return Promise.reject(e)}};if("_zod"in e&&"object"==typeof e._zod)return function(n,l,i){try{return Promise.resolve(c(function(){return Promise.resolve(("sync"===r.mode?d.parse:d.parseAsync)(e,n,t)).then(function(e){return i.shouldUseNativeValidation&&o({},i),{errors:{},values:r.raw?Object.assign({},n):e}})},function(e){if(e instanceof d.$ZodError)return{values:{},errors:s(function(e,t){for(var r={};e.length;){var n=e[0],o=n.code,s=n.message,l=n.path.join(".");if(!r[l])if("invalid_union"===n.code&&n.errors.length>0){var i=n.errors[0][0];r[l]={message:i.message,type:i.code}}else r[l]={message:s,type:o};if("invalid_union"===n.code&&n.errors.forEach(function(t){return t.forEach(function(t){return e.push(t)})}),t){var d=r[l].types,c=d&&d[n.code];r[l]=(0,a.Gb)(l,t,r,o,c?[].concat(c,n.message):n.message)}e.shift()}return r}(e.issues,!i.shouldUseNativeValidation&&"all"===i.criteriaMode),i)};throw e}))}catch(e){return Promise.reject(e)}};throw Error("Invalid input: not a Zod schema")}},16567:(e,t,r)=>{r.d(t,{$:()=>a});let a=(0,r(78045).d_)("abcdefghijklmnopqrstuvwxyz0123456789",21)},16992:(e,t,r)=>{r.d(t,{J:()=>l});var a=r(9271),n=r(53115),o=r(94303),s=r(87651);function l({itemName:e,isSubmitting:t,onDelete:r,customTitle:l,customDescription:i}){let d=async()=>{await r()};return(0,a.jsxs)(s.Cf,{children:[(0,a.jsx)(s.L3,{children:l||`Delete ${e||"this item"}`}),(0,a.jsx)(s.rr,{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)(o.$,{variant:"outline",children:"Cancel"})}),(0,a.jsx)(o.$,{variant:"destructive",onClick:d,disabled:t,children:t?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{className:"size-4 animate-spin"})," Deleting..."]}):"Delete"})]})]})}},18273:(e,t,r)=>{r.d(t,{MCPServerForm:()=>M});var a=r(9271),n=r(15265),o=r(51641),s=r(75525),l=r(24831),i=r(17956),d=r(68297),c=r(60101),u=r(83259),m=r(94303),f=r(16992),p=r(87651),h=r(87185),g=r(10838),v=r(86931),x=r(99207);let b=(0,x.createServerReference)("40372b639441b58b5b7188bad7a61d7c2002ad72b2",x.callServer,void 0,x.findSourceMapURL,"detectOAuthServerAction");var y=r(2821),j=r(71633),w=r(42732),k=r(16567),N=r(49317),C=r(65413),R=r(50784),S=r(85987),E=r(81008);function I({control:e,name:t,label:r,availableTools:n=[],description:o,disabled:s=!1}){let{field:{value:d,onChange:c},fieldState:{error:u}}=(0,i.as)({name:t,control:e}),f=(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]),p=()=>{c({type:"all"})},g=()=>{c({type:"selective",tools:[]})},v=(e,t)=>{if("all"===f.type){let r=n.map(e=>e.name).filter(t=>t!==e);c({type:"selective",tools:t?[...r,e]:r})}else c({type:"selective",tools:t?[...f.tools.filter(t=>t!==e),e]:f.tools.filter(t=>t!==e)})},x=()=>{switch(f.type){case"all":return n.length;case"selective":return f.tools.filter(e=>n.some(t=>t.name===e)).length;default:return 0}},b=x()===n.length;return(0,a.jsx)(h.zB,{control:e,name:t,render:()=>(0,a.jsxs)(h.eI,{children:[(0,a.jsxs)(h.lR,{children:[r,(0,a.jsx)(R.E,{variant:"code",className:"border-none px-2 text-[10px] text-muted-foreground",children:x()})]}),o&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:o}),(0,a.jsxs)("div",{className:"mt-2",children:[0===n.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"}),n.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:[x()," ",(0,a.jsxs)("span",{className:"text-gray-400 dark:text-white/40",children:["/ ",n.length," tool",1===n.length?"":"s"]})]}),b?(0,a.jsxs)(m.$,{type:"button",variant:"outline",size:"sm",onClick:g,disabled:s,children:[(0,a.jsx)(N.A,{className:"w-4 h-4 text-muted-foreground"}),"Deselect all"]}):(0,a.jsxs)(m.$,{type:"button",variant:"outline",size:"sm",onClick:p,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:n.map(e=>{let t=(e=>{switch(f.type){case"all":return n.some(t=>t.name===e);case"selective":return f.tools.includes(e)&&n.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)(S.S,{checked:t,disabled:s,className:"mb-0",onClick:()=>!s&&v(e.name,!t)})}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)(R.E,{variant:t?"primary":"code",className:`font-mono font-medium text-xs cursor-pointer transition-colors ${s?"opacity-50 cursor-not-allowed":""}`,onClick:()=>!s&&v(e.name,!t),children:e.name}),(0,a.jsxs)(E.Tooltip,{delayDuration:800,children:[(0,a.jsx)(E.TooltipTrigger,{asChild:!0,children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground line-clamp-1",children:e.description})}),(0,a.jsx)(E.TooltipContent,{side:"bottom",align:"start",children:e.description})]})]})]},e.name)})})]})]}),(0,a.jsx)(h.C5,{children:u?.message})]})})}var $=r(90385);let A=$.discriminatedUnion("type",[$.object({type:$.literal("all")}),$.object({type:$.literal("selective"),tools:$.array($.string())})]),U=$.object({name:$.string().min(1,"Name is required."),config:$.object({type:$.literal("mcp"),mcp:$.object({server:$.object({url:$.string().url("Must be a valid URL.")}),transport:$.object({type:$.nativeEnum(o.o7)}),toolsConfig:A.default({type:"all"})})}),credentialReferenceId:$.string().nullish(),imageUrl:$.string().optional()}),z={name:"",config:{type:"mcp",mcp:{server:{url:""},transport:{type:o.o7.streamableHttp},toolsConfig:{type:"all"}}},imageUrl:"",credentialReferenceId:"oauth"};function M({initialData:e,mode:t="create",tool:r,credentials:x,tenantId:N,projectId:C}){let R=(0,s.useRouter)(),[S,E]=(0,l.useState)(!1),[$,A]=(0,l.useState)(!1),M=(0,i.mN)({resolver:(0,n.u)(U),defaultValues:{...z,...e}}),{handleOAuthLogin:P}=(0,v.U)({tenantId:N,projectId:C}),{isSubmitting:_}=M.formState,L=async e=>{try{if("oauth"===e.credentialReferenceId){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,k.$)(),name:e.name,config:{type:"mcp",mcp:{server:{url:e.config.mcp.server.url},transport:{type:e.config.mcp.transport.type}}},credentialReferenceId:null,imageUrl:e.imageUrl},a=await (0,j.X)(N,C,r);P({toolId:a.id,mcpServerUrl:e.config.mcp.server.url,toolName:e.name});return}let a={...e,credentialReferenceId:"none"===e.credentialReferenceId?null:e.credentialReferenceId,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)(N,C,r.id,a),d.oR.success("MCP server updated successfully"),R.push(`/${N}/projects/${C}/mcp-servers/${r.id}`);else{let e=await (0,j.X)(N,C,{...a,id:(0,k.$)()});d.oR.success("MCP server created successfully"),R.push(`/${N}/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.`)}},O=async()=>{if(r){A(!0);try{let e=await (0,y.o)(N,C,r.id,!1);e.success?(E(!1),d.oR.success("MCP server deleted."),R.push(`/${N}/projects/${C}/mcp-servers`)):d.oR.error(e.error||"Failed to delete MCP server.")}finally{A(!1)}}};return(0,a.jsxs)(p.lG,{open:S,onOpenChange:E,children:[(0,a.jsx)(h.lV,{...M,children:(0,a.jsxs)("form",{onSubmit:M.handleSubmit(L),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:o.o7.streamableHttp,label:"Streamable HTTP"},{value:o.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:"credentialReferenceId",label:"Credential",placeholder:"Select a credential",options:[{value:"oauth",label:"OAuth"},{value:"none",label:"No Authentication"},...x.map(e=>({value:e.id,label:e.name}))]}),(0,a.jsx)(g.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:_,children:"update"===t?"Save":"Create"}),"update"===t&&r&&(0,a.jsx)(p.zM,{asChild:!0,children:(0,a.jsx)(m.$,{type:"button",variant:"destructive-outline",children:"Delete Server"})})]})]})}),S&&r&&(0,a.jsx)(f.J,{itemName:r.name||"this MCP server",isSubmitting:$,onDelete:O})]})}},33430:(e,t,r)=>{r.d(t,{U:()=>n});var a=r(99207);let n=(0,a.createServerReference)("706290655389f14bdd7a4f10b9540bc06231b2ed4c",a.callServer,void 0,a.findSourceMapURL,"findOrCreateCredential")},42732:(e,t,r)=>{r.d(t,{Y:()=>n});var a=r(99207);let n=(0,a.createServerReference)("782dded345b8f1989cc0e50af0da1216b6ca1af6fb",a.callServer,void 0,a.findSourceMapURL,"updateMCPTool")},50784:(e,t,r)=>{r.d(t,{E:()=>i});var a=r(9271),n=r(90359),o=r(16002),s=r(47068);let l=(0,o.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",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,...o}){let i=r?n.DX:"span";return(0,a.jsx)(i,{"data-slot":"badge",className:(0,s.cn)(l({variant:t}),e),...o})}},53115:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(74369).A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},57127:(e,t,r)=>{r.d(t,{J:()=>s});var a=r(9271),n=r(8398),o=r(47068);function s({className:e,...t}){return(0,a.jsx)(n.b,{"data-slot":"label",className:(0,o.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})}},60101:(e,t,r)=>{r.d(t,{a:()=>s});var a=r(9271),n=r(98313),o=r(84376);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)(o.u,{control:e,name:t,label:r,description:u,isRequired:m,children:e=>(0,a.jsx)(n.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)}})})}},71633:(e,t,r)=>{r.d(t,{X:()=>n});var a=r(99207);let n=(0,a.createServerReference)("706f3955efed51e1a7e34d5e74b909eaf2835a0fa9",a.callServer,void 0,a.findSourceMapURL,"createMCPTool")},79883:(e,t,r)=>{r.d(t,{C1:()=>k,bL:()=>j});var a=r(24831),n=r(33224),o=r(74674),s=r(16405),l=r(78163),i=r(47563),d=r(15235),c=r(57629),u=r(85870),m=r(9271),f="Checkbox",[p,h]=(0,o.A)(f),[g,v]=p(f);function x(e){let{__scopeCheckbox:t,checked:r,children:n,defaultChecked:o,disabled:s,form:i,name:d,onCheckedChange:c,required:u,value:p="on",internal_do_not_use_render:h}=e,[v,x]=(0,l.i)({prop:r,defaultProp:o??!1,onChange:c,caller:f}),[b,y]=a.useState(null),[j,w]=a.useState(null),k=a.useRef(!1),N=!b||!!i||!!b.closest("form"),C={checked:v,disabled:s,setChecked:x,control:b,setControl:y,name:d,form:i,value:p,hasConsumerStoppedPropagationRef:k,required:u,defaultChecked:!R(o)&&o,isFormControl:N,bubbleInput:j,setBubbleInput:w};return(0,m.jsx)(g,{scope:t,...C,children:"function"==typeof h?h(C):n})}var b="CheckboxTrigger",y=a.forwardRef(({__scopeCheckbox:e,onKeyDown:t,onClick:r,...o},l)=>{let{control:i,value:d,disabled:c,checked:f,required:p,setControl:h,setChecked:g,hasConsumerStoppedPropagationRef:x,isFormControl:y,bubbleInput:j}=v(b,e),w=(0,n.s)(l,h),k=a.useRef(f);return a.useEffect(()=>{let e=i?.form;if(e){let t=()=>g(k.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}},[i,g]),(0,m.jsx)(u.sG.button,{type:"button",role:"checkbox","aria-checked":R(f)?"mixed":f,"aria-required":p,"data-state":S(f),"data-disabled":c?"":void 0,disabled:c,value:d,...o,ref:w,onKeyDown:(0,s.mK)(t,e=>{"Enter"===e.key&&e.preventDefault()}),onClick:(0,s.mK)(r,e=>{g(e=>!!R(e)||!e),j&&y&&(x.current=e.isPropagationStopped(),x.current||e.stopPropagation())})})});y.displayName=b;var j=a.forwardRef((e,t)=>{let{__scopeCheckbox:r,name:a,checked:n,defaultChecked:o,required:s,disabled:l,value:i,onCheckedChange:d,form:c,...u}=e;return(0,m.jsx)(x,{__scopeCheckbox:r,checked:n,defaultChecked:o,disabled:l,required:s,onCheckedChange:d,name:a,form:c,value:i,internal_do_not_use_render:({isFormControl:e})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y,{...u,ref:t,__scopeCheckbox:r}),e&&(0,m.jsx)(C,{__scopeCheckbox:r})]})})});j.displayName=f;var w="CheckboxIndicator",k=a.forwardRef((e,t)=>{let{__scopeCheckbox:r,forceMount:a,...n}=e,o=v(w,r);return(0,m.jsx)(c.C,{present:a||R(o.checked)||!0===o.checked,children:(0,m.jsx)(u.sG.span,{"data-state":S(o.checked),"data-disabled":o.disabled?"":void 0,...n,ref:t,style:{pointerEvents:"none",...e.style}})})});k.displayName=w;var N="CheckboxBubbleInput",C=a.forwardRef(({__scopeCheckbox:e,...t},r)=>{let{control:o,hasConsumerStoppedPropagationRef:s,checked:l,defaultChecked:c,required:f,disabled:p,name:h,value:g,form:x,bubbleInput:b,setBubbleInput:y}=v(N,e),j=(0,n.s)(r,y),w=(0,i.Z)(l),k=(0,d.X)(o);a.useEffect(()=>{if(!b)return;let e=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"checked").set,t=!s.current;if(w!==l&&e){let r=new Event("click",{bubbles:t});b.indeterminate=R(l),e.call(b,!R(l)&&l),b.dispatchEvent(r)}},[b,w,l,s]);let C=a.useRef(!R(l)&&l);return(0,m.jsx)(u.sG.input,{type:"checkbox","aria-hidden":!0,defaultChecked:c??C.current,required:f,disabled:p,name:h,value:g,form:x,...t,tabIndex:-1,ref:j,style:{...t.style,...k,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});function R(e){return"indeterminate"===e}function S(e){return R(e)?"indeterminate":e?"checked":"unchecked"}C.displayName=N},83259:(e,t,r)=>{r.d(t,{U:()=>s});var a=r(9271),n=r(14207),o=r(84376);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)(o.u,{control:e,name:t,label:r,description:c,isRequired:u,children:e=>(0,a.jsxs)(n.l6,{onValueChange:e.onChange,defaultValue:e.value,disabled:i,children:[(0,a.jsx)(n.bq,{disabled:i,className:d,children:(0,a.jsx)(n.yv,{placeholder:s})}),(0,a.jsx)(n.gC,{children:l.map(e=>(0,a.jsx)(n.eb,{value:e.value,disabled:e.disabled,children:e.label},e.value))})]})})}},84376:(e,t,r)=>{r.d(t,{u:()=>o});var a=r(9271),n=r(87185);function o({control:e,name:t,label:r,children:o,description:s,rules:l,isRequired:i}){return(0,a.jsx)(n.zB,{control:e,name:t,rules:l,render:({field:e})=>(0,a.jsxs)(n.eI,{className:"relative",children:[(0,a.jsx)(n.lR,{isRequired:i,children:r}),(0,a.jsx)(n.MJ,{children:o(e)}),s&&(0,a.jsx)(n.Rr,{children:s}),(0,a.jsx)(n.C5,{})]})})}},85987:(e,t,r)=>{r.d(t,{S:()=>l});var a=r(9271),n=r(79883),o=r(65413),s=r(47068);function l({className:e,...t}){return(0,a.jsx)(n.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)(n.C1,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,a.jsx)(o.A,{className:"size-3.5"})})})}},86931:(e,t,r)=>{r.d(t,{U:()=>f});var a=r(51641),n=r(75525),o=r(24831),s=r(68297),l=r(85731),i=r(12563),d=r(42732),c=r(33430),u=r(16567),m=r(6984);function f({tenantId:e,projectId:t,onFinish:r}){let f=(0,n.useRouter)(),{PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:p}=(0,l.y)(),{openNangoConnectHeadless:h}=(0,m.$)(),g=(0,o.useRef)(new Map),v=(0,o.useCallback)((a,n)=>new Promise((o,s)=>{let l=g.current.get(a);l&&(l(),g.current.delete(a));try{let l=n??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 n=/^[a-zA-Z0-9-_]+$/;if(!n.test(t))throw Error("Invalid tenantId format: only alphanumeric characters, hyphens, and underscores allowed");if(!n.test(a))throw Error("Invalid tool id format: only alphanumeric characters, hyphens, and underscores allowed");if(!n.test(r))throw Error("Invalid projectId format: only alphanumeric characters, hyphens, and underscores allowed");let o=`${e}/oauth/login?tenantId=${encodeURIComponent(t)}&projectId=${encodeURIComponent(r)}&toolId=${encodeURIComponent(a)}`;if(!o.startsWith(e))throw Error("Invalid OAuth URL generated");return o}({PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:p,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=(n,l)=>{d||(d=!0,window.removeEventListener("message",u),m&&clearInterval(m),clearTimeout(h),g.current.delete(a),n?(r?r(a):f.push(`/${e}/projects/${t}/mcp-servers/${a}`),o()):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,h=setTimeout(()=>{d||(m=setInterval(()=>{try{i.closed&&c(!0)}catch{}},1e3))},3e3);g.current.set(a,()=>{c(!1,Error("OAuth login cancelled"))})}catch(e){s(e instanceof Error?e:Error("OAuth login failed"))}}),[p,e,t,r,f]),x=(0,o.useCallback)(async({toolId:n,mcpServerUrl:o,toolName:s})=>{let l=await h({mcpServerUrl:o,providerUniqueKey:`${(0,a.K_)(s)}_${n}`,providerDisplayName:s}),i={id:(0,u.$)(),name:`${s} OAuth Credential`,type:a.Ns.nango,credentialStoreId:"nango-default",retrievalParams:{connectionId:l.connectionId,providerConfigKey:l.providerConfigKey,provider:"mcp-generic",authMode:"OAUTH2"}},m=await (0,c.U)(e,t,i);await (0,d.Y)(e,t,n,{credentialReferenceId:m.id}),r?r(n):f.push(`/${e}/projects/${t}/mcp-servers/${n}`)},[h,r,f,e,t]);return{handleOAuthLogin:(0,o.useCallback)(async({toolId:r,mcpServerUrl:n,toolName:o,thirdPartyConnectAccountUrl:l})=>{if(l)return void await v(r,l);try{let s=await (0,i.S)(e,t),l=s.some(e=>e.type===a.Ns.nango&&e.available),d=s.some(e=>e.type===a.Ns.keychain&&e.available);if(l)await x({toolId:r,mcpServerUrl:n,toolName:o});else if(d)await v(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,x,v])}}},87185:(e,t,r)=>{r.d(t,{C5:()=>x,MJ:()=>g,Rr:()=>v,eI:()=>p,lR:()=>h,lV:()=>d,zB:()=>u});var a=r(9271),n=r(90359),o=r(24831),s=r(17956),l=r(57127),i=r(47068);let d=s.Op,c=o.createContext({}),u=({...e})=>(0,a.jsx)(c.Provider,{value:{name:e.name},children:(0,a.jsx)(s.xI,{...e})}),m=()=>{let e=o.useContext(c),t=o.useContext(f),{getFieldState:r}=(0,s.xW)(),a=(0,s.lN)({name:e.name}),n=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`,...n}},f=o.createContext({});function p({className:e,...t}){let r=o.useId();return(0,a.jsx)(f.Provider,{value:{id:r},children:(0,a.jsx)("div",{"data-slot":"form-item",className:(0,i.cn)("grid gap-2",e),...t})})}function h({className:e,isRequired:t,children:r,...n}){let{error:o,formItemId:s}=m();return(0,a.jsxs)(l.J,{"data-slot":"form-label","data-error":!!o,className:(0,i.cn)("data-[error=true]:text-destructive gap-1",e),htmlFor:s,...n,children:[r,t&&(0,a.jsx)("span",{className:"text-red-500",children:"*"})]})}function g({...e}){let{error:t,formItemId:r,formDescriptionId:o,formMessageId:s}=m();return(0,a.jsx)(n.DX,{"data-slot":"form-control",id:r,"aria-describedby":t?`${o} ${s}`:`${o}`,"aria-invalid":!!t,...e})}function v({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 x({className:e,...t}){let{error:r,formMessageId:n}=m(),o=r?String(r?.message??""):t.children;return o?(0,a.jsx)("p",{"data-slot":"form-message",id:n,className:(0,i.cn)("text-destructive text-sm",e),...t,children:o}):null}},87651:(e,t,r)=>{r.d(t,{Cf:()=>p,Es:()=>g,HM:()=>u,L3:()=>v,c7:()=>h,lG:()=>i,rr:()=>x,zM:()=>d});var a=r(9271),n=r(26778),o=r(16002),s=r(49317),l=r(47068);function i({...e}){return(0,a.jsx)(n.bL,{"data-slot":"dialog",...e})}function d({...e}){return(0,a.jsx)(n.l9,{"data-slot":"dialog-trigger",...e})}function c({...e}){return(0,a.jsx)(n.ZL,{"data-slot":"dialog-portal",...e})}function u({...e}){return(0,a.jsx)(n.bm,{"data-slot":"dialog-close",...e})}function m({className:e,...t}){return(0,a.jsx)(n.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",e),...t})}let f=(0,o.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 p({className:e,children:t,showCloseButton:r=!0,variant:o="default",position:i="center",size:d="default",...u}){return(0,a.jsxs)(c,{"data-slot":"dialog-portal",children:[(0,a.jsx)(m,{}),(0,a.jsxs)(n.UC,{"data-slot":"dialog-content",className:(0,l.cn)(f({variant:o,position:i,size:d,className:e}),e),...u,children:[t,r&&(0,a.jsxs)(n.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 h({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 g({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 v({className:e,...t}){return(0,a.jsx)(n.hE,{"data-slot":"dialog-title",className:(0,l.cn)("text-lg leading-none font-medium",e),...t})}function x({className:e,...t}){return(0,a.jsx)(n.VY,{"data-slot":"dialog-description",className:(0,l.cn)("text-muted-foreground text-sm",e),...t})}}}]);

package/.next/standalone/agents-manage-ui/.next/static/chunks/{34461.e175065084634078.js → 34461.8387d4bb39753191.js}

@@ -10,7 +10,7 @@
         <${n} {...props} />
       </ErrorBoundary>
     );
-  }`},[e,r]),c=(0,a.useMemo)(()=>({fallbackRender:d,import:{"lucide-react":s,"react-error-boundary":o}}),[]),{element:i}=(0,l.CL)({code:t,scope:c});return(0,n.jsx)("div",{children:i})}},35307:(e,r,t)=>{t.r(r),t.d(r,{Playground:()=>R});var n=t(9271),s=t(29751),a=t(49317),o=t(24831),l=t(68297),c=t(93543),i=t(94303),u=t(15902),d=t(16567),m=t(58429),f=t(85331),h=t(23302),p=t(85731);t(77413),t(81008);let g=`
+  }`},[e,r]),c=(0,a.useMemo)(()=>({fallbackRender:d,import:{"lucide-react":s,"react-error-boundary":o}}),[]),{element:i}=(0,l.CL)({code:t,scope:c});return(0,n.jsx)("div",{children:i})}},35307:(e,r,t)=>{t.r(r),t.d(r,{Playground:()=>R});var n=t(9271),s=t(29751),a=t(49317),o=t(24831),l=t(68297),c=t(93543),i=t(94303),u=t(15902),d=t(16567),m=t(58429),f=t(28383),h=t(23302),p=t(85731),g=t(13033);t(77413),t(81008);let v=`
 .ikp-ai-chat-wrapper {
   height: 100%;
   max-height: unset;
@@ -31,4 +31,4 @@
   background-color: var(--ikp-color-white-alpha-100);
   color: var(--ikp-color-white-alpha-950);
 }
-`;function v({agentId:e,projectId:r,tenantId:t,conversationId:s,setConversationId:a,startPolling:l,stopPolling:c,customHeaders:i={},chatActivities:u,dataComponentLookup:m={}}){let{PUBLIC_INKEEP_AGENTS_RUN_API_URL:v,PUBLIC_INKEEP_AGENTS_RUN_API_BYPASS_SECRET:b}=(0,p.y)(),x=(0,o.useRef)(null),y=(0,o.useRef)(!1),w=(0,o.useCallback)(()=>{x.current&&(clearTimeout(x.current),x.current=null),x.current=setTimeout(()=>{c(),x.current=null},3e5)},[c]);return(0,o.useEffect)(()=>{y.current&&w()},[u?.activities?.length,w]),(0,o.useEffect)(()=>()=>{x.current&&(clearTimeout(x.current),x.current=null)},[]),(0,n.jsx)("div",{className:"h-full flex flex-row gap-4",children:(0,n.jsx)("div",{className:"flex-1 min-w-0 h-full",children:(0,n.jsx)(f.Po,{baseSettings:{onEvent:async e=>{"assistant_message_received"===e.eventName&&(y.current=!0,w()),"user_message_submitted"===e.eventName&&(y.current=!1,x.current&&(clearTimeout(x.current),x.current=null),l()),"chat_clear_button_clicked"===e.eventName&&(y.current=!1,x.current&&(clearTimeout(x.current),x.current=null),c(),a((0,d.$)()))},primaryBrandColor:"#3784ff",colorMode:{sync:{target:document.documentElement,attributes:["class"],isDarkMode:e=>!!e?.class?.includes("dark")}},theme:{styles:[{key:"custom-styles",type:"style",value:g}],colors:{gray:{50:"#fafaf9",100:"#f4f4f3",200:"#eeeceb",300:"#dedbd9",400:"#cec7c2",500:"#a9a19a",600:"#75716b",700:"#58534e",800:"#443f3e",900:"#2b2826",950:"#1a1817",1e3:"#080706"},grayDark:{950:"oklch(0.141 0.005 285.823)"}}}},aiChatSettings:{aiAssistantAvatar:{light:"/assets/inkeep-icons/icon-blue.svg",dark:"/assets/inkeep-icons/icon-sky.svg"},conversationId:s,agentUrl:e?`${v}/api/chat`:void 0,headers:{"x-inkeep-tenant-id":t,"x-inkeep-project-id":r,"x-inkeep-agent-id":e||"","x-emit-operations":"true",Authorization:`Bearer ${b}`,...i},components:new Proxy({},{get:(e,r)=>{let t=Object.values(m).find(e=>e.name===r&&!!e.render?.component);if(t)return function(e){return(0,n.jsx)(h.s,{code:t.render?.component||"",props:e||{}})}}}),introMessage:"Hi! How can I help?"}})})})}var b=t(15265),x=t(95162),y=t(21207),w=t(17956),k=t(90385),T=t(31233),j=t(84376),S=t(50784),C=t(87651),N=t(87185);let E=k.object({headers:k.string().refine(e=>{try{let r=JSON.parse(e);return"object"==typeof r&&null!==r&&!Array.isArray(r)}catch{return!1}},"Must be valid JSON object").refine(e=>{try{let r=JSON.parse(e);return Object.values(r).every(e=>"string"==typeof e)}catch{return!1}},"All header values must be strings")}),A=function({customHeaders:e,setCustomHeaders:r}){let t=Object.keys(e).length||0,[s,a]=(0,o.useState)(!1),c=(0,w.mN)({defaultValues:{headers:JSON.stringify(e,null,2)},resolver:(0,b.u)(E)}),{isSubmitting:u}=c.formState,d=async({headers:e})=>{let t;if(e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing JSON:",e),c.setError("headers",{message:e instanceof Error?e.message:"Invalid JSON"});return}r(t||{}),l.oR.success("Custom headers applied, you can now use them in the chat."),a(!1)};return(0,n.jsxs)(C.lG,{open:s,onOpenChange:a,children:[(0,n.jsx)(C.zM,{asChild:!0,children:(0,n.jsxs)(i.$,{variant:"ghost",size:"sm",className:"h-6",children:[t>0?(0,n.jsx)(x.A,{className:"w-4 h-4"}):(0,n.jsx)(y.A,{className:"w-4 h-4"}),"Custom Headers",t>0&&(0,n.jsx)(S.E,{variant:"code",children:t})]})}),(0,n.jsxs)(C.Cf,{className:"!max-w-2xl",children:[(0,n.jsxs)(C.c7,{children:[(0,n.jsx)(C.L3,{children:"Custom Headers"}),(0,n.jsx)(C.rr,{children:"Add custom headers to the chat API requests."})]}),(0,n.jsx)(N.lV,{...c,children:(0,n.jsxs)("form",{onSubmit:c.handleSubmit(d),className:"space-y-8",children:[(0,n.jsx)(j.u,{control:c.control,name:"headers",label:"Custom headers",children:e=>(0,n.jsx)(T.i,{value:e.value,onChange:e.onChange,placeholder:"Enter headers...",...e})}),(0,n.jsxs)("div",{className:"flex justify-end gap-2",children:[t>0&&(0,n.jsx)(i.$,{type:"button",variant:"outline",onClick:()=>{c.reset({headers:"{}"}),r({}),a(!1),l.oR.success("Custom headers removed.")},children:"Remove headers"}),(0,n.jsx)(i.$,{type:"submit",disabled:u,children:"Apply"})]})]})})]})]})},R=({agentId:e,projectId:r,tenantId:t,closeSidePane:f,setShowPlayground:h,dataComponentLookup:p={},showTraces:g,setShowTraces:b})=>{let[x,y]=(0,o.useState)(d.$),[w,k]=(0,o.useState)({}),[T,j]=(0,o.useState)(!1),{chatActivities:S,isPolling:C,error:N,startPolling:E,stopPolling:R,retryConnection:O,refreshOnce:z}=(({conversationId:e,pollingInterval:r=1e3})=>{let[t,n]=(0,o.useState)(null),[s,a]=(0,o.useState)(!1),[l,c]=(0,o.useState)(null),i=(0,o.useRef)(0),u=(0,o.useRef)(null),d=(0,o.useRef)(!0),m=(0,o.useRef)(null),f=(0,o.useCallback)(async()=>{try{c(null),m.current=new AbortController;let r=await fetch(`/api/signoz/conversations/${e}`,{signal:m.current.signal});if(!r.ok){if(404===r.status)return null;let e="Failed to fetch chat activities";try{let t=await r.json();t.error&&(e=t.error)}catch{}throw Error(e)}let t=await r.json();if(d.current&&e==e){let e=t.activities?.length||0;e!==i.current&&(n(t),i.current=e)}return t}catch(e){if(e instanceof Error&&"AbortError"===e.name)return null;throw d.current&&(c(e instanceof Error?e.message:"An error occurred"),a(!1),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null)),e}},[e,i]),h=(0,o.useCallback)(()=>{u.current||(a(!0),f().catch(()=>{}),u.current=setInterval(()=>{f().catch(()=>{})},r))},[f,r]),p=(0,o.useCallback)(()=>{a(!1),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null)},[]),g=(0,o.useCallback)(()=>{c(null),p(),h()},[h,p]),v=(0,o.useCallback)(async()=>{let e=t?.activities?.length||0,r=await f();return{hasNewActivity:(r?.activities?.length||0)>e}},[f,t?.activities?.length]);(0,o.useEffect)(()=>(d.current=!0,()=>{d.current=!1,p()}),[p]);let b=(0,o.useRef)(e);return(0,o.useEffect)(()=>{b.current!==e&&(n(null),i.current=0,c(null),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null),a(!1),b.current=e)}),{chatActivities:t,isPolling:s,error:l,startPolling:h,stopPolling:p,retryConnection:g,refreshOnce:v}})({conversationId:x}),B=async()=>{if(S){j(!0);try{let e=await (0,m.MG)(S);e.success?l.oR.success("Trace copied to clipboard",{description:"The OTEL trace has been copied successfully."}):l.oR.error("Failed to copy trace",{description:e.error||"An unknown error occurred"})}catch(e){l.oR.error("Failed to copy trace",{description:e instanceof Error?e.message:"An unknown error occurred"})}finally{await new Promise(e=>setTimeout(e,200)),j(!1)}}};return(0,n.jsxs)("div",{className:"bg-background flex flex-col h-full",children:[(0,n.jsxs)("div",{className:"flex min-h-0 items-center justify-between py-2 px-4 border-b shrink-0",children:[(0,n.jsx)(A,{customHeaders:w,setCustomHeaders:k}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsxs)(i.$,{variant:"ghost",size:"sm",className:"h-6",onClick:()=>{b(!g),g||f()},children:[(0,n.jsx)(s.A,{className:"h-4 w-4"}),g?"Hide debug":"Debug"]}),!g&&(0,n.jsx)(i.$,{variant:"ghost",size:"icon-sm",className:"h-6",onClick:()=>h(!1),children:(0,n.jsx)(a.A,{className:"h-4 w-4"})})]})]}),(0,n.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,n.jsxs)(u.HK,{direction:"horizontal",children:[(0,n.jsx)(u.wV,{order:1,children:(0,n.jsx)(v,{conversationId:x,setConversationId:y,startPolling:E,stopPolling:R,agentId:e,projectId:r,tenantId:t,customHeaders:w,chatActivities:S,dataComponentLookup:p},JSON.stringify(w))}),g&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.WM,{}),(0,n.jsx)(c.B,{isPolling:C,conversation:S,enableAutoScroll:!0,error:N,retryConnection:O,refreshOnce:z,showConversationTracesLink:!0,conversationId:x,onCopyTrace:B,isCopying:T})]})]})})]})}}}]);
+`;function b({agentId:e,projectId:r,tenantId:t,conversationId:s,setConversationId:a,startPolling:l,stopPolling:c,customHeaders:i={},chatActivities:u,dataComponentLookup:m={}}){let{PUBLIC_INKEEP_AGENTS_RUN_API_URL:b}=(0,p.y)(),{apiKey:x,isLoading:y,refresh:w}=(0,g.t)({tenantId:t,projectId:r,agentId:e||"",enabled:!!e}),k=(0,o.useRef)(null),T=(0,o.useRef)(!1),j=(0,o.useCallback)(()=>{k.current&&(clearTimeout(k.current),k.current=null),k.current=setTimeout(()=>{c(),k.current=null},3e5)},[c]);return((0,o.useEffect)(()=>{T.current&&j()},[u?.activities?.length,j]),(0,o.useEffect)(()=>()=>{k.current&&(clearTimeout(k.current),k.current=null)},[]),y||!x)?(0,n.jsx)("div",{className:"h-full flex items-center justify-center",children:(0,n.jsx)("p",{className:"text-muted-foreground",children:y?"Initializing playground...":"Failed to initialize playground"})}):(0,n.jsx)("div",{className:"h-full flex flex-row gap-4",children:(0,n.jsx)("div",{className:"flex-1 min-w-0 h-full",children:(0,n.jsx)(f.Po,{baseSettings:{onEvent:async e=>{"assistant_message_received"===e.eventName&&(T.current=!0,j()),"user_message_submitted"===e.eventName&&(T.current=!1,k.current&&(clearTimeout(k.current),k.current=null),l()),"chat_clear_button_clicked"===e.eventName&&(T.current=!1,k.current&&(clearTimeout(k.current),k.current=null),c(),a((0,d.$)()))},primaryBrandColor:"#3784ff",colorMode:{sync:{target:document.documentElement,attributes:["class"],isDarkMode:e=>!!e?.class?.includes("dark")}},theme:{styles:[{key:"custom-styles",type:"style",value:v}],colors:{gray:{50:"#fafaf9",100:"#f4f4f3",200:"#eeeceb",300:"#dedbd9",400:"#cec7c2",500:"#a9a19a",600:"#75716b",700:"#58534e",800:"#443f3e",900:"#2b2826",950:"#1a1817",1e3:"#080706"},grayDark:{950:"oklch(0.141 0.005 285.823)"}}}},aiChatSettings:{aiAssistantAvatar:{light:"/assets/inkeep-icons/icon-blue.svg",dark:"/assets/inkeep-icons/icon-sky.svg"},conversationId:s,agentUrl:e?`${b}/api/chat`:void 0,headers:{"x-inkeep-tenant-id":t,"x-inkeep-project-id":r,"x-inkeep-agent-id":e||"","x-emit-operations":"true",Authorization:`Bearer ${x}`,...i},components:new Proxy({},{get:(e,r)=>{let t=Object.values(m).find(e=>e.name===r&&!!e.render?.component);if(t)return function(e){return(0,n.jsx)(h.s,{code:t.render?.component||"",props:e||{}})}}}),introMessage:"Hi! How can I help?"}})})})}var x=t(15265),y=t(95162),w=t(21207),k=t(17956),T=t(90385),j=t(31233),S=t(84376),C=t(50784),N=t(87651),E=t(87185);let A=T.object({headers:T.string().refine(e=>{try{let r=JSON.parse(e);return"object"==typeof r&&null!==r&&!Array.isArray(r)}catch{return!1}},"Must be valid JSON object").refine(e=>{try{let r=JSON.parse(e);return Object.values(r).every(e=>"string"==typeof e)}catch{return!1}},"All header values must be strings")}),z=function({customHeaders:e,setCustomHeaders:r}){let t=Object.keys(e).length||0,[s,a]=(0,o.useState)(!1),c=(0,k.mN)({defaultValues:{headers:JSON.stringify(e,null,2)},resolver:(0,x.u)(A)}),{isSubmitting:u}=c.formState,d=async({headers:e})=>{let t;if(e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing JSON:",e),c.setError("headers",{message:e instanceof Error?e.message:"Invalid JSON"});return}r(t||{}),l.oR.success("Custom headers applied, you can now use them in the chat."),a(!1)};return(0,n.jsxs)(N.lG,{open:s,onOpenChange:a,children:[(0,n.jsx)(N.zM,{asChild:!0,children:(0,n.jsxs)(i.$,{variant:"ghost",size:"sm",className:"h-6",children:[t>0?(0,n.jsx)(y.A,{className:"w-4 h-4"}):(0,n.jsx)(w.A,{className:"w-4 h-4"}),"Custom Headers",t>0&&(0,n.jsx)(C.E,{variant:"code",children:t})]})}),(0,n.jsxs)(N.Cf,{className:"!max-w-2xl",children:[(0,n.jsxs)(N.c7,{children:[(0,n.jsx)(N.L3,{children:"Custom Headers"}),(0,n.jsx)(N.rr,{children:"Add custom headers to the chat API requests."})]}),(0,n.jsx)(E.lV,{...c,children:(0,n.jsxs)("form",{onSubmit:c.handleSubmit(d),className:"space-y-8",children:[(0,n.jsx)(S.u,{control:c.control,name:"headers",label:"Custom headers",children:e=>(0,n.jsx)(j.i,{value:e.value,onChange:e.onChange,placeholder:"Enter headers...",...e})}),(0,n.jsxs)("div",{className:"flex justify-end gap-2",children:[t>0&&(0,n.jsx)(i.$,{type:"button",variant:"outline",onClick:()=>{c.reset({headers:"{}"}),r({}),a(!1),l.oR.success("Custom headers removed.")},children:"Remove headers"}),(0,n.jsx)(i.$,{type:"submit",disabled:u,children:"Apply"})]})]})})]})]})},R=({agentId:e,projectId:r,tenantId:t,closeSidePane:f,setShowPlayground:h,dataComponentLookup:p={},showTraces:g,setShowTraces:v})=>{let[x,y]=(0,o.useState)(d.$),[w,k]=(0,o.useState)({}),[T,j]=(0,o.useState)(!1),{chatActivities:S,isPolling:C,error:N,startPolling:E,stopPolling:A,retryConnection:R,refreshOnce:O}=(({conversationId:e,pollingInterval:r=1e3})=>{let[t,n]=(0,o.useState)(null),[s,a]=(0,o.useState)(!1),[l,c]=(0,o.useState)(null),i=(0,o.useRef)(0),u=(0,o.useRef)(null),d=(0,o.useRef)(!0),m=(0,o.useRef)(null),f=(0,o.useCallback)(async()=>{try{c(null),m.current=new AbortController;let r=await fetch(`/api/signoz/conversations/${e}`,{signal:m.current.signal});if(!r.ok){if(404===r.status)return null;let e="Failed to fetch chat activities";try{let t=await r.json();t.error&&(e=t.error)}catch{}throw Error(e)}let t=await r.json();if(d.current&&e==e){let e=t.activities?.length||0;e!==i.current&&(n(t),i.current=e)}return t}catch(e){if(e instanceof Error&&"AbortError"===e.name)return null;throw d.current&&(c(e instanceof Error?e.message:"An error occurred"),a(!1),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null)),e}},[e,i]),h=(0,o.useCallback)(()=>{u.current||(a(!0),f().catch(()=>{}),u.current=setInterval(()=>{f().catch(()=>{})},r))},[f,r]),p=(0,o.useCallback)(()=>{a(!1),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null)},[]),g=(0,o.useCallback)(()=>{c(null),p(),h()},[h,p]),v=(0,o.useCallback)(async()=>{let e=t?.activities?.length||0,r=await f();return{hasNewActivity:(r?.activities?.length||0)>e}},[f,t?.activities?.length]);(0,o.useEffect)(()=>(d.current=!0,()=>{d.current=!1,p()}),[p]);let b=(0,o.useRef)(e);return(0,o.useEffect)(()=>{b.current!==e&&(n(null),i.current=0,c(null),u.current&&(clearInterval(u.current),u.current=null),m.current&&(m.current.abort(),m.current=null),a(!1),b.current=e)}),{chatActivities:t,isPolling:s,error:l,startPolling:h,stopPolling:p,retryConnection:g,refreshOnce:v}})({conversationId:x}),L=async()=>{if(S){j(!0);try{let e=await (0,m.MG)(S);e.success?l.oR.success("Trace copied to clipboard",{description:"The OTEL trace has been copied successfully."}):l.oR.error("Failed to copy trace",{description:e.error||"An unknown error occurred"})}catch(e){l.oR.error("Failed to copy trace",{description:e instanceof Error?e.message:"An unknown error occurred"})}finally{await new Promise(e=>setTimeout(e,200)),j(!1)}}};return(0,n.jsxs)("div",{className:"bg-background flex flex-col h-full",children:[(0,n.jsxs)("div",{className:"flex min-h-0 items-center justify-between py-2 px-4 border-b shrink-0",children:[(0,n.jsx)(z,{customHeaders:w,setCustomHeaders:k}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsxs)(i.$,{variant:"ghost",size:"sm",className:"h-6",onClick:()=>{v(!g),g||f()},children:[(0,n.jsx)(s.A,{className:"h-4 w-4"}),g?"Hide debug":"Debug"]}),!g&&(0,n.jsx)(i.$,{variant:"ghost",size:"icon-sm",className:"h-6",onClick:()=>h(!1),children:(0,n.jsx)(a.A,{className:"h-4 w-4"})})]})]}),(0,n.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,n.jsxs)(u.HK,{direction:"horizontal",children:[(0,n.jsx)(u.wV,{order:1,children:(0,n.jsx)(b,{conversationId:x,setConversationId:y,startPolling:E,stopPolling:A,agentId:e,projectId:r,tenantId:t,customHeaders:w,chatActivities:S,dataComponentLookup:p},JSON.stringify(w))}),g&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u.WM,{}),(0,n.jsx)(c.B,{isPolling:C,conversation:S,enableAutoScroll:!0,error:N,retryConnection:R,refreshOnce:O,showConversationTracesLink:!0,conversationId:x,onCopyTrace:L,isCopying:T})]})]})})]})}}}]);