@promptbook/cli 0.103.0-46 → 0.103.0-48

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

@@ -2,7 +2,7 @@
 
 import { BookEditor } from '@promptbook-local/components';
 import { string_book } from '@promptbook-local/types';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 type BookEditorWrapperProps = {
     agentName: string;
@@ -15,23 +15,22 @@ export function BookEditorWrapper({ agentName, initialAgentSource }: BookEditorW
     const [agentSource, setAgentSource] = useState<string_book>(initialAgentSource);
     const [saveStatus, setSaveStatus] = useState<'idle' | 'saving' | 'saved' | 'error'>('idle');
 
-    const handleChange = async (newSource: string_book) => {
-        setAgentSource(newSource);
-        setSaveStatus('saving');
+    // Debounce timer ref so we can clear previous pending save
+    const debounceTimerRef = useRef<number | null>(null);
+    // Configurable debounce delay (ms) - tweak if needed
+    const DEBOUNCE_DELAY = 1000;
 
+    const performSave = async (sourceToSave: string_book) => {
+        setSaveStatus('saving');
         try {
             const response = await fetch(`/agents/${encodeURIComponent(agentName)}/api/book`, {
                 method: 'PUT',
-                headers: {
-                    'Content-Type': 'text/plain',
-                },
-                body: newSource,
+                headers: { 'Content-Type': 'text/plain' },
+                body: sourceToSave,
             });
-
             if (!response.ok) {
                 throw new Error(`Failed to save: ${response.statusText}`);
             }
-
             setSaveStatus('saved');
             setTimeout(() => setSaveStatus('idle'), 2000); // Reset status after 2 seconds
         } catch (error) {
@@ -41,11 +40,39 @@ export function BookEditorWrapper({ agentName, initialAgentSource }: BookEditorW
         }
     };
 
+    const scheduleSave = (nextSource: string_book) => {
+        // Clear existing pending save
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        // We stay 'idle' while typing; could add a 'pending' status in future if desired
+        // Schedule new save
+        debounceTimerRef.current = window.setTimeout(() => {
+            performSave(nextSource);
+        }, DEBOUNCE_DELAY);
+    };
+
+    const handleChange = (newSource: string_book) => {
+        setAgentSource(newSource);
+        scheduleSave(newSource);
+    };
+
+    // Cleanup on unmount to avoid lingering timeouts
+    useEffect(() => {
+        return () => {
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+        };
+    }, []);
+
     return (
-        <div className="w-full h-screen flex flex-col">
+        <div className="w-full h-full">
             {saveStatus !== 'idle' && (
                 <div
-                    className={`px-4 py-2 text-sm ${
+                    role="status"
+                    aria-live="polite"
+                    className={`fixed top-5 right-28 z-50 px-4 py-2 text-sm rounded shadow-md ${
                         saveStatus === 'saving'
                             ? 'bg-blue-100 text-blue-800'
                             : saveStatus === 'saved'
@@ -54,21 +81,60 @@ export function BookEditorWrapper({ agentName, initialAgentSource }: BookEditorW
                     }`}
                 >
                     {saveStatus === 'saving' && '💾 Saving...'}
-                    {saveStatus === 'saved' && '✅ Saved successfully'}
+                    {saveStatus === 'saved' && '✅ Saved'}
                     {saveStatus === 'error' && '❌ Failed to save'}
                 </div>
             )}
-            <div className="flex-1">
-                <BookEditor value={agentSource} onChange={handleChange} />
-            </div>
+
+            <BookEditor
+                className="w-full h-full"
+                isBorderRadiusDisabled
+                height={null}
+                value={agentSource}
+                onChange={handleChange}
+                onFileUpload={async (file) => {
+                    const formData = new FormData();
+                    formData.append('file', file);
+
+                    const response = await fetch('/api/upload', {
+                        method: 'POST',
+                        body: formData,
+                    });
+
+                    if (!response.ok) {
+                        throw new Error(`Failed to upload file: ${response.statusText}`);
+                    }
+
+                    const { fileUrl: longFileUrl } = await response.json();
+
+                    const LONG_URL = `${process.env.NEXT_PUBLIC_CDN_PUBLIC_URL!}/${process.env
+                        .NEXT_PUBLIC_CDN_PATH_PREFIX!}/user/files/`;
+                    const SHORT_URL = `https://ptbk.io/k/`;
+                    // <- TODO: [🌍] Unite this logic in one place
+
+                    const shortFileUrl = longFileUrl.split(LONG_URL).join(SHORT_URL);
+
+                    console.log(`File uploaded:`, {
+                        LONG_URL,
+                        SHORT_URL,
+                        longFileUrl,
+                        shortFileUrl,
+                        file,
+                        formData,
+                        response,
+                    });
+
+                    return shortFileUrl;
+                }}
+                // <- TODO: !!!! Create two-state solution for `<BookEditor onFileUpload={...} />`
+            />
         </div>
     );
 }
 
 /**
  * TODO: [🚗] Transfer the saving logic to `<BookEditor/>` be aware of CRDT / yjs approach to be implementable in future
- * TODO: !!! Implement debouncing for auto-save
+ * DONE: Implement debouncing for auto-save (600ms delay) ✅
  * TODO: !!! Add error handling and retry logic
  * TODO: !!! Show save status indicator
- * TODO: !!!!! Add file upload capability
  */

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

@@ -5,15 +5,19 @@ import { headers } from 'next/headers';
 import { $sideEffect } from '../../../../../../../src/utils/organization/$sideEffect';
 import { BookEditorWrapper } from './BookEditorWrapper';
 
-export default async function AgentPage({ params }: { params: Promise<{ agentName: string }> }) {
+export default async function AgentBookPage({ params }: { params: Promise<{ agentName: string }> }) {
     $sideEffect(headers());
 
-    const { agentName } = await params;
+    let { agentName } = await params;
+    agentName = decodeURIComponent(agentName);
     const collection = await $provideAgentCollectionForServer();
-    const agentSourceSubject = await collection.getAgentSource(decodeURIComponent(agentName));
-    const agentSource = agentSourceSubject.getValue();
+    const agentSource = await collection.getAgentSource(decodeURIComponent(agentName));
 
-    return <BookEditorWrapper agentName={agentName} initialAgentSource={agentSource} />;
+    return (
+        <main className={`w-screen h-screen`}>
+            <BookEditorWrapper agentName={agentName} initialAgentSource={agentSource} />
+        </main>
+    );
 }
 
 /**

package/apps/agents-server/src/app/agents/[agentName]/book+chat/{SelfLearningBook.tsx → AgentBookAndChatComponent.tsx}

@@ -2,15 +2,14 @@
 
 import { ResizablePanelsAuto } from '@common/components/ResizablePanelsAuto/ResizablePanelsAuto';
 import { useStateInLocalStorage } from '@common/hooks/useStateInLocalStorage';
-import { BookEditor, LlmChat } from '@promptbook-local/components';
+import { AgentChat, BookEditor } from '@promptbook-local/components';
 import { Agent, book } from '@promptbook-local/core';
 // import { RemoteLlmExecutionTools } from '@promptbook-local/remote-client';
 import { OpenAiAssistantExecutionTools } from '@promptbook-local/openai';
 import type { string_book } from '@promptbook-local/types';
-import { spaceTrim } from '@promptbook-local/utils';
 import { useMemo, useState } from 'react';
 
-export function SelfLearningBook() {
+export function AgentBookAndChatComponent() {
     const [apiKey, setApiKey] = useStateInLocalStorage<string>('openai-apiKey', () => '');
     const [isApiKeyVisible, setIsApiKeyVisible] = useState(false);
     const [isApiKeySectionCollapsed, setIsApiKeySectionCollapsed] = useState(!!apiKey);
@@ -85,11 +84,6 @@ export function SelfLearningBook() {
         return agent;
     }, [agentSource, setAgentSource, apiKey]);
 
-    const llmTools = useMemo(() => {
-        const llmTools = agent.getLlmExecutionTools();
-        return llmTools;
-    }, [agent]);
-
     return (
         <div className="min-h-screen relative">
             {/* Floating API Key Configuration */}
@@ -143,55 +137,18 @@ export function SelfLearningBook() {
             <ResizablePanelsAuto name="two-editors">
                 <BookEditor
                     className="w-full h-full"
+                    isBorderRadiusDisabled
                     height={null}
                     value={agentSource}
                     onChange={setAgentSource}
                     // className={styles.BookEditor}
                     isVerbose={false}
-                    isBorderRadiusDisabled
                     onFileUpload={(file) => {
                         return file.name;
                     }}
                 />
-                {/*
-                <AgentChat className="w-full h-full" persistenceKey="marigold-chat" {...{ agent }} />
-                TODO: !!! Move to `AgentChat` component
-                */}
-                <LlmChat
-                    title={`Chat with ${agent.agentName || 'Agent'}`}
-                    // TODO: !!! Pass persistenceKey="chat-with-pavol-hejny"
-                    userParticipantName="USER"
-                    llmParticipantName="AGENT" // <- TODO: [🧠] Maybe dynamic agent id
-                    initialMessages={[
-                        {
-                            from: 'AGENT',
-                            content: spaceTrim(`
-                                
-                                Hello! I am ${agent.agentName || 'an AI Agent'}.
-                                
-                                [Hello](?message=Hello, can you tell me about yourself?)
-                            `),
-                        },
-                    ]}
-                    participants={[
-                        {
-                            name: 'AGENT',
-                            fullname: agent.agentName || 'Agent',
-                            avatarSrc: agent.meta.image,
-                            color: agent.meta.color,
-                            isMe: false,
-                            agentSource,
-                        },
-                        {
-                            name: 'USER',
-                            fullname: 'User',
-                            color: '#115EB6',
-                            isMe: true,
-                        },
-                    ]}
-                    {...{ llmTools }}
-                    className={`h-full flex flex-col`}
-                />
+
+                <AgentChat className={`h-full flex flex-col`} {...{ agent }} />
             </ResizablePanelsAuto>
         </div>
     );

package/apps/agents-server/src/app/agents/[agentName]/book+chat/page.tsx

@@ -2,11 +2,14 @@
 
 import dynamic from 'next/dynamic';
 
-const SelfLearningBook = dynamic(() => import('./SelfLearningBook').then((module) => module.SelfLearningBook), {
-    ssr: false,
-});
+const SelfLearningBook = dynamic(
+    () => import('./AgentBookAndChatComponent').then((module) => module.AgentBookAndChatComponent),
+    {
+        ssr: false,
+    },
+);
 
-export default function SelfLearningBookPage() {
+export default function AgentBookAndChatPage() {
     return <SelfLearningBook />;
 }
 

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

@@ -0,0 +1,38 @@
+'use client';
+
+import { usePromise } from '@common/hooks/usePromise';
+import { AgentChat } from '@promptbook-local/components';
+import { RemoteAgent } from '@promptbook-local/core';
+import { useMemo } from 'react';
+import { string_agent_url } from '../../../../../../../src/types/typeAliases';
+
+type AgentChatWrapperProps = {
+    agentUrl: string_agent_url;
+};
+
+// TODO: !!!! Rename to AgentChatSomethingWrapper
+
+export function AgentChatWrapper(props: AgentChatWrapperProps) {
+    const { agentUrl } = props;
+
+    const agentPromise = useMemo(
+        () =>
+            RemoteAgent.connect({
+                agentUrl,
+                isVerbose: true,
+            }),
+        [agentUrl],
+    );
+
+    const { value: agent } = usePromise(agentPromise, [agentPromise]);
+
+    if (!agent) {
+        return <>{/* <- TODO: !!! <PromptbookLoading /> */}</>;
+    }
+
+    return <AgentChat className={`w-full h-full`} agent={agent} />;
+}
+
+/**
+ * TODO: [🚗] Transfer the saving logic to `<BookEditor/>` be aware of CRDT / yjs approach to be implementable in future
+ */

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

@@ -0,0 +1,23 @@
+'use server';
+
+import { headers } from 'next/headers';
+import { $sideEffect } from '../../../../../../../src/utils/organization/$sideEffect';
+import { AgentChatWrapper } from './AgentChatWrapper';
+
+export default async function AgentChatPage({ params }: { params: Promise<{ agentName: string }> }) {
+    $sideEffect(headers());
+    let { agentName } = await params;
+    agentName = decodeURIComponent(agentName);
+
+    const agentUrl = `/agents/${agentName}`;
+
+    return (
+        <main className={`w-screen h-screen`}>
+            <AgentChatWrapper agentUrl={agentUrl} />
+        </main>
+    );
+}
+
+/**
+ * TODO: [🚗] Components and pages here should be just tiny UI wraper around proper agent logic and conponents
+ */

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

@@ -18,14 +18,15 @@ export default async function AgentPage({ params }: { params: Promise<{ agentNam
 
     $sideEffect(headers());
 
-    const { agentName } = await params;
+    let { agentName } = await params;
+    agentName = decodeURIComponent(agentName);
+
     const collection = await $provideAgentCollectionForServer();
-    const agentSourceSubject = await collection.getAgentSource(decodeURIComponent(agentName));
-    const agentSource = agentSourceSubject.getValue();
+    const agentSource = await collection.getAgentSource(agentName);
     const agentProfile = parseAgentSource(agentSource);
 
     // Build agent page URL for QR and copy
-    const pageUrl = `https://s6.ptbk.io/agents/${encodeURIComponent(agentName)}`;
+    const pageUrl = `${process.env.NEXT_PUBLIC_URL}/agents/${encodeURIComponent(agentName)}`;
     // <- TODO: !!! Better
 
     // Extract brand color from meta
@@ -126,14 +127,14 @@ export default async function AgentPage({ params }: { params: Promise<{ agentNam
                     <div className="flex gap-4 mt-6">
                         <a
                             href={`${pageUrl}/chat`}
-                            // <- !!!! Can I append path like this on current browser URL in href?
+                            // <- TODO: [🧠] Can I append path like this on current browser URL in href?
                             className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded shadow font-semibold transition"
                         >
                             💬 Chat
                         </a>
                         <a
                             href={`${pageUrl}/book`}
-                            // <- !!!! Can I append path like this on current browser URL in href?
+                            // <- TODO: [🧠] Can I append path like this on current browser URL in href?
                             className="bg-gray-200 hover:bg-gray-300 text-gray-800 px-4 py-2 rounded shadow font-semibold transition"
                         >
                             ✏️ Edit Agent Book
@@ -157,4 +158,5 @@ export default async function AgentPage({ params }: { params: Promise<{ agentNam
  * TODO: !!! Make this page look nice - 🃏
  * TODO: !!! Show usage of LLM
  * TODO: [🚗] Components and pages here should be just tiny UI wraper around proper agent logic and conponents
+ * TODO: [🎣][🧠] Maybe do API / Page for transpilers, Allow to export each agent
  */

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

@@ -0,0 +1,11 @@
+'use server';
+
+import HomePage from '../page';
+
+export default async function AgentsPage() {
+    return <HomePage />;
+}
+
+/**
+ * TODO: !!! Distinguish between `/` and `/agents` pages
+ */

package/apps/agents-server/src/app/api/chat/route.ts

@@ -27,6 +27,6 @@ export async function GET(request: Request) {
 
     return new Response(response.content, {
         status: 200,
-        headers: { 'Content-Type': 'text/plain' },
+        headers: { 'Content-Type': 'text/markdown' },
     });
 }

package/apps/agents-server/src/app/api/chat-streaming/route.ts

@@ -39,6 +39,10 @@ export async function GET(request: Request) {
 
     return new Response(readableStream, {
         status: 200,
-        headers: { 'Content-Type': 'text/plain' },
+        headers: { 'Content-Type': 'text/markdown' },
     });
 }
+
+/**
+ * Note: [🐚] This is how streaming is implemented correctly
+ */

package/apps/agents-server/src/app/api/upload/route.ts

@@ -0,0 +1,71 @@
+import { nextRequestToNodeRequest } from '@/src/utils/cdn/utils/nextRequestToNodeRequest';
+import { TODO_any } from '@promptbook-local/types';
+import { serializeError } from '@promptbook-local/utils';
+import formidable from 'formidable';
+import { readFile } from 'fs/promises';
+import { NextRequest, NextResponse } from 'next/server';
+import { assertsError } from '../../../../../../src/errors/assertsError';
+import { string_url } from '../../../../../../src/types/typeAliases';
+import { keepUnused } from '../../../../../../src/utils/organization/keepUnused';
+import { $provideCdnForServer } from '../../../../src/tools/$provideCdnForServer';
+import { getUserFileCdnKey } from '../../../../src/utils/cdn/utils/getUserFileCdnKey';
+import { validateMimeType } from '../../../../src/utils/validators/validateMimeType';
+
+export async function POST(request: NextRequest) {
+    try {
+        const nodeRequest = await nextRequestToNodeRequest(request);
+
+        const files = await new Promise<formidable.Files>((resolve, reject) => {
+            const form = formidable({});
+            form.parse(nodeRequest as TODO_any, (error, fields, files) => {
+                keepUnused(fields);
+
+                if (error) {
+                    return reject(error);
+                }
+                resolve(files);
+            });
+        });
+
+        const uploadedFiles = files.file;
+
+        if (!uploadedFiles || uploadedFiles.length !== 1) {
+            return NextResponse.json(
+                { message: 'In form data there is not EXACTLY one "file" field' },
+                { status: 400 },
+            );
+        }
+
+        const uploadedFile = uploadedFiles[0]!;
+        const fileBuffer = await readFile(uploadedFile.filepath);
+        const cdn = $provideCdnForServer();
+        const key = getUserFileCdnKey(fileBuffer, uploadedFile.originalFilename || uploadedFile.newFilename);
+
+        await cdn.setItem(key, {
+            type: validateMimeType(uploadedFile.mimetype),
+            data: fileBuffer,
+        });
+
+        const fileUrl = cdn.getItemUrl(key);
+
+        return NextResponse.json({ fileUrl: fileUrl.href as string_url }, { status: 201 });
+    } catch (error) {
+        assertsError(error);
+
+        console.error(error);
+
+        return new Response(
+            JSON.stringify(
+                serializeError(error),
+                // <- TODO: !!! Rename `serializeError` to `errorToJson`
+                null,
+                4,
+                // <- TODO: !!! Allow to configure pretty print for agent server
+            ),
+            {
+                status: 400, // <- TODO: !!! Make `errorToHttpStatusCode`
+                headers: { 'Content-Type': 'application/json' },
+            },
+        );
+    }
+}

package/apps/agents-server/src/{supabase/getSupabase.ts → database/$provideSupabase.ts}

@@ -1,9 +1,9 @@
 import type { AgentsDatabaseSchema } from '@promptbook-local/types';
 import { $isRunningInBrowser, $isRunningInNode, $isRunningInWebWorker } from '@promptbook-local/utils';
 import type { SupabaseClient } from '@supabase/supabase-js';
-import { getSupabaseForBrowser } from './getSupabaseForBrowser';
-import { getSupabaseForServer } from './getSupabaseForServer';
-import { getSupabaseForWorker } from './getSupabaseForWorker';
+import { $provideSupabaseForBrowser } from './$provideSupabaseForBrowser';
+import { $provideSupabaseForServer } from './$provideSupabaseForServer';
+import { $provideSupabaseForWorker } from './$provideSupabaseForWorker';
 
 /**
  * Get supabase client in any environment
@@ -12,14 +12,18 @@ import { getSupabaseForWorker } from './getSupabaseForWorker';
  *
  * @returns instance of supabase client
  */
-export function getSupabase(): SupabaseClient<AgentsDatabaseSchema> {
+export function $provideSupabase(): SupabaseClient<AgentsDatabaseSchema> {
     if ($isRunningInNode()) {
-        return getSupabaseForServer();
+        return $provideSupabaseForServer();
     } else if ($isRunningInBrowser()) {
-        return getSupabaseForBrowser();
+        return $provideSupabaseForBrowser();
     } else if ($isRunningInWebWorker()) {
-        return getSupabaseForWorker();
+        return $provideSupabaseForWorker();
     } else {
         throw new Error('Unknown environment, cannot determine how to get Supabase client');
     }
 }
+
+/**
+ * Note: [🎇] Promptbook Agents Server is not using Supabase in Browser so maybe remove this file
+ */

package/apps/agents-server/src/{supabase/getSupabaseForBrowser.ts → database/$provideSupabaseForBrowser.ts}

@@ -1,9 +1,9 @@
-import { createClient, SupabaseClient } from '@supabase/supabase-js';
 import { AgentsDatabaseSchema } from '@promptbook-local/types';
 import { $isRunningInBrowser } from '@promptbook-local/utils';
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
 
 /**
- * Internal cache for `getSupabaseForBrowser`
+ * Internal cache for `$provideSupabaseForBrowser`
  *
  * @private
  * @singleton
@@ -14,14 +14,14 @@ let supabase: SupabaseClient<AgentsDatabaseSchema>;
  * Get supabase client
  *
  * Note: The client is cached, so it's safe to call this function multiple times
- * Note: This function is available ONLY in browser, use getSupabaseForServer in node
+ * Note: This function is available ONLY in browser, use $provideSupabaseForServer in node
  *
  * @returns instance of supabase client
  */
-export function getSupabaseForBrowser(): typeof supabase {
+export function $provideSupabaseForBrowser(): typeof supabase {
     if (!$isRunningInBrowser()) {
         throw new Error(
-            'Function `getSupabaseForBrowser` can not be used on server or worker, use `getSupabaseForServer` or `getSupabaseForWorker` instead.',
+            'Function `$provideSupabaseForBrowser` can not be used on server or worker, use `$provideSupabaseForServer` or `$provideSupabaseForWorker` instead.',
         );
     }
 
@@ -35,3 +35,7 @@ export function getSupabaseForBrowser(): typeof supabase {
 
     return supabase;
 }
+
+/**
+ * Note: [🎇] Promptbook Agents Server is not using Supabase in Browser so maybe remove this file
+ */

package/apps/agents-server/src/{supabase/getSupabaseForServer.ts → database/$provideSupabaseForServer.ts}

@@ -3,7 +3,7 @@ import { $isRunningInNode } from '@promptbook-local/utils';
 import { createClient, SupabaseClient } from '@supabase/supabase-js';
 
 /**
- * Internal cache for `getSupabaseForServer`
+ * Internal cache for `$provideSupabaseForServer`
  *
  * @private
  * @singleton
@@ -14,14 +14,14 @@ let supabase: SupabaseClient<AgentsDatabaseSchema>;
  * Get supabase client
  *
  * Note: The client is cached, so it's safe to call this function multiple times
- * Note: This function is available ONLY on server/node, use getSupabaseForClient in browser
+ * Note: This function is available ONLY on server/node, use $provideSupabaseForClient in browser
  *
  * @returns instance of supabase client
  */
-export function getSupabaseForServer(): typeof supabase {
+export function $provideSupabaseForServer(): typeof supabase {
     if (!$isRunningInNode()) {
         throw new Error(
-            'Function `getSupabaseForServer` can not be used in browser, use `getSupabaseForBrowser` instead.',
+            'Function `$provideSupabaseForServer` can not be used in browser, use `$provideSupabaseForBrowser` instead.',
         );
     }
 

package/apps/agents-server/src/{supabase/getSupabaseForWorker.ts → database/$provideSupabaseForWorker.ts}

@@ -3,7 +3,7 @@ import { $isRunningInWebWorker } from '@promptbook-local/utils';
 import { createClient, SupabaseClient } from '@supabase/supabase-js';
 
 /**
- * Internal cache for `getSupabaseForWorker`
+ * Internal cache for `$provideSupabaseForWorker`
  *
  * @private
  * @singleton
@@ -14,14 +14,14 @@ let supabase: SupabaseClient<AgentsDatabaseSchema>;
  * Get supabase client
  *
  * Note: The client is cached, so it's safe to call this function multiple times
- * Note: This function is available ONLY in worker, use getSupabaseForBrowser for main thread
+ * Note: This function is available ONLY in worker, use $provideSupabaseForBrowser for main thread
  *
  * @returns instance of supabase client
  */
-export function getSupabaseForWorker(): typeof supabase {
+export function $provideSupabaseForWorker(): typeof supabase {
     if (!$isRunningInWebWorker) {
         throw new Error(
-            'Function `getSupabaseForWorker` can not be used in browser, use `getSupabaseForBrowser` instead.',
+            'Function `$provideSupabaseForWorker` can not be used in browser, use `$provideSupabaseForBrowser` instead.',
         );
     }
 
@@ -37,6 +37,7 @@ export function getSupabaseForWorker(): typeof supabase {
 }
 
 /**
+ * Note: [🎇] Promptbook Agents Server is not using Supabase in Browser so maybe remove this file
  * TODO: Fix> No storage option exists to persist the session, which may result in unexpected behavior when using auth.
               If you want to set persistSession to true, please provide a storage option or you may set persistSession to false to disable this warning.
  */