@inkeep/agents-manage-ui 0.34.1 → 0.35.1

package/.next/standalone/packages/agents-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-core",
-  "version": "0.34.1",
+  "version": "0.35.1",
   "description": "Agents Core contains the database schema, types, and validation schemas for Inkeep Agent Framework, along with core components.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -11,9 +11,16 @@
     "./constants/models": "./src/constants/models.ts",
     "./constants/schema-validation": "./src/constants/schema-validation/index.ts",
     "./schema": "./src/db/schema.ts",
+    "./db/schema": "./src/db/schema.ts",
+    "./auth": "./src/auth/auth.ts",
+    "./auth/schema": "./src/auth/auth-schema.ts",
+    "./auth/validation": "./src/auth/auth-validation-schemas.ts",
+    "./auth/permissions": "./src/auth/permissions.ts",
+    "./db/test-client": "./src/db/test-client.ts",
     "./types": "./src/types/index.ts",
     "./validation": "./src/validation/index.ts",
     "./client-exports": "./src/client-exports.ts",
+    "./credential-stores": "./src/credential-stores/index.ts",
     "./drizzle": "./drizzle/",
     "./utils/schema-conversion": "./src/utils/schema-conversion.ts"
   },
@@ -44,6 +51,7 @@
   "clean-package": "./clean-package.config.json",
   "dependencies": {
     "@electric-sql/pglite": "^0.3.13",
+    "@better-auth/sso": "^1.3.34",
     "@hono/node-server": "^1.14.3",
     "@hono/zod-openapi": "^1.0.2",
     "@modelcontextprotocol/sdk": "^1.17.2",
@@ -61,6 +69,7 @@
     "ai": "5.0.11",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
+    "better-auth": "^1.3.34",
     "dotenv": "^17.2.1",
     "dotenv-expand": "^12.0.3",
     "drizzle-orm": "^0.44.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-manage-ui",
-  "version": "0.34.1",
+  "version": "0.35.1",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "index.js",
   "types": "index.d.ts",
@@ -33,6 +33,7 @@
     "@ai-sdk/openai": "2.0.11",
     "@ai-sdk/openai-compatible": "^1.0.27",
     "@ai-sdk/react": "2.0.11",
+    "@better-auth/sso": "^1.3.34",
     "@hookform/resolvers": "^5.2.1",
     "@inkeep/agents-ui": "^0.15.2",
     "@lezer/highlight": "^1.2.1",
@@ -62,6 +63,7 @@
     "ai": "^5.0.11",
     "axios": "^1.11.0",
     "axios-retry": "^4.5.0",
+    "better-auth": "^1.3.34",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -92,9 +94,9 @@
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^4.1.11",
     "zustand": "^5.0.7",
-    "@inkeep/agents-core": "^0.34.1",
-    "@inkeep/agents-manage-api": "^0.34.1",
-    "@inkeep/agents-run-api": "^0.34.1"
+    "@inkeep/agents-core": "^0.35.1",
+    "@inkeep/agents-manage-api": "^0.35.1",
+    "@inkeep/agents-run-api": "^0.35.1"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",
@@ -135,8 +137,8 @@
     "typecheck:watch": "tsc --noEmit --watch",
     "test": "vitest --run",
     "test:coverage": "vitest --run --coverage",
-    "test:e2e": "cypress open",
-    "test:e2e:run": "cypress run --headless",
+    "test:e2e": "cypress open --config-file cypress/cypress.config.ts",
+    "test:e2e:run": "cypress run --config-file cypress/cypress.config.ts --headless",
     "test:e2e:ci": "start-server-and-test start http-get://localhost:3000/default/projects test:e2e:run"
   }
 }

package/src/app/[tenantId]/projects/[projectId]/artifacts/[artifactComponentId]/page.tsx

