@promptbook/cli 0.104.0-7 → 0.104.0-9

package/apps/agents-server/src/components/Homepage/AgentsList.tsx

@@ -1,10 +1,10 @@
 // Client Component for rendering and deleting agents
 'use client';
 
-import React, { useState } from 'react';
-import { useRouter } from 'next/navigation';
 import { TrashIcon } from 'lucide-react';
 import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { AddAgentButton } from '../../app/AddAgentButton';
 import { AgentCard } from './AgentCard';
 import { Section } from './Section';
@@ -16,16 +16,29 @@ type AgentWithVisibility = AgentBasicInformation & {
 };
 
 type AgentsListProps = {
-    agents: AgentWithVisibility[];
-    isAdmin: boolean;
+    /**
+     * @@@
+     */
+    readonly agents: AgentWithVisibility[];
+
+    /**
+     * @@@
+     */
+    readonly isAdmin: boolean;
+
+    /**
+     * Base URL of the agents server
+     */
+    readonly publicUrl: URL;
 };
 
-export function AgentsList({ agents: initialAgents, isAdmin }: AgentsListProps) {
+export function AgentsList(props: AgentsListProps) {
+    const { agents: initialAgents, isAdmin, publicUrl } = props;
     const router = useRouter();
     const [agents, setAgents] = useState(Array.from(initialAgents));
 
     const handleDelete = async (agentIdentifier: string) => {
-        const agent = agents.find(a => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
+        const agent = agents.find((a) => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
         if (!agent) return;
         if (!window.confirm(`Delete agent "${agent.agentName}"? It will be moved to Recycle Bin.`)) return;
 
@@ -45,12 +58,14 @@ export function AgentsList({ agents: initialAgents, isAdmin }: AgentsListProps)
     };
 
     const handleClone = async (agentIdentifier: string) => {
-        const agent = agents.find(a => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
+        const agent = agents.find((a) => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
         if (!agent) return;
         if (!window.confirm(`Clone agent "${agent.agentName}"?`)) return;
 
         try {
-            const response = await fetch(`/api/agents/${encodeURIComponent(agentIdentifier)}/clone`, { method: 'POST' });
+            const response = await fetch(`/api/agents/${encodeURIComponent(agentIdentifier)}/clone`, {
+                method: 'POST',
+            });
             if (response.ok) {
                 const newAgent = await response.json();
                 setAgents([...agents, newAgent]);
@@ -64,7 +79,7 @@ export function AgentsList({ agents: initialAgents, isAdmin }: AgentsListProps)
     };
 
     const handleToggleVisibility = async (agentIdentifier: string) => {
-        const agent = agents.find(a => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
+        const agent = agents.find((a) => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
         if (!agent) return;
 
         const newVisibility = agent.visibility === 'PUBLIC' ? 'PRIVATE' : 'PUBLIC';
@@ -78,11 +93,13 @@ export function AgentsList({ agents: initialAgents, isAdmin }: AgentsListProps)
 
         if (response.ok) {
             // Update the local state
-            setAgents(agents.map(a =>
-                a.permanentId === agent.permanentId || a.agentName === agent.agentName
-                    ? { ...a, visibility: newVisibility }
-                    : a
-            ));
+            setAgents(
+                agents.map((a) =>
+                    a.permanentId === agent.permanentId || a.agentName === agent.agentName
+                        ? { ...a, visibility: newVisibility }
+                        : a,
+                ),
+            );
             router.refresh(); // Refresh server data to ensure consistency
         } else {
             alert('Failed to update agent visibility');
@@ -95,6 +112,7 @@ export function AgentsList({ agents: initialAgents, isAdmin }: AgentsListProps)
                 <AgentCard
                     key={agent.permanentId || agent.agentName}
                     agent={agent}
+                    publicUrl={publicUrl}
                     href={`/agents/${encodeURIComponent(agent.permanentId || agent.agentName)}`}
                     isAdmin={isAdmin}
                     onDelete={handleDelete}

package/apps/agents-server/src/components/Homepage/DeletedAgentsList.tsx

@@ -1,26 +1,41 @@
 // Client Component for rendering deleted agents
 'use client';
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { AgentCard } from './AgentCard';
 
 import { AgentBasicInformation } from '../../../../../src/book-2.0/agent-source/AgentBasicInformation';
 
 type DeletedAgentsListProps = {
-    agents: readonly AgentBasicInformation[];
-    isAdmin: boolean;
+    /**
+     * @@@
+     */
+    readonly agents: readonly AgentBasicInformation[];
+
+    /**
+     * @@@
+     */
+    readonly isAdmin: boolean;
+
+    /**
+     * Base URL of the agents server
+     */
+    readonly publicUrl: URL;
 };
 
-export function DeletedAgentsList({ agents: initialAgents, isAdmin }: DeletedAgentsListProps) {
+export function DeletedAgentsList(props: DeletedAgentsListProps) {
+    const { agents: initialAgents, isAdmin, publicUrl } = props;
     const [agents, setAgents] = useState(Array.from(initialAgents));
 
     const handleRestore = async (agentIdentifier: string) => {
-        const agent = agents.find(a => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
+        const agent = agents.find((a) => a.permanentId === agentIdentifier || a.agentName === agentIdentifier);
         if (!agent) return;
         if (!window.confirm(`Restore agent "${agent.agentName}"?`)) return;
 
         try {
-            const response = await fetch(`/api/agents/${encodeURIComponent(agentIdentifier)}/restore`, { method: 'POST' });
+            const response = await fetch(`/api/agents/${encodeURIComponent(agentIdentifier)}/restore`, {
+                method: 'POST',
+            });
             if (response.ok) {
                 // Update local state immediately
                 setAgents(agents.filter((a) => a.permanentId !== agent.permanentId && a.agentName !== agent.agentName));
@@ -40,6 +55,7 @@ export function DeletedAgentsList({ agents: initialAgents, isAdmin }: DeletedAge
                 <AgentCard
                     key={agent.permanentId || agent.agentName}
                     agent={agent}
+                    publicUrl={publicUrl}
                     href={`/agents/${encodeURIComponent(agent.permanentId || agent.agentName)}`}
                     isAdmin={isAdmin}
                     onRestore={handleRestore}

package/apps/agents-server/src/components/Homepage/ExternalAgentsSection.tsx

@@ -3,16 +3,25 @@ import { AgentCard } from './AgentCard';
 import { Section } from './Section';
 
 type ExternalAgentsSectionProps = {
-    agentsByServer: AgentsByServer[];
+    /**
+     * @@@
+     */
+    readonly agentsByServer: AgentsByServer[];
+
+    /**
+     * Base URL of the agents server
+     */
+    readonly publicUrl: URL;
 };
 
-export function ExternalAgentsSection({ agentsByServer }: ExternalAgentsSectionProps) {
+export function ExternalAgentsSection(props: ExternalAgentsSectionProps) {
+    const { agentsByServer, publicUrl } = props;
     return (
         <>
             {agentsByServer.map(({ serverUrl, agents }) => (
                 <Section key={serverUrl} title={`Agents from ${new URL(serverUrl).hostname} (${agents.length})`}>
                     {agents.map((agent) => (
-                        <AgentCard key={agent.url} agent={agent} href={agent.url} />
+                        <AgentCard key={agent.url} agent={agent} href={agent.url} publicUrl={publicUrl} />
                     ))}
                 </Section>
             ))}

package/apps/agents-server/src/components/Homepage/ExternalAgentsSectionClient.tsx

@@ -15,7 +15,15 @@ type ServerState = {
     error?: string;
 };
 
-export function ExternalAgentsSectionClient() {
+type ExternalAgentsSectionClientProps = {
+    /**
+     * Base URL of the agents server
+     */
+    readonly publicUrl: URL;
+};
+
+export function ExternalAgentsSectionClient(props: ExternalAgentsSectionClientProps) {
+    const { publicUrl } = props;
     const [servers, setServers] = useState<Record<string, ServerState>>({});
     const [initialLoading, setInitialLoading] = useState(true);
 
@@ -26,24 +34,23 @@ export function ExternalAgentsSectionClient() {
             try {
                 const response = await fetch('/api/federated-agents');
                 if (!response.ok) throw new Error('Failed to fetch federated servers');
-                
+
                 const data: FederatedServersResponse = await response.json();
-                
+
                 if (isCancelled) return;
 
                 const initialServerState: Record<string, ServerState> = {};
-                data.federatedServers.forEach(serverUrl => {
+                data.federatedServers.forEach((serverUrl) => {
                     initialServerState[serverUrl] = { status: 'loading', agents: [] };
                 });
-                
+
                 setServers(initialServerState);
                 setInitialLoading(false);
 
                 // Fetch agents for each server independently
-                data.federatedServers.forEach(serverUrl => {
+                data.federatedServers.forEach((serverUrl) => {
                     fetchAgentsForServer(serverUrl);
                 });
-
             } catch (error) {
                 console.error('Failed to load federated servers list', error);
                 if (!isCancelled) setInitialLoading(false);
@@ -80,7 +87,9 @@ export function ExternalAgentsSectionClient() {
                     const response = await fetch(proxyUrl);
 
                     if (!response.ok) {
-                        throw new Error(`Failed to fetch agents from ${serverUrl} via proxy (Status: ${response.status})`);
+                        throw new Error(
+                            `Failed to fetch agents from ${serverUrl} via proxy (Status: ${response.status})`,
+                        );
                     }
 
                     const data = await response.json();
@@ -134,7 +143,7 @@ export function ExternalAgentsSectionClient() {
 
     return (
         <>
-            {serverUrls.map(serverUrl => {
+            {serverUrls.map((serverUrl) => {
                 const state = servers[serverUrl];
                 const hostname = (() => {
                     try {
@@ -169,7 +178,7 @@ export function ExternalAgentsSectionClient() {
                     return (
                         <Section key={serverUrl} title={`Agents from ${hostname} (${state.agents.length})`}>
                             {state.agents.map((agent) => (
-                                <AgentCard key={agent.url} agent={agent} href={agent.url} />
+                                <AgentCard key={agent.url} agent={agent} href={agent.url} publicUrl={publicUrl} />
                             ))}
                         </Section>
                     );

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/components/VercelDeploymentCard/VercelDeploymentCard.tsx

@@ -1,4 +1,5 @@
 import {
+    NEXT_PUBLIC_SITE_URL,
     NEXT_PUBLIC_VERCEL_BRANCH_URL,
     NEXT_PUBLIC_VERCEL_ENV,
     NEXT_PUBLIC_VERCEL_GIT_COMMIT_AUTHOR_LOGIN,
@@ -24,6 +25,7 @@ import { TechInfoCard } from '../Homepage/TechInfoCard';
 export default function VercelDeploymentCard() {
     return (
         <TechInfoCard title="Vercel Deployment">
+            <p className="text-gray-600">NEXT_PUBLIC_SITE_URL: {NEXT_PUBLIC_SITE_URL?.href || 'undefined'}</p>
             <p className="text-gray-600">NEXT_PUBLIC_VERCEL_ENV: {NEXT_PUBLIC_VERCEL_ENV}</p>
             <p className="text-gray-600">NEXT_PUBLIC_VERCEL_TARGET_ENV: {NEXT_PUBLIC_VERCEL_TARGET_ENV}</p>
             <p className="text-gray-600">NEXT_PUBLIC_VERCEL_URL: {NEXT_PUBLIC_VERCEL_URL}</p>

package/apps/agents-server/src/components/_utils/generateMetaTxt.ts

@@ -1,26 +1,28 @@
 // Utility to generate content for robots.txt, security.txt, and humans.txt [DRY]
 
-import { NEXT_PUBLIC_SITE_URL } from '@/config';
+import { $provideServer } from '@/src/tools/$provideServer';
 
-// Get base URL from environment or config
-const baseUrl = NEXT_PUBLIC_SITE_URL?.href || process.env.PUBLIC_URL || 'https://ptbk.io';
-
-export function generateRobotsTxt(): string {
-    return ['User-agent: *', `Sitemap: ${baseUrl}sitemap.xml`, ''].join('\n');
+export async function generateRobotsTxt(): Promise<string> {
+    const { publicUrl } = await $provideServer();
+    return ['User-agent: *', `Sitemap: ${publicUrl.href}sitemap.xml`, ''].join('\n');
 }
 
-export function generateSecurityTxt(): string {
+export async function generateSecurityTxt(): Promise<string> {
+    const { publicUrl } = await $provideServer();
     // See https://securitytxt.org/ for more fields
     return [
         `Contact: mailto:security@ptbk.io`,
         `Expires: ${new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toISOString().split('T')[0]}`,
-        `Canonical: ${baseUrl}security.txt`,
+        `Canonical: ${publicUrl.href}security.txt`,
         '',
     ].join('\n');
 }
 
-export function generateHumansTxt(): string {
-    return ['/* TEAM */', 'Developer: Promptbook Team', `Site: https://ptbk.io`, `Instance: ${baseUrl}`].join('\n');
+export async function generateHumansTxt(): Promise<string> {
+    const { publicUrl } = await $provideServer();
+    return ['/* TEAM */', 'Developer: Promptbook Team', `Site: https://ptbk.io`, `Instance: ${publicUrl.href}`].join(
+        '\n',
+    );
 }
 
 /**

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'];
                     },
                 ];
             };

package/apps/agents-server/src/tools/$provideBrowserForServer.ts

@@ -0,0 +1,29 @@
+import { locateChrome } from 'locate-app';
+import { join } from 'path';
+import { BrowserContext, chromium } from 'playwright';
+
+/**
+ * Cache of browser instance
+ *
+ * @private internal cache for `$provideBrowserForServer`
+ */
+let browserInstance: BrowserContext | null = null;
+
+/**
+ * @@@
+ */
+export async function $provideBrowserForServer(): Promise<BrowserContext> {
+    if (browserInstance === null /* || !browserInstance.isConnected() */) {
+        console.log('Launching new browser instance...');
+        browserInstance = await chromium.launchPersistentContext(
+            join(process.cwd(), '.promptbook', 'puppeteer', 'user-data'),
+            {
+                executablePath: await locateChrome(),
+                headless: false,
+                // defaultViewport: null,
+                // downloadsPath
+            },
+        );
+    }
+    return browserInstance;
+}

package/apps/agents-server/src/tools/$provideCdnForServer.ts

@@ -11,7 +11,7 @@ import { IIFilesStorageWithCdn } from '../utils/cdn/interfaces/IFilesStorage';
 let cdn: IIFilesStorageWithCdn | null = null;
 
 /**
- * [🐱‍🚀]
+ * @@@
  */
 export function $provideCdnForServer(): IIFilesStorageWithCdn {
     if (!cdn) {

package/esm/index.es.js

@@ -47,7 +47,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.104.0-7';
+const PROMPTBOOK_ENGINE_VERSION = '0.104.0-9';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -26421,7 +26421,12 @@ async function createAgentModelRequirementsWithCommitments(agentSource, modelNam
         };
     }
     // Apply each commitment in order using reduce-like pattern
-    for (const commitment of filteredCommitments) {
+    for (let i = 0; i < filteredCommitments.length; i++) {
+        const commitment = filteredCommitments[i];
+        // CLOSED commitment should work only if its the last commitment in the book
+        if (commitment.type === 'CLOSED' && i !== filteredCommitments.length - 1) {
+            continue;
+        }
         const definition = getCommitmentDefinition(commitment.type);
         if (definition) {
             try {