@inkeep/agents-manage-ui 0.33.0 → 0.33.2

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

@@ -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 flex-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"]}),(0,n.jsx)(i.$,{variant:"ghost",size:"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 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})]})]})})]})}}}]);