@@ -10,34 +10,23 @@ export default async function ArtifactComponentPage({
   params,
 }: PageProps<'/[tenantId]/projects/[projectId]/artifacts/[artifactComponentId]'>) {
   const { artifactComponentId, tenantId, projectId } = await params;
-
-  let artifactComponent: Awaited<ReturnType<typeof fetchArtifactComponent>>;
   try {
-    artifactComponent = await fetchArtifactComponent(tenantId, projectId, artifactComponentId);
-  } catch (error) {
-    return (
-      <FullPageError
-        error={error as Error}
-        link={`/${tenantId}/projects/${projectId}/artifacts`}
-        linkText="Back to artifacts"
-        context="artifact"
-      />
+    const { name, description, props } = await fetchArtifactComponent(
+      tenantId,
+      projectId,
+      artifactComponentId
     );
-  }
-
-  const { name, description, props } = artifactComponent;
-  return (
-    <BodyTemplate
-      breadcrumbs={[
-        {
-          label: 'Artifacts',
-          href: `/${tenantId}/projects/${projectId}/artifacts`,
-        },
-        { label: artifactComponent.name },
-      ]}
-    >
-      <MainContent>
-        <div className="max-w-2xl mx-auto py-4">
+    return (
+      <BodyTemplate
+        breadcrumbs={[
+          {
+            label: 'Artifacts',
+            href: `/${tenantId}/projects/${projectId}/artifacts`,
+          },
+          { label: name },
+        ]}
+      >
+        <MainContent>
           <ArtifactComponentForm
             tenantId={tenantId}
             projectId={projectId}
@@ -49,8 +38,17 @@ export default async function ArtifactComponentPage({
               props,
             }}
           />
-        </div>
-      </MainContent>
-    </BodyTemplate>
-  );
+        </MainContent>
+      </BodyTemplate>
+    );
+  } catch (error) {
+    return (
+      <FullPageError
+        error={error as Error}
+        link={`/${tenantId}/projects/${projectId}/artifacts`}
+        linkText="Back to artifacts"
+        context="artifact"
+      />
+    );
+  }
 }

package/src/app/[tenantId]/projects/[projectId]/artifacts/new/page.tsx

@@ -17,9 +17,7 @@ async function NewArtifactComponentPage({
       ]}
     >
       <MainContent>
-        <div className="max-w-2xl mx-auto py-4">
-          <ArtifactComponentForm tenantId={tenantId} projectId={projectId} />
-        </div>
+        <ArtifactComponentForm tenantId={tenantId} projectId={projectId} />
       </MainContent>
     </BodyTemplate>
   );

package/src/app/[tenantId]/projects/[projectId]/artifacts/page.tsx

