@promptbook/components 0.104.0-2 → 0.104.0-4

package/esm/index.es.js

@@ -35,7 +35,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.104.0-2';
+const PROMPTBOOK_ENGINE_VERSION = '0.104.0-4';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -7119,17 +7119,64 @@ function parseAgentSourceWithCommitments(agentSource) {
         };
     }
     const lines = agentSource.split('\n');
-    const agentName = (((_a = lines[0]) === null || _a === void 0 ? void 0 : _a.trim()) || null);
+    let agentName = null;
+    let agentNameLineIndex = -1;
+    // Find the agent name: first non-empty line that is not a commitment and not a horizontal line
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        if (line === undefined) {
+            continue;
+        }
+        const trimmed = line.trim();
+        if (!trimmed) {
+            continue;
+        }
+        const isHorizontal = HORIZONTAL_LINE_PATTERN.test(line);
+        if (isHorizontal) {
+            continue;
+        }
+        let isCommitment = false;
+        for (const definition of COMMITMENT_REGISTRY) {
+            const typeRegex = definition.createTypeRegex();
+            const match = typeRegex.exec(trimmed);
+            if (match && ((_a = match.groups) === null || _a === void 0 ? void 0 : _a.type)) {
+                isCommitment = true;
+                break;
+            }
+        }
+        if (!isCommitment) {
+            agentName = trimmed;
+            agentNameLineIndex = i;
+            break;
+        }
+    }
     const commitments = [];
     const nonCommitmentLines = [];
