@promptbook/cli 0.104.0-8 → 0.104.0-9

package/apps/agents-server/src/app/AddAgentButton.tsx

@@ -1,41 +1,67 @@
 'use client';
 
+import { string_book } from '@promptbook-local/types';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import { Card } from '../components/Homepage/Card';
-import { $createAgentAction } from './actions';
+import { NewAgentDialog } from '../components/NewAgentDialog/NewAgentDialog';
+import { $createAgentFromBookAction, $generateAgentBoilerplateAction } from './actions';
 
 export function AddAgentButton() {
     const router = useRouter();
     const [isLoading, setIsLoading] = useState(false);
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const [agentSource, setAgentSource] = useState<string_book>('' as string_book);
 
     const handleAddAgent = async () => {
         setIsLoading(true);
-        const { /*agentName,*/ permanentId } = await $createAgentAction();
-        // TODO: Add proper error handling and UI feedback
+        try {
+            const boilerplate = await $generateAgentBoilerplateAction();
+            setAgentSource(boilerplate);
+            setIsDialogOpen(true);
+        } catch (error) {
+            console.error('Failed to generate agent boilerplate', error);
+            // TODO: Add proper error handling and UI feedback
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const handleCreate = async (source: string_book) => {
+        // Note: [🧠] Logic for creation is now handled inside the dialog (waiting for promise), here we just handle navigation
+        const { permanentId } = await $createAgentFromBookAction(source);
+
         if (permanentId) {
             router.push(`/agents/${permanentId}`);
         } else {
             router.refresh();
-            setIsLoading(false);
         }
     };
 
     return (
-        <div
-            onClick={isLoading ? undefined : handleAddAgent}
-            className={`cursor-pointer h-full group ${isLoading ? 'pointer-events-none' : ''}`}
-        >
-            <Card className="flex items-center justify-center text-lg font-medium text-gray-500 group-hover:text-blue-500 group-hover:border-blue-400 border-dashed border-2">
-                {isLoading ? (
-                    <>
-                        <span className="mr-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
-                        Creating agent...
-                    </>
-                ) : (
-                    '+ Add New Agent'
-                )}
-            </Card>
-        </div>
+        <>
+            <div
+                onClick={isLoading ? undefined : handleAddAgent}
+                className={`cursor-pointer h-full group ${isLoading ? 'pointer-events-none' : ''}`}
+            >
+                <Card className="flex items-center justify-center text-lg font-medium text-gray-500 group-hover:text-blue-500 group-hover:border-blue-400 border-dashed border-2">
+                    {isLoading ? (
+                        <>
+                            <span className="mr-2 inline-block h-4 w-4 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
+                            Preparing...
+                        </>
+                    ) : (
+                        '+ Add New Agent'
+                    )}
+                </Card>
+            </div>
+
+            <NewAgentDialog
+                isOpen={isDialogOpen}
+                onClose={() => setIsDialogOpen(false)}
+                initialAgentSource={agentSource}
+                onCreate={handleCreate}
+            />
+        </>
     );
 }

package/apps/agents-server/src/app/actions.ts

@@ -25,6 +25,11 @@ export async function $createAgentAction(): Promise<{ agentName: string_agent_na
     return { agentName, permanentId };
 }
 
+export async function $generateAgentBoilerplateAction(): Promise<string_book> {
+    const namePool = (await getMetadata('NAME_POOL')) || 'ENGLISH';
+    return $generateBookBoilerplate({ namePool });
+}
+
 export async function $createAgentFromBookAction(bookContent: string_book): Promise<{ agentName: string_agent_name; permanentId: string_agent_permanent_id }> {
     // TODO: [👹] Check permissions here
     if (!(await isUserAdmin())) {

package/apps/agents-server/src/app/admin/browser-test/BrowserTestClient.tsx

@@ -5,6 +5,7 @@ import { Card } from '../../../components/Homepage/Card';
 
 export function BrowserTestClient() {
     const [imageUrl, setImageUrl] = useState<string | null>(null);
+    const [facebookStreamUrl, setFacebookStreamUrl] = useState<string | null>(null);
 
     useEffect(() => {
         return () => {
@@ -17,6 +18,7 @@ export function BrowserTestClient() {
     const [error, setError] = useState<string | null>(null);
 
     const handleTakeScreenshot = async () => {
+        setFacebookStreamUrl(null);
         setIsLoading(true);
         setError(null);
         try {
@@ -42,6 +44,12 @@ export function BrowserTestClient() {
         }
     };
 
+    const handleScrollFacebook = () => {
+        setImageUrl(null);
+        setError(null);
+        setFacebookStreamUrl(`/api/browser-test/scroll-facebook?t=${Date.now()}`);
+    };
+
     return (
         <div className="container mx-auto px-4 py-8 space-y-6">
             <div className="mt-20 mb-4 flex flex-col gap-2 md:flex-row md:items-end md:justify-between">
@@ -63,6 +71,13 @@ export function BrowserTestClient() {
                     >
                         {isLoading ? 'Taking Screenshot...' : 'Take Screenshot'}
                     </button>
+                    <button
+                        onClick={handleScrollFacebook}
+                        disabled={isLoading}
+                        className="ml-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded disabled:opacity-50"
+                    >
+                        Scroll Facebook
+                    </button>
                 </div>
 
                 {error && (
@@ -79,6 +94,14 @@ export function BrowserTestClient() {
                         <img src={imageUrl} alt="Screenshot of ptbk.io" className="w-full h-auto" />
                     </div>
                 )}
+
+                {facebookStreamUrl && (
+                    <div className="border rounded shadow-lg overflow-hidden">
+                        <h2 className="text-xl font-semibold p-2 bg-gray-100">Facebook Scroll Stream</h2>
+                        {/* eslint-disable-next-line @next/next/no-img-element */}
+                        <img src={facebookStreamUrl} alt="Live stream of Facebook scrolling" className="w-full h-auto" />
+                    </div>
+                )}
             </Card>
         </div>
     );

package/apps/agents-server/src/app/agents/[agentName]/_utils.ts

@@ -12,7 +12,8 @@ export async function getAgentName(params: Promise<{ agentName: string }>) {
 
 export async function getAgentProfile(agentName: string) {
     const collection = await $provideAgentCollectionForServer();
-    const agentSource = await collection.getAgentSource(agentName);
+    const agentId = await collection.getAgentPermanentId(agentName);
+    const agentSource = await collection.getAgentSource(agentId);
     const agentProfile = parseAgentSource(agentSource);
     return agentProfile;
 }

package/apps/agents-server/src/app/agents/[agentName]/api/book/route.ts

@@ -13,7 +13,8 @@ export async function GET(request: Request, { params }: { params: Promise<{ agen
 
     try {
         const collection = await $provideAgentCollectionForServer();
-        const agentSource = await collection.getAgentSource(agentName);
+        const agentId = await collection.getAgentPermanentId(agentName);
+        const agentSource = await collection.getAgentSource(agentId);
         const effectiveAgentSource = await resolveInheritedAgentSource(agentSource, collection);
 
         return new Response(effectiveAgentSource, {
@@ -52,7 +53,8 @@ export async function PUT(request: Request, { params }: { params: Promise<{ agen
         let agentSource = validateBook(agentSourceUnchecked);
         agentSource = padBook(agentSource);
 
-        await collection.updateAgentSource(agentName, agentSource);
+        const agentId = await collection.getAgentPermanentId(agentName);
+        await collection.updateAgentSource(agentId, agentSource);
         // <- TODO: [🐱‍🚀] Properly type as string_book
 
         return new Response(

package/apps/agents-server/src/app/agents/[agentName]/history/page.tsx

@@ -10,7 +10,8 @@ export const metadata = {
 export default async function AgentHistoryPage({ params }: { params: Promise<{ agentName: string }> }) {
     const { agentName } = await params;
     const collection = await $provideAgentCollectionForServer();
-    const history = await collection.listAgentHistory(agentName);
+    const agentId = await collection.getAgentPermanentId(agentName);
+    const history = await collection.listAgentHistory(agentId);
 
     return (
         <div className="container mx-auto p-6 max-w-4xl">
@@ -21,7 +22,10 @@ export default async function AgentHistoryPage({ params }: { params: Promise<{ a
                 <div>
                     <h1 className="text-3xl font-bold text-gray-900">History: {agentName}</h1>
                     <p className="text-gray-600">
-                        Previous versions of this agent. <Link href={`/agents/${agentName}`} className="text-blue-600 hover:underline">Back to agent</Link>
+                        Previous versions of this agent.{' '}
+                        <Link href={`/agents/${agentName}`} className="text-blue-600 hover:underline">
+                            Back to agent
+                        </Link>
                     </p>
                 </div>
             </header>
@@ -47,7 +51,10 @@ export default async function AgentHistoryPage({ params }: { params: Promise<{ a
                                             Version {history.length - index}
                                         </h3>
                                         <p className="text-sm text-gray-500">
-                                            Hash: <code className="bg-gray-100 px-1 rounded">{item.agentHash.substring(0, 8)}</code>
+                                            Hash:{' '}
+                                            <code className="bg-gray-100 px-1 rounded">
+                                                {item.agentHash.substring(0, 8)}
+                                            </code>
                                         </p>
                                     </div>
                                     <RestoreVersionButton agentName={agentName} historyId={item.id} />

package/apps/agents-server/src/app/agents/[agentName]/images/default-avatar.png/route.ts

@@ -27,9 +27,13 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
         try {
             agentSource = await collection.getAgentSource(agentName);
         } catch (error) {
-            // If agent not found, redirect to pravatar with the agent name as unique identifier
-            const pravaratUrl = `https://i.pravatar.cc/1024?u=${encodeURIComponent(agentName)}`;
-            return NextResponse.redirect(pravaratUrl);
+            assertsError(error);
+
+            return NextResponse.json({ error: serializeError(error) }, { status: 500 });
+
+            //> // If agent not found, redirect to pravatar with the agent name as unique identifier
+            //> const pravaratUrl = `https://i.pravatar.cc/1024?u=${encodeURIComponent(agentName)}`;
+            //> return NextResponse.redirect(pravaratUrl);
         }
 
         const agentProfile = parseAgentSource(agentSource);

package/apps/agents-server/src/app/api/agents/[agentName]/clone/route.ts

@@ -8,7 +8,8 @@ export async function POST(request: Request, { params }: { params: Promise<{ age
     const collection = await $provideAgentCollectionForServer();
 
     try {
-        const source = await collection.getAgentSource(agentName);
+        const agentId = await collection.getAgentPermanentId(agentName);
+        const source = await collection.getAgentSource(agentId);
 
         // Generate new name
         // TODO: [🧠] Better naming strategy, maybe check for collisions
@@ -18,7 +19,7 @@ export async function POST(request: Request, { params }: { params: Promise<{ age
         // eslint-disable-next-line no-constant-condition
         while (true) {
             try {
-                await collection.getAgentSource(newAgentName);
+                await collection.getAgentPermanentId(newAgentName);
                 // If success, it means it exists, so we try next one
                 counter++;
                 newAgentName = `${agentName} (Copy ${counter})`;

package/apps/agents-server/src/app/api/agents/[agentName]/restore/route.ts

@@ -8,7 +8,8 @@ export async function POST(request: Request, { params }: { params: Promise<{ age
     const collection = await $provideAgentCollectionForServer();
 
     try {
-        await collection.restoreAgent(agentName);
+        const agentId = await collection.getAgentPermanentId(agentName);
+        await collection.restoreAgent(agentId);
         return NextResponse.json({ success: true });
     } catch (error) {
         return NextResponse.json(

package/apps/agents-server/src/app/api/agents/[agentName]/route.ts

@@ -49,7 +49,8 @@ export async function DELETE(request: Request, { params }: { params: Promise<{ a
     const collection = await $provideAgentCollectionForServer();
 
     try {
-        await collection.deleteAgent(agentName);
+        const agentId = await collection.getAgentPermanentId(agentName);
+        await collection.deleteAgent(agentId);
         return NextResponse.json({ success: true });
     } catch (error) {
         return NextResponse.json(

package/apps/agents-server/src/app/api/browser-test/scroll-facebook/route.ts

@@ -0,0 +1,62 @@
+import { $provideBrowserForServer } from '@/src/tools/$provideBrowserForServer';
+import { NextResponse } from 'next/server';
+import { just } from '../../../../../../../src/utils/organization/just';
+
+export const dynamic = 'force-dynamic';
+
+export async function GET() {
+    const encoder = new TextEncoder();
+    const stream = new ReadableStream({
+        async start(controller) {
+            try {
+                console.log('Starting Facebook scroll session');
+                const browserContext = await $provideBrowserForServer();
+                const page = await browserContext.newPage();
+
+                await page.goto('https://www.facebook.com/');
+                console.log('Navigated to Facebook');
+
+                // Loop for streaming
+                while (just(true)) {
+                    // Check for login (simple check for now)
+                    // Facebook uses role="banner" for the top navigation bar when logged in
+                    const isLoggedIn = await page.$('div[role="banner"]');
+
+                    if (isLoggedIn) {
+                        // Scroll down
+                        await page.evaluate(() => window.scrollBy(0, 500));
+                        // console.log('Scrolled');
+                    } else {
+                        // console.log('Waiting for login...');
+                    }
+
+                    const buffer = await page.screenshot({ type: 'jpeg', quality: 50 });
+
+                    const boundary = '--myboundary';
+                    const header = `\r\n${boundary}\r\nContent-Type: image/jpeg\r\nContent-Length: ${buffer.length}\r\n\r\n`;
+
+                    controller.enqueue(encoder.encode(header));
+                    controller.enqueue(buffer);
+
+                    // Short delay
+                    await new Promise((r) => setTimeout(r, 200));
+                }
+            } catch (error) {
+                console.error('Stream error:', error);
+                try {
+                    controller.close();
+                } catch (e) {
+                    // Ignore error if controller is already closed
+                }
+            }
+        },
+    });
+
+    return new NextResponse(stream, {
+        headers: {
+            'Content-Type': 'multipart/x-mixed-replace; boundary=myboundary',
+            'Cache-Control': 'no-cache',
+            Connection: 'keep-alive',
+        },
+    });
+}

package/apps/agents-server/src/components/AgentProfile/AgentProfile.tsx

@@ -5,6 +5,7 @@ import { generatePlaceholderAgentProfileImageUrl } from '@promptbook-local/core'
 import { AgentBasicInformation, string_agent_permanent_id } from '@promptbook-local/types';
 import { RepeatIcon } from 'lucide-react';
 import { useState } from 'react';
+import { AgentProfileImage } from './AgentProfileImage';
 import { AgentQrCode } from './AgentQrCode';
 import { QrCodeModal } from './QrCodeModal';
 import { useAgentBackground } from './useAgentBackground';
@@ -132,14 +133,14 @@ export function AgentProfile(props: AgentProfileProps) {
                 )}
 
                 {/* Main profile content */}
-                <div className="relative z-10 grid grid-cols-[auto_1fr] gap-x-6 gap-y-4 md:gap-12 max-w-5xl w-full items-start">
+                <div className="relative z-10 flex flex-col md:grid md:grid-cols-[auto_1fr] gap-y-6 md:gap-y-4 md:gap-x-12 max-w-5xl w-full items-center md:items-start">
                     {/* Agent image card (Flippable) */}
                     <div
-                        className="flex-shrink-0 perspective-1000 group row-start-1 col-start-1 md:row-span-3"
+                        className="flex-shrink-0 perspective-1000 group w-full md:w-auto md:row-start-1 md:col-start-1 md:row-span-3"
                         style={{ perspective: '1000px' }}
                     >
                         <div
-                            className="relative w-24 md:w-80 transition-all duration-700 transform-style-3d cursor-pointer"
+                            className="relative w-full md:w-80 transition-all duration-700 transform-style-3d cursor-pointer max-w-sm mx-auto md:max-w-none md:mx-0"
                             style={{
                                 aspectRatio: '1 / 1.618', // Golden Ratio
                                 transformStyle: 'preserve-3d',
@@ -160,14 +161,10 @@ export function AgentProfile(props: AgentProfileProps) {
                                     // ['cornerShape' as really_any /* <- Note: `cornerShape` is non standard CSS property */]: 'squircle ',
                                 }}
                             >
-                                {/* eslint-disable-next-line @next/next/no-img-element */}
-                                <img
+                                <AgentProfileImage
                                     src={imageUrl}
                                     alt={fullname}
                                     className="w-full h-full object-cover"
-                                    // width={1024}
-                                    // height={1792}
-                                    // <- TODO: [🤐] DRY
                                     style={{
                                         objectFit: 'cover',
                                         backgroundImage: `url(${colorToDataUrl(brandColorLightHex)})`,
@@ -210,7 +207,7 @@ export function AgentProfile(props: AgentProfileProps) {
                     </div>
 
                     {/* Agent info - Header Area */}
-                    <div className="row-start-1 col-start-2 flex flex-col justify-center md:justify-start h-full md:h-auto gap-1 md:gap-6">
+                    <div className="w-full md:w-auto md:row-start-1 md:col-start-2 flex flex-col justify-center md:justify-start items-center md:items-start h-auto gap-4 md:gap-6 text-center md:text-left">
                         {/* Agent name with custom font */}
                         <h1
                             className="text-2xl md:text-5xl lg:text-6xl font-bold text-gray-900 tracking-tight leading-tight"
@@ -228,11 +225,11 @@ export function AgentProfile(props: AgentProfileProps) {
                     </div>
 
                     {/* Chat Area */}
-                    <div className="col-span-2 md:col-span-1 md:col-start-2 w-full mt-2 md:mt-0">{children}</div>
+                    <div className="w-full md:col-span-1 md:col-start-2 mt-4 md:mt-0">{children}</div>
 
                     {/* Secondary Actions */}
                     {!isHeadless && (
-                        <div className="col-span-2 md:col-span-1 md:col-start-2 flex flex-wrap justify-center md:justify-start items-center gap-4 md:gap-6 mt-2">
+                        <div className="w-full md:col-span-1 md:col-start-2 flex flex-wrap justify-center md:justify-start items-center gap-4 md:gap-6 mt-4 md:mt-2">
                             {actions}
                         </div>
                     )}

package/apps/agents-server/src/components/AgentProfile/AgentProfileImage.tsx

@@ -0,0 +1,79 @@
+import { Loader2 } from 'lucide-react';
+import { useEffect, useState } from 'react';
+
+type AgentProfileImageProps = {
+    readonly src: string;
+    readonly alt: string;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+};
+
+export function AgentProfileImage({ src, alt, className, style }: AgentProfileImageProps) {
+    const [imageSrc, setImageSrc] = useState<string | null>(null);
+    const [isLoading, setIsLoading] = useState(true);
+
+    useEffect(() => {
+        let isMounted = true;
+        let timeoutId: NodeJS.Timeout;
+        let objectUrl: string | null = null;
+
+        const fetchImage = async () => {
+            try {
+                const response = await fetch(src);
+                if (response.ok) {
+                    const blob = await response.blob();
+                    if (!isMounted) {
+                        return;
+                    }
+
+                    objectUrl = URL.createObjectURL(blob);
+                    setImageSrc(objectUrl);
+                    setIsLoading(false);
+                } else {
+                    // Retry on non-200
+                    if (isMounted) {
+                        timeoutId = setTimeout(fetchImage, 2000);
+                    }
+                }
+            } catch (error) {
+                console.warn('Failed to fetch image, retrying...', error);
+                if (isMounted) {
+                    timeoutId = setTimeout(fetchImage, 2000);
+                }
+            }
+        };
+
+        setIsLoading(true);
+        fetchImage();
+
+        return () => {
+            isMounted = false;
+            clearTimeout(timeoutId);
+            if (objectUrl) {
+                URL.revokeObjectURL(objectUrl);
+            }
+        };
+    }, [src]);
+
+    return (
+        <div className={`relative ${className}`} style={style}>
+            {/* Note: We apply style to the container, so backgroundImage works here */}
+
+            {isLoading && (
+                <div className="absolute inset-0 flex items-center justify-center">
+                    <Loader2 className="w-8 h-8 animate-spin text-white/50" />
+                </div>
+            )}
+
+            {imageSrc && (
+                // eslint-disable-next-line @next/next/no-img-element
+                <img
+                    src={imageSrc}
+                    alt={alt}
+                    className="w-full h-full object-cover"
+                    // We don't pass style here because it is applied to container
+                />
+            )}
+        </div>
+    );
+}

package/apps/agents-server/src/components/NewAgentDialog/NewAgentDialog.tsx

@@ -0,0 +1,88 @@
+'use client';
+
+import { string_book } from '@promptbook-local/types';
+import { X } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { BookEditor } from '../../../../../src/book-components/BookEditor/BookEditor';
+import { Portal } from '../Portal/Portal';
+
+type NewAgentDialogProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    initialAgentSource: string_book;
+    onCreate: (agentSource: string_book) => Promise<void>;
+};
+
+export function NewAgentDialog(props: NewAgentDialogProps) {
+    const { isOpen, onClose, initialAgentSource, onCreate } = props;
+    const [agentSource, setAgentSource] = useState(initialAgentSource);
+    const [isCreating, setIsCreating] = useState(false);
+
+    useEffect(() => {
+        setAgentSource(initialAgentSource);
+    }, [initialAgentSource]);
+
+    if (!isOpen) {
+        return null;
+    }
+
+    const handleCreate = async () => {
+        setIsCreating(true);
+        try {
+            await onCreate(agentSource);
+        } finally {
+            setIsCreating(false);
+        }
+    };
+
+    return (
+        <Portal>
+            <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 backdrop-blur-sm animate-in fade-in duration-200">
+                <div className="relative w-full max-w-4xl h-[80vh] bg-white rounded-lg shadow-lg border border-gray-200 flex flex-col animate-in zoom-in-95 duration-200">
+                    <div className="flex items-center justify-between p-4 border-b border-gray-200">
+                        <h2 className="text-xl font-semibold text-gray-900">Create New Agent</h2>
+                        <button
+                            onClick={onClose}
+                            className="text-gray-400 hover:text-gray-500 transition-colors"
+                        >
+                            <X className="w-5 h-5" />
+                            <span className="sr-only">Close</span>
+                        </button>
+                    </div>
+
+                    <div className="flex-1 overflow-hidden p-4">
+                        <BookEditor
+                            agentSource={agentSource}
+                            onChange={(source) => setAgentSource(source)}
+                            height="100%"
+                            isVerbose={false}
+                        />
+                    </div>
+
+                    <div className="flex items-center justify-end gap-3 p-4 border-t border-gray-200 bg-gray-50 rounded-b-lg">
+                        <button
+                            onClick={onClose}
+                            className="px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100 rounded-md transition-colors"
+                        >
+                            Cancel
+                        </button>
+                        <button
+                            onClick={handleCreate}
+                            disabled={isCreating}
+                            className="px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+                        >
+                            {isCreating ? (
+                                <>
+                                    <span className="inline-block h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" />
+                                    Creating...
+                                </>
+                            ) : (
+                                'Create Agent'
+                            )}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </Portal>
+    );
+}

package/apps/agents-server/src/database/migrations/2025-12-0820-agent-history-permanent-id.sql

@@ -0,0 +1,29 @@
+-- Backfill permanentId in Agent table if missing
+UPDATE "prefix_Agent"
+SET "permanentId" = gen_random_uuid()::text
+WHERE "permanentId" IS NULL;
+
+-- Add permanentId column to AgentHistory
+ALTER TABLE "prefix_AgentHistory" ADD COLUMN "permanentId" TEXT;
+
+-- Backfill permanentId from Agent table
+UPDATE "prefix_AgentHistory" ah
+SET "permanentId" = a."permanentId"
+FROM "prefix_Agent" a
+WHERE ah."agentName" = a."agentName";
+
+-- Make permanentId NOT NULL
+ALTER TABLE "prefix_AgentHistory" ALTER COLUMN "permanentId" SET NOT NULL;
+
+-- Drop old foreign key on agentName
+ALTER TABLE "prefix_AgentHistory" DROP CONSTRAINT "prefix_AgentHistory_agentName_fkey";
+
+-- Add new foreign key on permanentId referencing Agent(permanentId)
+ALTER TABLE "prefix_AgentHistory"
+    ADD CONSTRAINT "prefix_AgentHistory_permanentId_fkey"
+    FOREIGN KEY ("permanentId")
+    REFERENCES "prefix_Agent"("permanentId")
+    ON DELETE CASCADE;
+
+-- Add index for permanentId
+CREATE INDEX "prefix_AgentHistory_permanentId_idx" ON "prefix_AgentHistory" ("permanentId");

package/apps/agents-server/src/database/schema.ts

@@ -97,6 +97,7 @@ export type AgentsServerDatabase = {
                     id: number;
                     createdAt: string;
                     agentName: string;
+                    permanentId: string;
                     agentHash: string;
                     previousAgentHash: string | null;
                     agentSource: string;
@@ -106,6 +107,7 @@ export type AgentsServerDatabase = {
                     id?: number;
                     createdAt: string;
                     agentName: string;
+                    permanentId: string;
                     agentHash: string;
                     previousAgentHash?: string | null;
                     agentSource: string;
@@ -115,6 +117,7 @@ export type AgentsServerDatabase = {
                     id?: number;
                     createdAt?: string;
                     agentName?: string;
+                    permanentId?: string;
                     agentHash?: string;
                     previousAgentHash?: string | null;
                     agentSource?: string;
@@ -122,10 +125,10 @@ export type AgentsServerDatabase = {
                 };
                 Relationships: [
                     {
-                        foreignKeyName: 'AgentHistory_agentName_fkey';
-                        columns: ['agentName'];
+                        foreignKeyName: 'AgentHistory_permanentId_fkey';
+                        columns: ['permanentId'];
                         referencedRelation: 'Agent';
-                        referencedColumns: ['agentName'];
+                        referencedColumns: ['permanentId'];
                     },
                 ];
             };