@inkeep/agents-manage-ui 0.39.0 → 0.39.1

package/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 import { Inter, JetBrains_Mono } from 'next/font/google';
 import { ThemeProvider } from 'next-themes';
 import { NuqsAdapter } from 'nuqs/adapters/next/app';
+import { ClientProviders } from '@/components/providers/client-providers';
 import { Toaster } from '@/components/ui/sonner';
 import { RuntimeConfigProvider } from '@/contexts/runtime-config-context';
 import {
@@ -88,8 +89,10 @@ export default function RootLayout({ children }: LayoutProps<'/'>) {
         >
           <NuqsAdapter>
             <RuntimeConfigProvider value={runtimeConfig}>
-              {children}
-              <Toaster />
+              <ClientProviders>
+                {children}
+                <Toaster />
+              </ClientProviders>
             </RuntimeConfigProvider>
           </NuqsAdapter>
         </ThemeProvider>

package/src/app/login/page.tsx

@@ -12,32 +12,41 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { useRuntimeConfig } from '@/contexts/runtime-config-context';
 import { useAuthClient } from '@/lib/auth-client';
+import { getSafeReturnUrl, isValidReturnUrl } from '@/lib/utils/auth-redirect';
 
 function LoginForm() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const invitationId = searchParams.get('invitation');
-  const callbackUrl = searchParams.get('callbackUrl');
+  const returnUrl = searchParams.get('returnUrl');
   const authClient = useAuthClient();
   const { PUBLIC_AUTH0_DOMAIN, PUBLIC_GOOGLE_CLIENT_ID } = useRuntimeConfig();
 
+  // Get the validated return URL for post-login redirect (used for email login)
+  const getRedirectUrl = (): string => {
+    if (invitationId) {
+      return `/accept-invitation/${invitationId}`;
+    }
+    return getSafeReturnUrl(returnUrl, '/');
+  };
+
   // For OAuth, we need the full URL to redirect back to the UI
+  // OAuth must callback to `/` (home page) which handles the auth completion
+  // We pass returnUrl/invitation as query params for post-auth redirect
   const getFullCallbackURL = () => {
     if (typeof window === 'undefined') return '/';
-    const baseURL = window.location.origin; // http://localhost:3000
-    // Priority: callbackUrl > invitation > home
-    if (callbackUrl) {
-      // If callbackUrl is a relative path, prepend baseURL
-      if (callbackUrl.startsWith('/')) {
-        return `${baseURL}${callbackUrl}`;
-      }
-      return callbackUrl;
-    }
-    // If there's a pending invitation, include it in callback
+    const baseURL = window.location.origin;
+
+    // Build callback URL with appropriate query params
+    const params = new URLSearchParams();
     if (invitationId) {
-      return `${baseURL}/?invitation=${invitationId}`;
+      params.set('invitation', invitationId);
+    } else if (returnUrl && isValidReturnUrl(returnUrl)) {
+      params.set('returnUrl', returnUrl);
     }
-    return `${baseURL}/`;
+
+    const queryString = params.toString();
+    return queryString ? `${baseURL}/?${queryString}` : `${baseURL}/`;
   };
 
   const [isLoading, setIsLoading] = useState(false);
@@ -72,15 +81,8 @@ function LoginForm() {
         return;
       }
 
-      // Redirect after successful login
-      // Priority: callbackUrl > invitation > home
-      if (callbackUrl) {
-        router.push(callbackUrl);
-      } else if (invitationId) {
-        router.push(`/accept-invitation/${invitationId}`);
-      } else {
-        router.push('/');
-      }
+      // Redirect to the intended destination
+      router.push(getRedirectUrl());
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Authentication failed');
       setIsLoading(false);

package/src/app/page.tsx

@@ -8,6 +8,7 @@ import { useAuthSession } from '@/hooks/use-auth';
 import { getPendingInvitations } from '@/lib/actions/invitations';
 import { getUserOrganizations } from '@/lib/actions/user-organizations';
 import { DEFAULT_TENANT_ID } from '@/lib/runtime-config/defaults';
+import { isValidReturnUrl } from '@/lib/utils/auth-redirect';
 
 function HomeContent() {
   const router = useRouter();
@@ -41,10 +42,24 @@ function HomeContent() {
         return;
       }
 
-      // Not authenticated - redirect to login
+      // Check for returnUrl (from OAuth callback after login redirect)
+      const returnUrl = searchParams.get('returnUrl');
+
+      // Not authenticated - redirect to login (preserve returnUrl if present)
       if (!user) {
         setIsRedirecting(true);
-        router.push('/login');
+        const loginUrl =
+          returnUrl && isValidReturnUrl(returnUrl)
+            ? `/login?returnUrl=${encodeURIComponent(returnUrl)}`
+            : '/login';
+        router.push(loginUrl);
+        return;
+      }
+
+      // Authenticated with valid returnUrl - redirect to that destination
+      if (returnUrl && isValidReturnUrl(returnUrl)) {
+        setIsRedirecting(true);
+        router.push(returnUrl);
         return;
       }
 

package/src/components/errors/full-page-error.tsx

@@ -2,9 +2,12 @@
 
 import { AlertTriangle, ArrowLeft, type LucideIcon, RefreshCw } from 'lucide-react';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
 import { BodyTemplate } from '@/components/layout/body-template';
 import { MainContent } from '@/components/layout/main-content';
 import { Button } from '@/components/ui/button';
+import { buildLoginUrlWithCurrentPath } from '@/lib/utils/auth-redirect';
 
 export default function FullPageError({ statusCode, errorCode, ...props }: FullPageErrorProps) {
   const resolvedStatusCode = statusCode ?? getStatusCodeFromErrorCode(errorCode);
@@ -153,6 +156,9 @@ export function ErrorContent({
   onRetry,
   context = 'resource',
 }: FullPageErrorProps) {
+  const router = useRouter();
+  const [isRedirecting, setIsRedirecting] = useState(false);
+
   // Resolve error code from props or error object
   let errorCode = propErrorCode;
   let statusCode = propStatusCode;
@@ -174,6 +180,15 @@ export function ErrorContent({
     errorCode = getErrorCodeFromStatusCode(statusCode);
   }
 
+  // Handle 401 unauthorized errors by redirecting to login
+  useEffect(() => {
+    if ((statusCode === 401 || errorCode === 'unauthorized') && !isRedirecting) {
+      setIsRedirecting(true);
+      const loginUrl = buildLoginUrlWithCurrentPath();
+      router.push(loginUrl);
+    }
+  }, [statusCode, errorCode, router, isRedirecting]);
+
   // Generate title and description
   let title = propTitle;
   let description = propDescription;
@@ -200,6 +215,21 @@ export function ErrorContent({
     }
   };
 
+  // Show redirecting message for 401 errors
+  if (isRedirecting && (statusCode === 401 || errorCode === 'unauthorized')) {
+    return (
+      <main
+        aria-labelledby="redirect-title"
+        className="flex flex-col items-center justify-center h-full gap-10 px-4"
+      >
+        <h1 id="redirect-title" className="sr-only">
+          Redirecting to login
+        </h1>
+        <div className="text-muted-foreground text-sm">Redirecting to login...</div>
+      </main>
+    );
+  }
+
   return (
     <main
       aria-labelledby="error-title"

package/src/components/layout/header-menus.tsx

@@ -1,14 +1,23 @@
 'use client';
 
+import { useEffect, useState } from 'react';
 import { useAuthSession } from '@/hooks/use-auth';
 import { UserMenu } from '../auth/user-menu';
 import { ThemeToggle } from '../theme-toggle';
 import { Skeleton } from '../ui/skeleton';
 
 export function HeaderMenus() {
+  const [hasMounted, setHasMounted] = useState(false);
   const { user, isLoading } = useAuthSession();
-  if (isLoading) {
+
+  useEffect(() => {
+    setHasMounted(true);
+  }, []);
+
+  // Always render skeleton on server and initial client render to prevent hydration mismatch
+  if (!hasMounted || isLoading) {
     return <Skeleton className="h-7 w-7" />;
   }
+
   return !user ? <ThemeToggle /> : <UserMenu />;
 }

package/src/components/providers/client-providers.tsx

@@ -0,0 +1,8 @@
+'use client';
+
+import type { ReactNode } from 'react';
+import { AuthClientProvider } from '@/lib/auth-client';
+
+export function ClientProviders({ children }: { children: ReactNode }) {
+  return <AuthClientProvider>{children}</AuthClientProvider>;
+}

package/src/components/sidebar-nav/app-sidebar-provider.tsx

@@ -27,8 +27,8 @@ export const AppSidebarProvider: FC<{ children: ReactNode }> = ({ children }) =>
   return (
     <SidebarProvider
       style={{
-        '--sidebar-width': 'calc(var(--spacing) * 62)',
-        '--header-height': 'calc(var(--spacing) * 12)',
+        ['--sidebar-width' as string]: 'calc(var(--spacing) * 62)',
+        ['--header-height' as string]: 'calc(var(--spacing) * 12)',
       }}
       open={isOpen}
       onOpenChange={handleOpen}

package/src/components/ui/chart.tsx

@@ -186,16 +186,17 @@ function ChartTooltipContent({
                         className={cn(
                           'shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)',
                           {
-                            'h-2.5 w-2.5': indicator === 'dot',
-                            'w-1': indicator === 'line',
-                            'w-0 border-[1.5px] border-dashed bg-transparent':
-                              indicator === 'dashed',
-                            'my-0.5': nestLabel && indicator === 'dashed',
-                          }
+                            dot: 'h-2.5 w-2.5',
+                            line: 'w-1',
+                            dashed: [
+                              'w-0 border-[1.5px] border-dashed bg-transparent',
+                              nestLabel && 'my-0.5',
+                            ],
+                          }[indicator]
                         )}
                         style={{
-                          '--color-bg': indicatorColor,
-                          '--color-border': indicatorColor,
+                          ['--color-bg' as string]: indicatorColor,
+                          ['--color-border' as string]: indicatorColor,
                         }}
                       />
                     )

package/src/components/ui/sidebar.tsx

@@ -123,8 +123,8 @@ function SidebarProvider({
         <div
           data-slot="sidebar-wrapper"
           style={{
-            '--sidebar-width': SIDEBAR_WIDTH,
-            '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+            ['--sidebar-width' as string]: SIDEBAR_WIDTH,
+            ['--sidebar-width-icon' as string]: SIDEBAR_WIDTH_ICON,
             ...style,
           }}
           className={cn(
@@ -180,7 +180,7 @@ function Sidebar({
           data-mobile="true"
           className="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden"
           style={{
-            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+            ['--sidebar-width' as string]: SIDEBAR_WIDTH_MOBILE,
           }}
           side={side}
         >
@@ -601,7 +601,7 @@ function SidebarMenuSkeleton({
         className="h-4 max-w-(--skeleton-width) flex-1"
         data-sidebar="menu-skeleton-text"
         style={{
-          '--skeleton-width': width,
+          ['--skeleton-width' as string]: width,
         }}
       />
     </div>

package/src/components/ui/sonner.tsx

@@ -11,9 +11,9 @@ const Toaster = ({ ...props }: ToasterProps) => {
       theme={resolvedTheme as ToasterProps['theme']}
       className="toaster group"
       style={{
-        '--normal-bg': 'var(--popover)',
-        '--normal-text': 'var(--popover-foreground)',
-        '--normal-border': 'var(--border)',
+        ['--normal-bg' as string]: 'var(--popover)',
+        ['--normal-text' as string]: 'var(--popover-foreground)',
+        ['--normal-border' as string]: 'var(--border)',
       }}
       {...props}
     />

package/src/env.d.ts

@@ -11,9 +11,3 @@ declare module '*.svg?svgr' {
 
   export default ReactComponent;
 }
-
-declare namespace React {
-  interface CSSProperties {
-    [key: `--${string}`]: string | number;
-  }
-}

package/src/lib/auth-client.tsx

@@ -0,0 +1,53 @@
+'use client';
+
+import { ssoClient } from '@better-auth/sso/client';
+import { ac, adminRole, memberRole, ownerRole } from '@inkeep/agents-core/auth/permissions';
+import { deviceAuthorizationClient, organizationClient } from 'better-auth/client/plugins';
+import { createAuthClient } from 'better-auth/react';
+import { createContext, type ReactNode, useContext, useMemo } from 'react';
+import { useRuntimeConfig } from '@/contexts/runtime-config-context';
+
+// Create a factory function to get the proper inferred type
+const createConfiguredAuthClient = (baseURL: string) =>
+  createAuthClient({
+    baseURL,
+    fetchOptions: {
+      credentials: 'include',
+    },
+    plugins: [
+      ssoClient(),
+      organizationClient({
+        ac,
+        roles: {
+          member: memberRole,
+          admin: adminRole,
+          owner: ownerRole,
+        },
+      }),
+      deviceAuthorizationClient(),
+    ],
+  });
+
+// Infer the full client type including all plugin methods
+type AuthClientType = ReturnType<typeof createConfiguredAuthClient>;
+
+const AuthClientContext = createContext<AuthClientType | null>(null);
+
+export function AuthClientProvider({ children }: { children: ReactNode }) {
+  const { PUBLIC_INKEEP_AGENTS_MANAGE_API_URL } = useRuntimeConfig();
+
+  const authClient = useMemo(
+    () => createConfiguredAuthClient(PUBLIC_INKEEP_AGENTS_MANAGE_API_URL),
+    [PUBLIC_INKEEP_AGENTS_MANAGE_API_URL]
+  );
+
+  return <AuthClientContext.Provider value={authClient}>{children}</AuthClientContext.Provider>;
+}
+
+export function useAuthClient() {
+  const client = useContext(AuthClientContext);
+  if (!client) {
+    throw new Error('useAuthClient must be used within <AuthClientProvider>');
+  }
+  return client;
+}

package/src/lib/utils/auth-redirect.ts

@@ -0,0 +1,95 @@
+/**
+ * Utility functions for handling authentication redirects.
+ * Provides consistent login URL building with return URL support.
+ */
+
+/**
+ * Builds a login URL with an optional return URL parameter.
+ * After successful login, the user will be redirected to the return URL.
+ *
+ * @param returnUrl - The URL to redirect to after login (optional)
+ * @returns The login URL with encoded return URL parameter
+ */
+export function buildLoginUrl(returnUrl?: string): string {
+  const loginPath = '/login';
+
+  if (!returnUrl) {
+    return loginPath;
+  }
+
+  const encodedReturnUrl = encodeURIComponent(returnUrl);
+  return `${loginPath}?returnUrl=${encodedReturnUrl}`;
+}
+
+/**
+ * Gets the current URL path for use as a return URL.
+ * Works only on the client side.
+ *
+ * @returns The current pathname and search string, or undefined if on server
+ */
+export function getCurrentPath(): string | undefined {
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
+
+  return window.location.pathname + window.location.search;
+}
+
+/**
+ * Builds a login URL with the current page as the return URL.
+ * Works only on the client side.
+ *
+ * @returns The login URL with the current path as return URL
+ */
+export function buildLoginUrlWithCurrentPath(): string {
+  const currentPath = getCurrentPath();
+  return buildLoginUrl(currentPath);
+}
+
+/**
+ * Validates a return URL to ensure it's safe to redirect to.
+ * Only allows relative paths (starting with /) to prevent open redirect vulnerabilities.
+ *
+ * @param returnUrl - The return URL to validate
+ * @returns Whether the return URL is safe to use
+ */
+export function isValidReturnUrl(returnUrl: string | null | undefined): returnUrl is string {
+  if (!returnUrl) {
+    return false;
+  }
+
+  // Must start with / (relative path)
+  if (!returnUrl.startsWith('/')) {
+    return false;
+  }
+
+  // Reject protocol-relative URLs (//example.com)
+  if (returnUrl.startsWith('//')) {
+    return false;
+  }
+
+  // Reject URLs that try to break out with encoded characters
+  try {
+    const decoded = decodeURIComponent(returnUrl);
+    if (decoded.startsWith('//') || decoded.includes('://')) {
+      return false;
+    }
+  } catch {
+    // If decoding fails, reject the URL
+    return false;
+  }
+
+  return true;
+}
+
+/**
+ * Gets a safe return URL from a search param value.
+ * Returns the returnUrl if valid, or the fallback (default '/').
+ *
+ * @param returnUrl - The return URL from search params
+ * @param fallback - The fallback URL if returnUrl is invalid
+ * @returns A safe URL to redirect to
+ */
+export function getSafeReturnUrl(returnUrl: string | null | undefined, fallback = '/'): string {
+  return isValidReturnUrl(returnUrl) ? returnUrl : fallback;
+}

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

@@ -1 +0,0 @@
-"use strict";exports.id=2191,exports.ids=[2191],exports.modules={2660:(a,b,c)=>{c.a(a,async(a,d)=>{try{c.d(b,{ArtifactComponentForm:()=>y});var e=c(11918),f=c(269),g=c(33032),h=c(11775),i=c(84834),j=c(96765),k=c(3641),l=c(64768),m=c(75428),n=c(35725),o=c(33149),p=c(871),q=c(20774),r=c(64557),s=c(23703),t=c(30182),u=c(57610),v=c(62092),w=c(33078),x=a([m]);function y({id:a,tenantId:b,projectId:c,initialData:d}){let[x,y]=(0,h.useState)(!1),z=(0,i.mN)({resolver:(0,f.u)(w.z),defaultValues:(a=>{if(!a)return v.g;let b={...a};return b.props&&(b.props=(0,t.S_)(b.props)),b})(d)}),{isSubmitting:A}=z.formState,B=(0,g.useRouter)();(0,q.S)({form:z,nameField:"name",idField:"id",isEditing:!!a});let C=async d=>{try{let e={...d};if(void 0===e.props&&(e.props=null),a){let a=await (0,r.X)(b,c,e);if(!a.success)return void j.oR.error(a.error||"Failed to update artifact.");j.oR.success("Artifact updated.");return}let f=await (0,s.o)(b,c,e);if(!f.success)return void j.oR.error(f.error||"Failed to create artifact");j.oR.success("Artifact created."),B.push(`/${b}/projects/${c}/artifacts`)}catch(b){console.error("Error submitting artifact:",b);let a=b instanceof Error?b.message:"An unexpected error occurred.";j.oR.error(a)}};return(0,e.jsxs)(o.Dialog,{open:x,onOpenChange:y,children:[(0,e.jsx)(p.lV,{...z,children:(0,e.jsxs)("form",{onSubmit:z.handleSubmit(C),className:"max-w-3xl mx-auto py-4 space-y-8",children:[(0,e.jsx)(k.a,{control:z.control,name:"name",label:"Name",placeholder:"Document Artifact",isRequired:!0}),(0,e.jsx)(k.a,{control:z.control,name:"id",label:"Id",placeholder:"my-artifact",disabled:!!a,isRequired:!0,description:!a&&"Choose a unique identifier for this artifact. Using an existing id will replace that artifact."}),(0,e.jsx)(l.K,{control:z.control,name:"description",label:"Description",placeholder:"Structured factual information extracted from search results",className:"min-h-[80px]"}),(0,e.jsx)(m.S,{control:z.control,name:"props",label:"Properties",placeholder:"Enter a valid JSON Schema with inPreview flags, or leave empty to save entire tool result...",description:"Optional: Define specific fields with inPreview flags, or leave empty to capture the complete tool response.",uri:"custom-json-schema-artifact-component.json",hasInPreview:!0}),(0,e.jsxs)("div",{className:"flex w-full justify-between",children:[(0,e.jsx)(n.$,{type:"submit",disabled:A,children:"Save"}),a&&(0,e.jsx)(o.DialogTrigger,{asChild:!0,children:(0,e.jsx)(n.$,{type:"button",variant:"destructive-outline",children:"Delete Artifact"})})]})]})}),x&&a&&(0,e.jsx)(u.W,{artifactComponentId:a,artifactComponentName:z.getValues("name"),setIsOpen:y,redirectOnDelete:!0})]})}m=(x.then?(await x)():x)[0],d()}catch(a){d(a)}})},23703:(a,b,c)=>{c.d(b,{o:()=>e});var d=c(38870);let e=(0,d.createServerReference)("7057093fda52aeffda3ca1cb2e4320390147929ff9",d.callServer,void 0,d.findSourceMapURL,"createArtifactComponentAction")},33078:(a,b,c)=>{c.d(b,{z:()=>g});var d=c(38131),e=c(32697),f=c(83956);let g=d.object({id:f.f,name:d.string().min(1,"Name is required."),description:d.string().optional(),props:d.union([d.string(),d.null(),d.undefined()]).transform((a,b)=>{if(a)try{let c=JSON.parse(a),f=(0,e._O)(a);if(!f.isValid){let a=f.errors[0]?.message||"Invalid JSON schema";return b.addIssue({code:d.ZodIssueCode.custom,message:a}),d.NEVER}return c.required??=[],c}catch(a){return b.addIssue({code:d.ZodIssueCode.custom,message:(0,e.SR)(a)}),d.NEVER}}).optional()})},38993:(a,b,c)=>{c.r(b),c.d(b,{"40b76f2a99c1a1a2fa4c0262bd42d144e81a8d62c4":()=>d.bW,"605a0d8d06fe299fe7d08e01905b26ccb5517faa8b":()=>p,"606050ee686972ca1f6abee46272d325145325aa0e":()=>d.gL,"60fcbf51e352ff55bdf86bcf32746961b057269cbe":()=>d.Dv,"60ff61f7ac4f7294e1c5215fdc9d815cbcde95dc3b":()=>d.qf,"700542c0f2ed6f3c3afd29ced052ce6ba74c8f4b9b":()=>s,"7039e9e14bec8c9a75bc732acaceff768125153347":()=>d.Tg,"7057093fda52aeffda3ca1cb2e4320390147929ff9":()=>q,"70fe9404cb1da654f58a47948ee99c9cd3e4b405d8":()=>r});var d=c(64381),e=c(60922);c(70092);var f=c(10515),g=c(83110),h=c(38867),i=c(28708);async function j(a,b){return(0,h.M2)(a),(0,h.nt)(b),await (0,g.Js)(`tenants/${a}/projects/${b}/artifact-components`)}async function k(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.Js)(`tenants/${a}/projects/${b}/artifact-components/${c}`)).data}async function l(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.Js)(`tenants/${a}/projects/${b}/artifact-components`,{method:"POST",body:JSON.stringify(c)})).data}async function m(a,b,c){return(0,h.M2)(a),(0,h.nt)(b),(await (0,g.Js)(`tenants/${a}/projects/${b}/artifact-components/${c.id}`,{method:"PUT",body:JSON.stringify(c)})).data}async function n(a,b,c){(0,h.M2)(a),(0,h.nt)(b),await (0,g.Js)(`tenants/${a}/projects/${b}/artifact-components/${c}`,{method:"DELETE"})}(0,i.D)([j,k,l,m,n]),(0,e.A)(j,"60d6d7e0074b405ca9c028f7e7b03c83d660f7a8ec",null),(0,e.A)(k,"7045ec6b772162812c48f64b36767f9c91883818e0",null),(0,e.A)(l,"706ccce77caa1ab9e5ff4c76fc4353811e50aaff76",null),(0,e.A)(m,"70c746f9dfdc5251419095a88efd56fd1574a0d814",null),(0,e.A)(n,"70d40ff97b1a2b803dbbe265a2733fe180eb309e42",null);var o=c(27829);async function p(a,b){try{let c=await j(a,b);return{success:!0,data:c.data}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function q(a,b,c){try{let d=await l(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/artifacts`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function r(a,b,c){try{let d=await m(a,b,c);return(0,f.revalidatePath)(`/${a}/projects/${b}/artifacts`),(0,f.revalidatePath)(`/${a}/projects/${b}/artifacts/${c.id}`),{success:!0,data:d}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}async function s(a,b,c){try{return await n(a,b,c),(0,f.revalidatePath)(`/${a}/projects/${b}/artifacts`),{success:!0}}catch(a){if(a instanceof o.h)return{success:!1,error:a.message,code:a.error.code};return{success:!1,error:a instanceof Error?a.message:"Unknown error occurred",code:"unknown_error"}}}(0,i.D)([p,q,r,s]),(0,e.A)(p,"605a0d8d06fe299fe7d08e01905b26ccb5517faa8b",null),(0,e.A)(q,"7057093fda52aeffda3ca1cb2e4320390147929ff9",null),(0,e.A)(r,"70fe9404cb1da654f58a47948ee99c9cd3e4b405d8",null),(0,e.A)(s,"700542c0f2ed6f3c3afd29ced052ce6ba74c8f4b9b",null)},57610:(a,b,c)=>{c.d(b,{W:()=>k});var d=c(11918),e=c(33032),f=c(11775),g=c(96765),h=c(82064),i=c(38870);let j=(0,i.createServerReference)("700542c0f2ed6f3c3afd29ced052ce6ba74c8f4b9b",i.callServer,void 0,i.findSourceMapURL,"deleteArtifactComponentAction");function k({artifactComponentId:a,artifactComponentName:b,setIsOpen:c,redirectOnDelete:i=!1}){let[k,l]=(0,f.useState)(!1),m=(0,e.useRouter)(),{tenantId:n,projectId:o}=(0,e.useParams)(),p=async()=>{l(!0);try{let b=await j(n,o,a);b.success?(c(!1),g.oR.success("Artifact deleted."),i&&m.push(`/${n}/projects/${o}/artifacts`)):g.oR.error(b.error)}finally{l(!1)}};return(0,d.jsx)(h.J,{itemName:b||"this artifact",isSubmitting:k,onDelete:p})}},62092:(a,b,c)=>{c.d(b,{g:()=>d});let d={id:"",name:"",description:"",props:void 0}},64557:(a,b,c)=>{c.d(b,{X:()=>e});var d=c(38870);let e=(0,d.createServerReference)("70fe9404cb1da654f58a47948ee99c9cd3e4b405d8",d.callServer,void 0,d.findSourceMapURL,"updateArtifactComponentAction")},91707:(a,b,c)=>{c.r(b),c.d(b,{default:()=>j});var d=c(22528),e=c(4728),f=c(20288),g=c(34249),h=c(19102),i=c(37402);function j(){return(0,d.jsx)(e.H,{breadcrumbs:[{label:"Artifacts"}],children:(0,d.jsxs)(f.D,{children:[(0,d.jsx)(g.zY,{title:"Artifacts",description:i.lh}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 md:gap-4",children:Array.from({length:6}).map((a,b)=>(0,d.jsx)(h.E,{className:"h-36 w-full rounded-lg"},`loading-artifact-${b}`))})]})})}},95561:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(28941).A)("trash",[["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]])},96634:(a,b,c)=>{c.d(b,{ArtifactComponentForm:()=>d});let d=(0,c(7044).registerClientReference)(function(){throw Error("Attempted to call ArtifactComponentForm() from the server but ArtifactComponentForm is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/home/runner/work/agents/agents/agents-manage-ui/src/components/artifact-components/form/artifact-component-form.tsx","ArtifactComponentForm")}};