@@ -16,53 +16,47 @@ async function ArtifactComponentsPage({
   params,
 }: PageProps<'/[tenantId]/projects/[projectId]/artifacts'>) {
   const { tenantId, projectId } = await params;
-
-  let artifacts: Awaited<ReturnType<typeof fetchArtifactComponents>>;
   try {
-    artifacts = await fetchArtifactComponents(tenantId, projectId);
+    const { data } = await fetchArtifactComponents(tenantId, projectId);
+    return (
+      <BodyTemplate
+        breadcrumbs={[
+          {
+            label: 'Artifacts',
+            href: `/${tenantId}/projects/${projectId}/artifacts`,
+          },
+        ]}
+      >
+        <MainContent className="min-h-full">
+          {data.length > 0 ? (
+            <>
+              <PageHeader
+                title="Artifacts"
+                description={artifactDescription}
+                action={
+                  <Button asChild>
+                    <Link href={`/${tenantId}/projects/${projectId}/artifacts/new`}>
+                      <Plus className="size-4" /> New artifact
+                    </Link>
+                  </Button>
+                }
+              />
+              <ArtifactComponentsList tenantId={tenantId} projectId={projectId} artifacts={data} />
+            </>
+          ) : (
+            <EmptyState
+              title="No artifacts yet."
+              description={artifactDescription}
+              link={`/${tenantId}/projects/${projectId}/artifacts/new`}
+              linkText="Create artifact"
+            />
+          )}
+        </MainContent>
+      </BodyTemplate>
+    );
   } catch (error) {
     return <FullPageError error={error as Error} context="artifacts" />;
   }
-  return (
-    <BodyTemplate
-      breadcrumbs={[
-        {
-          label: 'Artifacts',
-          href: `/${tenantId}/projects/${projectId}/artifacts`,
-        },
-      ]}
-    >
-      <MainContent className="min-h-full">
-        {artifacts.data.length > 0 ? (
-          <>
-            <PageHeader
-              title="Artifacts"
-              description={artifactDescription}
-              action={
-                <Button asChild>
-                  <Link href={`/${tenantId}/projects/${projectId}/artifacts/new`}>
-                    <Plus className="size-4" /> New artifact
-                  </Link>
-                </Button>
-              }
-            />
-            <ArtifactComponentsList
-              tenantId={tenantId}
-              projectId={projectId}
-              artifacts={artifacts.data}
-            />
-          </>
-        ) : (
-          <EmptyState
-            title="No artifacts yet."
-            description={artifactDescription}
-            link={`/${tenantId}/projects/${projectId}/artifacts/new`}
-            linkText="Create artifact"
-          />
-        )}
-      </MainContent>
-    </BodyTemplate>
-  );
 }
 
 export default ArtifactComponentsPage;

package/src/app/accept-invitation/[invitationId]/page.tsx