-    // Always add the first line (agent name) to non-commitment lines
-    if (lines[0] !== undefined) {
-        nonCommitmentLines.push(lines[0]);
+    // Add lines before agentName that are horizontal lines (they are non-commitment)
+    for (let i = 0; i < agentNameLineIndex; i++) {
+        const line = lines[i];
+        if (line === undefined) {
+            continue;
+        }
+        const trimmed = line.trim();
+        if (!trimmed) {
+            continue;
+        }
+        const isHorizontal = HORIZONTAL_LINE_PATTERN.test(line);
+        if (isHorizontal) {
+            nonCommitmentLines.push(line);
+        }
+        // Note: Commitments before agentName are not added to nonCommitmentLines
+    }
+    // Add the agent name line to non-commitment lines
+    if (agentNameLineIndex >= 0) {
+        nonCommitmentLines.push(lines[agentNameLineIndex]);
     }
     // Parse commitments with multiline support
     let currentCommitment = null;
-    // Process lines starting from the second line (skip agent name)
-    for (let i = 1; i < lines.length; i++) {
+    // Process lines starting from after the agent name line
+    const startIndex = agentNameLineIndex >= 0 ? agentNameLineIndex + 1 : 0;
+    for (let i = startIndex; i < lines.length; i++) {
         const line = lines[i];
         if (line === undefined) {
             continue;
@@ -8321,6 +8368,7 @@ function BookEditorMonaco(props) {
         const parameterRegex = /@([a-zA-Z0-9_á-žÁ-Žč-řČ-Řš-žŠ-Žа-яА-ЯёЁ]+)/;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const bookRules = [
+            [/^---[-]*$/, ''],
             [parameterRegex, 'parameter'],
             [/\{[^}]+\}/, 'parameter'],
             [commitmentRegex, 'commitment'],
@@ -8329,7 +8377,12 @@ function BookEditorMonaco(props) {
         const tokenProvider = monaco.languages.setMonarchTokensProvider(BOOK_LANGUAGE_ID, {
             ignoreCase: true,
             tokenizer: {
-                root: [[/^.*$/, 'title', '@body']],
+                root: [
+                    [/^\s*$/, 'empty'],
+                    [/^-*$/, 'line'],
+                    [/^.*$/, 'title', '@body'],
+                    [commitmentRegex, 'commitment'],
+                ],
                 body: bookRules,
             },
         });
@@ -9255,15 +9308,15 @@ const htmlSaveFormatDefinition = {
             ASSISTANT: '#ffb300',
             SYSTEM: '#888',
         };
-        const bgColor = participantColors[String(message.from)] || '#2b7cff';
+        const bgColor = participantColors[String(message.sender)] || '#2b7cff';
         const textColor = getTextColor(bgColor);
         return spaceTrim$2(`
                             <div class="chat-message">
                                 <div class="avatar" style="background:${bgColor};color:${getTextColor(bgColor)};">
-                                    ${String(message.from)[0] || '?'}
+                                    ${String(message.sender)[0] || '?'}
                                 </div>
                                 <div class="bubble" style="background:${bgColor};color:${textColor};">
-                                    <span class="from-label">${String(message.from)}:</span>
+                                    <span class="from-label">${String(message.sender)}:</span>
                                     ${message.content}
                                 </div>
                             </div>
@@ -9309,7 +9362,7 @@ const mdSaveFormatDefinition = {
     getContent: ({ messages }) => spaceTrim$1(`
             ${messages
         .map((message) => spaceTrim$1(`
-                        **${message.from}:**
+                        **${message.sender}:**
 
                         > ${message.content.replace(/\n/g, '\n> ')}
                     `))
@@ -9591,7 +9644,7 @@ const ChatMessageItem = memo(({ message, participant, participants, isLastMessag
             console.info('participant avatarSrc', avatarSrc);
             console.info('participant color', { color, colorOfText });
             console.groupEnd();
-        }, children: [avatarSrc && (jsxs("div", { ref: avatarRef, className: chatStyles.avatar, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: showTooltip, children: [jsx("img", { width: AVATAR_SIZE, src: avatarSrc, alt: `Avatar of ${message.from.toString().toLocaleLowerCase()}`, style: {
+        }, children: [avatarSrc && (jsxs("div", { ref: avatarRef, className: chatStyles.avatar, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: showTooltip, children: [jsx("img", { width: AVATAR_SIZE, src: avatarSrc, alt: `Avatar of ${message.sender.toString().toLocaleLowerCase()}`, style: {
                             '--avatar-bg-color': color.toHex(),
                             width: AVATAR_SIZE,
                         } }), isAvatarTooltipVisible && (participant === null || participant === void 0 ? void 0 : participant.agentSource) && avatarTooltipPosition && (jsx(AvatarProfileTooltip, { ref: tooltipRef, agentSource: participant.agentSource, position: avatarTooltipPosition }))] })), jsxs("div", { className: chatStyles.messageText, style: {
@@ -9940,7 +9993,7 @@ function Chat(props) {
         }
     }, [ratingModalOpen, isMobile]);
     // Determine alignment for actions (Reset button) based on the first message
-    const firstMessageFromUser = ((_a = messages[0]) === null || _a === void 0 ? void 0 : _a.from) === 'USER';
+    const firstMessageFromUser = ((_a = messages[0]) === null || _a === void 0 ? void 0 : _a.sender) === 'USER';
     const actionsAlignmentClass = firstMessageFromUser
         ? chatStyles.actions + ' ' + chatStyles.left
         : chatStyles.actions + ' ' + chatStyles.right;
@@ -10017,7 +10070,7 @@ function Chat(props) {
                                 }
                                 return true;
                             })() && chatStyles.hasActionsAndFirstMessageIsLong), ref: chatMessagesRef, onScroll: handleScroll, children: [postprocessedMessages.map((message, i) => {
-                                    const participant = participants.find((participant) => participant.name === message.from);
+                                    const participant = participants.find((participant) => participant.name === message.sender);
                                     const isLastMessage = i === postprocessedMessages.length - 1;
                                     const isExpanded = expandedMessageId === message.id;
                                     const currentRating = messageRatings.get(message.id || message.content /* <-[💃] */) || 0;
@@ -10109,13 +10162,13 @@ function Chat(props) {
                                 const idx = postprocessedMessages.findIndex((m) => m.id === selectedMessage.id);
                                 if (idx > 0) {
                                     const prev = postprocessedMessages[idx - 1];
-                                    if (prev.from === 'USER') {
+                                    if (prev.sender === 'USER') {
                                         return prev.content;
                                     }
                                 }
                                 // fallback: find last USER message before selectedMessage
                                 for (let i = messages.findIndex((m) => m.id === selectedMessage.id) - 1; i >= 0; i--) {
-                                    if (messages[i].from === 'USER') {
+                                    if (messages[i].sender === 'USER') {
                                         return messages[i].content;
                                     }
                                 }
@@ -10142,7 +10195,9 @@ class ChatPersistence {
         try {
             const serializableMessages = messages.map((message) => ({
                 ...message,
-                date: (message.date || new Date()).toISOString(),
+                createdAt: (typeof message.createdAt === 'string'
+                    ? new Date(message.createdAt)
+                    : message.createdAt || new Date()).toISOString(),
             }));
             const storageKey = this.STORAGE_PREFIX + persistenceKey;
             localStorage.setItem(storageKey, JSON.stringify(serializableMessages));
@@ -10165,7 +10220,7 @@ class ChatPersistence {
             // Convert date strings back to Date objects
             return serializableMessages.map((message) => ({
                 ...message,
-                date: new Date(message.date),
+                createdAt: new Date(message.createdAt),
             }));
         }
         catch (error) {
@@ -10218,7 +10273,7 @@ function LlmChat(props) {
     const { llmTools, persistenceKey, onChange, onReset, initialMessages, sendMessage, userParticipantName = 'USER', llmParticipantName = 'ASSISTANT', autoExecuteMessage, buttonColor, ...restProps } = props;
     // Internal state management
     // DRY: Single factory for seeding initial messages (used on mount and after reset)
-    const buildInitialMessages = useCallback(() => (initialMessages ? [...initialMessages] : []), [initialMessages]);
+    const buildInitialMessages = useCallback(() => initialMessages ? ([...initialMessages]) : ([]), [initialMessages]);
     const [messages, setMessages] = useState(() => buildInitialMessages());
     const [tasksProgress, setTasksProgress] = useState([]);
     const [isVoiceCalling, setIsVoiceCalling] = useState(false);
@@ -10311,17 +10366,19 @@ function LlmChat(props) {
             setTasksProgress([{ id: taskId, name: 'Playing response...', progress: 100 }]);
             const now = Date.now();
             const userMessage = {
+                // channel: 'PROMPTBOOK_CHAT',
                 id: `user_${now}`,
-                date: new Date(),
-                from: userParticipantName,
+                createdAt: new Date(),
+                sender: userParticipantName,
                 content: (result.userMessage || '(Voice message)'),
                 isComplete: true,
                 isVoiceCall: true,
             };
             const agentMessage = {
+                // channel: 'PROMPTBOOK_CHAT',
                 id: `agent_${now}`,
-                date: new Date(),
-                from: llmParticipantName,
+                createdAt: new Date(),
+                sender: llmParticipantName,
                 content: (result.agentMessage || result.text),
                 isComplete: true,
                 isVoiceCall: true,
@@ -10418,9 +10475,10 @@ function LlmChat(props) {
         hasUserInteractedRef.current = true;
         // Add user message
         const userMessage = {
+            // channel: 'PROMPTBOOK_CHAT',
             id: `user_${Date.now()}`,
-            date: new Date(),
-            from: userParticipantName,
+            createdAt: new Date(),
+            sender: userParticipantName,
             content: messageContent,
             isComplete: true,
         };
@@ -10432,9 +10490,10 @@ function LlmChat(props) {
         }
         // Add loading message for assistant
         const loadingMessage = {
+            // channel: 'PROMPTBOOK_CHAT',
             id: `assistant_${Date.now()}`,
-            date: new Date(),
-            from: llmParticipantName,
+            createdAt: new Date(),
+            sender: llmParticipantName,
             content: 'Thinking...',
             isComplete: false,
         };
@@ -10465,9 +10524,10 @@ function LlmChat(props) {
             if (llmTools.callChatModelStream) {
                 result = await llmTools.callChatModelStream(prompt, (chunk) => {
                     const assistantMessage = {
+                        // channel: 'PROMPTBOOK_CHAT',
                         id: loadingMessage.id,
-                        date: new Date(),
-                        from: llmParticipantName,
+                        createdAt: new Date(),
+                        sender: llmParticipantName,
                         content: chunk.content,
                         isComplete: false,
                     };
@@ -10488,9 +10548,10 @@ function LlmChat(props) {
             setTasksProgress([{ id: taskId, name: 'Response generated', progress: 100 }]);
             // Replace loading message with actual response
             const assistantMessage = {
+                // channel: 'PROMPTBOOK_CHAT',
                 id: loadingMessage.id,
-                date: new Date(),
-                from: llmParticipantName,
+                createdAt: new Date(),
+                sender: llmParticipantName,
                 content: result.content,
                 isComplete: true,
             };
@@ -10509,9 +10570,10 @@ function LlmChat(props) {
             console.error('Error calling LLM:', error);
             // Replace loading message with error message
             const errorMessage = {
+                // channel: 'PROMPTBOOK_CHAT',
                 id: loadingMessage.id,
-                date: new Date(),
-                from: llmParticipantName,
+                createdAt: new Date(),
+                sender: llmParticipantName,
                 content: `Sorry, I encountered an error: ${error instanceof Error ? error.message : 'Unknown error'}`,
                 isComplete: true,
             };
@@ -10578,7 +10640,8 @@ function AgentChat(props) {
     return (jsx(Fragment, { children: jsx(LlmChat, { title: title || `Chat with ${agent.meta.fullname || agent.agentName || 'Agent'}`, persistenceKey: persistenceKey || `agent-chat-${agent.agentName}`, userParticipantName: "USER", llmParticipantName: "AGENT" // <- TODO: [🧠] Maybe dynamic agent id
             , initialMessages: [
                 {
-                    from: 'AGENT',
+                    // channel: 'PROMPTBOOK_CHAT',
+                    sender: 'AGENT',
                     content: agent.initialMessage ||
                         spaceTrim$2(`
                                 
@@ -10856,7 +10919,7 @@ function MockedChat(props) {
                     if (delays.longPauseChance &&
                         Math.random() < delays.longPauseChance &&
                         i > 0 &&
-                        originalMessages[i].from !== originalMessages[i - 1].from) {
+                        originalMessages[i].sender !== originalMessages[i - 1].sender) {
                         await forTime(getDelay(delays.longPauseDuration, 2000));
                         didLongPause = true;
                         if (isCancelled)
@@ -10877,9 +10940,10 @@ function MockedChat(props) {
                 }
                 // Show incomplete message first (for typing effect)
                 const incompleteMessage = {
+                    // channel: 'PROMPTBOOK_CHAT',
                     id: currentMessage.id,
-                    date: currentMessage.date,
-                    from: currentMessage.from,
+                    createdAt: currentMessage.createdAt,
+                    sender: currentMessage.sender,
                     content: '',
                     isComplete: false,
                     expectedAnswer: currentMessage.expectedAnswer,
@@ -10897,9 +10961,10 @@ function MockedChat(props) {
                     currentContent += (wordIndex > 0 ? ' ' : '') + word;
                     // Update the message with current content
                     const updatingMessage = {
+                        // channel: 'PROMPTBOOK_CHAT',
                         id: currentMessage.id,
-                        date: currentMessage.date,
-                        from: currentMessage.from,
+                        createdAt: currentMessage.createdAt,
+                        sender: currentMessage.sender,
                         content: currentContent,
                         isComplete: false,
                         expectedAnswer: currentMessage.expectedAnswer,
@@ -10917,9 +10982,10 @@ function MockedChat(props) {
                 }
                 // Mark message as complete
                 const completeMessage = {
+                    // channel: 'PROMPTBOOK_CHAT',
                     id: currentMessage.id,
-                    date: currentMessage.date,
-                    from: currentMessage.from,
+                    createdAt: currentMessage.createdAt,
+                    sender: currentMessage.sender,
                     content: currentMessage.content,
                     isComplete: true,
                     expectedAnswer: currentMessage.expectedAnswer,
@@ -11171,6 +11237,12 @@ class MultipleLlmExecutionTools {
     callEmbeddingModel(prompt) {
         return this.callCommonModel(prompt);
     }
+    /**
+     * Calls the best available embedding model
+     */
+    callImageGenerationModel(prompt) {
+        return this.callCommonModel(prompt);
+    }
     // <- Note: [🤖]
     /**
      * Calls the best available model
@@ -11197,6 +11269,11 @@ class MultipleLlmExecutionTools {
                             continue llm;
                         }
                         return await llmExecutionTools.callEmbeddingModel(prompt);
+                    case 'IMAGE_GENERATION':
+                        if (llmExecutionTools.callImageGenerationModel === undefined) {
+                            continue llm;
+                        }
+                        return await llmExecutionTools.callImageGenerationModel(prompt);
                     // <- case [🤖]:
                     default:
                         throw new UnexpectedError(`Unknown model variant "${prompt.modelRequirements.modelVariant}" in ${llmExecutionTools.title}`);
@@ -12371,6 +12448,15 @@ function countUsage(llmTools) {
             return promptResult;
         };
     }
+    if (llmTools.callImageGenerationModel !== undefined) {
+        proxyTools.callImageGenerationModel = async (prompt) => {
+            // console.info('[🚕] callImageGenerationModel through countTotalUsage');
+            const promptResult = await llmTools.callImageGenerationModel(prompt);
+            totalUsage = addUsage(totalUsage, promptResult.usage);
+            spending.next(promptResult.usage);
+            return promptResult;
+        };
+    }
     // <- Note: [🤖]
     return proxyTools;
 }
@@ -13914,8 +14000,9 @@ async function executeAttempts(options) {
                                     $ongoingTaskResult.$resultString = $ongoingTaskResult.$completionResult.content;
                                     break variant;
                                 case 'EMBEDDING':
+                                case 'IMAGE_GENERATION':
                                     throw new PipelineExecutionError(spaceTrim$1((block) => `
-                                                Embedding model can not be used in pipeline
+                                                ${modelRequirements.modelVariant} model can not be used in pipeline
 
                                                 This should be catched during parsing
 
@@ -16246,7 +16333,7 @@ class OpenAiCompatibleExecutionTools {
         let threadMessages = [];
         if ('thread' in prompt && Array.isArray(prompt.thread)) {
             threadMessages = prompt.thread.map((msg) => ({
-                role: msg.role === 'assistant' ? 'assistant' : 'user',
+                role: msg.sender === 'assistant' ? 'assistant' : 'user',
                 content: msg.content,
             }));
         }