@promptbook/components 0.101.0-7 → 0.101.0-9

package/esm/index.es.js

@@ -19,7 +19,7 @@ const BOOK_LANGUAGE_VERSION = '1.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.101.0-7';
+const PROMPTBOOK_ENGINE_VERSION = '0.101.0-9';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -251,8 +251,8 @@ class BaseCommitmentDefinition {
  * @private [🪔] Maybe export the commitments through some package
  */
 class ActionCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('ACTION');
+    constructor(type = 'ACTION') {
+        super(type);
     }
     /**
      * Short one-line description of ACTION.
@@ -265,13 +265,14 @@ class ActionCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # ACTION
+            # ${this.type}
 
             Defines specific actions or capabilities that the agent can perform.
 
             ## Key behaviors
 
-            - Multiple \`ACTION\` commitments are applied sequentially.
+            - Multiple \`ACTION\` and \`ACTIONS\` commitments are applied sequentially.
+            - Both terms work identically and can be used interchangeably.
             - Each action adds to the agent's capability list.
             - Actions help users understand what the agent can do.
 
@@ -312,7 +313,13 @@ class ActionCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new ActionCommitmentDefinition();
+new ActionCommitmentDefinition('ACTION');
+/**
+ * Singleton instance of the ACTIONS commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new ActionCommitmentDefinition('ACTIONS');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -476,8 +483,8 @@ new DeleteCommitmentDefinition('REMOVE');
  * @private [🪔] Maybe export the commitments through some package
  */
 class FormatCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('FORMAT');
+    constructor(type = 'FORMAT') {
+        super(type);
     }
     /**
      * Short one-line description of FORMAT.
@@ -490,13 +497,14 @@ class FormatCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # FORMAT
+            # ${this.type}
 
             Defines the specific output structure and formatting for responses (data formats, templates, structure).
 
             ## Key behaviors
 
-            - Multiple \`FORMAT\` commitments are applied sequentially.
+            - Multiple \`FORMAT\` and \`FORMATS\` commitments are applied sequentially.
+            - Both terms work identically and can be used interchangeably.
             - If they are in conflict, the last one takes precedence.
             - You can specify both data formats and presentation styles.
 
@@ -535,7 +543,13 @@ class FormatCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new FormatCommitmentDefinition();
+new FormatCommitmentDefinition('FORMAT');
+/**
+ * Singleton instance of the FORMATS commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new FormatCommitmentDefinition('FORMATS');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -557,8 +571,8 @@ new FormatCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class GoalCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('GOAL');
+    constructor(type = 'GOAL') {
+        super(type);
     }
     /**
      * Short one-line description of GOAL.
@@ -571,13 +585,14 @@ class GoalCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # GOAL
+            # ${this.type}
 
             Defines the main goal which should be achieved by the AI assistant. There can be multiple goals, and later goals are more important than earlier goals.
 
             ## Key behaviors
 
-            - Multiple \`GOAL\` commitments are applied sequentially.
+            - Multiple \`GOAL\` and \`GOALS\` commitments are applied sequentially.
+            - Both terms work identically and can be used interchangeably.
             - Later goals have higher priority and can override earlier goals.
             - Goals provide clear direction and purpose for the agent's responses.
             - Goals influence decision-making and response prioritization.
@@ -635,7 +650,13 @@ class GoalCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new GoalCommitmentDefinition();
+new GoalCommitmentDefinition('GOAL');
+/**
+ * Singleton instance of the GOALS commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new GoalCommitmentDefinition('GOALS');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -673,13 +694,13 @@ class KnowledgeCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # KNOWLEDGE
+            # ${this.type}
 
             Adds specific knowledge, facts, or context to the agent using a RAG (Retrieval-Augmented Generation) approach for external sources.
 
             ## Key behaviors
 
-            - Multiple \`KNOWLEDGE\` commitments are applied sequentially.
+            - Both terms work identically and can be used interchangeably.
             - Supports both direct text knowledge and external URLs.
             - External sources (PDFs, websites) are processed via RAG for context retrieval.
 
@@ -755,7 +776,7 @@ class KnowledgeCommitmentDefinition extends BaseCommitmentDefinition {
     }
 }
 /**
- * Singleton instance of the KNOWLEDGE commitment definition
+ * Singleton instance of the KNOWLEDGE commitment definition !!!!
  *
  * @private [🪔] Maybe export the commitments through some package
  */
@@ -782,8 +803,8 @@ new KnowledgeCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class MemoryCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('MEMORY');
+    constructor(type = 'MEMORY') {
+        super(type);
     }
     /**
      * Short one-line description of MEMORY.
@@ -796,13 +817,14 @@ class MemoryCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # MEMORY
+            # ${this.type}
 
             Similar to KNOWLEDGE but focuses on remembering past interactions and user preferences. This commitment helps the agent maintain context about the user's history, preferences, and previous conversations.
 
             ## Key behaviors
 
-            - Multiple \`MEMORY\` commitments are applied sequentially.
+            - Multiple \`MEMORY\` and \`MEMORIES\` commitments are applied sequentially. !!!!
+            - Both terms work identically and can be used interchangeably.
             - Focuses on user-specific information and interaction history.
             - Helps personalize responses based on past interactions.
             - Maintains continuity across conversations.
@@ -866,7 +888,13 @@ class MemoryCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new MemoryCommitmentDefinition();
+new MemoryCommitmentDefinition('MEMORY');
+/**
+ * Singleton instance of the MEMORIES commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new MemoryCommitmentDefinition('MEMORIES');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -890,8 +918,8 @@ new MemoryCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class MessageCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('MESSAGE');
+    constructor(type = 'MESSAGE') {
+        super(type);
     }
     /**
      * Short one-line description of MESSAGE.
@@ -904,13 +932,14 @@ class MessageCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # MESSAGE
+            # ${this.type}
 
             Contains 1:1 text of the message which AI assistant already sent during the conversation. Later messages are later in the conversation. It is similar to EXAMPLE but it is not example, it is the real message which AI assistant already sent.
 
             ## Key behaviors
 
-            - Multiple \`MESSAGE\` commitments represent the conversation timeline.
+            - Multiple \`MESSAGE\` and \`MESSAGES\` commitments represent the conversation timeline.
+            - Both terms work identically and can be used interchangeably.
             - Later messages are later in the conversation chronologically.
             - Contains actual historical messages, not examples or templates.
             - Helps maintain conversation continuity and context.
@@ -918,9 +947,9 @@ class MessageCommitmentDefinition extends BaseCommitmentDefinition {
             ## Differences from EXAMPLE
 
             - \`EXAMPLE\` shows hypothetical or template responses
-            - \`MESSAGE\` contains actual historical conversation content
-            - \`MESSAGE\` preserves the exact conversation flow
-            - \`MESSAGE\` helps with context awareness and consistency
+            - \`MESSAGE\`/\`MESSAGES\` contains actual historical conversation content
+            - \`MESSAGE\`/\`MESSAGES\` preserves the exact conversation flow
+            - \`MESSAGE\`/\`MESSAGES\` helps with context awareness and consistency
 
             ## Use cases
 
@@ -981,7 +1010,13 @@ class MessageCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new MessageCommitmentDefinition();
+new MessageCommitmentDefinition('MESSAGE');
+/**
+ * Singleton instance of the MESSAGES commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new MessageCommitmentDefinition('MESSAGES');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1146,8 +1181,8 @@ new MetaCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class ModelCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('MODEL');
+    constructor(type = 'MODEL') {
+        super(type);
     }
     /**
      * Short one-line description of MODEL.
@@ -1160,13 +1195,14 @@ class ModelCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # MODEL
+            # ${this.type}
 
             Specifies which AI model to use and optional decoding parameters.
 
             ## Key behaviors
 
-            - Only one \`MODEL\` commitment should be used per agent.
+            - Only one \`MODEL\` or \`MODELS\` commitment should be used per agent.
+            - Both terms work identically and can be used interchangeably.
             - If multiple are specified, the last one takes precedence.
             - Parameters control the randomness and creativity of responses.
 
@@ -1246,7 +1282,13 @@ class ModelCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new ModelCommitmentDefinition();
+new ModelCommitmentDefinition('MODEL');
+/**
+ * Singleton instance of the MODELS commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new ModelCommitmentDefinition('MODELS');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1278,8 +1320,8 @@ new ModelCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class NoteCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('NOTE');
+    constructor(type = 'NOTE') {
+        super(type);
     }
     /**
      * Short one-line description of NOTE.
@@ -1292,14 +1334,15 @@ class NoteCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # NOTE
+            # ${this.type}
 
             Adds comments for documentation without changing agent behavior.
 
             ## Key behaviors
 
             - Does not modify the agent's behavior or responses.
-            - Multiple \`NOTE\` commitments are aggregated for debugging.
+            - Multiple \`NOTE\` and \`NOTES\` commitments are aggregated for debugging.
+            - Both terms work identically and can be used interchangeably.
             - Useful for documenting design decisions and reminders.
             - Content is preserved in metadata for inspection.
 
@@ -1356,7 +1399,13 @@ class NoteCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new NoteCommitmentDefinition();
+new NoteCommitmentDefinition('NOTE');
+/**
+ * Singleton instance of the NOTES commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new NoteCommitmentDefinition('NOTES');
 /**
  * [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1385,8 +1434,8 @@ new NoteCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class PersonaCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('PERSONA');
+    constructor(type = 'PERSONA') {
+        super(type);
     }
     /**
      * Short one-line description of PERSONA.
@@ -1399,13 +1448,14 @@ class PersonaCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # PERSONA
+            # ${this.type}
 
             Defines who the agent is, their background, expertise, and personality traits.
 
             ## Key behaviors
 
-            - Multiple \`PERSONA\` commitments are merged together.
+            - Multiple \`PERSONA\` and \`PERSONAE\` commitments are merged together.
+            - Both terms work identically and can be used interchangeably.
             - If they are in conflict, the last one takes precedence.
             - You can write persona content in multiple lines.
 
@@ -1495,7 +1545,13 @@ class PersonaCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new PersonaCommitmentDefinition();
+new PersonaCommitmentDefinition('PERSONA');
+/**
+ * Singleton instance of the PERSONAE commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new PersonaCommitmentDefinition('PERSONAE');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1695,8 +1751,8 @@ new SampleCommitmentDefinition('EXAMPLE');
  * @private [🪔] Maybe export the commitments through some package
  */
 class ScenarioCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('SCENARIO');
+    constructor(type = 'SCENARIO') {
+        super(type);
     }
     /**
      * Short one-line description of SCENARIO.
@@ -1709,13 +1765,14 @@ class ScenarioCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # SCENARIO
+            # ${this.type}
 
             Defines a specific situation or context in which the AI assistant should operate. It helps to set the scene for the AI's responses. Later scenarios are more important than earlier scenarios.
 
             ## Key behaviors
 
-            - Multiple \`SCENARIO\` commitments build upon each other.
+            - Multiple \`SCENARIO\` and \`SCENARIOS\` commitments build upon each other.
+            - Both terms work identically and can be used interchangeably.
             - Later scenarios have higher priority and can override earlier scenarios.
             - Provides situational context that influences response tone and content.
             - Helps establish the environment and circumstances for interactions.
@@ -1795,7 +1852,13 @@ class ScenarioCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new ScenarioCommitmentDefinition();
+new ScenarioCommitmentDefinition('SCENARIO');
+/**
+ * Singleton instance of the SCENARIOS commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new ScenarioCommitmentDefinition('SCENARIOS');
 /**
  * Note: [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1816,8 +1879,8 @@ new ScenarioCommitmentDefinition();
  * @private [🪔] Maybe export the commitments through some package
  */
 class StyleCommitmentDefinition extends BaseCommitmentDefinition {
-    constructor() {
-        super('STYLE');
+    constructor(type = 'STYLE') {
+        super(type);
     }
     /**
      * Short one-line description of STYLE.
@@ -1830,13 +1893,14 @@ class StyleCommitmentDefinition extends BaseCommitmentDefinition {
      */
     get documentation() {
         return spaceTrim(`
-            # STYLE
+            # ${this.type}
 
             Defines how the agent should format and present its responses (tone, writing style, formatting).
 
             ## Key behaviors
 
-            - Multiple \`STYLE\` commitments are applied sequentially.
+            - Multiple \`STYLE\` and \`STYLES\` commitments are applied sequentially.
+            - Both terms work identically and can be used interchangeably.
             - Later style instructions can override earlier ones.
             - Style affects both tone and presentation format.
 
@@ -1877,7 +1941,13 @@ class StyleCommitmentDefinition extends BaseCommitmentDefinition {
  *
  * @private [🪔] Maybe export the commitments through some package
  */
-new StyleCommitmentDefinition();
+new StyleCommitmentDefinition('STYLE');
+/**
+ * Singleton instance of the STYLES commitment definition
+ *
+ * @private [🪔] Maybe export the commitments through some package
+ */
+new StyleCommitmentDefinition('STYLES');
 /**
  * [💞] Ignore a discrepancy between file name and entity name
  */
@@ -1953,34 +2023,42 @@ class NotYetImplementedCommitmentDefinition extends BaseCommitmentDefinition {
  */
 const COMMITMENT_REGISTRY = [
     // Fully implemented commitments
-    new PersonaCommitmentDefinition(),
+    new PersonaCommitmentDefinition('PERSONA'),
+    new PersonaCommitmentDefinition('PERSONAE'),
     new KnowledgeCommitmentDefinition(),
-    new MemoryCommitmentDefinition(),
-    new StyleCommitmentDefinition(),
+    new MemoryCommitmentDefinition('MEMORY'),
+    new MemoryCommitmentDefinition('MEMORIES'),
+    new StyleCommitmentDefinition('STYLE'),
+    new StyleCommitmentDefinition('STYLES'),
     new RuleCommitmentDefinition('RULE'),
     new RuleCommitmentDefinition('RULES'),
     new SampleCommitmentDefinition('SAMPLE'),
     new SampleCommitmentDefinition('EXAMPLE'),
-    new FormatCommitmentDefinition(),
-    new ModelCommitmentDefinition(),
-    new ActionCommitmentDefinition(),
+    new FormatCommitmentDefinition('FORMAT'),
+    new FormatCommitmentDefinition('FORMATS'),
+    new ModelCommitmentDefinition('MODEL'),
+    new ModelCommitmentDefinition('MODELS'),
+    new ActionCommitmentDefinition('ACTION'),
+    new ActionCommitmentDefinition('ACTIONS'),
     new MetaCommitmentDefinition(),
-    new NoteCommitmentDefinition(),
-    new GoalCommitmentDefinition(),
-    new MessageCommitmentDefinition(),
-    new ScenarioCommitmentDefinition(),
+    new NoteCommitmentDefinition('NOTE'),
+    new NoteCommitmentDefinition('NOTES'),
+    new GoalCommitmentDefinition('GOAL'),
+    new GoalCommitmentDefinition('GOALS'),
+    new MessageCommitmentDefinition('MESSAGE'),
+    new MessageCommitmentDefinition('MESSAGES'),
+    new ScenarioCommitmentDefinition('SCENARIO'),
+    new ScenarioCommitmentDefinition('SCENARIOS'),
     new DeleteCommitmentDefinition('DELETE'),
     new DeleteCommitmentDefinition('CANCEL'),
     new DeleteCommitmentDefinition('DISCARD'),
     new DeleteCommitmentDefinition('REMOVE'),
     // Not yet implemented commitments (using placeholder)
     new NotYetImplementedCommitmentDefinition('EXPECT'),
-    new NotYetImplementedCommitmentDefinition('SCENARIOS'),
     new NotYetImplementedCommitmentDefinition('BEHAVIOUR'),
     new NotYetImplementedCommitmentDefinition('BEHAVIOURS'),
     new NotYetImplementedCommitmentDefinition('AVOID'),
     new NotYetImplementedCommitmentDefinition('AVOIDANCE'),
-    new NotYetImplementedCommitmentDefinition('GOALS'),
     new NotYetImplementedCommitmentDefinition('CONTEXT'),
 ];
 /**
@@ -2087,6 +2165,64 @@ function parseAgentSourceWithCommitments(agentSource) {
     };
 }
 
+/**
+ * Parses parameters from text using both supported notations:
+ * 1. @Parameter - single word parameter starting with @
+ * 2. {parameterName} or {parameter with multiple words} or {parameterName: description text}
+ *
+ * Both notations represent the same syntax feature - parameters
+ *
+ * @param text - Text to extract parameters from
+ * @returns Array of parsed parameters with unified representation
+ * @public exported from `@promptbook/core`
+ */
+function parseParameters(text) {
+    const parameters = [];
+    // [🧠] Parameter syntax parsing - unified approach for two different notations of the same syntax feature
+    // The Book language supports parameters in two different notations but they represent the same concept
+    // Extract @Parameter notation (single word parameters starting with @)
+    const atParameterRegex = /@[\w\u00C0-\u017F\u0100-\u024F\u1E00-\u1EFF]+/gim;
+    text.replace(atParameterRegex, (match) => {
+        const parameterName = match.slice(1); // Remove the @ symbol
+        parameters.push({
+            text: match,
+            notation: 'at',
+            name: parameterName,
+        });
+        return match;
+    });
+    // Extract {parameter} notation (parameters in braces)
+    const braceParameterRegex = /\{([^}]+)\}/gim;
+    text.replace(braceParameterRegex, (match, content) => {
+        // Check if the parameter has a description (parameterName: description)
+        const colonIndex = content.indexOf(':');
+        if (colonIndex !== -1) {
+            const name = content.substring(0, colonIndex).trim();
+            const description = content.substring(colonIndex + 1).trim();
+            parameters.push({
+                text: match,
+                notation: 'brace',
+                name,
+                description,
+            });
+        }
+        else {
+            // Simple parameter without description
+            parameters.push({
+                text: match,
+                notation: 'brace',
+                name: content.trim(),
+            });
+        }
+        return match;
+    });
+    // Remove duplicates based on name (keep the first occurrence)
+    const uniqueParameters = parameters.filter((param, index, array) => {
+        return array.findIndex(p => p.name === param.name) === index;
+    });
+    return uniqueParameters;
+}
+
 /**
  * Parses basic information from agent source
  *
@@ -2113,10 +2249,14 @@ function parseAgentSource(agentSource) {
     if (!profileImageUrl) {
         profileImageUrl = generatePlaceholderAgentProfileImageUrl(parseResult.agentName || '!!');
     }
+    // Parse parameters using unified approach - both @Parameter and {parameter} notations
+    // are treated as the same syntax feature with unified representation
+    const parameters = parseParameters(agentSource);
     return {
         agentName: parseResult.agentName,
         personaDescription,
         profileImageUrl,
+        parameters,
     };
 }
 /**
@@ -3667,7 +3807,7 @@ parseInt(process.env.API_REQUEST_TIMEOUT || '90000');
  * TODO: [🧠][🧜‍♂️] Maybe join remoteServerUrl and path into single value
  */
 
-var css_248z = ".BookEditor-module_BookEditor__s-0PU{height:450px;width:100%}.BookEditor-module_bookEditorContainer__wLMwM{height:100%;width:100%}.BookEditor-module_bookEditorContainer__wLMwM.BookEditor-module_isVerbose__VQ6iL{background-color:rgba(0,0,0,.05);outline:1px dotted rgba(0,0,0,.5)}.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);height:100%;overflow:hidden;position:relative;transition:box-shadow .2s ease-in-out;width:100%}.BookEditor-module_isVerbose__VQ6iL .BookEditor-module_bookEditorWrapper__twppD{overflow:visible}.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_bookEditorWrapper__twppD.BookEditor-module_isBorderRadiusDisabled__h1I3v{border-radius:0}.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_isVerbose__VQ6iL .BookEditor-module_bookEditorHighlight__vs37t{opacity:.5;outline:1px dotted rgba(255,0,0,.5)}.BookEditor-module_bookEditorHighlight__vs37t::-webkit-scrollbar{display:none}.BookEditor-module_bookEditorTextarea__mUURn{background-color:transparent;border:none;bottom:0;caret-color:#111827;color:transparent;font-size:1.125rem;left:0;outline:none;overflow-wrap:break-word;padding-left:46px;padding-right:46px;padding-top:18px;position:absolute;resize:none;right:0;top:0;white-space:pre-wrap}.BookEditor-module_isVerbose__VQ6iL .BookEditor-module_bookEditorTextarea__mUURn{color:rgba(255,255,0,.5);outline:1px dotted rgba(255,255,0,.5)}.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_bookEditorBar__haBDz{background-color:rgba(99,102,241,.1);border-top:1px solid rgba(209,213,219,.8);bottom:0;color:rgba(17,24,39,.6);font-size:.875rem;left:0;padding:.5rem 1rem;position:absolute;right:0}.BookEditor-module_bookEditorBar__haBDz 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}.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-at-parameter{color:#e67e22;font-weight:500}.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-brace-parameter{color:#8e44ad;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvb2tFZGl0b3IubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FDSSxZQUFhLENBQ2IsVUFDSixDQUVBLDhDQUVJLFdBQVksQ0FEWixVQUVKLENBRUEsaUZBRUksZ0NBQXFDLENBQ3JDLGlDQUVKLENBRUEsb0NBQ0ksMEJBQ0osQ0FFQSw0Q0FRSSxxQkFBdUIsQ0FEdkIscUNBQTBDLENBRDFDLGtCQUFtQixDQUduQixzQ0FBMkMsQ0FQM0MsV0FBWSxDQUdaLGVBQWdCLENBRGhCLGlCQUFrQixDQU1sQixxQ0FBdUMsQ0FUdkMsVUFVSixDQUNBLGdGQUVJLGdCQUVKLENBRUEsa0RBQ0ksdUVBQ0osQ0FFQSx5REFHSSx3Q0FBNkMsQ0FGN0MsNkJBQThCLENBQzlCLGtCQUVKLENBRUEsNEZBQ0ksZUFDSixDQVdBLDZGQUpJLFFBQVMsQ0FDVCxNQUFPLENBTFAsbUJBQW9CLENBQ3BCLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0E4QkosQ0F4QkEsOENBb0JJLHVCQUF3QixDQVR4QixhQUFzQixDQUN0QixrQkFBbUIsQ0FJbkIsa0JBQW1CLENBUm5CLGFBQWMsQ0FjZCx3QkFBeUIsQ0FSekIsaUJBQWtCLENBQ2xCLGtCQUFtQixDQUZuQixhQUFjLENBTWQsb0JBQXFCLENBSXJCLG9CQUFxQixDQU5yQixVQU9KLENBRUEsa0ZBRUksVUFBWSxDQUNaLG1DQUVKLENBRUEsaUVBQ0ksWUFDSixDQUVBLDZDQVdJLDRCQUE2QixDQU03QixXQUFZLENBWlosUUFBUyxDQUlULG1CQUE0QixDQUQ1QixpQkFBa0IsQ0FFbEIsa0JBQW1CLENBSm5CLE1BQU8sQ0FNUCxZQUFhLENBUWIsd0JBQXlCLENBTHpCLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsZ0JBQWlCLENBWmpCLGlCQUFrQixDQVdsQixXQUFZLENBVFosT0FBUSxDQURSLEtBQU0sQ0FnQk4sb0JBRUosQ0FFQSxpRkFFSSx3QkFBNkIsQ0FDN0IscUNBRUosQ0FFQSx3REFDSSxvQ0FDSixDQUVBLDBDQUNJLGdFQUNKLENBRUEsd0NBVUksb0NBQXlDLENBRHpDLHlDQUE4QyxDQVA5QyxRQUFTLENBS1QsdUJBQTRCLENBRDVCLGlCQUFtQixDQUhuQixNQUFPLENBS1Asa0JBQW9CLENBUHBCLGlCQUFrQixDQUdsQixPQU9KLENBRUEsMENBQ0ksV0FBWSxDQUNaLG9CQUNKLENBSUEsb0VBQ0ksYUFBYyxDQUNkLHlCQUNKLENBRUEsc0VBQ0ksYUFDSixDQUdBLDJFQUNJLGFBQWMsQ0FDZCxlQUNKLENBRUEsOEVBQ0ksYUFBYyxDQUNkLGVBQ0oiLCJmaWxlIjoiQm9va0VkaXRvci5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLkJvb2tFZGl0b3Ige1xuICAgIGhlaWdodDogNDUwcHg7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbi5ib29rRWRpdG9yQ29udGFpbmVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5ib29rRWRpdG9yQ29udGFpbmVyLmlzVmVyYm9zZSB7XG4gICAgLyoqL1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNSk7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuNSk7XG4gICAgLyoqL1xufVxuXG4uaXNWZXJib3NlIHtcbiAgICBvdXRsaW5lOiAycHggZG90dGVkIHJnYigyNTUgMTE3IDM4KTtcbn1cblxuLmJvb2tFZGl0b3JXcmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTMsIDIxOSwgMC44KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBib3gtc2hhZG93OiAwIDFweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMDUpO1xuICAgIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMC4ycyBlYXNlLWluLW91dDtcbn1cbi5pc1ZlcmJvc2UgLmJvb2tFZGl0b3JXcmFwcGVyIHtcbiAgICAvKiovXG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgLyoqL1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXI6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDAgNHB4IDZweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4xKSwgMCAycHggNHB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjA2KTtcbn1cblxuLmJvb2tFZGl0b3JXcmFwcGVyOmZvY3VzLXdpdGhpbiB7XG4gICAgb3V0bGluZTogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEoOTksIDEwMiwgMjQxLCAwLjQpO1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXIuaXNCb3JkZXJSYWRpdXNEaXNhYmxlZCB7XG4gICAgYm9yZGVyLXJhZGl1czogMDtcbn1cblxuLmJvb2tFZGl0b3JCYWNrZ3JvdW5kIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xufVxuXG4uYm9va0VkaXRvckhpZ2hsaWdodCB7XG4gICAgLyogVE9ETzogRFJZICovXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcblxuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICAgY29sb3I6IHJnYigxNywgMjQsIDM5KTtcbiAgICBmb250LXNpemU6IDEuMTI1cmVtOyAvKiBUT0RPOiBEUlkgKi9cbiAgICBwYWRkaW5nLXRvcDogMDtcbiAgICBwYWRkaW5nLWxlZnQ6IDQ2cHg7XG4gICAgcGFkZGluZy1yaWdodDogNDZweDtcbiAgICBtYXJnaW4tYm90dG9tOiA1MHB4O1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcblxuICAgIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xufVxuXG4uaXNWZXJib3NlIC5ib29rRWRpdG9ySGlnaGxpZ2h0IHtcbiAgICAvKiovXG4gICAgb3BhY2l0eTogMC41O1xuICAgIG91dGxpbmU6IDFweCBkb3R0ZWQgcmdiYSgyNTUsIDAsIDAsIDAuNSk7XG4gICAgLyoqL1xufVxuXG4uYm9va0VkaXRvckhpZ2hsaWdodDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5ib29rRWRpdG9yVGV4dGFyZWEge1xuICAgIC8qIFRPRE86IERSWSAqL1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG5cbiAgICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY2FyZXQtY29sb3I6IHJnYigxNywgMjQsIDM5KTtcbiAgICBmb250LXNpemU6IDEuMTI1cmVtOyAvKiBUT0RPOiBEUlkgKi9cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHJlc2l6ZTogbm9uZTtcbiAgICBwYWRkaW5nLXRvcDogMThweDtcbiAgICBwYWRkaW5nLWxlZnQ6IDQ2cHg7XG4gICAgcGFkZGluZy1yaWdodDogNDZweDtcbiAgICBib3JkZXI6IG5vbmU7XG5cbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbn1cblxuLmlzVmVyYm9zZSAuYm9va0VkaXRvclRleHRhcmVhIHtcbiAgICAvKiovXG4gICAgY29sb3I6IHJnYmEoMjU1LCAyNTUsIDAsIDAuNSk7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCByZ2JhKDI1NSwgMjU1LCAwLCAwLjUpO1xuICAgIC8qKi9cbn1cblxuLmJvb2tFZGl0b3JUZXh0YXJlYTo6c2VsZWN0aW9uIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDk5LCAxMDIsIDI0MSwgMC42KTtcbn1cblxuLmJvb2tFZGl0b3JTZXJpZiB7XG4gICAgZm9udC1mYW1pbHk6IHVpLXNlcmlmLCBHZW9yZ2lhLCBDYW1icmlhLCAnVGltZXMgTmV3IFJvbWFuJywgVGltZXMsIHNlcmlmO1xufVxuXG4uYm9va0VkaXRvckJhciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuXG4gICAgZm9udC1zaXplOiAwLjg3NXJlbTtcbiAgICBjb2xvcjogcmdiYSgxNywgMjQsIDM5LCAwLjYpO1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCByZ2JhKDIwOSwgMjEzLCAyMTksIDAuOCk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg5OSwgMTAyLCAyNDEsIDAuMSk7XG59XG5cbi5ib29rRWRpdG9yQmFyIGEge1xuICAgIGNvbG9yOiB1bnNldDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi8qIC0tLSBCb29rIHN5bnRheCBoaWdobGlnaHRpbmcgKi9cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQgOmdsb2JhbCguYm9vay1oaWdobGlnaHQtdGl0bGUpIHtcbiAgICBjb2xvcjogIzMwYThiZDtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cblxuLmJvb2tFZGl0b3JIaWdobGlnaHQgOmdsb2JhbCguYm9vay1oaWdobGlnaHQta2V5d29yZCkge1xuICAgIGNvbG9yOiAjMzBhOGJkO1xufVxuXG4vKiBb8J+noF0gUGFyYW1ldGVyIHN5bnRheCBoaWdobGlnaHRpbmcgLSBkaWZmZXJlbnQgY29sb3JzIGZvciBkaWZmZXJlbnQgcGFyYW1ldGVyIHR5cGVzICovXG4uYm9va0VkaXRvckhpZ2hsaWdodCA6Z2xvYmFsKC5ib29rLWhpZ2hsaWdodC1hdC1wYXJhbWV0ZXIpIHtcbiAgICBjb2xvcjogI2U2N2UyMjsgLyogT3JhbmdlIGNvbG9yIGZvciBAUGFyYW1ldGVyIHN5bnRheCAqL1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IDpnbG9iYWwoLmJvb2staGlnaGxpZ2h0LWJyYWNlLXBhcmFtZXRlcikge1xuICAgIGNvbG9yOiAjOGU0NGFkOyAvKiBQdXJwbGUgY29sb3IgZm9yIHtwYXJhbWV0ZXJ9IHN5bnRheCAqL1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4iXX0= */";
+var css_248z = ".BookEditor-module_BookEditor__s-0PU{height:450px;width:100%}.BookEditor-module_bookEditorContainer__wLMwM{height:100%;width:100%}.BookEditor-module_bookEditorContainer__wLMwM.BookEditor-module_isVerbose__VQ6iL{background-color:rgba(0,0,0,.05);outline:1px dotted rgba(0,0,0,.5)}.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);height:100%;overflow:hidden;position:relative;transition:box-shadow .2s ease-in-out;width:100%}.BookEditor-module_isVerbose__VQ6iL .BookEditor-module_bookEditorWrapper__twppD{overflow:visible}.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_bookEditorWrapper__twppD.BookEditor-module_isBorderRadiusDisabled__h1I3v{border-radius:0}.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_isVerbose__VQ6iL .BookEditor-module_bookEditorHighlight__vs37t{opacity:.5;outline:1px dotted rgba(255,0,0,.5)}.BookEditor-module_bookEditorHighlight__vs37t::-webkit-scrollbar{display:none}.BookEditor-module_bookEditorTextarea__mUURn{background-color:transparent;border:none;bottom:0;caret-color:#111827;color:transparent;font-size:1.125rem;left:0;outline:none;overflow-wrap:break-word;padding-left:46px;padding-right:46px;padding-top:18px;position:absolute;resize:none;right:0;top:0;white-space:pre-wrap}.BookEditor-module_isVerbose__VQ6iL .BookEditor-module_bookEditorTextarea__mUURn{color:rgba(255,255,0,.5);outline:1px dotted rgba(255,255,0,.5)}.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_bookEditorBar__haBDz{background-color:rgba(99,102,241,.1);border-top:1px solid rgba(209,213,219,.8);bottom:0;color:rgba(17,24,39,.6);font-size:.875rem;left:0;padding:.5rem 1rem;position:absolute;right:0}.BookEditor-module_bookEditorBar__haBDz 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}.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-at-parameter,.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-brace-parameter,.BookEditor-module_bookEditorHighlight__vs37t .book-highlight-parameter{color:#8e44ad;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJvb2tFZGl0b3IubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FDSSxZQUFhLENBQ2IsVUFDSixDQUVBLDhDQUVJLFdBQVksQ0FEWixVQUVKLENBRUEsaUZBRUksZ0NBQXFDLENBQ3JDLGlDQUVKLENBRUEsb0NBQ0ksMEJBQ0osQ0FFQSw0Q0FRSSxxQkFBdUIsQ0FEdkIscUNBQTBDLENBRDFDLGtCQUFtQixDQUduQixzQ0FBMkMsQ0FQM0MsV0FBWSxDQUdaLGVBQWdCLENBRGhCLGlCQUFrQixDQU1sQixxQ0FBdUMsQ0FUdkMsVUFVSixDQUNBLGdGQUVJLGdCQUVKLENBRUEsa0RBQ0ksdUVBQ0osQ0FFQSx5REFHSSx3Q0FBNkMsQ0FGN0MsNkJBQThCLENBQzlCLGtCQUVKLENBRUEsNEZBQ0ksZUFDSixDQVdBLDZGQUpJLFFBQVMsQ0FDVCxNQUFPLENBTFAsbUJBQW9CLENBQ3BCLGlCQUFrQixDQUVsQixPQUFRLENBRFIsS0E4QkosQ0F4QkEsOENBb0JJLHVCQUF3QixDQVR4QixhQUFzQixDQUN0QixrQkFBbUIsQ0FJbkIsa0JBQW1CLENBUm5CLGFBQWMsQ0FjZCx3QkFBeUIsQ0FSekIsaUJBQWtCLENBQ2xCLGtCQUFtQixDQUZuQixhQUFjLENBTWQsb0JBQXFCLENBSXJCLG9CQUFxQixDQU5yQixVQU9KLENBRUEsa0ZBRUksVUFBWSxDQUNaLG1DQUVKLENBRUEsaUVBQ0ksWUFDSixDQUVBLDZDQVdJLDRCQUE2QixDQU03QixXQUFZLENBWlosUUFBUyxDQUlULG1CQUE0QixDQUQ1QixpQkFBa0IsQ0FFbEIsa0JBQW1CLENBSm5CLE1BQU8sQ0FNUCxZQUFhLENBUWIsd0JBQXlCLENBTHpCLGlCQUFrQixDQUNsQixrQkFBbUIsQ0FGbkIsZ0JBQWlCLENBWmpCLGlCQUFrQixDQVdsQixXQUFZLENBVFosT0FBUSxDQURSLEtBQU0sQ0FnQk4sb0JBRUosQ0FFQSxpRkFFSSx3QkFBNkIsQ0FDN0IscUNBRUosQ0FFQSx3REFDSSxvQ0FDSixDQUVBLDBDQUNJLGdFQUNKLENBRUEsd0NBVUksb0NBQXlDLENBRHpDLHlDQUE4QyxDQVA5QyxRQUFTLENBS1QsdUJBQTRCLENBRDVCLGlCQUFtQixDQUhuQixNQUFPLENBS1Asa0JBQW9CLENBUHBCLGlCQUFrQixDQUdsQixPQU9KLENBRUEsMENBQ0ksV0FBWSxDQUNaLG9CQUNKLENBSUEsb0VBQ0ksYUFBYyxDQUNkLHlCQUNKLENBRUEsc0VBQ0ksYUFDSixDQW1CQSxpT0FDSSxhQUFjLENBQ2QsZUFDSiIsImZpbGUiOiJCb29rRWRpdG9yLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuQm9va0VkaXRvciB7XG4gICAgaGVpZ2h0OiA0NTBweDtcbiAgICB3aWR0aDogMTAwJTtcbn1cblxuLmJvb2tFZGl0b3JDb250YWluZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbn1cblxuLmJvb2tFZGl0b3JDb250YWluZXIuaXNWZXJib3NlIHtcbiAgICAvKiovXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA1KTtcbiAgICBvdXRsaW5lOiAxcHggZG90dGVkIHJnYmEoMCwgMCwgMCwgMC41KTtcbiAgICAvKiovXG59XG5cbi5pc1ZlcmJvc2Uge1xuICAgIG91dGxpbmU6IDJweCBkb3R0ZWQgcmdiKDI1NSAxMTcgMzgpO1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGJvcmRlci1yYWRpdXM6IDFyZW07XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyMDksIDIxMywgMjE5LCAwLjgpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIGJveC1zaGFkb3c6IDAgMXB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNSk7XG4gICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjJzIGVhc2UtaW4tb3V0O1xufVxuLmlzVmVyYm9zZSAuYm9va0VkaXRvcldyYXBwZXIge1xuICAgIC8qKi9cbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgICAvKiovXG59XG5cbi5ib29rRWRpdG9yV3JhcHBlcjpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCA0cHggNnB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjEpLCAwIDJweCA0cHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMDYpO1xufVxuXG4uYm9va0VkaXRvcldyYXBwZXI6Zm9jdXMtd2l0aGluIHtcbiAgICBvdXRsaW5lOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSg5OSwgMTAyLCAyNDEsIDAuNCk7XG59XG5cbi5ib29rRWRpdG9yV3JhcHBlci5pc0JvcmRlclJhZGl1c0Rpc2FibGVkIHtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xufVxuXG4uYm9va0VkaXRvckJhY2tncm91bmQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IHtcbiAgICAvKiBUT0RPOiBEUlkgKi9cbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuXG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICBjb2xvcjogcmdiKDE3LCAyNCwgMzkpO1xuICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07IC8qIFRPRE86IERSWSAqL1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBhZGRpbmctbGVmdDogNDZweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA0NnB4O1xuICAgIG1hcmdpbi1ib3R0b206IDUwcHg7XG4gICAgei1pbmRleDogMTA7XG5cbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuXG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7XG59XG5cbi5pc1ZlcmJvc2UgLmJvb2tFZGl0b3JIaWdobGlnaHQge1xuICAgIC8qKi9cbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgb3V0bGluZTogMXB4IGRvdHRlZCByZ2JhKDI1NSwgMCwgMCwgMC41KTtcbiAgICAvKiovXG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0Ojotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgZGlzcGxheTogbm9uZTtcbn1cblxuLmJvb2tFZGl0b3JUZXh0YXJlYSB7XG4gICAgLyogVE9ETzogRFJZICovXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcblxuICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBjYXJldC1jb2xvcjogcmdiKDE3LCAyNCwgMzkpO1xuICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07IC8qIFRPRE86IERSWSAqL1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgcmVzaXplOiBub25lO1xuICAgIHBhZGRpbmctdG9wOiAxOHB4O1xuICAgIHBhZGRpbmctbGVmdDogNDZweDtcbiAgICBwYWRkaW5nLXJpZ2h0OiA0NnB4O1xuICAgIGJvcmRlcjogbm9uZTtcblxuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xufVxuXG4uaXNWZXJib3NlIC5ib29rRWRpdG9yVGV4dGFyZWEge1xuICAgIC8qKi9cbiAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMCwgMC41KTtcbiAgICBvdXRsaW5lOiAxcHggZG90dGVkIHJnYmEoMjU1LCAyNTUsIDAsIDAuNSk7XG4gICAgLyoqL1xufVxuXG4uYm9va0VkaXRvclRleHRhcmVhOjpzZWxlY3Rpb24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoOTksIDEwMiwgMjQxLCAwLjYpO1xufVxuXG4uYm9va0VkaXRvclNlcmlmIHtcbiAgICBmb250LWZhbWlseTogdWktc2VyaWYsIEdlb3JnaWEsIENhbWJyaWEsICdUaW1lcyBOZXcgUm9tYW4nLCBUaW1lcywgc2VyaWY7XG59XG5cbi5ib29rRWRpdG9yQmFyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgIGNvbG9yOiByZ2JhKDE3LCAyNCwgMzksIDAuNik7XG4gICAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTMsIDIxOSwgMC44KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDk5LCAxMDIsIDI0MSwgMC4xKTtcbn1cblxuLmJvb2tFZGl0b3JCYXIgYSB7XG4gICAgY29sb3I6IHVuc2V0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLyogLS0tIEJvb2sgc3ludGF4IGhpZ2hsaWdodGluZyAqL1xuXG4uYm9va0VkaXRvckhpZ2hsaWdodCA6Z2xvYmFsKC5ib29rLWhpZ2hsaWdodC10aXRsZSkge1xuICAgIGNvbG9yOiAjMzBhOGJkO1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG4uYm9va0VkaXRvckhpZ2hsaWdodCA6Z2xvYmFsKC5ib29rLWhpZ2hsaWdodC1rZXl3b3JkKSB7XG4gICAgY29sb3I6ICMzMGE4YmQ7XG59XG5cbi8qIFvwn6egXSBQYXJhbWV0ZXIgc3ludGF4IGhpZ2hsaWdodGluZyAtIHVuaWZpZWQgY29sb3IgZm9yIGJvdGggcGFyYW1ldGVyIG5vdGF0aW9uc1xuICogVGhlIEJvb2sgbGFuZ3VhZ2Ugc3VwcG9ydHMgdHdvIGRpZmZlcmVudCBub3RhdGlvbnMgZm9yIHRoZSBzYW1lIHN5bnRheCBmZWF0dXJlIC0gcGFyYW1ldGVyczpcbiAqIDEuIEBQYXJhbWV0ZXIgLSBzaW5nbGUgd29yZCBwYXJhbWV0ZXIgc3RhcnRpbmcgd2l0aCBAXG4gKiAyLiB7cGFyYW1ldGVyTmFtZX0gb3Ige3BhcmFtZXRlciB3aXRoIG11bHRpcGxlIHdvcmRzfSBvciB7cGFyYW1ldGVyTmFtZTogZGVzY3JpcHRpb24gdGV4dH1cbiAqIEJvdGggbm90YXRpb25zIHJlcHJlc2VudCB0aGUgc2FtZSBzZW1hbnRpYyBjb25jZXB0IGFuZCBhcmUgaGlnaGxpZ2h0ZWQgd2l0aCB0aGUgc2FtZSBwdXJwbGUgY29sb3IuXG4gKi9cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IDpnbG9iYWwoLmJvb2staGlnaGxpZ2h0LXBhcmFtZXRlcikge1xuICAgIGNvbG9yOiAjOGU0NGFkOyAvKiBQdXJwbGUgY29sb3IgZm9yIGFsbCBwYXJhbWV0ZXIgc3ludGF4ZXMgKi9cbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG4vKiBMZWdhY3kgY2xhc3NlcyBmb3IgYmFja3dhcmQgY29tcGF0aWJpbGl0eSAtIGJvdGggdXNlIHRoZSBzYW1lIHB1cnBsZSBjb2xvciBub3cgKi9cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IDpnbG9iYWwoLmJvb2staGlnaGxpZ2h0LWF0LXBhcmFtZXRlcikge1xuICAgIGNvbG9yOiAjOGU0NGFkOyAvKiBQdXJwbGUgY29sb3IgKHVuaWZpZWQgd2l0aCBicmFjZSBwYXJhbWV0ZXJzKSAqL1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5ib29rRWRpdG9ySGlnaGxpZ2h0IDpnbG9iYWwoLmJvb2staGlnaGxpZ2h0LWJyYWNlLXBhcmFtZXRlcikge1xuICAgIGNvbG9yOiAjOGU0NGFkOyAvKiBQdXJwbGUgY29sb3IgKHNhbWUgYXMgYXQgcGFyYW1ldGVycykgKi9cbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuIl19 */";
 var styles = {"BookEditor":"BookEditor-module_BookEditor__s-0PU","bookEditorContainer":"BookEditor-module_bookEditorContainer__wLMwM","isVerbose":"BookEditor-module_isVerbose__VQ6iL","bookEditorWrapper":"BookEditor-module_bookEditorWrapper__twppD","isBorderRadiusDisabled":"BookEditor-module_isBorderRadiusDisabled__h1I3v","bookEditorBackground":"BookEditor-module_bookEditorBackground__5O4wu","bookEditorHighlight":"BookEditor-module_bookEditorHighlight__vs37t","bookEditorTextarea":"BookEditor-module_bookEditorTextarea__mUURn","bookEditorSerif":"BookEditor-module_bookEditorSerif__QRS7g","bookEditorBar":"BookEditor-module_bookEditorBar__haBDz"};
 styleInject(css_248z);
 
@@ -3978,17 +4118,31 @@ function BookEditorInner(props) {
         const allTypes = getAllCommitmentDefinitions().map(({ type }) => String(type));
         // Filter out 'META' from regular commitments since we'll handle it specially
         const nonMetaTypes = allTypes.filter((t) => t !== 'META');
-        const pattern = `\\b(?:${nonMetaTypes.map((t) => escapeRegex(t)).join('|')})\\b`;
+        // Only match commitments at the beginning of lines (after newline or at start of text)
+        // This follows the same logic as parsing in createCommitmentRegex.ts
+        const pattern = `(^|\\n)\\s*(?:${nonMetaTypes.map((t) => escapeRegex(t)).join('|')})\\b`;
         return new RegExp(pattern, 'gmi');
     }, []);
     const metaRegex = useMemo(() => {
-        // Pattern to match META followed by one or more uppercase words
-        // This will match: META IMAGE, META LINK, META TITLE, META DESCRIPTION, META CUSTOM FOO, etc.
-        return /\bMETA\s+(?:[A-Z]+(?:\s+[A-Z]+)*)/gim;
+        // Pattern to match META followed by exactly one uppercase word (DRY principle - single pattern for all META commitments)
+        // Only match at the beginning of lines, consistent with other commitments and parsing logic
+        // This will match: META IMAGE, META LINK, META TITLE, META DESCRIPTION, META FOO, etc.
+        // But NOT multiple words like "META IMAGE SOMETHING" - only "META IMAGE" part will be highlighted
+        return /(^|\n)\s*META\s+[A-Z]+\b/gim;
     }, []);
-    // [🧠] Parameter syntax highlighting - two types:
-    // 1. @Parameter (single word parameters starting with @)
-    // 2. {parameterName} or {parameter with multiple words} or {parameterName: description text}
+    // [🧠] Parameter syntax highlighting - unified approach for two different notations of the same syntax feature
+    //
+    // IMPORTANT PRINCIPLE: The Book language supports parameters as a single syntax feature
+    // expressed through two different notations:
+    // 1. @Parameter (single word parameters starting with @) - e.g., @name, @ěščřžý
+    // 2. {parameterName} (parameters in braces) - e.g., {name}, {user name}, {name: description}
+    //
+    // Both notations represent the same semantic concept - parameters - and should be:
+    // - Highlighted with the same color (purple)
+    // - Parsed using the same logic
+    // - Treated identically in the syntax processing
+    //
+    // This follows the DRY principle: don't repeat yourself for the same syntax feature.
     const atParameterRegex = useMemo(() => {
         // Match @followed by word characters (letters, numbers, underscore) and unicode letters (for @ěščřžý)
         return /@[\w\u00C0-\u017F\u0100-\u024F\u1E00-\u1EFF]+/gim;
@@ -3997,6 +4151,43 @@ function BookEditorInner(props) {
         // Match {parameter} or {parameter: description} - content inside braces
         return /\{[^}]+\}/gim;
     }, []);
+    /**
+     * Unified parameter extraction function that handles both parameter notations
+     *
+     * This function embodies the principle that @Parameter and {parameter} are
+     * two different notations for the same syntax feature - parameters.
+     *
+     * @param text - Text to extract parameters from
+     * @returns Array of parameter ranges with unified type
+     */
+    const extractUnifiedParameters = useCallback((text) => {
+        const parameters = [];
+        // Extract @Parameter notation (first notation)
+        text.replace(atParameterRegex, (match, ...args) => {
+            const index = args[args.length - 2];
+            parameters.push({
+                start: index,
+                end: index + match.length,
+                type: 'parameter',
+                notation: 'at',
+                text: match,
+            });
+            return match;
+        });
+        // Extract {parameter} notation (second notation)
+        text.replace(braceParameterRegex, (match, ...args) => {
+            const index = args[args.length - 2];
+            parameters.push({
+                start: index,
+                end: index + match.length,
+                type: 'parameter',
+                notation: 'brace',
+                text: match,
+            });
+            return match;
+        });
+        return parameters.sort((a, b) => a.start - b.start);
+    }, [atParameterRegex, braceParameterRegex]);
     const highlightedHtml = useMemo(() => {
         const text = value !== null && value !== void 0 ? value : '';
         let lastIndex = 0;
@@ -4005,47 +4196,43 @@ function BookEditorInner(props) {
         // First, handle META commitments (they take priority)
         text.replace(metaRegex, (match, ...args) => {
             const index = args[args.length - 2];
-            processedRanges.push({ start: index, end: index + match.length, type: 'keyword' });
+            // Adjust index to skip the newline character if present at the beginning of match
+            const adjustedStart = match.startsWith('\n') ? index + 1 : index;
+            const adjustedMatch = match.startsWith('\n') ? match.slice(1) : match;
+            processedRanges.push({ start: adjustedStart, end: adjustedStart + adjustedMatch.length, type: 'keyword' });
             return match;
         });
         // Then handle regular commitment types, avoiding overlaps with META ranges
         text.replace(typeRegex, (match, ...args) => {
             const index = args[args.length - 2];
-            const matchEnd = index + match.length;
+            // Adjust index to skip the newline character if present at the beginning of match
+            const adjustedStart = match.startsWith('\n') ? index + 1 : index;
+            const adjustedMatch = match.startsWith('\n') ? match.slice(1) : match;
+            const matchEnd = adjustedStart + adjustedMatch.length;
             // Check if this match overlaps with any existing range
-            const overlaps = processedRanges.some((range) => (index >= range.start && index < range.end) ||
+            const overlaps = processedRanges.some((range) => (adjustedStart >= range.start && adjustedStart < range.end) ||
                 (matchEnd > range.start && matchEnd <= range.end) ||
-                (index < range.start && matchEnd > range.end));
+                (adjustedStart < range.start && matchEnd > range.end));
             if (!overlaps) {
-                processedRanges.push({ start: index, end: matchEnd, type: 'keyword' });
+                processedRanges.push({ start: adjustedStart, end: matchEnd, type: 'keyword' });
             }
             return match;
         });
-        // Handle @Parameter syntax (single word parameters starting with @)
-        text.replace(atParameterRegex, (match, ...args) => {
-            const index = args[args.length - 2];
-            const matchEnd = index + match.length;
-            // Check if this match overlaps with any existing range
-            const overlaps = processedRanges.some((range) => (index >= range.start && index < range.end) ||
-                (matchEnd > range.start && matchEnd <= range.end) ||
-                (index < range.start && matchEnd > range.end));
+        // Handle parameters using the unified extraction function - both @Parameter and {parameter} notations
+        // are treated as the same syntax feature with unified highlighting
+        const unifiedParameters = extractUnifiedParameters(text);
+        unifiedParameters.forEach((param) => {
+            // Check if this parameter overlaps with any existing range
+            const overlaps = processedRanges.some((range) => (param.start >= range.start && param.start < range.end) ||
+                (param.end > range.start && param.end <= range.end) ||
+                (param.start < range.start && param.end > range.end));
             if (!overlaps) {
-                processedRanges.push({ start: index, end: matchEnd, type: 'at-parameter' });
-            }
-            return match;
-        });
-        // Handle {parameter} syntax (parameters in braces)
-        text.replace(braceParameterRegex, (match, ...args) => {
-            const index = args[args.length - 2];
-            const matchEnd = index + match.length;
-            // Check if this match overlaps with any existing range
-            const overlaps = processedRanges.some((range) => (index >= range.start && index < range.end) ||
-                (matchEnd > range.start && matchEnd <= range.end) ||
-                (index < range.start && matchEnd > range.end));
-            if (!overlaps) {
-                processedRanges.push({ start: index, end: matchEnd, type: 'brace-parameter' });
+                processedRanges.push({
+                    start: param.start,
+                    end: param.end,
+                    type: 'parameter'
+                });
             }
-            return match;
         });
         // Sort ranges by start position
         processedRanges.sort((a, b) => a.start - b.start);
@@ -4060,11 +4247,9 @@ function BookEditorInner(props) {
                 case 'keyword':
                     cssClass = 'book-highlight-keyword';
                     break;
-                case 'at-parameter':
-                    cssClass = 'book-highlight-at-parameter';
-                    break;
-                case 'brace-parameter':
-                    cssClass = 'book-highlight-brace-parameter';
+                case 'parameter':
+                    // Use the unified parameter class, but maintain backward compatibility
+                    cssClass = 'book-highlight-parameter';
                     break;
                 default:
                     cssClass = 'book-highlight-keyword';
@@ -4080,7 +4265,7 @@ function BookEditorInner(props) {
             lines[0] = `<span class="book-highlight-title">${lines[0]}</span>`;
         }
         return lines.join('\n');
-    }, [value, typeRegex, metaRegex, atParameterRegex, braceParameterRegex]);
+    }, [value, typeRegex, metaRegex, extractUnifiedParameters]);
     return (jsx("div", { className: classNames(styles.bookEditorContainer, isVerbose && styles.isVerbose, className), children: jsxs("div", { className: classNames(styles.bookEditorWrapper, effectiveFontClassName, isBorderRadiusDisabled && styles.isBorderRadiusDisabled), children: [jsx("div", { "aria-hidden": true, className: styles.bookEditorBackground, style: { backgroundImage: 'none' } }), jsx("pre", { ref: highlightRef, "aria-hidden": true, className: `${styles.bookEditorHighlight} ${effectiveFontClassName}`, style: {
                         lineHeight: `${lineHeight}px`,
                         backgroundImage: `linear-gradient(90deg, transparent 30px, rgba(59,130,246,0.3) 30px, rgba(59,130,246,0.3) 31px, transparent 31px), repeating-linear-gradient(0deg, transparent, transparent calc(${lineHeight}px - 1px), rgba(0,0,0,0.06) ${lineHeight}px)`,