@@ -0,0 +1,263 @@
+'use client';
+
+import { CheckCircle2, Loader2, XCircle } from 'lucide-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { useAuthSession } from '@/hooks/use-auth';
+import { useAuthClient } from '@/lib/auth-client';
+
+export default function AcceptInvitationPage() {
+  const params = useParams();
+  const router = useRouter();
+  const { user, isLoading: isAuthLoading } = useAuthSession();
+  const invitationId = params.invitationId as string;
+  const authClient = useAuthClient();
+
+  const [invitation, setInvitation] = useState<any>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isAccepting, setIsAccepting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [success, setSuccess] = useState(false);
+
+  // Fetch invitation details (only when authenticated)
+  useEffect(() => {
+    async function fetchInvitation() {
+      if (!invitationId) return;
+      
+      // If not authenticated, don't fetch yet - wait for user to sign in
+      if (!user) {
+        setIsLoading(false);
+        return;
+      }
+
+      try {
+        const result = await authClient.organization.getInvitation({
+          query: { id: invitationId },
+        });
+
+        if ('error' in result && result.error) {
+          setError(result.error.message || 'Invitation not found');
+          setIsLoading(false);
+          return;
+        }
+
+        if ('data' in result && result.data) {
+          setInvitation(result.data);
+        }
+      } catch {
+        setError('Failed to load invitation');
+      } finally {
+        setIsLoading(false);
+      }
+    }
+
+    fetchInvitation();
+  }, [invitationId, user]);
+
+  const handleAccept = async () => {
+    if (!user) {
+      // Redirect to login with invitation param
+      router.push(`/login?invitation=${invitationId}`);
+      return;
+    }
+
+    setIsAccepting(true);
+    setError(null);
+
+    try {
+      const result = await authClient.organization.acceptInvitation({
+        invitationId,
+      });
+
+      if ('error' in result && result.error) {
+        setError(result.error.message || 'Failed to accept invitation');
+        setIsAccepting(false);
+        return;
+      }
+
+      setSuccess(true);
+
+      // Redirect to the organization after a short delay
+      setTimeout(() => {
+        if (invitation?.organizationId) {
+          router.push(`/${invitation.organizationId}/projects`);
+        } else {
+          router.push('/');
+        }
+      }, 2000);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to accept invitation');
+      setIsAccepting(false);
+    }
+  };
+
+  const handleReject = async () => {
+    setIsAccepting(true);
+    setError(null);
+
+    try {
+      await authClient.organization.rejectInvitation({
+        invitationId,
+      });
+
+      router.push('/');
+    } catch {
+      setError('Failed to reject invitation');
+      setIsAccepting(false);
+    }
+  };
+
+  if (isLoading || isAuthLoading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <Card className="w-full max-w-md">
+          <CardContent className="flex flex-col items-center justify-center p-8">
+            <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+            <p className="mt-4 text-sm text-muted-foreground">Loading invitation...</p>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  if (error && !invitation) {
+    return (
+      <div className="flex min-h-screen items-center justify-center p-4">
+        <Card className="w-full max-w-md">
+          <CardHeader>
+            <div className="flex items-center gap-2">
+              <XCircle className="h-6 w-6 text-destructive" />
+              <CardTitle>Invalid Invitation</CardTitle>
+            </div>
+            <CardDescription>{error}</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Button onClick={() => router.push('/')} className="w-full">
+              Go to Dashboard
+            </Button>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  if (success) {
+    return (
+      <div className="flex min-h-screen items-center justify-center p-4">
+        <Card className="w-full max-w-md">
+          <CardHeader>
+            <div className="flex items-center gap-2">
+              <CheckCircle2 className="h-6 w-6 text-green-600 dark:text-green-500" />
+              <CardTitle>Invitation Accepted!</CardTitle>
+            </div>
+            <CardDescription>
+              You've successfully joined the organization. Redirecting...
+            </CardDescription>
+          </CardHeader>
+        </Card>
+      </div>
+    );
+  }
+
+  // Show simplified view when not authenticated
+  if (!user) {
+    return (
+      <div className="flex min-h-screen items-center justify-center p-4">
+        <Card className="w-full max-w-md">
+          <CardHeader>
+            <CardTitle>Organization Invitation</CardTitle>
+            <CardDescription>
+              You've been invited to join an organization
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="rounded-md bg-blue-500/10 p-3 text-sm text-blue-600 dark:text-blue-400">
+              Sign in to view invitation details and accept.
+            </div>
+
+            <Button
+              onClick={handleAccept}
+              disabled={isAccepting}
+              className="w-full"
+            >
+              {isAccepting ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  Redirecting...
+                </>
+              ) : (
+                'Sign In to Continue'
+              )}
+            </Button>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  // Show full invitation details when authenticated
+  return (
+    <div className="flex min-h-screen items-center justify-center p-4">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle>Organization Invitation</CardTitle>
+          <CardDescription>
+            You've been invited to join {invitation?.organizationName || 'an organization'}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          {invitation && (
+            <div className="rounded-lg border bg-muted/50 p-4 space-y-2">
+              <div className="flex justify-between text-sm">
+                <span className="text-muted-foreground">Organization:</span>
+                <span className="font-medium">{invitation.organizationName}</span>
+              </div>
+              <div className="flex justify-between text-sm">
+                <span className="text-muted-foreground">Role:</span>
+                <span className="font-medium capitalize">{invitation.role}</span>
+              </div>
+              <div className="flex justify-between text-sm">
+                <span className="text-muted-foreground">Invited by:</span>
+                <span className="font-medium">{invitation.inviterEmail}</span>
+              </div>
+            </div>
+          )}
+
+          {error && (
+            <div className="rounded-md bg-destructive/10 p-3 text-sm text-destructive">
+              {error}
+            </div>
+          )}
+
+          <div className="flex gap-2">
+            <Button
+              onClick={handleAccept}
+              disabled={isAccepting || !invitation}
+              className="flex-1"
+            >
+              {isAccepting ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  Accepting...
+                </>
+              ) : (
+                'Accept Invitation'
+              )}
+            </Button>
+            <Button
+              onClick={handleReject}
+              variant="outline"
+              disabled={isAccepting || !invitation}
+              className="flex-1"
+            >
+              Decline
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
+