@promptbook/cli 0.103.0-66 → 0.103.0-67

package/apps/agents-server/TODO.txt

@@ -8,4 +8,4 @@ TODO: [🧠][🚙] `AgentXxx` vs `AgentsXxx` naming convention
 
 
 TODO: !!!! No dependencies should be here
-TODO: !!!! Check react and next for critical error
+TODO: !!!! Check react and next for react2shell critical error

package/apps/agents-server/config.ts

@@ -29,7 +29,9 @@ const config = ConfigChecker.from({
  *
  * Note: When `SERVERS` are used, this URL will be overridden by the server URL.
  */
-export const NEXT_PUBLIC_SITE_URL = config.get('NEXT_PUBLIC_SITE_URL').url().required().value;
+export const NEXT_PUBLIC_SITE_URL = config
+    .get('NEXT_PUBLIC_SITE_URL')
+    .url()./* <- TODO: !!!! Is it ok not to be required().*/ value;
 
 /**
  * [♐️] Vercel environment: "development" | "preview" | "production"

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

@@ -57,7 +57,7 @@ export function AgentProfileChat({ agentUrl, agentName, fullname, brandColorHex,
     // The fallback above matches AgentChat.tsx default.
 
     return (
-        <div className="w-full h-[400px] md:h-[500px]">
+        <div className="w-full h-[calc(100dvh-300px)] min-h-[350px] md:h-[500px]">
             <Chat
                 title={`Chat with ${fullname}`}
                 participants={[

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

@@ -208,11 +208,14 @@ export function AgentProfile(props: AgentProfileProps) {
                 )}
 
                 {/* Main profile content */}
-                <div className="relative z-10 flex flex-col md:flex-row items-center md:items-start gap-8 md:gap-12 max-w-5xl w-full">
+                <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">
                     {/* Agent image card (Flippable) */}
-                    <div className="flex-shrink-0 perspective-1000 group" style={{ perspective: '1000px' }}>
+                    <div
+                        className="flex-shrink-0 perspective-1000 group row-start-1 col-start-1 md:row-span-3"
+                        style={{ perspective: '1000px' }}
+                    >
                         <div
-                            className="relative w-72 md:w-80 transition-all duration-700 transform-style-3d cursor-pointer"
+                            className="relative w-24 md:w-80 transition-all duration-700 transform-style-3d cursor-pointer"
                             style={{
                                 aspectRatio: '1 / 1.618', // Golden Ratio
                                 transformStyle: 'preserve-3d',
@@ -222,7 +225,7 @@ export function AgentProfile(props: AgentProfileProps) {
                         >
                             {/* Front of Card (Image) */}
                             <div
-                                className="absolute inset-0 w-full h-full backface-hidden rounded-3xl shadow-2xl overflow-hidden backdrop-blur-sm"
+                                className="absolute inset-0 w-full h-full backface-hidden rounded-lg md:rounded-3xl shadow-lg md:shadow-2xl overflow-hidden backdrop-blur-sm"
                                 style={{
                                     backfaceVisibility: 'hidden',
                                     backgroundColor: brandColorDarkHex,
@@ -234,7 +237,7 @@ export function AgentProfile(props: AgentProfileProps) {
                                     <img src={imageUrl} alt={fullname} className="w-full h-full object-cover" />
                                 ) : (
                                     <div
-                                        className="w-full h-full flex items-center justify-center text-8xl font-bold text-white/80"
+                                        className="w-full h-full flex items-center justify-center text-3xl md:text-8xl font-bold text-white/80"
                                         style={{ backgroundColor: brandColorDarkHex }}
                                     >
                                         {fullname.charAt(0).toUpperCase()}
@@ -242,14 +245,14 @@ export function AgentProfile(props: AgentProfileProps) {
                                 )}
 
                                 {/* Flip hint icon */}
-                                <div className="absolute bottom-4 right-4 bg-black/30 p-2 rounded-full text-white/80 backdrop-blur-md opacity-0 group-hover:opacity-100 transition-opacity">
-                                    <RepeatIcon className="w-5 h-5" />
+                                <div className="absolute bottom-2 md:bottom-4 right-2 md:right-4 bg-black/30 p-1 md:p-2 rounded-full text-white/80 backdrop-blur-md opacity-0 group-hover:opacity-100 transition-opacity">
+                                    <RepeatIcon className="w-3 h-3 md:w-5 md:h-5" />
                                 </div>
                             </div>
 
                             {/* Back of Card (QR Code) */}
                             <div
-                                className="absolute inset-0 w-full h-full backface-hidden rounded-3xl shadow-2xl overflow-hidden backdrop-blur-sm flex flex-col items-center justify-center p-6"
+                                className="absolute inset-0 w-full h-full backface-hidden rounded-lg md:rounded-3xl shadow-lg md:shadow-2xl overflow-hidden backdrop-blur-sm flex flex-col items-center justify-center p-2 md:p-6"
                                 style={{
                                     backfaceVisibility: 'hidden',
                                     transform: 'rotateY(180deg)',
@@ -269,18 +272,18 @@ export function AgentProfile(props: AgentProfileProps) {
                                 </div>
 
                                 {/* Flip hint icon */}
-                                <div className="absolute bottom-4 right-4 bg-black/10 p-2 rounded-full text-black/50 backdrop-blur-md">
-                                    <RepeatIcon className="w-5 h-5" />
+                                <div className="absolute bottom-2 md:bottom-4 right-2 md:right-4 bg-black/10 p-1 md:p-2 rounded-full text-black/50 backdrop-blur-md">
+                                    <RepeatIcon className="w-3 h-3 md:w-5 md:h-5" />
                                 </div>
                             </div>
                         </div>
                     </div>
 
-                    {/* Agent info */}
-                    <div className="flex flex-col items-center md:items-start text-center md:text-left gap-6">
+                    {/* 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">
                         {/* Agent name with custom font */}
                         <h1
-                            className="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 tracking-tight"
+                            className="text-2xl md:text-5xl lg:text-6xl font-bold text-gray-900 tracking-tight leading-tight"
                             style={{
                                 textShadow: '0 2px 20px rgba(255, 255, 255, 0.5)',
                             }}
@@ -289,20 +292,22 @@ export function AgentProfile(props: AgentProfileProps) {
                         </h1>
 
                         {/* Short description */}
-                        <p className="text-lg md:text-xl text-gray-700 max-w-lg leading-relaxed font-medium">
+                        <p className="text-sm md:text-xl text-gray-700 max-w-lg leading-relaxed font-medium line-clamp-3 md:line-clamp-none">
                             {personaDescription}
                         </p>
+                    </div>
 
-                        {/* Chat */}
-                        <div className="w-full">{children}</div>
-
-                        {/* Secondary Actions */}
-                        {!isHeadless && (
-                            <div className="flex flex-wrap justify-center md:justify-start items-center gap-4 md:gap-6 mt-2">
-                                {actions}
-                            </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>
+
+                    {/* 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">
+                            {actions}
+                        </div>
+                    )}
                 </div>
 
                 {/* Subtle gradient overlay at bottom */}

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

@@ -14,10 +14,22 @@ let cdn: IIFilesStorageWithCdn | null = null;
 export function $provideCdnForServer(): IIFilesStorageWithCdn {
     if (!cdn) {
         cdn = new VercelBlobStorage({
-            token: process.env.BLOB_READ_WRITE_TOKEN!,
+            token: process.env.VERCEL_BLOB_READ_WRITE_TOKEN!,
             pathPrefix: process.env.NEXT_PUBLIC_CDN_PATH_PREFIX!,
             cdnPublicUrl: new URL(process.env.NEXT_PUBLIC_CDN_PUBLIC_URL!),
         });
+
+        /*
+        cdn = new DigitalOceanSpaces({
+            bucket: process.env.CDN_BUCKET!,
+            pathPrefix: process.env.NEXT_PUBLIC_CDN_PATH_PREFIX!,
+            endpoint: process.env.CDN_ENDPOINT!,
+            accessKeyId: process.env.CDN_ACCESS_KEY_ID!,
+            secretAccessKey: process.env.CDN_SECRET_ACCESS_KEY!,
+            cdnPublicUrl: new URL(process.env.NEXT_PUBLIC_CDN_PUBLIC_URL!),
+            gzip: true,
+        });
+        */
     }
 
     return cdn;

package/apps/agents-server/src/utils/cdn/classes/DigitalOceanSpaces.ts

@@ -0,0 +1,119 @@
+import { GetObjectCommand, PutObjectCommand, PutObjectCommandInput, S3Client } from '@aws-sdk/client-s3';
+import { NotYetImplementedError } from '@promptbook-local/core';
+import { gzip, ungzip } from 'node-gzip';
+import { TODO_USE } from '../../../../../../src/utils/organization/TODO_USE';
+import { validateMimeType } from '../../validators/validateMimeType';
+import type { IFile, IIFilesStorageWithCdn } from '../interfaces/IFilesStorage';
+
+type IDigitalOceanSpacesConfig = {
+    readonly bucket: string;
+    readonly pathPrefix: string;
+    readonly endpoint: string;
+    readonly accessKeyId: string;
+    readonly secretAccessKey: string;
+    readonly cdnPublicUrl: URL;
+    readonly gzip: boolean;
+
+    // TODO: [⛳️] Probbably prefix should be in this config not on the consumer side
+};
+
+export class DigitalOceanSpaces implements IIFilesStorageWithCdn {
+    public get cdnPublicUrl() {
+        return this.config.cdnPublicUrl;
+    }
+
+    private s3: S3Client;
+
+    public constructor(private readonly config: IDigitalOceanSpacesConfig) {
+        this.s3 = new S3Client({
+            region: 'auto',
+            endpoint: 'https://' + config.endpoint,
+            credentials: {
+                accessKeyId: config.accessKeyId,
+                secretAccessKey: config.secretAccessKey,
+            },
+        });
+    }
+
+    public getItemUrl(key: string): URL {
+        return new URL(this.config.pathPrefix + '/' + key, this.cdnPublicUrl);
+    }
+
+    public async getItem(key: string): Promise<IFile | null> {
+        const parameters = {
+            Bucket: this.config.bucket,
+            Key: this.config.pathPrefix + '/' + key,
+        };
+
+        try {
+            const { Body, ContentType, ContentEncoding } = await this.s3.send(new GetObjectCommand(parameters));
+
+            // const blob = new Blob([await Body?.transformToByteArray()!]);
+
+            if (ContentEncoding === 'gzip') {
+                return {
+                    type: validateMimeType(ContentType),
+                    data: await ungzip(await Body!.transformToByteArray()),
+                };
+            } else {
+                return {
+                    type: validateMimeType(ContentType),
+                    data: (await Body!.transformToByteArray()) as Buffer,
+                };
+            }
+        } catch (error) {
+            if (error instanceof Error && error.name.match(/^NoSuchKey/)) {
+                return null;
+            } else {
+                throw error;
+            }
+        }
+    }
+
+    public async removeItem(key: string): Promise<void> {
+        TODO_USE(key);
+        throw new NotYetImplementedError(`DigitalOceanSpaces.removeItem is not implemented yet`);
+    }
+
+    public async setItem(key: string, file: IFile): Promise<void> {
+        // TODO: Put putObjectRequestAdditional into processedFile
+        const putObjectRequestAdditional: Partial<PutObjectCommandInput> = {};
+
+        let processedFile: IFile;
+        if (this.config.gzip) {
+            const gzipped = await gzip(file.data);
+            const sizePercentageAfterCompression = gzipped.byteLength / file.data.byteLength;
+            if (sizePercentageAfterCompression < 0.7) {
+                // consolex.log(`Gzipping ${key} (${Math.floor(sizePercentageAfterCompression * 100)}%)`);
+                processedFile = { ...file, data: gzipped };
+                putObjectRequestAdditional.ContentEncoding = 'gzip';
+            } else {
+                processedFile = file;
+                // consolex.log(`NOT Gzipping ${key} (${Math.floor(sizePercentageAfterCompression * 100)}%)`);
+            }
+        } else {
+            processedFile = file;
+        }
+
+        const uploadResult = await this.s3.send(
+            new PutObjectCommand({
+                Bucket: this.config.bucket,
+                Key: this.config.pathPrefix + '/' + key,
+                ContentType: processedFile.type,
+                ...putObjectRequestAdditional,
+                Body: processedFile.data,
+                // TODO: Public read access / just private to extending class
+                ACL: 'public-read',
+            }),
+        );
+
+        if (!uploadResult.ETag) {
+            throw new Error(`Upload result does not contain ETag`);
+        }
+    }
+}
+
+/**
+ * TODO: Implement Read-only mode
+ * TODO: [☹️] Unite with `PromptbookStorage` and move to `/src/...`
+ */

package/apps/agents-server/src/utils/cdn/classes/VercelBlobStorage.ts

@@ -51,12 +51,13 @@ export class VercelBlobStorage implements IIFilesStorageWithCdn {
 
     public async setItem(key: string, file: IFile): Promise<void> {
         const path = this.config.pathPrefix ? `${this.config.pathPrefix}/${key}` : key;
-        
+
         await put(path, file.data, {
             access: 'public',
             addRandomSuffix: false,
             contentType: file.type,
             token: this.config.token,
+            allowOverwrite: true, // <- TODO: This is inefficient, we should check first if the file exists and only then decide to overwrite or not
             // Note: We rely on Vercel Blob for compression
         });
     }

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.103.0-66';
+const PROMPTBOOK_ENGINE_VERSION = '0.103.0-67';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name

package/esm/typings/src/version.d.ts

@@ -15,7 +15,7 @@ export declare const BOOK_LANGUAGE_VERSION: string_semantic_version;
 export declare const PROMPTBOOK_ENGINE_VERSION: string_promptbook_version;
 /**
  * Represents the version string of the Promptbook engine.
- * It follows semantic versioning (e.g., `0.103.0-65`).
+ * It follows semantic versioning (e.g., `0.103.0-66`).
  *
  * @generated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@promptbook/cli",
-    "version": "0.103.0-66",
+    "version": "0.103.0-67",
     "description": "Promptbook: Turn your company's scattered knowledge into AI ready books",
     "private": false,
     "sideEffects": false,

package/umd/index.umd.js

@@ -56,7 +56,7 @@
      * @generated
      * @see https://github.com/webgptorg/promptbook
      */
-    const PROMPTBOOK_ENGINE_VERSION = '0.103.0-66';
+    const PROMPTBOOK_ENGINE_VERSION = '0.103.0-67';
     /**
      * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
      * Note: [💞] Ignore a discrepancy between file name and entity name