@promptbook/components 0.100.0-41 → 0.100.0-43

package/esm/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
+import spaceTrim$1, { spaceTrim } from 'spacetrim';
 import { createPortal } from 'react-dom';
-import spaceTrim, { spaceTrim as spaceTrim$1 } from 'spacetrim';
 
 // ⚠️ WARNING: This code has been generated so that any manual changes will be overwritten
 /**
@@ -17,7 +17,7 @@ const BOOK_LANGUAGE_VERSION = '1.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.100.0-41';
+const PROMPTBOOK_ENGINE_VERSION = '0.100.0-43';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -75,37 +75,35 @@ function AvatarChip(props) {
 }
 
 /**
- * Type guard to check if a string is a valid agent source
+ * Extracts profile image URL from agent definition text and returns cleaned system message
+ * @param systemMessage The original system message that may contain META IMAGE line
+ * @returns Object with profileImageUrl (if found) and cleanedSystemMessage (without META IMAGE line)
  *
- * @public exported from `@promptbook/core`
+ * @private - TODO: [🧠] Maybe should be public?
  */
-function isValidBook(value) {
-    // Basic validation - agent source should have at least a name (first line)
-    return typeof value === 'string' /* && value.trim().length > 0 */;
-}
 /**
- * Validates and converts a string to agent source branded type
- * This function should be used when you have a string that you know represents agent source
- * but need to convert it to the branded type for type safety
+ * Generates a gravatar URL based on agent name for fallback avatar
+ * @param name The agent name to generate avatar for
+ * @returns Gravatar URL
  *
- * @public exported from `@promptbook/core`
+ * @private - TODO: [🧠] Maybe should be public?
  */
-function validateBook(source) {
-    if (!isValidBook(source)) {
-        throw new Error('Invalid agent source: must be a string');
-    }
-    return source;
+function generateGravatarUrl(name) {
+    // Use a default name if none provided
+    const safeName = name || 'Anonymous Agent';
+    // Create a simple hash from the name for consistent avatar
+    let hash = 0;
+    for (let i = 0; i < safeName.length; i++) {
+        const char = safeName.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash; // Convert to 32bit integer
+    }
+    const avatarId = Math.abs(hash).toString();
+    return `https://www.gravatar.com/avatar/${avatarId}?default=robohash&size=200&rating=x`;
 }
 /**
- * Default book
- *
- * @public exported from `@promptbook/core`
+ * Note: [💞] Ignore a discrepancy between file name and entity name
  */
-const DEFAULT_BOOK = validateBook(spaceTrim(`
-        AI Avatar
-
-        PERSONA A friendly AI assistant that helps you with your tasks
-    `));
 
 /**
  * Freezes the given object and all its nested objects recursively
@@ -260,7 +258,7 @@ class ActionCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for ACTION commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # ACTION
 
             Defines specific actions or capabilities that the agent can perform.
@@ -343,7 +341,7 @@ class FormatCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for FORMAT commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # FORMAT
 
             Defines the specific output structure and formatting for responses (data formats, templates, structure).
@@ -465,7 +463,7 @@ let DEFAULT_IS_VERBOSE = false;
 function getErrorReportUrl(error) {
     const report = {
         title: `🐜 Error report from ${NAME}`,
-        body: spaceTrim((block) => `
+        body: spaceTrim$1((block) => `
 
 
             \`${error.name || 'Error'}\` has occurred in the [${NAME}], please look into it @${ADMIN_GITHUB_NAME}.
@@ -508,7 +506,7 @@ function getErrorReportUrl(error) {
  */
 class UnexpectedError extends Error {
     constructor(message) {
-        super(spaceTrim$1((block) => `
+        super(spaceTrim((block) => `
                     ${block(message)}
 
                     Note: This error should not happen.
@@ -534,7 +532,7 @@ class WrappedError extends Error {
     constructor(whatWasThrown) {
         const tag = `[🤮]`;
         console.error(tag, whatWasThrown);
-        super(spaceTrim$1(`
+        super(spaceTrim(`
                 Non-Error object was thrown
 
                 Note: Look for ${tag} in the console for more details
@@ -591,7 +589,7 @@ const promptbookFetch = async (urlOrRequest, init) => {
         else if (urlOrRequest instanceof Request) {
             url = urlOrRequest.url;
         }
-        throw new PromptbookFetchError(spaceTrim((block) => `
+        throw new PromptbookFetchError(spaceTrim$1((block) => `
                     Can not fetch "${url}"
 
                     Fetch error:
@@ -836,7 +834,7 @@ class KnowledgeCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for KNOWLEDGE commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # KNOWLEDGE
 
             Adds specific knowledge, facts, or context to the agent using a RAG (Retrieval-Augmented Generation) approach for external sources.
@@ -965,7 +963,7 @@ class MetaImageCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for META IMAGE commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # META IMAGE
 
             Sets the agent's avatar/profile image URL.
@@ -1060,7 +1058,7 @@ class MetaLinkCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for META LINK commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # META LINK
 
             Represents a profile or source link for the person the agent is modeled after.
@@ -1161,7 +1159,7 @@ class ModelCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for MODEL commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # MODEL
 
             Specifies which AI model to use and optional decoding parameters.
@@ -1293,7 +1291,7 @@ class NoteCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for NOTE commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # NOTE
 
             Adds comments for documentation without changing agent behavior.
@@ -1400,7 +1398,7 @@ class PersonaCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for PERSONA commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # PERSONA
 
             Defines who the agent is, their background, expertise, and personality traits.
@@ -1531,7 +1529,7 @@ class RuleCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for RULE/RULES commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # ${this.type}
 
             Adds behavioral constraints and guidelines that the agent must follow.
@@ -1620,7 +1618,7 @@ class SampleCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for SAMPLE/EXAMPLE commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # ${this.type}
 
             Provides examples of how the agent should respond or behave in certain situations.
@@ -1708,7 +1706,7 @@ class StyleCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation for STYLE commitment.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # STYLE
 
             Defines how the agent should format and present its responses (tone, writing style, formatting).
@@ -1783,7 +1781,7 @@ class NotYetImplementedCommitmentDefinition extends BaseCommitmentDefinition {
      * Markdown documentation available at runtime.
      */
     get documentation() {
-        return spaceTrim$1(`
+        return spaceTrim(`
             # ${this.type}
 
             This commitment is not yet fully implemented.
@@ -1871,6 +1869,199 @@ function getAllCommitmentDefinitions() {
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
 
+/**
+ * Parses agent source using the new commitment system with multiline support
+ * This function replaces the hardcoded commitment parsing in the original parseAgentSource
+ *
+ * @private
+ */
+function parseAgentSourceWithCommitments(agentSource) {
+    var _a, _b, _c;
+    if (!agentSource || !agentSource.trim()) {
+        return {
+            agentName: null,
+            commitments: [],
+            nonCommitmentLines: [],
+        };
+    }
+    const lines = agentSource.split('\n');
+    const agentName = (((_a = lines[0]) === null || _a === void 0 ? void 0 : _a.trim()) || null);
+    const commitments = [];
+    const nonCommitmentLines = [];
+    // Always add the first line (agent name) to non-commitment lines
+    if (lines[0] !== undefined) {
+        nonCommitmentLines.push(lines[0]);
+    }
+    // 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++) {
+        const line = lines[i];
+        if (line === undefined) {
+            continue;
+        }
+        // Check if this line starts a new commitment
+        let foundNewCommitment = false;
+        for (const definition of COMMITMENT_REGISTRY) {
+            const typeRegex = definition.createTypeRegex();
+            const match = typeRegex.exec(line.trim());
+            if (match && ((_b = match.groups) === null || _b === void 0 ? void 0 : _b.type)) {
+                // Save the previous commitment if it exists
+                if (currentCommitment) {
+                    const fullContent = currentCommitment.contentLines.join('\n');
+                    commitments.push({
+                        type: currentCommitment.type,
+                        content: spaceTrim(fullContent),
+                        originalLine: currentCommitment.originalStartLine,
+                        lineNumber: currentCommitment.startLineNumber,
+                    });
+                }
+                // Extract the initial content from the commitment line
+                const fullRegex = definition.createRegex();
+                const fullMatch = fullRegex.exec(line.trim());
+                const initialContent = ((_c = fullMatch === null || fullMatch === void 0 ? void 0 : fullMatch.groups) === null || _c === void 0 ? void 0 : _c.contents) || '';
+                // Start a new commitment
+                currentCommitment = {
+                    type: definition.type,
+                    startLineNumber: i + 1,
+                    originalStartLine: line,
+                    contentLines: initialContent ? [initialContent] : [],
+                };
+                foundNewCommitment = true;
+                break;
+            }
+        }
+        if (!foundNewCommitment) {
+            if (currentCommitment) {
+                // This line belongs to the current commitment
+                currentCommitment.contentLines.push(line);
+            }
+            else {
+                // This line is not part of any commitment
+                nonCommitmentLines.push(line);
+            }
+        }
+    }
+    // Don't forget to save the last commitment if it exists
+    if (currentCommitment) {
+        const fullContent = currentCommitment.contentLines.join('\n');
+        commitments.push({
+            type: currentCommitment.type,
+            content: spaceTrim(fullContent),
+            originalLine: currentCommitment.originalStartLine,
+            lineNumber: currentCommitment.startLineNumber,
+        });
+    }
+    return {
+        agentName,
+        commitments,
+        nonCommitmentLines,
+    };
+}
+/**
+ * Extracts basic information from agent source using the new commitment system
+ * This maintains compatibility with the original parseAgentSource interface
+ *
+ * @private
+ */
+function parseAgentSourceBasicInfo(agentSource) {
+    const parseResult = parseAgentSourceWithCommitments(agentSource);
+    // Find PERSONA and META IMAGE commitments
+    let personaDescription = null;
+    let profileImageUrl;
+    for (const commitment of parseResult.commitments) {
+        if (commitment.type === 'PERSONA' && !personaDescription) {
+            personaDescription = commitment.content;
+        }
+        else if (commitment.type === 'META IMAGE' && !profileImageUrl) {
+            profileImageUrl = commitment.content;
+        }
+    }
+    // Generate gravatar fallback if no profile image specified
+    if (!profileImageUrl) {
+        profileImageUrl = generateGravatarUrl(parseResult.agentName);
+    }
+    return {
+        agentName: parseResult.agentName,
+        personaDescription,
+        profileImageUrl,
+    };
+}
+
+/**
+ * Parses agent source string into its components
+ */
+// Cache for parsed agent sources to prevent repeated parsing
+const parsedAgentSourceCache = new Map();
+/**
+ * Parses basic information from agent source
+ *
+ * There are 2 similar functions:
+ * - `parseAgentSource` which is a lightweight parser for agent source, it parses basic information and its purpose is to be quick and synchronous. The commitments there are hardcoded.
+ * - `createAgentModelRequirements` which is an asynchronous function that creates model requirements it applies each commitment one by one and works asynchronously.
+ *
+ * @public exported from `@promptbook/core`
+ */
+function parseAgentSource(agentSource) {
+    // Check if we already parsed this agent source
+    if (parsedAgentSourceCache.has(agentSource)) {
+        return parsedAgentSourceCache.get(agentSource);
+    }
+    // Use the new commitment-based parsing system
+    const result = parseAgentSourceBasicInfo(agentSource);
+    // Cache the result
+    parsedAgentSourceCache.set(agentSource, result);
+    return result;
+}
+
+/**
+ * Shows a chip with avatar's avatar and name based on the avatar source string
+ *
+ * This component is wrapped around the `<AvatarChip/>`, it just parses the avatar source string into `AvatarBasicInformation` and passes it to the `<AvatarChip/>` component.
+ *
+ * @public exported from `@promptbook/components`
+ */
+function AvatarChipFromSource(props) {
+    const { source } = props;
+    const avatarBasicInformation = useMemo(() => {
+        return parseAgentSource(source);
+    }, [source]);
+    return jsx(AvatarChip, { avatarBasicInformation: avatarBasicInformation, ...props });
+}
+
+/**
+ * Type guard to check if a string is a valid agent source
+ *
+ * @public exported from `@promptbook/core`
+ */
+function isValidBook(value) {
+    // Basic validation - agent source should have at least a name (first line)
+    return typeof value === 'string' /* && value.trim().length > 0 */;
+}
+/**
+ * Validates and converts a string to agent source branded type
+ * This function should be used when you have a string that you know represents agent source
+ * but need to convert it to the branded type for type safety
+ *
+ * @public exported from `@promptbook/core`
+ */
+function validateBook(source) {
+    if (!isValidBook(source)) {
+        throw new Error('Invalid agent source: must be a string');
+    }
+    return source;
+}
+/**
+ * Default book
+ *
+ * @public exported from `@promptbook/core`
+ */
+const DEFAULT_BOOK = validateBook(spaceTrim$1(`
+        AI Avatar
+
+        PERSONA A friendly AI assistant that helps you with your tasks
+    `));
+
 /**
  * Escape HTML to safely render user text inside a <pre> with dangerouslySetInnerHTML.
  *
@@ -1889,7 +2080,7 @@ function escapeRegex(input) {
     return input.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
 
-var css_248z = ".BookEditor-module_bookEditorContainer__wLMwM{width:100%}.BookEditor-module_isVerbose__VQ6iL{outline:2px dotted #ff7526}.BookEditor-module_bookEditorWrapper__twppD{background-color:#fff;border:1px solid rgba(209,213,219,.8);border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;position:relative;transition:box-shadow .2s ease-in-out}.BookEditor-module_bookEditorWrapper__twppD:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.BookEditor-module_bookEditorWrapper__twppD:focus-within{box-shadow:0 0 0 3px rgba(99,102,241,.4);outline:2px solid transparent;outline-offset:2px}.BookEditor-module_bookEditorBackground__5O4wu,.BookEditor-module_bookEditorHighlight__vs37t{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.BookEditor-module_bookEditorHighlight__vs37t{-ms-overflow-style:none;color:#111827;font-size:1.125rem;overflow:auto;overflow-wrap:break-word;padding-left:46px;padding-right:46px;padding-top:0;scrollbar-width:none;white-space:pre-wrap;z-index:10}.BookEditor-module_bookEditorHighlight__vs37t::-webkit-scrollbar{display:none}.BookEditor-module_bookEditorHighlight__vs37t .text-indigo-700{color:#4338ca}.BookEditor-module_bookEditorTextarea__mUURn{background-color:transparent;border:none;caret-color:#111827;color:transparent;font-size:1.125rem;height:28rem;outline:none;padding-left:46px;padding-right:46px;padding-top:15px;position:relative;resize:none;width:100%;z-index:20}.BookEditor-module_bookEditorTextarea__mUURn::selection{background-color:rgba(99,102,241,.6)}.BookEditor-module_bookEditorSerif__QRS7g{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.BookEditor-module_bookEditorVersion__fcjyB{background-color:rgba(99,102,241,.1);border-top:1px solid rgba(209,213,219,.8);color:rgba(17,24,39,.6);font-size:.875rem;padding:.5rem 1rem}.BookEditor-module_bookEditorVersion__fcjyB a{color:unset;text-decoration:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvb2tFZGl0b3IubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4Q0FDSSxVQUNKLENBRUEsb0NBQ0ksMEJBQ0osQ0FFQSw0Q0FLSSxxQkFBdUIsQ0FEdkIscUNBQTBDLENBRDFDLGtCQUFtQixDQUduQixzQ0FBMkMsQ0FKM0MsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBTWxCLHFDQUNKLENBRUEsa0RBQ0ksdUVBQ0osQ0FFQSx5REFHSSx3Q0FBNkMsQ0FGN0MsNkJBQThCLENBQzlCLGtCQUVKLENBV0EsNkZBSkksUUFBUyxDQUNULE1BQU8sQ0FMUCxtQkFBb0IsQ0FDcEIsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQXdCSixDQWxCQSw4Q0FpQkksdUJBQXdCLENBUnhCLGFBQXNCLENBQ3RCLGtCQUFtQixDQUpuQixhQUFjLENBU2Qsd0JBQXlCLENBSHpCLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsYUFBYyxDQUtkLG9CQUFxQixDQVJyQixvQkFBcUIsQ0FNckIsVUFJSixDQUVBLGlFQUNJLFlBQ0osQ0FFQSwrREFDSSxhQUNKLENBRUEsNkNBUUksNEJBQTZCLENBTTdCLFdBQVksQ0FSWixtQkFBNEIsQ0FENUIsaUJBQWtCLENBRWxCLGtCQUFtQixDQUhuQixZQUFhLENBS2IsWUFBYSxDQUdiLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsZ0JBQWlCLENBVmpCLGlCQUFrQixDQVNsQixXQUFZLENBUFosVUFBVyxDQURYLFVBYUosQ0FFQSx3REFDSSxvQ0FDSixDQUVBLDBDQUNJLGdFQUNKLENBRUEsNENBS0ksb0NBQXlDLENBRHpDLHlDQUE4QyxDQUY5Qyx1QkFBNEIsQ0FENUIsaUJBQW1CLENBRW5CLGtCQUdKLENBRUEsOENBQ0ksV0FBWSxDQUNaLG9CQUNKIiwiZmlsZSI6IkJvb2tFZGl0b3IubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ib29rRWRpdG9yQ29udGFpbmVyIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmlzVmVyYm9zZSB7XG4gICAgb3V0bGluZTogMnB4IGRvdHRlZCByZ2IoMjU1IDExNyAzOCk7XG59XG5cbi5ib29rRWRpdG9yV3JhcHBlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDIwOSwgMjEzLCAyMTksIDAuOCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgYm94LXNoYWRvdzogMCAxcHggMnB4IDAgcmdiYSgwLCAwLCAwLCAwLjA1KTtcbiAgICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuMnMgZWFzZS1pbi1vdXQ7XG59XG5cbi5ib29rRWRpdG9yV3JhcHBlcjpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCA0cHggNnB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjEpLCAwIDJweCA0cHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMDYpO1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXI6Zm9jdXMtd2l0aGluIHtcbiAgICBvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSg5OSwgMTAyLCAyNDEsIDAuNCk7XG59XG5cbi5ib29rRWRpdG9yQmFja2dyb3VuZCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbn1cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xuICAgIGNvbG9yOiByZ2IoMTcsIDI0LCAzOSk7XG4gICAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDQ2cHg7XG4gICAgcGFkZGluZy1yaWdodDogNDZweDtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0Ojotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQgOmdsb2JhbCgudGV4dC1pbmRpZ28tNzAwKSB7XG4gICAgY29sb3I6IHJnYig2NywgNTYsIDIwMik7XG59XG5cbi5ib29rRWRpdG9yVGV4dGFyZWEge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB6LWluZGV4OiAyMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDI4cmVtO1xuICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBjYXJldC1jb2xvcjogcmdiKDE3LCAyNCwgMzkpO1xuICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICByZXNpemU6IG5vbmU7XG4gICAgcGFkZGluZy10b3A6IDE1cHg7XG4gICAgcGFkZGluZy1sZWZ0OiA0NnB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDQ2cHg7XG4gICAgYm9yZGVyOiBub25lO1xufVxuXG4uYm9va0VkaXRvclRleHRhcmVhOjpzZWxlY3Rpb24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoOTksIDEwMiwgMjQxLCAwLjYpO1xufVxuXG4uYm9va0VkaXRvclNlcmlmIHtcbiAgICBmb250LWZhbWlseTogdWktc2VyaWYsIEdlb3JnaWEsIENhbWJyaWEsICdUaW1lcyBOZXcgUm9tYW4nLCBUaW1lcywgc2VyaWY7XG59XG5cbi5ib29rRWRpdG9yVmVyc2lvbiB7XG4gICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICBjb2xvcjogcmdiYSgxNywgMjQsIDM5LCAwLjYpO1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDIwOSwgMjEzLCAyMTksIDAuOCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg5OSwgMTAyLCAyNDEsIDAuMSk7XG59XG5cbi5ib29rRWRpdG9yVmVyc2lvbiBhIHtcbiAgICBjb2xvcjogdW5zZXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuIl19 */";
+var css_248z = ".BookEditor-module_bookEditorContainer__wLMwM{width:100%}.BookEditor-module_isVerbose__VQ6iL{outline:2px dotted #ff7526}.BookEditor-module_bookEditorWrapper__twppD{background-color:#fff;border:1px solid rgba(209,213,219,.8);border-radius:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;position:relative;transition:box-shadow .2s ease-in-out}.BookEditor-module_bookEditorWrapper__twppD:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.BookEditor-module_bookEditorWrapper__twppD:focus-within{box-shadow:0 0 0 3px rgba(99,102,241,.4);outline:2px solid transparent;outline-offset:2px}.BookEditor-module_bookEditorBackground__5O4wu,.BookEditor-module_bookEditorHighlight__vs37t{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.BookEditor-module_bookEditorHighlight__vs37t{-ms-overflow-style:none;color:#111827;font-size:1.125rem;margin-bottom:50px;overflow:auto;overflow-wrap:break-word;padding-left:46px;padding-right:46px;padding-top:0;scrollbar-width:none;white-space:pre-wrap;z-index:10}.BookEditor-module_bookEditorHighlight__vs37t::-webkit-scrollbar{display:none}.BookEditor-module_bookEditorTextarea__mUURn{background-color:transparent;border:none;caret-color:#111827;color:transparent;font-size:1.125rem;height:28rem;outline:none;padding-left:46px;padding-right:46px;padding-top:15px;position:relative;resize:none;width:100%;z-index:20}.BookEditor-module_bookEditorTextarea__mUURn::selection{background-color:rgba(99,102,241,.6)}.BookEditor-module_bookEditorSerif__QRS7g{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.BookEditor-module_bookEditorVersion__fcjyB{background-color:rgba(99,102,241,.1);border-top:1px solid rgba(209,213,219,.8);color:rgba(17,24,39,.6);font-size:.875rem;padding:.5rem 1rem}.BookEditor-module_bookEditorVersion__fcjyB a{color:unset;text-decoration:none}.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-title{color:#30a8bd;text-decoration:underline}.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-keyword{color:#30a8bd}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvb2tFZGl0b3IubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4Q0FDSSxVQUNKLENBRUEsb0NBQ0ksMEJBQ0osQ0FFQSw0Q0FLSSxxQkFBdUIsQ0FEdkIscUNBQTBDLENBRDFDLGtCQUFtQixDQUduQixzQ0FBMkMsQ0FKM0MsZUFBZ0IsQ0FEaEIsaUJBQWtCLENBTWxCLHFDQUNKLENBRUEsa0RBQ0ksdUVBQ0osQ0FFQSx5REFHSSx3Q0FBNkMsQ0FGN0MsNkJBQThCLENBQzlCLGtCQUVKLENBV0EsNkZBSkksUUFBUyxDQUNULE1BQU8sQ0FMUCxtQkFBb0IsQ0FDcEIsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQXlCSixDQW5CQSw4Q0FrQkksdUJBQXdCLENBVHhCLGFBQXNCLENBQ3RCLGtCQUFtQixDQUluQixrQkFBbUIsQ0FSbkIsYUFBYyxDQVVkLHdCQUF5QixDQUp6QixpQkFBa0IsQ0FDbEIsa0JBQW1CLENBRm5CLGFBQWMsQ0FNZCxvQkFBcUIsQ0FUckIsb0JBQXFCLENBT3JCLFVBSUosQ0FFQSxpRUFDSSxZQUNKLENBRUEsNkNBUUksNEJBQTZCLENBTTdCLFdBQVksQ0FSWixtQkFBNEIsQ0FENUIsaUJBQWtCLENBRWxCLGtCQUFtQixDQUhuQixZQUFhLENBS2IsWUFBYSxDQUdiLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsZ0JBQWlCLENBVmpCLGlCQUFrQixDQVNsQixXQUFZLENBUFosVUFBVyxDQURYLFVBYUosQ0FFQSx3REFDSSxvQ0FDSixDQUVBLDBDQUNJLGdFQUNKLENBRUEsNENBS0ksb0NBQXlDLENBRHpDLHlDQUE4QyxDQUY5Qyx1QkFBNEIsQ0FENUIsaUJBQW1CLENBRW5CLGtCQUdKLENBRUEsOENBQ0ksV0FBWSxDQUNaLG9CQUNKLENBSUEsb0VBQ0ksYUFBYyxDQUNkLHlCQUNKLENBRUEsc0VBQ0ksYUFDSiIsImZpbGUiOiJCb29rRWRpdG9yLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYm9va0VkaXRvckNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5pc1ZlcmJvc2Uge1xuICAgIG91dGxpbmU6IDJweCBkb3R0ZWQgcmdiKDI1NSAxMTcgMzgpO1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJvcmRlci1yYWRpdXM6IDFyZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyMDksIDIxMywgMjE5LCAwLjgpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIGJveC1zaGFkb3c6IDAgMXB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNSk7XG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXI6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDAgNHB4IDZweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4xKSwgMCAycHggNHB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjA2KTtcbn1cblxuLmJvb2tFZGl0b3JXcmFwcGVyOmZvY3VzLXdpdGhpbiB7XG4gICAgb3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEoOTksIDEwMiwgMjQxLCAwLjQpO1xufVxuXG4uYm9va0VkaXRvckJhY2tncm91bmQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICBjb2xvcjogcmdiKDE3LCAyNCwgMzkpO1xuICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gICAgcGFkZGluZy10b3A6IDA7XG4gICAgcGFkZGluZy1sZWZ0OiA0NnB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDQ2cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogNTBweDtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0Ojotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmJvb2tFZGl0b3JUZXh0YXJlYSB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IDIwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMjhyZW07XG4gICAgY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNhcmV0LWNvbG9yOiByZ2IoMTcsIDI0LCAzOSk7XG4gICAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHJlc2l6ZTogbm9uZTtcbiAgICBwYWRkaW5nLXRvcDogMTVweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDQ2cHg7XG4gICAgcGFkZGluZy1yaWdodDogNDZweDtcbiAgICBib3JkZXI6IG5vbmU7XG59XG5cbi5ib29rRWRpdG9yVGV4dGFyZWE6OnNlbGVjdGlvbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg5OSwgMTAyLCAyNDEsIDAuNik7XG59XG5cbi5ib29rRWRpdG9yU2VyaWYge1xuICAgIGZvbnQtZmFtaWx5OiB1aS1zZXJpZiwgR2VvcmdpYSwgQ2FtYnJpYSwgJ1RpbWVzIE5ldyBSb21hbicsIFRpbWVzLCBzZXJpZjtcbn1cblxuLmJvb2tFZGl0b3JWZXJzaW9uIHtcbiAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgIGNvbG9yOiByZ2JhKDE3LCAyNCwgMzksIDAuNik7XG4gICAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTMsIDIxOSwgMC44KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDk5LCAxMDIsIDI0MSwgMC4xKTtcbn1cblxuLmJvb2tFZGl0b3JWZXJzaW9uIGEge1xuICAgIGNvbG9yOiB1bnNldDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi8qIC0tLSBCb29rIHN5bnRheCBoaWdobGlnaHRpbmcgKi9cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQgOmdsb2JhbCguYm9vay1oaWdobGlnaHQtdGl0bGUpIHtcbiAgICBjb2xvcjogIzMwYThiZDtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQgOmdsb2JhbCguYm9vay1oaWdobGlnaHQta2V5d29yZCkge1xuICAgIGNvbG9yOiAjMzBhOGJkO1xufVxuIl19 */";
 var styles = {"bookEditorContainer":"BookEditor-module_bookEditorContainer__wLMwM","isVerbose":"BookEditor-module_isVerbose__VQ6iL","bookEditorWrapper":"BookEditor-module_bookEditorWrapper__twppD","bookEditorBackground":"BookEditor-module_bookEditorBackground__5O4wu","bookEditorHighlight":"BookEditor-module_bookEditorHighlight__vs37t","bookEditorTextarea":"BookEditor-module_bookEditorTextarea__mUURn","bookEditorSerif":"BookEditor-module_bookEditorSerif__QRS7g","bookEditorVersion":"BookEditor-module_bookEditorVersion__fcjyB"};
 styleInject(css_248z);
 
@@ -2057,12 +2248,17 @@ function BookEditor(props) {
         text.replace(r, (match, ...args) => {
             const index = args[args.length - 2]; // offset
             out += escapeHtml(text.slice(lastIndex, index));
-            out += `<span class="text-indigo-700">${escapeHtml(match)}</span>`;
+            out += `<span class="book-highlight-keyword">${escapeHtml(match)}</span>`;
             lastIndex = index + match.length;
             return match;
         });
         out += escapeHtml(text.slice(lastIndex));
-        return out;
+        // Highlight the first line
+        const lines = out.split('\n');
+        if (lines.length > 0) {
+            lines[0] = `<span class="book-highlight-title">${lines[0]}</span>`;
+        }
+        return lines.join('\n');
     }, [value, typeRegex]);
     // Host div that will get a shadow root
     const hostRef = useRef(null);
@@ -2104,5 +2300,5 @@ function BookEditor(props) {
     return (jsx("div", { "data-book-component": "BookEditor", "data-nonce": nonce, ref: hostRef, className: classNames(className, isVerbose && styles.isVerbose), children: shadowRootRef.current === null ? jsx(Fragment, { children: "Loading..." }) : createPortal(editorInner, shadowRootRef.current) }));
 }
 
-export { AvatarChip, BOOK_LANGUAGE_VERSION, BookEditor, DEFAULT_BOOK_FONT_CLASS, PROMPTBOOK_ENGINE_VERSION };
+export { AvatarChip, AvatarChipFromSource, BOOK_LANGUAGE_VERSION, BookEditor, DEFAULT_BOOK_FONT_CLASS, PROMPTBOOK_ENGINE_VERSION };
 //# sourceMappingURL=index.es.js.map