@promptbook/wizard 0.113.0-8 → 0.114.0-0

package/umd/index.umd.js

@@ -52,7 +52,7 @@
      * @generated
      * @see https://github.com/webgptorg/promptbook
      */
-    const PROMPTBOOK_ENGINE_VERSION = '0.113.0-8';
+    const PROMPTBOOK_ENGINE_VERSION = '0.114.0-0';
     /**
      * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
      * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -129,6 +129,127 @@
         });
     }
 
+    /**
+     * Validates that a channel value is a valid number within the range of 0 to 255.
+     * Throws an error if the value is not valid.
+     *
+     * @param channelName - The name of the channel being validated.
+     * @param value - The value of the channel to validate.
+     * @throws Will throw an error if the value is not a valid channel number.
+     *
+     * @private util of `@promptbook/color`
+     */
+    function checkChannelValue(channelName, value) {
+        if (typeof value !== 'number') {
+            throw new Error(`${channelName} channel value is not number but ${typeof value}`);
+        }
+        if (isNaN(value)) {
+            throw new Error(`${channelName} channel value is NaN`);
+        }
+        if (Math.round(value) !== value) {
+            throw new Error(`${channelName} channel is not whole number, it is ${value}`);
+        }
+        if (value < 0) {
+            throw new Error(`${channelName} channel is lower than 0, it is ${value}`);
+        }
+        if (value > 255) {
+            throw new Error(`${channelName} channel is greater than 255, it is ${value}`);
+        }
+    }
+
+    /**
+     * Shared immutable channel storage and serialization helpers for `Color`.
+     *
+     * @private base class of Color
+     */
+    class ColorValue {
+        constructor(red, green, blue, alpha = 255) {
+            this.red = red;
+            this.green = green;
+            this.blue = blue;
+            this.alpha = alpha;
+            checkChannelValue('Red', red);
+            checkChannelValue('Green', green);
+            checkChannelValue('Blue', blue);
+            checkChannelValue('Alpha', alpha);
+        }
+        /**
+         * Shortcut for `red` property
+         * Number from 0 to 255
+         * @alias red
+         */
+        get r() {
+            return this.red;
+        }
+        /**
+         * Shortcut for `green` property
+         * Number from 0 to 255
+         * @alias green
+         */
+        get g() {
+            return this.green;
+        }
+        /**
+         * Shortcut for `blue` property
+         * Number from 0 to 255
+         * @alias blue
+         */
+        get b() {
+            return this.blue;
+        }
+        /**
+         * Shortcut for `alpha` property
+         * Number from 0 (transparent) to 255 (opaque)
+         * @alias alpha
+         */
+        get a() {
+            return this.alpha;
+        }
+        /**
+         * Shortcut for `alpha` property
+         * Number from 0 (transparent) to 255 (opaque)
+         * @alias alpha
+         */
+        get opacity() {
+            return this.alpha;
+        }
+        /**
+         * Shortcut for 1-`alpha` property
+         */
+        get transparency() {
+            return 255 - this.alpha;
+        }
+        clone() {
+            return take(this.createColor(this.red, this.green, this.blue, this.alpha));
+        }
+        toString() {
+            return this.toHex();
+        }
+        toHex() {
+            if (this.alpha === 255) {
+                return `#${this.red.toString(16).padStart(2, '0')}${this.green.toString(16).padStart(2, '0')}${this.blue
+                .toString(16)
+                .padStart(2, '0')}`;
+            }
+            else {
+                return `#${this.red.toString(16).padStart(2, '0')}${this.green.toString(16).padStart(2, '0')}${this.blue
+                .toString(16)
+                .padStart(2, '0')}${this.alpha.toString(16).padStart(2, '0')}`;
+            }
+        }
+        toRgb() {
+            if (this.alpha === 255) {
+                return `rgb(${this.red}, ${this.green}, ${this.blue})`;
+            }
+            else {
+                return `rgba(${this.red}, ${this.green}, ${this.blue}, ${Math.round((this.alpha / 255) * 100)}%)`;
+            }
+        }
+        toHsl() {
+            throw new Error(`Getting HSL is not implemented`);
+        }
+    }
+
     /**
      * 🎨 List of all 140 color names which are supported by CSS
      *
@@ -288,127 +409,6 @@
     };
     // Note: [💞] Ignore a discrepancy between file name and entity name
 
-    /**
-     * Validates that a channel value is a valid number within the range of 0 to 255.
-     * Throws an error if the value is not valid.
-     *
-     * @param channelName - The name of the channel being validated.
-     * @param value - The value of the channel to validate.
-     * @throws Will throw an error if the value is not a valid channel number.
-     *
-     * @private util of `@promptbook/color`
-     */
-    function checkChannelValue(channelName, value) {
-        if (typeof value !== 'number') {
-            throw new Error(`${channelName} channel value is not number but ${typeof value}`);
-        }
-        if (isNaN(value)) {
-            throw new Error(`${channelName} channel value is NaN`);
-        }
-        if (Math.round(value) !== value) {
-            throw new Error(`${channelName} channel is not whole number, it is ${value}`);
-        }
-        if (value < 0) {
-            throw new Error(`${channelName} channel is lower than 0, it is ${value}`);
-        }
-        if (value > 255) {
-            throw new Error(`${channelName} channel is greater than 255, it is ${value}`);
-        }
-    }
-
-    /**
-     * Shared immutable channel storage and serialization helpers for `Color`.
-     *
-     * @private base class of Color
-     */
-    class ColorValue {
-        constructor(red, green, blue, alpha = 255) {
-            this.red = red;
-            this.green = green;
-            this.blue = blue;
-            this.alpha = alpha;
-            checkChannelValue('Red', red);
-            checkChannelValue('Green', green);
-            checkChannelValue('Blue', blue);
-            checkChannelValue('Alpha', alpha);
-        }
-        /**
-         * Shortcut for `red` property
-         * Number from 0 to 255
-         * @alias red
-         */
-        get r() {
-            return this.red;
-        }
-        /**
-         * Shortcut for `green` property
-         * Number from 0 to 255
-         * @alias green
-         */
-        get g() {
-            return this.green;
-        }
-        /**
-         * Shortcut for `blue` property
-         * Number from 0 to 255
-         * @alias blue
-         */
-        get b() {
-            return this.blue;
-        }
-        /**
-         * Shortcut for `alpha` property
-         * Number from 0 (transparent) to 255 (opaque)
-         * @alias alpha
-         */
-        get a() {
-            return this.alpha;
-        }
-        /**
-         * Shortcut for `alpha` property
-         * Number from 0 (transparent) to 255 (opaque)
-         * @alias alpha
-         */
-        get opacity() {
-            return this.alpha;
-        }
-        /**
-         * Shortcut for 1-`alpha` property
-         */
-        get transparency() {
-            return 255 - this.alpha;
-        }
-        clone() {
-            return take(this.createColor(this.red, this.green, this.blue, this.alpha));
-        }
-        toString() {
-            return this.toHex();
-        }
-        toHex() {
-            if (this.alpha === 255) {
-                return `#${this.red.toString(16).padStart(2, '0')}${this.green.toString(16).padStart(2, '0')}${this.blue
-                .toString(16)
-                .padStart(2, '0')}`;
-            }
-            else {
-                return `#${this.red.toString(16).padStart(2, '0')}${this.green.toString(16).padStart(2, '0')}${this.blue
-                .toString(16)
-                .padStart(2, '0')}${this.alpha.toString(16).padStart(2, '0')}`;
-            }
-        }
-        toRgb() {
-            if (this.alpha === 255) {
-                return `rgb(${this.red}, ${this.green}, ${this.blue})`;
-            }
-            else {
-                return `rgba(${this.red}, ${this.green}, ${this.blue}, ${Math.round((this.alpha / 255) * 100)}%)`;
-            }
-        }
-        toHsl() {
-            throw new Error(`Getting HSL is not implemented`);
-        }
-    }
-
     /**
      * Checks if the given value is a valid hex color string
      *
@@ -11477,140 +11477,10 @@
     // TODO: [🏛] Escape all
     // TODO: [🧠] Should be in generated .book.md file GENERATOR_WARNING
 
-    /**
-     * Tests if given string is valid semantic version
-     *
-     * Note: There are two similar functions:
-     * - `isValidSemanticVersion` which tests any semantic version
-     * - `isValidPromptbookVersion` *(this one)* which tests just Promptbook versions
-     *
-     * @public exported from `@promptbook/utils`
-     */
-    function isValidSemanticVersion(version) {
-        if (typeof version !== 'string') {
-            return false;
-        }
-        if (version.startsWith('0.0.0')) {
-            return false;
-        }
-        return /^\d+\.\d+\.\d+(-\d+)?$/i.test(version);
-    }
-
-    /**
-     * Tests if given string is valid promptbook version
-     * It looks into list of known promptbook versions.
-     *
-     * Note: When you are using for example promptbook 2.0.0 and there already is promptbook 3.0.0 it don`t know about it.
-     * Note: There are two similar functions:
-     * - `isValidSemanticVersion` which tests any semantic version
-     * - `isValidPromptbookVersion` *(this one)* which tests just Promptbook versions
-     *
-     * @see https://www.npmjs.com/package/promptbook?activeTab=versions
-     *
-     * @public exported from `@promptbook/utils`
-     */
-    function isValidPromptbookVersion(version) {
-        if (!isValidSemanticVersion(version)) {
-            return false;
-        }
-        if ( /* version === '1.0.0' || */version === '2.0.0' || version === '3.0.0') {
-            return false;
-        }
-        // <- TODO: [main] !!3 Check isValidPromptbookVersion against PROMPTBOOK_ENGINE_VERSIONS
-        return true;
-    }
-
-    /**
-     * Tests if given string is valid pipeline URL URL.
-     *
-     * Note: There are few similar functions:
-     * - `isValidUrl` which tests any URL
-     * - `isValidAgentUrl` which tests just agent URL
-     * - `isValidPipelineUrl` *(this one)* which tests just pipeline URL
-     *
-     * @public exported from `@promptbook/utils`
-     */
-    function isValidPipelineUrl(url) {
-        if (!isValidUrl(url)) {
-            return false;
-        }
-        if (!url.startsWith('https://') && !url.startsWith('http://') /* <- Note: [👣] */) {
-            return false;
-        }
-        if (url.includes('#')) {
-            // TODO: [🐠]
-            return false;
-        }
-        /*
-        Note: [👣][🧠] Is it secure to allow pipeline URLs on private and unsecured networks?
-        if (isUrlOnPrivateNetwork(url)) {
-            return false;
-        }
-        */
-        return true;
-    }
-    // TODO: [🐠] Maybe more info why the URL is invalid
-
-    /**
-     * Validates PipelineJson if it is logically valid
-     *
-     * It checks:
-     * -   if it has correct parameters dependency
-     *
-     * It does NOT check:
-     * -   if it is valid json
-     * -   if it is meaningful
-     *
-     * Note: [🔂] This function is idempotent.
-     *
-     * @param pipeline valid or invalid PipelineJson
-     * @returns the same pipeline if it is logically valid
-     * @throws {PipelineLogicError} on logical error in the pipeline
-     *
-     * @public exported from `@promptbook/core`
-     */
-    function validatePipeline(pipeline) {
-        if (IS_PIPELINE_LOGIC_VALIDATED) {
-            validatePipeline_InnerFunction(pipeline);
-        }
-        else {
-            try {
-                validatePipeline_InnerFunction(pipeline);
-            }
-            catch (error) {
-                if (!(error instanceof PipelineLogicError)) {
-                    throw error;
-                }
-                console.error(_spaceTrim.spaceTrim((block) => `
-                        Pipeline is not valid but logic errors are temporarily disabled via \`IS_PIPELINE_LOGIC_VALIDATED\`
-
-                        ${block(error.message)}
-                    `));
-            }
-        }
-        return pipeline;
-    }
-    /**
-     * Validates pipeline inner function.
-     *
-     * @private internal function for `validatePipeline`
-     */
-    function validatePipeline_InnerFunction(pipeline) {
-        // TODO: [🧠] Maybe test if promptbook is a promise and make specific error case for that
-        const context = createPipelineValidationContext(pipeline);
-        validatePipelineMetadata(context);
-        validatePipelineCollectionsStructure(context);
-        validatePipelineParameters(context);
-        validatePipelineTasks(context);
-        validatePipelineDependencyResolution(context);
-        // Note: Check that formfactor is corresponding to the pipeline interface
-        // TODO: !!6 Implement this
-        // pipeline.formfactorName
-    }
     /**
      * Creates the shared validation context for one pipeline.
      *
-     * @private internal utility of `validatePipeline`
+     * @private function of `validatePipeline`
      */
     function createPipelineValidationContext(pipeline) {
         return {
@@ -11634,52 +11504,61 @@
         }
         return pipelineIdentificationParts.join('\n');
     }
-    /**
-     * Validates pipeline-level metadata fields.
-     *
-     * @private internal step of `validatePipeline`
-     */
-    function validatePipelineMetadata({ pipeline, pipelineIdentification }) {
-        validatePipelineUrl(pipeline, pipelineIdentification);
-        validatePipelineBookVersion(pipeline, pipelineIdentification);
-    }
+
     /**
      * Validates that the expected top-level collections have array structure.
      *
-     * @private internal step of `validatePipeline`
+     * @private function of `validatePipeline`
      */
-    function validatePipelineCollectionsStructure({ pipeline, pipelineIdentification }) {
+    function validatePipelineCollectionsStructure({ pipeline, pipelineIdentification, }) {
         validatePipelineParametersCollection(pipeline, pipelineIdentification);
         validatePipelineTasksCollection(pipeline, pipelineIdentification);
     }
     /**
-     * Validates all pipeline parameter declarations.
+     * Validates that `pipeline.parameters` is an array.
      *
-     * @private internal step of `validatePipeline`
+     * @private internal utility of `validatePipelineCollectionsStructure`
      */
-    function validatePipelineParameters({ pipeline, pipelineIdentification }) {
-        for (const parameter of pipeline.parameters) {
-            validatePipelineParameter(parameter, pipeline, pipelineIdentification);
+    function validatePipelineParametersCollection(pipeline, pipelineIdentification) {
+        // TODO: [🧠] Maybe do here some proper JSON-schema / ZOD checking
+        if (Array.isArray(pipeline.parameters)) {
+            return;
         }
+        // TODO: [🧠] what is the correct error tp throw - maybe PromptbookSchemaError
+        throw new ParseError(_spaceTrim.spaceTrim((block) => `
+                Pipeline is valid JSON but with wrong structure
+
+                \`PipelineJson.parameters\` expected to be an array, but got ${typeof pipeline.parameters}
+
+                ${block(pipelineIdentification)}
+            `));
     }
     /**
-     * Validates all pipeline tasks and their per-task invariants.
+     * Validates that `pipeline.tasks` is an array.
      *
-     * @private internal step of `validatePipeline`
+     * @private internal utility of `validatePipelineCollectionsStructure`
      */
-    function validatePipelineTasks({ pipeline, pipelineIdentification }) {
-        // Note: All input parameters are defined - so that they can be used as result of some task
-        const definedParameters = createInitiallyDefinedParameters(pipeline);
-        for (const task of pipeline.tasks) {
-            validatePipelineTask(task, definedParameters, pipelineIdentification);
+    function validatePipelineTasksCollection(pipeline, pipelineIdentification) {
+        // TODO: [🧠] Maybe do here some proper JSON-schema / ZOD checking
+        if (Array.isArray(pipeline.tasks)) {
+            return;
         }
+        // TODO: [🧠] what is the correct error tp throw - maybe PromptbookSchemaError
+        throw new ParseError(_spaceTrim.spaceTrim((block) => `
+                Pipeline is valid JSON but with wrong structure
+
+                \`PipelineJson.tasks\` expected to be an array, but got ${typeof pipeline.tasks}
+
+                ${block(pipelineIdentification)}
+            `));
     }
+
     /**
      * Validates that task dependencies can be resolved without cycles or missing definitions.
      *
-     * @private internal step of `validatePipeline`
+     * @private function of `validatePipeline`
      */
-    function validatePipelineDependencyResolution({ pipeline, pipelineIdentification }) {
+    function validatePipelineDependencyResolution({ pipeline, pipelineIdentification, }) {
         let dependencyResolutionState = createInitialDependencyResolutionState(pipeline);
         let loopLimit = LOOP_LIMIT;
         while (hasUnresolvedTasks(dependencyResolutionState)) {
@@ -11690,29 +11569,211 @@
         }
     }
     /**
-     * Validates one pipeline parameter declaration.
+     * Collects the parameter names that are already resolvable before dependency traversal starts.
      *
-     * @private internal step of `validatePipeline`
+     * @private internal utility of `validatePipelineDependencyResolution`
      */
-    function validatePipelineParameter(parameter, pipeline, pipelineIdentification) {
-        validateParameterDirection(parameter, pipelineIdentification);
-        validateParameterUsage(parameter, pipeline, pipelineIdentification);
-        validateParameterDefinition(parameter, pipeline, pipelineIdentification);
+    function createInitialDependencyResolutionState(pipeline) {
+        return {
+            resolvedParameterNames: createInitiallyResolvedParameterNames(pipeline),
+            unresolvedTasks: [...pipeline.tasks],
+        };
     }
     /**
-     * Validates one pipeline task and its invariants.
+     * Checks whether dependency resolution still has tasks left to process.
      *
-     * @private internal step of `validatePipeline`
+     * @private internal utility of `validatePipelineDependencyResolution`
      */
-    function validatePipelineTask(task, definedParameters, pipelineIdentification) {
-        validateTaskResultingParameter(task, definedParameters, pipelineIdentification);
-        validateTaskJokers(task, pipelineIdentification);
-        validateTaskExpectations(task, pipelineIdentification);
+    function hasUnresolvedTasks({ unresolvedTasks }) {
+        return unresolvedTasks.length > 0;
+    }
+    /**
+     * Resolves the next batch of currently satisfiable tasks.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function resolveNextDependencyResolutionState(dependencyResolutionState, pipelineIdentification) {
+        const currentlyResolvedTasks = getCurrentlyResolvedTasks(dependencyResolutionState.unresolvedTasks, dependencyResolutionState.resolvedParameterNames);
+        if (currentlyResolvedTasks.length === 0) {
+            throw createUnresolvedTasksError(dependencyResolutionState.unresolvedTasks, dependencyResolutionState.resolvedParameterNames, pipelineIdentification);
+        }
+        return {
+            resolvedParameterNames: appendResolvedTaskParameterNames(dependencyResolutionState.resolvedParameterNames, currentlyResolvedTasks),
+            unresolvedTasks: dependencyResolutionState.unresolvedTasks.filter((task) => !currentlyResolvedTasks.includes(task)),
+        };
+    }
+    /**
+     * Collects the parameter names that are already resolvable before dependency traversal starts.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function createInitiallyResolvedParameterNames(pipeline) {
+        let resolvedParameterNames = pipeline.parameters
+            .filter(({ isInput }) => isInput)
+            .map(({ name }) => name);
+        for (const reservedParameterName of RESERVED_PARAMETER_NAMES) {
+            resolvedParameterNames = [...resolvedParameterNames, reservedParameterName];
+        }
+        return resolvedParameterNames;
+    }
+    /**
+     * Adds newly resolved task outputs to the resolved parameter list.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function appendResolvedTaskParameterNames(resolvedParameterNames, currentlyResolvedTasks) {
+        return [
+            ...resolvedParameterNames,
+            ...currentlyResolvedTasks.map(({ resultingParameterName }) => resultingParameterName),
+        ];
+    }
+    /**
+     * Selects tasks whose dependencies are already resolved.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function getCurrentlyResolvedTasks(unresolvedTasks, resolvedParameterNames) {
+        return unresolvedTasks.filter((task) => task.dependentParameterNames.every((name) => resolvedParameterNames.includes(name)));
+    }
+    /**
+     * Creates the unexpected loop-limit error for dependency resolution.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function createDependencyResolutionLoopLimitError(pipelineIdentification) {
+        // Note: Really UnexpectedError not LimitReachedError - this should not happen and be caught below
+        return new UnexpectedError(_spaceTrim.spaceTrim((block) => `
+                Loop limit reached during detection of circular dependencies in \`validatePipeline\`
+
+                ${block(pipelineIdentification)}
+            `));
+    }
+    /**
+     * Creates the detailed error for unresolved or circular task dependencies.
+     *
+     * @private internal utility of `validatePipelineDependencyResolution`
+     */
+    function createUnresolvedTasksError(unresolvedTasks, resolvedParameterNames, pipelineIdentification) {
+        return new PipelineLogicError(
+        // TODO: [🐎] DRY
+        _spaceTrim.spaceTrim((block) => `
+
+                Can not resolve some parameters:
+                Either you are using a parameter that is not defined, or there are some circular dependencies.
+
+                ${block(pipelineIdentification)}
+
+                **Can not resolve:**
+                ${block(unresolvedTasks
+        .map(({ resultingParameterName, dependentParameterNames }) => `- Parameter \`{${resultingParameterName}}\` which depends on ${dependentParameterNames
+        .map((dependentParameterName) => `\`{${dependentParameterName}}\``)
+        .join(' and ')}`)
+        .join('\n'))}
+
+                **Resolved:**
+                ${block(resolvedParameterNames
+        .filter((name) => !RESERVED_PARAMETER_NAMES.includes(name))
+        .map((name) => `- Parameter \`{${name}}\``)
+        .join('\n'))}
+
+
+                **Reserved (which are available):**
+                ${block(resolvedParameterNames
+        .filter((name) => RESERVED_PARAMETER_NAMES.includes(name))
+        .map((name) => `- Parameter \`{${name}}\``)
+        .join('\n'))}
+
+
+            `));
+    }
+
+    /**
+     * Tests if given string is valid semantic version
+     *
+     * Note: There are two similar functions:
+     * - `isValidSemanticVersion` which tests any semantic version
+     * - `isValidPromptbookVersion` *(this one)* which tests just Promptbook versions
+     *
+     * @public exported from `@promptbook/utils`
+     */
+    function isValidSemanticVersion(version) {
+        if (typeof version !== 'string') {
+            return false;
+        }
+        if (version.startsWith('0.0.0')) {
+            return false;
+        }
+        return /^\d+\.\d+\.\d+(-\d+)?$/i.test(version);
+    }
+
+    /**
+     * Tests if given string is valid promptbook version
+     * It looks into list of known promptbook versions.
+     *
+     * Note: When you are using for example promptbook 2.0.0 and there already is promptbook 3.0.0 it don`t know about it.
+     * Note: There are two similar functions:
+     * - `isValidSemanticVersion` which tests any semantic version
+     * - `isValidPromptbookVersion` *(this one)* which tests just Promptbook versions
+     *
+     * @see https://www.npmjs.com/package/promptbook?activeTab=versions
+     *
+     * @public exported from `@promptbook/utils`
+     */
+    function isValidPromptbookVersion(version) {
+        if (!isValidSemanticVersion(version)) {
+            return false;
+        }
+        if ( /* version === '1.0.0' || */version === '2.0.0' || version === '3.0.0') {
+            return false;
+        }
+        // <- TODO: [main] !!3 Check isValidPromptbookVersion against PROMPTBOOK_ENGINE_VERSIONS
+        return true;
+    }
+
+    /**
+     * Tests if given string is valid pipeline URL URL.
+     *
+     * Note: There are few similar functions:
+     * - `isValidUrl` which tests any URL
+     * - `isValidAgentUrl` which tests just agent URL
+     * - `isValidPipelineUrl` *(this one)* which tests just pipeline URL
+     *
+     * @public exported from `@promptbook/utils`
+     */
+    function isValidPipelineUrl(url) {
+        if (!isValidUrl(url)) {
+            return false;
+        }
+        if (!url.startsWith('https://') && !url.startsWith('http://') /* <- Note: [👣] */) {
+            return false;
+        }
+        if (url.includes('#')) {
+            // TODO: [🐠]
+            return false;
+        }
+        /*
+        Note: [👣][🧠] Is it secure to allow pipeline URLs on private and unsecured networks?
+        if (isUrlOnPrivateNetwork(url)) {
+            return false;
+        }
+        */
+        return true;
+    }
+    // TODO: [🐠] Maybe more info why the URL is invalid
+
+    /**
+     * Validates pipeline-level metadata fields.
+     *
+     * @private function of `validatePipeline`
+     */
+    function validatePipelineMetadata({ pipeline, pipelineIdentification }) {
+        validatePipelineUrl(pipeline, pipelineIdentification);
+        validatePipelineBookVersion(pipeline, pipelineIdentification);
     }
     /**
      * Validates the pipeline URL, when present.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineMetadata`
      */
     function validatePipelineUrl(pipeline, pipelineIdentification) {
         if (pipeline.pipelineUrl === undefined || isValidPipelineUrl(pipeline.pipelineUrl)) {
@@ -11728,7 +11789,7 @@
     /**
      * Validates the Promptbook version, when present.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineMetadata`
      */
     function validatePipelineBookVersion(pipeline, pipelineIdentification) {
         if (pipeline.bookVersion === undefined || isValidPromptbookVersion(pipeline.bookVersion)) {
@@ -11741,48 +11802,31 @@
                 ${block(pipelineIdentification)}
             `));
     }
+
     /**
-     * Validates that `pipeline.parameters` is an array.
+     * Validates all pipeline parameter declarations.
      *
-     * @private internal utility of `validatePipeline`
+     * @private function of `validatePipeline`
      */
-    function validatePipelineParametersCollection(pipeline, pipelineIdentification) {
-        // TODO: [🧠] Maybe do here some proper JSON-schema / ZOD checking
-        if (Array.isArray(pipeline.parameters)) {
-            return;
+    function validatePipelineParameters({ pipeline, pipelineIdentification }) {
+        for (const parameter of pipeline.parameters) {
+            validatePipelineParameter(parameter, pipeline, pipelineIdentification);
         }
-        // TODO: [🧠] what is the correct error tp throw - maybe PromptbookSchemaError
-        throw new ParseError(_spaceTrim.spaceTrim((block) => `
-                Pipeline is valid JSON but with wrong structure
-
-                \`PipelineJson.parameters\` expected to be an array, but got ${typeof pipeline.parameters}
-
-                ${block(pipelineIdentification)}
-            `));
     }
     /**
-     * Validates that `pipeline.tasks` is an array.
+     * Validates one pipeline parameter declaration.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
-    function validatePipelineTasksCollection(pipeline, pipelineIdentification) {
-        // TODO: [🧠] Maybe do here some proper JSON-schema / ZOD checking
-        if (Array.isArray(pipeline.tasks)) {
-            return;
-        }
-        // TODO: [🧠] what is the correct error tp throw - maybe PromptbookSchemaError
-        throw new ParseError(_spaceTrim.spaceTrim((block) => `
-                Pipeline is valid JSON but with wrong structure
-
-                \`PipelineJson.tasks\` expected to be an array, but got ${typeof pipeline.tasks}
-
-                ${block(pipelineIdentification)}
-            `));
+    function validatePipelineParameter(parameter, pipeline, pipelineIdentification) {
+        validateParameterDirection(parameter, pipelineIdentification);
+        validateParameterUsage(parameter, pipeline, pipelineIdentification);
+        validateParameterDefinition(parameter, pipeline, pipelineIdentification);
     }
     /**
      * Validates that one parameter does not declare incompatible directions.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
     function validateParameterDirection(parameter, pipelineIdentification) {
         if (!parameter.isInput || !parameter.isOutput) {
@@ -11799,7 +11843,7 @@
     /**
      * Validates that one intermediate parameter is actually consumed by at least one task.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
     function validateParameterUsage(parameter, pipeline, pipelineIdentification) {
         if (parameter.isInput || parameter.isOutput || isParameterUsedByAnyTask(parameter, pipeline.tasks)) {
@@ -11818,7 +11862,7 @@
     /**
      * Validates that one non-input parameter is produced by at least one task.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
     function validateParameterDefinition(parameter, pipeline, pipelineIdentification) {
         if (parameter.isInput || isParameterDefinedByAnyTask(parameter, pipeline.tasks)) {
@@ -11837,7 +11881,7 @@
     /**
      * Checks whether one parameter is consumed by at least one task dependency list.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
     function isParameterUsedByAnyTask(parameter, tasks) {
         return tasks.some((task) => task.dependentParameterNames.includes(parameter.name));
@@ -11845,23 +11889,46 @@
     /**
      * Checks whether one parameter is produced by at least one task.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineParameters`
      */
     function isParameterDefinedByAnyTask(parameter, tasks) {
         return tasks.some((task) => task.resultingParameterName === parameter.name);
     }
+
+    /**
+     * Validates all pipeline tasks and their per-task invariants.
+     *
+     * @private function of `validatePipeline`
+     */
+    function validatePipelineTasks({ pipeline, pipelineIdentification }) {
+        // Note: All input parameters are defined - so that they can be used as result of some task
+        const definedParameters = createInitiallyDefinedParameters(pipeline);
+        for (const task of pipeline.tasks) {
+            validatePipelineTask(task, definedParameters, pipelineIdentification);
+        }
+    }
     /**
      * Collects the parameter names that are already defined before task validation starts.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function createInitiallyDefinedParameters(pipeline) {
         return new Set(pipeline.parameters.filter(({ isInput }) => isInput).map(({ name }) => name));
     }
+    /**
+     * Validates one pipeline task and its invariants.
+     *
+     * @private internal utility of `validatePipelineTasks`
+     */
+    function validatePipelineTask(task, definedParameters, pipelineIdentification) {
+        validateTaskResultingParameter(task, definedParameters, pipelineIdentification);
+        validateTaskJokers(task, pipelineIdentification);
+        validateTaskExpectations(task, pipelineIdentification);
+    }
     /**
      * Validates one task result parameter declaration and marks it as defined.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskResultingParameter(task, definedParameters, pipelineIdentification) {
         if (definedParameters.has(task.resultingParameterName)) {
@@ -11883,7 +11950,7 @@
     /**
      * Validates joker parameters for one task.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskJokers(task, pipelineIdentification) {
         if (!hasTaskJokers(task)) {
@@ -11895,7 +11962,7 @@
     /**
      * Checks whether one task declares any joker parameters.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function hasTaskJokers(task) {
         return !!task.jokerParameterNames && task.jokerParameterNames.length > 0;
@@ -11903,7 +11970,7 @@
     /**
      * Validates that a task has the required supporting features when using jokers.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskSupportsJokers(task, pipelineIdentification) {
         if (task.format || task.expectations /* <- TODO: Require at least 1 -> min <- expectation to use jokers */) {
@@ -11918,7 +11985,7 @@
     /**
      * Validates that every joker parameter is also listed among task dependencies.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskJokerDependencies(task, pipelineIdentification) {
         for (const joker of task.jokerParameterNames) {
@@ -11935,7 +12002,7 @@
     /**
      * Validates all expectation bounds configured on one task.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskExpectations(task, pipelineIdentification) {
         if (!task.expectations) {
@@ -11950,7 +12017,7 @@
     /**
      * Validates the minimum and maximum expectation ordering for one unit.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskExpectationRange(unit, min, max, pipelineIdentification) {
         if (min === undefined || max === undefined || min <= max) {
@@ -11965,7 +12032,7 @@
     /**
      * Validates the minimum expectation bound for one unit.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskExpectationMin(unit, min, pipelineIdentification) {
         if (min === undefined || min >= 0) {
@@ -11980,7 +12047,7 @@
     /**
      * Validates the maximum expectation bound for one unit.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal utility of `validatePipelineTasks`
      */
     function validateTaskExpectationMax(unit, max, pipelineIdentification) {
         if (max === undefined || max > 0) {
@@ -11992,123 +12059,62 @@
                 ${block(pipelineIdentification)}
             `));
     }
+
     /**
-     * Collects the parameter names that are already resolvable before dependency traversal starts.
-     *
-     * @private internal utility of `validatePipeline`
-     */
-    function createInitialDependencyResolutionState(pipeline) {
-        return {
-            resolvedParameterNames: createInitiallyResolvedParameterNames(pipeline),
-            unresolvedTasks: [...pipeline.tasks],
-        };
-    }
-    /**
-     * Checks whether dependency resolution still has tasks left to process.
-     *
-     * @private internal utility of `validatePipeline`
-     */
-    function hasUnresolvedTasks({ unresolvedTasks }) {
-        return unresolvedTasks.length > 0;
-    }
-    /**
-     * Resolves the next batch of currently satisfiable tasks.
+     * Validates PipelineJson if it is logically valid
      *
-     * @private internal utility of `validatePipeline`
-     */
-    function resolveNextDependencyResolutionState(dependencyResolutionState, pipelineIdentification) {
-        const currentlyResolvedTasks = getCurrentlyResolvedTasks(dependencyResolutionState.unresolvedTasks, dependencyResolutionState.resolvedParameterNames);
-        if (currentlyResolvedTasks.length === 0) {
-            throw createUnresolvedTasksError(dependencyResolutionState.unresolvedTasks, dependencyResolutionState.resolvedParameterNames, pipelineIdentification);
-        }
-        return {
-            resolvedParameterNames: appendResolvedTaskParameterNames(dependencyResolutionState.resolvedParameterNames, currentlyResolvedTasks),
-            unresolvedTasks: dependencyResolutionState.unresolvedTasks.filter((task) => !currentlyResolvedTasks.includes(task)),
-        };
-    }
-    /**
-     * Collects the parameter names that are already resolvable before dependency traversal starts.
+     * It checks:
+     * -   if it has correct parameters dependency
      *
-     * @private internal utility of `validatePipeline`
-     */
-    function createInitiallyResolvedParameterNames(pipeline) {
-        let resolvedParameterNames = pipeline.parameters
-            .filter(({ isInput }) => isInput)
-            .map(({ name }) => name);
-        for (const reservedParameterName of RESERVED_PARAMETER_NAMES) {
-            resolvedParameterNames = [...resolvedParameterNames, reservedParameterName];
-        }
-        return resolvedParameterNames;
-    }
-    /**
-     * Adds newly resolved task outputs to the resolved parameter list.
+     * It does NOT check:
+     * -   if it is valid json
+     * -   if it is meaningful
      *
-     * @private internal utility of `validatePipeline`
-     */
-    function appendResolvedTaskParameterNames(resolvedParameterNames, currentlyResolvedTasks) {
-        return [
-            ...resolvedParameterNames,
-            ...currentlyResolvedTasks.map(({ resultingParameterName }) => resultingParameterName),
-        ];
-    }
-    /**
-     * Selects tasks whose dependencies are already resolved.
+     * Note: [🔂] This function is idempotent.
      *
-     * @private internal utility of `validatePipeline`
-     */
-    function getCurrentlyResolvedTasks(unresolvedTasks, resolvedParameterNames) {
-        return unresolvedTasks.filter((task) => task.dependentParameterNames.every((name) => resolvedParameterNames.includes(name)));
-    }
-    /**
-     * Creates the unexpected loop-limit error for dependency resolution.
+     * @param pipeline valid or invalid PipelineJson
+     * @returns the same pipeline if it is logically valid
+     * @throws {PipelineLogicError} on logical error in the pipeline
      *
-     * @private internal utility of `validatePipeline`
+     * @public exported from `@promptbook/core`
      */
-    function createDependencyResolutionLoopLimitError(pipelineIdentification) {
-        // Note: Really UnexpectedError not LimitReachedError - this should not happen and be caught below
-        return new UnexpectedError(_spaceTrim.spaceTrim((block) => `
-                Loop limit reached during detection of circular dependencies in \`validatePipeline\`
+    function validatePipeline(pipeline) {
+        if (IS_PIPELINE_LOGIC_VALIDATED) {
+            validatePipeline_InnerFunction(pipeline);
+        }
+        else {
+            try {
+                validatePipeline_InnerFunction(pipeline);
+            }
+            catch (error) {
+                if (!(error instanceof PipelineLogicError)) {
+                    throw error;
+                }
+                console.error(_spaceTrim.spaceTrim((block) => `
+                        Pipeline is not valid but logic errors are temporarily disabled via \`IS_PIPELINE_LOGIC_VALIDATED\`
 
-                ${block(pipelineIdentification)}
-            `));
+                        ${block(error.message)}
+                    `));
+            }
+        }
+        return pipeline;
     }
     /**
-     * Creates the detailed error for unresolved or circular task dependencies.
+     * Validates pipeline inner function.
      *
-     * @private internal utility of `validatePipeline`
+     * @private internal function for `validatePipeline`
      */
-    function createUnresolvedTasksError(unresolvedTasks, resolvedParameterNames, pipelineIdentification) {
-        return new PipelineLogicError(
-        // TODO: [🐎] DRY
-        _spaceTrim.spaceTrim((block) => `
-
-                Can not resolve some parameters:
-                Either you are using a parameter that is not defined, or there are some circular dependencies.
-
-                ${block(pipelineIdentification)}
-
-                **Can not resolve:**
-                ${block(unresolvedTasks
-        .map(({ resultingParameterName, dependentParameterNames }) => `- Parameter \`{${resultingParameterName}}\` which depends on ${dependentParameterNames
-        .map((dependentParameterName) => `\`{${dependentParameterName}}\``)
-        .join(' and ')}`)
-        .join('\n'))}
-
-                **Resolved:**
-                ${block(resolvedParameterNames
-        .filter((name) => !RESERVED_PARAMETER_NAMES.includes(name))
-        .map((name) => `- Parameter \`{${name}}\``)
-        .join('\n'))}
-
-
-                **Reserved (which are available):**
-                ${block(resolvedParameterNames
-        .filter((name) => RESERVED_PARAMETER_NAMES.includes(name))
-        .map((name) => `- Parameter \`{${name}}\``)
-        .join('\n'))}
-
-
-            `));
+    function validatePipeline_InnerFunction(pipeline) {
+        // TODO: [🧠] Maybe test if promptbook is a promise and make specific error case for that
+        const context = createPipelineValidationContext(pipeline);
+        validatePipelineMetadata(context);
+        validatePipelineCollectionsStructure(context);
+        validatePipelineParameters(context);
+        validatePipelineTasks(context);
+        validatePipelineDependencyResolution(context);
+        // Note: Check that formfactor is corresponding to the pipeline interface
+        // TODO: !!6 Implement this
+        // pipeline.formfactorName
     }
     /**
      * TODO: [🧞‍♀️] Do not allow joker + foreach
@@ -20766,13 +20772,14 @@
      * META commitment definition
      *
      * The META commitment handles all meta-information about the agent such as:
-     * - META AVATAR: Sets the agent's built-in default avatar visual
+     * - META AVATAR / META VISUAL: Sets the agent's built-in default avatar visual
      * - META IMAGE: Sets the agent's avatar/profile image URL
      * - META LINK: Provides profile/source links for the person the agent models
      * - META DOMAIN: Sets the canonical custom domain/host of the agent
      * - META TITLE: Sets the agent's display title
      * - META DESCRIPTION: Sets the agent's description
      * - META INPUT PLACEHOLDER: Sets chat input placeholder text
+     * - META THINKING MESSAGE: Adds custom thinking placeholder variants
      * - META [ANYTHING]: Any other meta information in uppercase format
      *
      * These commitments are special because they don't affect the system message,
@@ -20781,13 +20788,14 @@
      * Example usage in agent source:
      *
      * ```book
-     * META AVATAR pixel-art
+     * META VISUAL pixel-art
      * META IMAGE https://example.com/avatar.jpg
      * META LINK https://twitter.com/username
      * META DOMAIN my-agent.com
      * META TITLE Professional Assistant
      * META DESCRIPTION An AI assistant specialized in business tasks
      * META INPUT PLACEHOLDER Write a message...
+     * META THINKING MESSAGE Thinking...
      * META AUTHOR John Doe
      * META VERSION 1.0
      * ```
@@ -20821,13 +20829,14 @@
 
             ## Supported META types
 
-            - **META AVATAR** - Sets the agent's built-in default avatar visual
+            - **META AVATAR** / **META VISUAL** - Sets the agent's built-in default avatar visual
             - **META IMAGE** - Sets the agent's avatar/profile image URL
             - **META LINK** - Provides profile/source links for the person the agent models
             - **META DOMAIN** - Sets the canonical custom domain/host of the agent
             - **META TITLE** - Sets the agent's display title
             - **META DESCRIPTION** - Sets the agent's description
             - **META INPUT PLACEHOLDER** - Sets chat input placeholder text
+            - **META THINKING MESSAGE** - Adds custom thinking placeholder variants
             - **META [ANYTHING]** - Any other meta information in uppercase format
 
             ## Key aspects
@@ -20836,6 +20845,7 @@
             - Used for visual representation and attribution in user interfaces
             - Multiple META commitments of different types can be used
             - Multiple META LINK commitments can be used for different social profiles
+            - Multiple META THINKING MESSAGE commitments can be used for different thinking placeholder variants
             - If multiple META commitments of the same type are specified, the last one takes precedence (except for LINK)
 
             ## Examples
@@ -20845,7 +20855,7 @@
             \`\`\`book
             Professional Assistant
 
-            META AVATAR octopus3
+            META VISUAL octopus3
             META IMAGE https://example.com/professional-avatar.jpg
             META TITLE Senior Business Consultant
             META DESCRIPTION Specialized in strategic planning and project management
@@ -24016,452 +24026,13 @@
             .padStart(2, '0');
     }
 
-    /* eslint-disable no-magic-numbers */
-    /**
-     * Light direction used by the organic 3D octopus shading.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    const LIGHT_DIRECTION$3 = normalizeVector3({
-        x: 0.48,
-        y: -0.62,
-        z: 0.94,
-    });
-    /**
-     * Cache keyed by the `createRandom` factory reference (stable per mounted `<Avatar/>`).
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    const octopus3dStableStateCache = new WeakMap();
-    /**
-     * Returns the stable per-avatar state, computing it on first access and caching for subsequent frames.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function getOctopus3dStableState(createRandom) {
-        const cached = octopus3dStableStateCache.get(createRandom);
-        if (cached !== undefined) {
-            return cached;
-        }
-        const animationRandom = createRandom('octopus3d-animation-profile');
-        const eyeRandom = createRandom('octopus3d-eye-profile');
-        const leftEyePhaseOffset = eyeRandom() * 0.6;
-        const rightEyePhaseOffset = eyeRandom() * 0.6;
-        const state = {
-            morphologyProfile: createOctopus3MorphologyProfile(createRandom),
-            animationPhase: animationRandom() * Math.PI * 2,
-            leftEyePhaseOffset,
-            rightEyePhaseOffset,
-        };
-        octopus3dStableStateCache.set(createRandom, state);
-        return state;
-    }
-    /**
-     * Proper 3D Octopus visual built from projected organic meshes and tentacles.
-     *
-     * @private built-in avatar visual
-     */
-    const octopus3dAvatarVisual = {
-        id: 'octopus3d',
-        title: 'Octopus 3D',
-        description: 'Proper 3D octopus portrait with a turning silhouette, expressive eyes, and depth-sorted tentacles.',
-        isAnimated: true,
-        supportsPointerTracking: true,
-        render({ context, size, palette, createRandom, timeMs, interaction }) {
-            const { morphologyProfile, animationPhase, leftEyePhaseOffset, rightEyePhaseOffset } = getOctopus3dStableState(createRandom);
-            const sceneCenterX = size * 0.5;
-            const sceneCenterY = size * 0.56;
-            const bob = Math.sin(timeMs / 920 + animationPhase) * size * 0.014;
-            const mantleCenter = {
-                x: interaction.bodyOffsetX * size * 0.042 + size * morphologyProfile.body.centerXJitterRatio * 0.65,
-                y: -size * 0.09 + interaction.bodyOffsetY * size * 0.028 + bob,
-                z: interaction.intensity * size * 0.012,
-            };
-            const underbodyCenter = {
-                x: mantleCenter.x * 0.86,
-                y: mantleCenter.y + size * 0.168,
-                z: mantleCenter.z - size * 0.018,
-            };
-            const mantleRadiusX = size * morphologyProfile.body.bodyRadiusRatio * morphologyProfile.body.horizontalStretch;
-            const mantleRadiusY = size * morphologyProfile.body.bodyRadiusRatio * morphologyProfile.body.verticalStretch * 1.1;
-            const mantleRadiusZ = size *
-                morphologyProfile.body.bodyRadiusRatio *
-                (0.9 + (morphologyProfile.body.horizontalStretch - 1) * 0.3);
-            const underbodyRadiusX = mantleRadiusX * (0.9 + (morphologyProfile.tentacles.rootSpreadScale - 1) * 0.08);
-            const underbodyRadiusY = mantleRadiusY * (0.44 + morphologyProfile.body.lowerDropRatio * 3.1);
-            const underbodyRadiusZ = mantleRadiusZ * 0.78;
-            const bodyYaw = -0.18 +
-                Math.sin(timeMs / 2400 + animationPhase) * 0.05 +
-                interaction.bodyOffsetX * 0.18 +
-                interaction.gazeX * 0.22;
-            const bodyPitch = -0.08 +
-                Math.cos(timeMs / 2700 + animationPhase * 0.6) * 0.025 -
-                interaction.bodyOffsetY * 0.08 -
-                interaction.gazeY * 0.08;
-            const headYaw = bodyYaw - 0.04 + interaction.gazeX * 0.56;
-            const headPitch = bodyPitch - 0.02 - interaction.gazeY * 0.32;
-            const mantlePatches = resolveVisibleEllipsoidPatches({
-                center: mantleCenter,
-                radiusX: mantleRadiusX,
-                radiusY: mantleRadiusY,
-                radiusZ: mantleRadiusZ,
-                rotationX: headPitch,
-                rotationY: headYaw,
-                sceneCenterX,
-                sceneCenterY,
-                size,
-                palette,
-                verticalColorBias: 0,
-                outlineColor: `${palette.highlight}7a`,
-            });
-            const underbodyPatches = resolveVisibleEllipsoidPatches({
-                center: underbodyCenter,
-                radiusX: underbodyRadiusX,
-                radiusY: underbodyRadiusY,
-                radiusZ: underbodyRadiusZ,
-                rotationX: bodyPitch,
-                rotationY: bodyYaw,
-                sceneCenterX,
-                sceneCenterY,
-                size,
-                palette,
-                verticalColorBias: 0.18,
-                outlineColor: `${palette.shadow}8f`,
-            });
-            const tentacleStrokes = createOctopusTentacleStrokes({
-                createRandom,
-                morphologyProfile,
-                timeMs,
-                size,
-                center: underbodyCenter,
-                radiusX: underbodyRadiusX,
-                radiusY: underbodyRadiusY,
-                radiusZ: underbodyRadiusZ,
-                rotationX: bodyPitch,
-                rotationY: bodyYaw,
-                sceneCenterX,
-                sceneCenterY,
-                animationPhase,
-            });
-            const faceEyeSpacing = size * morphologyProfile.face.eyeSpacingRatio * 0.92;
-            const faceEyeYOffset = size * morphologyProfile.face.eyeCenterYOffsetRatio - mantleRadiusY * 0.02;
-            const faceEyeRadiusX = size * morphologyProfile.face.eyeRadiusXRatio * 0.82;
-            const faceEyeRadiusY = faceEyeRadiusX * morphologyProfile.face.eyeHeightRatio * 0.96;
-            const mouthHalfWidth = size * morphologyProfile.face.mouthWidthRatio * 0.92;
-            const mouthY = size * morphologyProfile.face.mouthYOffsetRatio + mantleRadiusY * 0.08;
-            drawAvatarFrame(context, size, palette);
-            drawOctopus3dAtmosphere(context, size, palette, sceneCenterX, sceneCenterY, interaction, timeMs);
-            drawOctopus3dShadow(context, size, palette, interaction, timeMs);
-            for (const tentacleStroke of tentacleStrokes.filter((candidateTentacleStroke) => !candidateTentacleStroke.isFrontFacing)) {
-                drawTentacleStroke(context, tentacleStroke, palette);
-            }
-            for (const surfacePatch of [...mantlePatches, ...underbodyPatches].sort((firstSurfacePatch, secondSurfacePatch) => firstSurfacePatch.averageDepth - secondSurfacePatch.averageDepth)) {
-                drawSurfacePatch(context, surfacePatch);
-            }
-            for (const tentacleStroke of tentacleStrokes.filter((candidateTentacleStroke) => candidateTentacleStroke.isFrontFacing)) {
-                drawTentacleStroke(context, tentacleStroke, palette);
-            }
-            drawProjectedOrganicEye(context, {
-                x: -faceEyeSpacing,
-                y: faceEyeYOffset,
-                z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, -faceEyeSpacing, faceEyeYOffset),
-            }, faceEyeRadiusX, faceEyeRadiusY, mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, size, palette, timeMs, animationPhase + leftEyePhaseOffset, interaction, morphologyProfile.face.eyeStyle);
-            drawProjectedOrganicEye(context, {
-                x: faceEyeSpacing,
-                y: faceEyeYOffset,
-                z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, faceEyeSpacing, faceEyeYOffset),
-            }, faceEyeRadiusX, faceEyeRadiusY, mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, size, palette, timeMs, animationPhase + 0.7 + rightEyePhaseOffset, interaction, morphologyProfile.face.eyeStyle);
-            drawProjectedOrganicMouth(context, [
-                {
-                    x: -mouthHalfWidth,
-                    y: mouthY,
-                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, -mouthHalfWidth, mouthY),
-                },
-                {
-                    x: size * morphologyProfile.face.mouthCenterOffsetRatio,
-                    y: mouthY +
-                        size * morphologyProfile.face.mouthCurveDepthRatio * 0.38 +
-                        Math.sin(timeMs / 760 + animationPhase) * size * 0.01 +
-                        interaction.gazeY * size * 0.01,
-                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, size * morphologyProfile.face.mouthCenterOffsetRatio, mouthY),
-                },
-                {
-                    x: mouthHalfWidth,
-                    y: mouthY,
-                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, mouthHalfWidth, mouthY),
-                },
-            ], mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, palette, size);
-        },
-    };
-    /**
-     * Draws the atmospheric underwater glow behind the octopus mesh.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function drawOctopus3dAtmosphere(context, size, palette, sceneCenterX, sceneCenterY, interaction, timeMs) {
-        const glowGradient = context.createRadialGradient(sceneCenterX + interaction.gazeX * size * 0.1, sceneCenterY - size * 0.2 + interaction.gazeY * size * 0.05, size * 0.04, sceneCenterX, sceneCenterY - size * 0.04, size * 0.62);
-        glowGradient.addColorStop(0, `${palette.highlight}5c`);
-        glowGradient.addColorStop(0.36, `${palette.accent}24`);
-        glowGradient.addColorStop(1, `${palette.highlight}00`);
-        context.fillStyle = glowGradient;
-        context.fillRect(0, 0, size, size);
-        const lowerGradient = context.createRadialGradient(sceneCenterX + Math.sin(timeMs / 1700) * size * 0.05, sceneCenterY + size * 0.23, size * 0.08, sceneCenterX, sceneCenterY + size * 0.28, size * 0.5);
-        lowerGradient.addColorStop(0, `${palette.secondary}1d`);
-        lowerGradient.addColorStop(1, `${palette.secondary}00`);
-        context.fillStyle = lowerGradient;
-        context.fillRect(0, 0, size, size);
-    }
-    /**
-     * Draws the soft ground shadow below the octopus.
-     *
-     * Uses a scaled radial gradient instead of `context.filter = 'blur()'` to approximate the
-     * blurry ellipse without triggering a costly software rasterization pass on every frame.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function drawOctopus3dShadow(context, size, palette, interaction, timeMs) {
-        const cx = size * 0.5 + interaction.gazeX * size * 0.04;
-        const cy = size * 0.87 + Math.sin(timeMs / 920) * size * 0.008;
-        const rx = size * (0.18 + interaction.intensity * 0.02);
-        const ry = size * 0.06;
-        context.save();
-        context.translate(cx, cy);
-        context.scale(1, ry / rx);
-        const blurRadius = rx * 1.4;
-        const shadowGradient = context.createRadialGradient(0, 0, 0, 0, 0, blurRadius);
-        shadowGradient.addColorStop(0, `${palette.shadow}7a`);
-        shadowGradient.addColorStop(0.45, `${palette.shadow}44`);
-        shadowGradient.addColorStop(0.8, `${palette.shadow}1a`);
-        shadowGradient.addColorStop(1, `${palette.shadow}00`);
-        context.fillStyle = shadowGradient;
-        context.beginPath();
-        context.arc(0, 0, blurRadius, 0, Math.PI * 2);
-        context.fill();
-        context.restore();
-    }
-    /**
-     * Resolves visible projected patches for one rotated ellipsoid mesh.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function resolveVisibleEllipsoidPatches(options) {
-        const { center, radiusX, radiusY, radiusZ, rotationX, rotationY, sceneCenterX, sceneCenterY, size, palette, verticalColorBias, outlineColor, } = options;
-        const latitudePatchCount = 10;
-        const longitudePatchCount = 18;
-        const surfacePatches = [];
-        for (let latitudeIndex = 0; latitudeIndex < latitudePatchCount; latitudeIndex++) {
-            const startLatitude = -Math.PI / 2 + (latitudeIndex / latitudePatchCount) * Math.PI;
-            const endLatitude = -Math.PI / 2 + ((latitudeIndex + 1) / latitudePatchCount) * Math.PI;
-            const verticalProgress = (latitudeIndex + 0.5) / latitudePatchCount;
-            for (let longitudeIndex = 0; longitudeIndex < longitudePatchCount; longitudeIndex++) {
-                const startLongitude = -Math.PI + (longitudeIndex / longitudePatchCount) * Math.PI * 2;
-                const endLongitude = -Math.PI + ((longitudeIndex + 1) / longitudePatchCount) * Math.PI * 2;
-                const localCorners = [
-                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, startLatitude, startLongitude),
-                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, startLatitude, endLongitude),
-                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, endLatitude, endLongitude),
-                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, endLatitude, startLongitude),
-                ];
-                const transformedCorners = localCorners.map((localCorner) => transformScenePoint(localCorner, center, rotationX, rotationY));
-                const surfaceNormal = normalizeVector3(crossProduct3D(subtractPoint3D(transformedCorners[1], transformedCorners[0]), subtractPoint3D(transformedCorners[2], transformedCorners[0])));
-                if (surfaceNormal.z <= 0.01) {
-                    continue;
-                }
-                const projectedCorners = transformedCorners.map((transformedCorner) => projectScenePoint(transformedCorner, size, sceneCenterX, sceneCenterY));
-                surfacePatches.push({
-                    corners: projectedCorners,
-                    averageDepth: transformedCorners.reduce((depthSum, transformedCorner) => depthSum + transformedCorner.z, 0) /
-                        transformedCorners.length,
-                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$3), -1, 1),
-                    fillStyle: resolveSurfacePatchFillStyle(palette, verticalProgress + verticalColorBias),
-                    outlineColor,
-                });
-            }
-        }
-        return surfacePatches;
-    }
-    /**
-     * Samples one point on an ellipsoid aligned to the local axes.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function sampleEllipsoidPoint(radiusX, radiusY, radiusZ, latitude, longitude) {
-        const cosineLatitude = Math.cos(latitude);
-        return {
-            x: Math.sin(longitude) * cosineLatitude * radiusX,
-            y: Math.sin(latitude) * radiusY,
-            z: Math.cos(longitude) * cosineLatitude * radiusZ,
-        };
-    }
-    /**
-     * Resolves one base fill tone for a surface patch across the octopus body.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function resolveSurfacePatchFillStyle(palette, verticalProgress) {
-        const clampedVerticalProgress = clampNumber$1(verticalProgress, 0, 1);
-        if (clampedVerticalProgress < 0.2) {
-            return palette.highlight;
-        }
-        if (clampedVerticalProgress < 0.45) {
-            return palette.secondary;
-        }
-        if (clampedVerticalProgress < 0.8) {
-            return palette.primary;
-        }
-        return `${palette.shadow}f2`;
-    }
-    /**
-     * Draws one projected mesh patch with organic shading.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function drawSurfacePatch(context, surfacePatch) {
-        drawProjectedQuad(context, surfacePatch.corners, surfacePatch.fillStyle);
-        if (surfacePatch.lightIntensity > 0) {
-            drawProjectedQuad(context, surfacePatch.corners, `rgba(255, 255, 255, ${0.15 * surfacePatch.lightIntensity})`);
-        }
-        else if (surfacePatch.lightIntensity < 0) {
-            drawProjectedQuad(context, surfacePatch.corners, `rgba(0, 0, 0, ${0.24 * Math.abs(surfacePatch.lightIntensity)})`);
-        }
-        context.save();
-        context.beginPath();
-        context.moveTo(surfacePatch.corners[0].x, surfacePatch.corners[0].y);
-        for (let cornerIndex = 1; cornerIndex < surfacePatch.corners.length; cornerIndex++) {
-            context.lineTo(surfacePatch.corners[cornerIndex].x, surfacePatch.corners[cornerIndex].y);
-        }
-        context.closePath();
-        context.strokeStyle = surfacePatch.outlineColor;
-        context.lineWidth = Math.max(1, getProjectedQuadPerimeter(surfacePatch.corners) * 0.0044);
-        context.lineJoin = 'round';
-        context.stroke();
-        context.restore();
-    }
-    /**
-     * Creates the projected 3D tentacle strokes orbiting around the lower octopus body.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function createOctopusTentacleStrokes(options) {
-        const { createRandom, morphologyProfile, timeMs, size, center, radiusX, radiusY, radiusZ, rotationX, rotationY, sceneCenterX, sceneCenterY, animationPhase, } = options;
-        return Array.from({ length: morphologyProfile.tentacles.count }, (_, tentacleIndex) => {
-            const tentacleRandom = createRandom(`octopus3d-tentacle-${tentacleIndex}`);
-            const spreadProgress = morphologyProfile.tentacles.count === 1 ? 0.5 : tentacleIndex / (morphologyProfile.tentacles.count - 1);
-            const orbitAngle = -Math.PI * 0.92 + spreadProgress * Math.PI * 1.84 + (tentacleRandom() - 0.5) * 0.16;
-            const flowLength = size * (0.19 + morphologyProfile.tentacles.flowLengthScale * 0.075 + tentacleRandom() * 0.018);
-            const lateralReach = size *
-                (0.08 + morphologyProfile.tentacles.lateralReachScale * 0.05 + Math.abs(Math.sin(orbitAngle)) * 0.018);
-            const depthReach = size * (0.028 + morphologyProfile.tentacles.tipReachScale * 0.032);
-            const sway = Math.sin(timeMs / (760 + tentacleIndex * 36) + animationPhase + tentacleRandom() * Math.PI * 2);
-            const anchorPoint = {
-                x: Math.sin(orbitAngle) * radiusX * (0.84 + tentacleRandom() * 0.08),
-                y: radiusY * (0.22 + tentacleRandom() * 0.18),
-                z: Math.cos(orbitAngle) * radiusZ * (0.72 + tentacleRandom() * 0.12),
-            };
-            const controlPointOne = {
-                x: anchorPoint.x + Math.sin(orbitAngle) * lateralReach * 0.44,
-                y: anchorPoint.y + flowLength * 0.26,
-                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach * 0.3 + sway * size * 0.012,
-            };
-            const controlPointTwo = {
-                x: anchorPoint.x +
-                    Math.sin(orbitAngle) * lateralReach * (0.82 + morphologyProfile.tentacles.swayScale * 0.12),
-                y: anchorPoint.y + flowLength * 0.66,
-                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach * 0.72 + sway * size * 0.02,
-            };
-            const endPoint = {
-                x: anchorPoint.x +
-                    Math.sin(orbitAngle) * lateralReach * (1.02 + morphologyProfile.tentacles.tipWidthScale * 0.12) +
-                    sway * size * 0.028,
-                y: anchorPoint.y + flowLength,
-                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach + sway * size * 0.016,
-            };
-            const scenePoints = Array.from({ length: 12 }, (_, sampleIndex) => transformScenePoint(sampleCubicBezierPoint3D(anchorPoint, controlPointOne, controlPointTwo, endPoint, sampleIndex / 11), center, rotationX, rotationY));
-            const projectedPoints = scenePoints.map((scenePoint) => projectScenePoint(scenePoint, size, sceneCenterX, sceneCenterY));
-            const averageDepth = scenePoints.reduce((depthSum, scenePoint) => depthSum + scenePoint.z, 0) / scenePoints.length;
-            return {
-                projectedPoints,
-                averageDepth,
-                isFrontFacing: averageDepth >= center.z - size * 0.006,
-                baseWidth: size *
-                    (0.019 +
-                        morphologyProfile.tentacles.baseWidthScale * 0.007 +
-                        tentacleRandom() * 0.003 +
-                        Math.abs(Math.sin(orbitAngle)) * 0.002),
-                tipWidth: size * (0.0046 + morphologyProfile.tentacles.tipWidthScale * 0.0018),
-                colorBias: tentacleRandom(),
-            };
-        });
-    }
-    /**
-     * Samples one point on a cubic Bezier curve in 3D.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function sampleCubicBezierPoint3D(startPoint, controlPointOne, controlPointTwo, endPoint, progress) {
-        const inverseProgress = 1 - progress;
-        return {
-            x: inverseProgress * inverseProgress * inverseProgress * startPoint.x +
-                3 * inverseProgress * inverseProgress * progress * controlPointOne.x +
-                3 * inverseProgress * progress * progress * controlPointTwo.x +
-                progress * progress * progress * endPoint.x,
-            y: inverseProgress * inverseProgress * inverseProgress * startPoint.y +
-                3 * inverseProgress * inverseProgress * progress * controlPointOne.y +
-                3 * inverseProgress * progress * progress * controlPointTwo.y +
-                progress * progress * progress * endPoint.y,
-            z: inverseProgress * inverseProgress * inverseProgress * startPoint.z +
-                3 * inverseProgress * inverseProgress * progress * controlPointOne.z +
-                3 * inverseProgress * progress * progress * controlPointTwo.z +
-                progress * progress * progress * endPoint.z,
-        };
-    }
-    /**
-     * Draws one projected tentacle stroke with a slim highlight ridge.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function drawTentacleStroke(context, tentacleStroke, palette) {
-        const projectedSegments = tentacleStroke.projectedPoints.length - 1;
-        for (let segmentIndex = 0; segmentIndex < projectedSegments; segmentIndex++) {
-            const startPoint = tentacleStroke.projectedPoints[segmentIndex];
-            const endPoint = tentacleStroke.projectedPoints[segmentIndex + 1];
-            const progress = segmentIndex / projectedSegments;
-            const width = tentacleStroke.baseWidth + (tentacleStroke.tipWidth - tentacleStroke.baseWidth) * progress;
-            context.beginPath();
-            context.moveTo(startPoint.x, startPoint.y);
-            context.lineTo(endPoint.x, endPoint.y);
-            context.strokeStyle = tentacleStroke.colorBias > 0.6 ? `${palette.secondary}f0` : `${palette.primary}f0`;
-            context.lineWidth = width;
-            context.lineCap = 'round';
-            context.stroke();
-            context.beginPath();
-            context.moveTo(startPoint.x, startPoint.y);
-            context.lineTo(endPoint.x, endPoint.y);
-            context.strokeStyle = tentacleStroke.isFrontFacing ? `${palette.highlight}80` : `${palette.highlight}40`;
-            context.lineWidth = Math.max(1, width * 0.34);
-            context.lineCap = 'round';
-            context.stroke();
-        }
-    }
-    /**
-     * Resolves the front surface depth on an ellipsoid for one local face point.
-     *
-     * @private helper of `octopus3dAvatarVisual`
-     */
-    function resolveEllipsoidSurfaceDepth(radiusX, radiusY, radiusZ, x, y) {
-        const normalizedX = x / radiusX;
-        const normalizedY = y / radiusY;
-        const remainingDepthRatio = Math.max(0, 1 - normalizedX * normalizedX - normalizedY * normalizedY);
-        return Math.sqrt(remainingDepthRatio) * radiusZ;
-    }
-
     /* eslint-disable no-magic-numbers */
     /**
      * Light direction used by the single-mesh octopus shading.
      *
      * @private helper of `octopus3d2AvatarVisual`
      */
-    const LIGHT_DIRECTION$2 = normalizeVector3({
+    const LIGHT_DIRECTION$3 = normalizeVector3({
         x: 0.38,
         y: -0.6,
         z: 0.98,
@@ -24700,7 +24271,7 @@
                         transformedCorners[2].z +
                         transformedCorners[3].z) /
                         4,
-                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$2), -1, 1),
+                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$3), -1, 1),
                     fillStyle: resolveBlobbySurfacePatchFillStyle$1(palette, verticalProgress, Math.max(0, Math.cos(centerLongitude)), resolveLowerLobeWave(centerLongitude, morphologyProfile, animationPhase, timeMs)),
                     outlineColor: verticalProgress < 0.58 ? `${palette.highlight}73` : `${palette.shadow}8a`,
                 });
@@ -24815,7 +24386,7 @@
      *
      * @private helper of `octopus3d3AvatarVisual`
      */
-    const LIGHT_DIRECTION$1 = normalizeVector3({
+    const LIGHT_DIRECTION$2 = normalizeVector3({
         x: 0.34,
         y: -0.62,
         z: 1,
@@ -25122,7 +24693,7 @@
                         transformedCorners[2].z +
                         transformedCorners[3].z) /
                         4,
-                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$1), -1, 1),
+                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$2), -1, 1),
                     fillStyle: resolveContinuousSurfacePatchFillStyle(palette, verticalProgress, cachedCosByPatchCenterLongitude[longitudeIndex], cachedTentacleInfluencesByPatchCenterLongitude[longitudeIndex].core, cachedLobeWavesByPatchCenterLongitude[longitudeIndex]),
                     outlineColor: verticalProgress < 0.54 ? `${palette.highlight}69` : `${palette.shadow}78`,
                 });
@@ -25437,7 +25008,7 @@
      *
      * @private helper of `octopus3d4AvatarVisual`
      */
-    const LIGHT_DIRECTION = normalizeVector3({
+    const LIGHT_DIRECTION$1 = normalizeVector3({
         x: 0.32,
         y: -0.66,
         z: 1,
@@ -25783,7 +25354,7 @@
                     projectScenePoint(transformedCorners[2], size, sceneCenterX, sceneCenterY),
                     projectScenePoint(transformedCorners[3], size, sceneCenterX, sceneCenterY),
                 ];
-                const lightIntensity = clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION), -1, 1);
+                const lightIntensity = clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$1), -1, 1);
                 const rimLightIntensity = Math.pow(clampNumber$1(dotProduct3D(surfaceNormal, RIM_LIGHT_DIRECTION), 0, 1), 2.6);
                 surfacePatches.push({
                     corners: projectedCorners,
@@ -26182,6 +25753,445 @@
             .padStart(2, '0');
     }
 
+    /* eslint-disable no-magic-numbers */
+    /**
+     * Light direction used by the organic 3D octopus shading.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    const LIGHT_DIRECTION = normalizeVector3({
+        x: 0.48,
+        y: -0.62,
+        z: 0.94,
+    });
+    /**
+     * Cache keyed by the `createRandom` factory reference (stable per mounted `<Avatar/>`).
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    const octopus3dStableStateCache = new WeakMap();
+    /**
+     * Returns the stable per-avatar state, computing it on first access and caching for subsequent frames.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function getOctopus3dStableState(createRandom) {
+        const cached = octopus3dStableStateCache.get(createRandom);
+        if (cached !== undefined) {
+            return cached;
+        }
+        const animationRandom = createRandom('octopus3d-animation-profile');
+        const eyeRandom = createRandom('octopus3d-eye-profile');
+        const leftEyePhaseOffset = eyeRandom() * 0.6;
+        const rightEyePhaseOffset = eyeRandom() * 0.6;
+        const state = {
+            morphologyProfile: createOctopus3MorphologyProfile(createRandom),
+            animationPhase: animationRandom() * Math.PI * 2,
+            leftEyePhaseOffset,
+            rightEyePhaseOffset,
+        };
+        octopus3dStableStateCache.set(createRandom, state);
+        return state;
+    }
+    /**
+     * Proper 3D Octopus visual built from projected organic meshes and tentacles.
+     *
+     * @private built-in avatar visual
+     */
+    const octopus3dAvatarVisual = {
+        id: 'octopus3d',
+        title: 'Octopus 3D',
+        description: 'Proper 3D octopus portrait with a turning silhouette, expressive eyes, and depth-sorted tentacles.',
+        isAnimated: true,
+        supportsPointerTracking: true,
+        render({ context, size, palette, createRandom, timeMs, interaction }) {
+            const { morphologyProfile, animationPhase, leftEyePhaseOffset, rightEyePhaseOffset } = getOctopus3dStableState(createRandom);
+            const sceneCenterX = size * 0.5;
+            const sceneCenterY = size * 0.56;
+            const bob = Math.sin(timeMs / 920 + animationPhase) * size * 0.014;
+            const mantleCenter = {
+                x: interaction.bodyOffsetX * size * 0.042 + size * morphologyProfile.body.centerXJitterRatio * 0.65,
+                y: -size * 0.09 + interaction.bodyOffsetY * size * 0.028 + bob,
+                z: interaction.intensity * size * 0.012,
+            };
+            const underbodyCenter = {
+                x: mantleCenter.x * 0.86,
+                y: mantleCenter.y + size * 0.168,
+                z: mantleCenter.z - size * 0.018,
+            };
+            const mantleRadiusX = size * morphologyProfile.body.bodyRadiusRatio * morphologyProfile.body.horizontalStretch;
+            const mantleRadiusY = size * morphologyProfile.body.bodyRadiusRatio * morphologyProfile.body.verticalStretch * 1.1;
+            const mantleRadiusZ = size *
+                morphologyProfile.body.bodyRadiusRatio *
+                (0.9 + (morphologyProfile.body.horizontalStretch - 1) * 0.3);
+            const underbodyRadiusX = mantleRadiusX * (0.9 + (morphologyProfile.tentacles.rootSpreadScale - 1) * 0.08);
+            const underbodyRadiusY = mantleRadiusY * (0.44 + morphologyProfile.body.lowerDropRatio * 3.1);
+            const underbodyRadiusZ = mantleRadiusZ * 0.78;
+            const bodyYaw = -0.18 +
+                Math.sin(timeMs / 2400 + animationPhase) * 0.05 +
+                interaction.bodyOffsetX * 0.18 +
+                interaction.gazeX * 0.22;
+            const bodyPitch = -0.08 +
+                Math.cos(timeMs / 2700 + animationPhase * 0.6) * 0.025 -
+                interaction.bodyOffsetY * 0.08 -
+                interaction.gazeY * 0.08;
+            const headYaw = bodyYaw - 0.04 + interaction.gazeX * 0.56;
+            const headPitch = bodyPitch - 0.02 - interaction.gazeY * 0.32;
+            const mantlePatches = resolveVisibleEllipsoidPatches({
+                center: mantleCenter,
+                radiusX: mantleRadiusX,
+                radiusY: mantleRadiusY,
+                radiusZ: mantleRadiusZ,
+                rotationX: headPitch,
+                rotationY: headYaw,
+                sceneCenterX,
+                sceneCenterY,
+                size,
+                palette,
+                verticalColorBias: 0,
+                outlineColor: `${palette.highlight}7a`,
+            });
+            const underbodyPatches = resolveVisibleEllipsoidPatches({
+                center: underbodyCenter,
+                radiusX: underbodyRadiusX,
+                radiusY: underbodyRadiusY,
+                radiusZ: underbodyRadiusZ,
+                rotationX: bodyPitch,
+                rotationY: bodyYaw,
+                sceneCenterX,
+                sceneCenterY,
+                size,
+                palette,
+                verticalColorBias: 0.18,
+                outlineColor: `${palette.shadow}8f`,
+            });
+            const tentacleStrokes = createOctopusTentacleStrokes({
+                createRandom,
+                morphologyProfile,
+                timeMs,
+                size,
+                center: underbodyCenter,
+                radiusX: underbodyRadiusX,
+                radiusY: underbodyRadiusY,
+                radiusZ: underbodyRadiusZ,
+                rotationX: bodyPitch,
+                rotationY: bodyYaw,
+                sceneCenterX,
+                sceneCenterY,
+                animationPhase,
+            });
+            const faceEyeSpacing = size * morphologyProfile.face.eyeSpacingRatio * 0.92;
+            const faceEyeYOffset = size * morphologyProfile.face.eyeCenterYOffsetRatio - mantleRadiusY * 0.02;
+            const faceEyeRadiusX = size * morphologyProfile.face.eyeRadiusXRatio * 0.82;
+            const faceEyeRadiusY = faceEyeRadiusX * morphologyProfile.face.eyeHeightRatio * 0.96;
+            const mouthHalfWidth = size * morphologyProfile.face.mouthWidthRatio * 0.92;
+            const mouthY = size * morphologyProfile.face.mouthYOffsetRatio + mantleRadiusY * 0.08;
+            drawAvatarFrame(context, size, palette);
+            drawOctopus3dAtmosphere(context, size, palette, sceneCenterX, sceneCenterY, interaction, timeMs);
+            drawOctopus3dShadow(context, size, palette, interaction, timeMs);
+            for (const tentacleStroke of tentacleStrokes.filter((candidateTentacleStroke) => !candidateTentacleStroke.isFrontFacing)) {
+                drawTentacleStroke(context, tentacleStroke, palette);
+            }
+            for (const surfacePatch of [...mantlePatches, ...underbodyPatches].sort((firstSurfacePatch, secondSurfacePatch) => firstSurfacePatch.averageDepth - secondSurfacePatch.averageDepth)) {
+                drawSurfacePatch(context, surfacePatch);
+            }
+            for (const tentacleStroke of tentacleStrokes.filter((candidateTentacleStroke) => candidateTentacleStroke.isFrontFacing)) {
+                drawTentacleStroke(context, tentacleStroke, palette);
+            }
+            drawProjectedOrganicEye(context, {
+                x: -faceEyeSpacing,
+                y: faceEyeYOffset,
+                z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, -faceEyeSpacing, faceEyeYOffset),
+            }, faceEyeRadiusX, faceEyeRadiusY, mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, size, palette, timeMs, animationPhase + leftEyePhaseOffset, interaction, morphologyProfile.face.eyeStyle);
+            drawProjectedOrganicEye(context, {
+                x: faceEyeSpacing,
+                y: faceEyeYOffset,
+                z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, faceEyeSpacing, faceEyeYOffset),
+            }, faceEyeRadiusX, faceEyeRadiusY, mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, size, palette, timeMs, animationPhase + 0.7 + rightEyePhaseOffset, interaction, morphologyProfile.face.eyeStyle);
+            drawProjectedOrganicMouth(context, [
+                {
+                    x: -mouthHalfWidth,
+                    y: mouthY,
+                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, -mouthHalfWidth, mouthY),
+                },
+                {
+                    x: size * morphologyProfile.face.mouthCenterOffsetRatio,
+                    y: mouthY +
+                        size * morphologyProfile.face.mouthCurveDepthRatio * 0.38 +
+                        Math.sin(timeMs / 760 + animationPhase) * size * 0.01 +
+                        interaction.gazeY * size * 0.01,
+                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, size * morphologyProfile.face.mouthCenterOffsetRatio, mouthY),
+                },
+                {
+                    x: mouthHalfWidth,
+                    y: mouthY,
+                    z: resolveEllipsoidSurfaceDepth(mantleRadiusX, mantleRadiusY, mantleRadiusZ, mouthHalfWidth, mouthY),
+                },
+            ], mantleCenter, headPitch, headYaw, sceneCenterX, sceneCenterY, palette, size);
+        },
+    };
+    /**
+     * Draws the atmospheric underwater glow behind the octopus mesh.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function drawOctopus3dAtmosphere(context, size, palette, sceneCenterX, sceneCenterY, interaction, timeMs) {
+        const glowGradient = context.createRadialGradient(sceneCenterX + interaction.gazeX * size * 0.1, sceneCenterY - size * 0.2 + interaction.gazeY * size * 0.05, size * 0.04, sceneCenterX, sceneCenterY - size * 0.04, size * 0.62);
+        glowGradient.addColorStop(0, `${palette.highlight}5c`);
+        glowGradient.addColorStop(0.36, `${palette.accent}24`);
+        glowGradient.addColorStop(1, `${palette.highlight}00`);
+        context.fillStyle = glowGradient;
+        context.fillRect(0, 0, size, size);
+        const lowerGradient = context.createRadialGradient(sceneCenterX + Math.sin(timeMs / 1700) * size * 0.05, sceneCenterY + size * 0.23, size * 0.08, sceneCenterX, sceneCenterY + size * 0.28, size * 0.5);
+        lowerGradient.addColorStop(0, `${palette.secondary}1d`);
+        lowerGradient.addColorStop(1, `${palette.secondary}00`);
+        context.fillStyle = lowerGradient;
+        context.fillRect(0, 0, size, size);
+    }
+    /**
+     * Draws the soft ground shadow below the octopus.
+     *
+     * Uses a scaled radial gradient instead of `context.filter = 'blur()'` to approximate the
+     * blurry ellipse without triggering a costly software rasterization pass on every frame.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function drawOctopus3dShadow(context, size, palette, interaction, timeMs) {
+        const cx = size * 0.5 + interaction.gazeX * size * 0.04;
+        const cy = size * 0.87 + Math.sin(timeMs / 920) * size * 0.008;
+        const rx = size * (0.18 + interaction.intensity * 0.02);
+        const ry = size * 0.06;
+        context.save();
+        context.translate(cx, cy);
+        context.scale(1, ry / rx);
+        const blurRadius = rx * 1.4;
+        const shadowGradient = context.createRadialGradient(0, 0, 0, 0, 0, blurRadius);
+        shadowGradient.addColorStop(0, `${palette.shadow}7a`);
+        shadowGradient.addColorStop(0.45, `${palette.shadow}44`);
+        shadowGradient.addColorStop(0.8, `${palette.shadow}1a`);
+        shadowGradient.addColorStop(1, `${palette.shadow}00`);
+        context.fillStyle = shadowGradient;
+        context.beginPath();
+        context.arc(0, 0, blurRadius, 0, Math.PI * 2);
+        context.fill();
+        context.restore();
+    }
+    /**
+     * Resolves visible projected patches for one rotated ellipsoid mesh.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function resolveVisibleEllipsoidPatches(options) {
+        const { center, radiusX, radiusY, radiusZ, rotationX, rotationY, sceneCenterX, sceneCenterY, size, palette, verticalColorBias, outlineColor, } = options;
+        const latitudePatchCount = 10;
+        const longitudePatchCount = 18;
+        const surfacePatches = [];
+        for (let latitudeIndex = 0; latitudeIndex < latitudePatchCount; latitudeIndex++) {
+            const startLatitude = -Math.PI / 2 + (latitudeIndex / latitudePatchCount) * Math.PI;
+            const endLatitude = -Math.PI / 2 + ((latitudeIndex + 1) / latitudePatchCount) * Math.PI;
+            const verticalProgress = (latitudeIndex + 0.5) / latitudePatchCount;
+            for (let longitudeIndex = 0; longitudeIndex < longitudePatchCount; longitudeIndex++) {
+                const startLongitude = -Math.PI + (longitudeIndex / longitudePatchCount) * Math.PI * 2;
+                const endLongitude = -Math.PI + ((longitudeIndex + 1) / longitudePatchCount) * Math.PI * 2;
+                const localCorners = [
+                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, startLatitude, startLongitude),
+                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, startLatitude, endLongitude),
+                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, endLatitude, endLongitude),
+                    sampleEllipsoidPoint(radiusX, radiusY, radiusZ, endLatitude, startLongitude),
+                ];
+                const transformedCorners = localCorners.map((localCorner) => transformScenePoint(localCorner, center, rotationX, rotationY));
+                const surfaceNormal = normalizeVector3(crossProduct3D(subtractPoint3D(transformedCorners[1], transformedCorners[0]), subtractPoint3D(transformedCorners[2], transformedCorners[0])));
+                if (surfaceNormal.z <= 0.01) {
+                    continue;
+                }
+                const projectedCorners = transformedCorners.map((transformedCorner) => projectScenePoint(transformedCorner, size, sceneCenterX, sceneCenterY));
+                surfacePatches.push({
+                    corners: projectedCorners,
+                    averageDepth: transformedCorners.reduce((depthSum, transformedCorner) => depthSum + transformedCorner.z, 0) /
+                        transformedCorners.length,
+                    lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION), -1, 1),
+                    fillStyle: resolveSurfacePatchFillStyle(palette, verticalProgress + verticalColorBias),
+                    outlineColor,
+                });
+            }
+        }
+        return surfacePatches;
+    }
+    /**
+     * Samples one point on an ellipsoid aligned to the local axes.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function sampleEllipsoidPoint(radiusX, radiusY, radiusZ, latitude, longitude) {
+        const cosineLatitude = Math.cos(latitude);
+        return {
+            x: Math.sin(longitude) * cosineLatitude * radiusX,
+            y: Math.sin(latitude) * radiusY,
+            z: Math.cos(longitude) * cosineLatitude * radiusZ,
+        };
+    }
+    /**
+     * Resolves one base fill tone for a surface patch across the octopus body.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function resolveSurfacePatchFillStyle(palette, verticalProgress) {
+        const clampedVerticalProgress = clampNumber$1(verticalProgress, 0, 1);
+        if (clampedVerticalProgress < 0.2) {
+            return palette.highlight;
+        }
+        if (clampedVerticalProgress < 0.45) {
+            return palette.secondary;
+        }
+        if (clampedVerticalProgress < 0.8) {
+            return palette.primary;
+        }
+        return `${palette.shadow}f2`;
+    }
+    /**
+     * Draws one projected mesh patch with organic shading.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function drawSurfacePatch(context, surfacePatch) {
+        drawProjectedQuad(context, surfacePatch.corners, surfacePatch.fillStyle);
+        if (surfacePatch.lightIntensity > 0) {
+            drawProjectedQuad(context, surfacePatch.corners, `rgba(255, 255, 255, ${0.15 * surfacePatch.lightIntensity})`);
+        }
+        else if (surfacePatch.lightIntensity < 0) {
+            drawProjectedQuad(context, surfacePatch.corners, `rgba(0, 0, 0, ${0.24 * Math.abs(surfacePatch.lightIntensity)})`);
+        }
+        context.save();
+        context.beginPath();
+        context.moveTo(surfacePatch.corners[0].x, surfacePatch.corners[0].y);
+        for (let cornerIndex = 1; cornerIndex < surfacePatch.corners.length; cornerIndex++) {
+            context.lineTo(surfacePatch.corners[cornerIndex].x, surfacePatch.corners[cornerIndex].y);
+        }
+        context.closePath();
+        context.strokeStyle = surfacePatch.outlineColor;
+        context.lineWidth = Math.max(1, getProjectedQuadPerimeter(surfacePatch.corners) * 0.0044);
+        context.lineJoin = 'round';
+        context.stroke();
+        context.restore();
+    }
+    /**
+     * Creates the projected 3D tentacle strokes orbiting around the lower octopus body.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function createOctopusTentacleStrokes(options) {
+        const { createRandom, morphologyProfile, timeMs, size, center, radiusX, radiusY, radiusZ, rotationX, rotationY, sceneCenterX, sceneCenterY, animationPhase, } = options;
+        return Array.from({ length: morphologyProfile.tentacles.count }, (_, tentacleIndex) => {
+            const tentacleRandom = createRandom(`octopus3d-tentacle-${tentacleIndex}`);
+            const spreadProgress = morphologyProfile.tentacles.count === 1 ? 0.5 : tentacleIndex / (morphologyProfile.tentacles.count - 1);
+            const orbitAngle = -Math.PI * 0.92 + spreadProgress * Math.PI * 1.84 + (tentacleRandom() - 0.5) * 0.16;
+            const flowLength = size * (0.19 + morphologyProfile.tentacles.flowLengthScale * 0.075 + tentacleRandom() * 0.018);
+            const lateralReach = size *
+                (0.08 + morphologyProfile.tentacles.lateralReachScale * 0.05 + Math.abs(Math.sin(orbitAngle)) * 0.018);
+            const depthReach = size * (0.028 + morphologyProfile.tentacles.tipReachScale * 0.032);
+            const sway = Math.sin(timeMs / (760 + tentacleIndex * 36) + animationPhase + tentacleRandom() * Math.PI * 2);
+            const anchorPoint = {
+                x: Math.sin(orbitAngle) * radiusX * (0.84 + tentacleRandom() * 0.08),
+                y: radiusY * (0.22 + tentacleRandom() * 0.18),
+                z: Math.cos(orbitAngle) * radiusZ * (0.72 + tentacleRandom() * 0.12),
+            };
+            const controlPointOne = {
+                x: anchorPoint.x + Math.sin(orbitAngle) * lateralReach * 0.44,
+                y: anchorPoint.y + flowLength * 0.26,
+                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach * 0.3 + sway * size * 0.012,
+            };
+            const controlPointTwo = {
+                x: anchorPoint.x +
+                    Math.sin(orbitAngle) * lateralReach * (0.82 + morphologyProfile.tentacles.swayScale * 0.12),
+                y: anchorPoint.y + flowLength * 0.66,
+                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach * 0.72 + sway * size * 0.02,
+            };
+            const endPoint = {
+                x: anchorPoint.x +
+                    Math.sin(orbitAngle) * lateralReach * (1.02 + morphologyProfile.tentacles.tipWidthScale * 0.12) +
+                    sway * size * 0.028,
+                y: anchorPoint.y + flowLength,
+                z: anchorPoint.z + Math.cos(orbitAngle) * depthReach + sway * size * 0.016,
+            };
+            const scenePoints = Array.from({ length: 12 }, (_, sampleIndex) => transformScenePoint(sampleCubicBezierPoint3D(anchorPoint, controlPointOne, controlPointTwo, endPoint, sampleIndex / 11), center, rotationX, rotationY));
+            const projectedPoints = scenePoints.map((scenePoint) => projectScenePoint(scenePoint, size, sceneCenterX, sceneCenterY));
+            const averageDepth = scenePoints.reduce((depthSum, scenePoint) => depthSum + scenePoint.z, 0) / scenePoints.length;
+            return {
+                projectedPoints,
+                averageDepth,
+                isFrontFacing: averageDepth >= center.z - size * 0.006,
+                baseWidth: size *
+                    (0.019 +
+                        morphologyProfile.tentacles.baseWidthScale * 0.007 +
+                        tentacleRandom() * 0.003 +
+                        Math.abs(Math.sin(orbitAngle)) * 0.002),
+                tipWidth: size * (0.0046 + morphologyProfile.tentacles.tipWidthScale * 0.0018),
+                colorBias: tentacleRandom(),
+            };
+        });
+    }
+    /**
+     * Samples one point on a cubic Bezier curve in 3D.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function sampleCubicBezierPoint3D(startPoint, controlPointOne, controlPointTwo, endPoint, progress) {
+        const inverseProgress = 1 - progress;
+        return {
+            x: inverseProgress * inverseProgress * inverseProgress * startPoint.x +
+                3 * inverseProgress * inverseProgress * progress * controlPointOne.x +
+                3 * inverseProgress * progress * progress * controlPointTwo.x +
+                progress * progress * progress * endPoint.x,
+            y: inverseProgress * inverseProgress * inverseProgress * startPoint.y +
+                3 * inverseProgress * inverseProgress * progress * controlPointOne.y +
+                3 * inverseProgress * progress * progress * controlPointTwo.y +
+                progress * progress * progress * endPoint.y,
+            z: inverseProgress * inverseProgress * inverseProgress * startPoint.z +
+                3 * inverseProgress * inverseProgress * progress * controlPointOne.z +
+                3 * inverseProgress * progress * progress * controlPointTwo.z +
+                progress * progress * progress * endPoint.z,
+        };
+    }
+    /**
+     * Draws one projected tentacle stroke with a slim highlight ridge.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function drawTentacleStroke(context, tentacleStroke, palette) {
+        const projectedSegments = tentacleStroke.projectedPoints.length - 1;
+        for (let segmentIndex = 0; segmentIndex < projectedSegments; segmentIndex++) {
+            const startPoint = tentacleStroke.projectedPoints[segmentIndex];
+            const endPoint = tentacleStroke.projectedPoints[segmentIndex + 1];
+            const progress = segmentIndex / projectedSegments;
+            const width = tentacleStroke.baseWidth + (tentacleStroke.tipWidth - tentacleStroke.baseWidth) * progress;
+            context.beginPath();
+            context.moveTo(startPoint.x, startPoint.y);
+            context.lineTo(endPoint.x, endPoint.y);
+            context.strokeStyle = tentacleStroke.colorBias > 0.6 ? `${palette.secondary}f0` : `${palette.primary}f0`;
+            context.lineWidth = width;
+            context.lineCap = 'round';
+            context.stroke();
+            context.beginPath();
+            context.moveTo(startPoint.x, startPoint.y);
+            context.lineTo(endPoint.x, endPoint.y);
+            context.strokeStyle = tentacleStroke.isFrontFacing ? `${palette.highlight}80` : `${palette.highlight}40`;
+            context.lineWidth = Math.max(1, width * 0.34);
+            context.lineCap = 'round';
+            context.stroke();
+        }
+    }
+    /**
+     * Resolves the front surface depth on an ellipsoid for one local face point.
+     *
+     * @private helper of `octopus3dAvatarVisual`
+     */
+    function resolveEllipsoidSurfaceDepth(radiusX, radiusY, radiusZ, x, y) {
+        const normalizedX = x / radiusX;
+        const normalizedY = y / radiusY;
+        const remainingDepthRatio = Math.max(0, 1 - normalizedX * normalizedX - normalizedY * normalizedY);
+        return Math.sqrt(remainingDepthRatio) * radiusZ;
+    }
+
     /* eslint-disable no-magic-numbers */
     /**
      * Octopus avatar visual.
@@ -27002,14 +27012,14 @@
     /**
      * META AVATAR commitment definition
      *
-     * The `META AVATAR` commitment sets the built-in default avatar visual used when
-     * the agent does not provide an explicit `META IMAGE`.
+     * The `META AVATAR` and `META VISUAL` commitments set the built-in default avatar visual
+     * used when the agent does not provide an explicit `META IMAGE`.
      *
      * @private [🪔] Maybe export the commitments through some package
      */
     class MetaAvatarCommitmentDefinition extends BaseCommitmentDefinition {
-        constructor() {
-            super('META AVATAR');
+        constructor(type = 'META AVATAR') {
+            super(type);
         }
         /**
          * Short one-line description of META AVATAR.
@@ -27029,14 +27039,15 @@
         get documentation() {
             const supportedVisuals = AVATAR_VISUALS.map((avatarVisual) => `\`${avatarVisual.id}\``).join(', ');
             return _spaceTrim.spaceTrim(`
-            # META AVATAR
+            # ${this.type}
 
             Sets the built-in avatar visual used for the agent when no explicit \`META IMAGE\` is provided.
+            \`META AVATAR\` and \`META VISUAL\` are equivalent.
 
             ## Key aspects
 
             - Does not modify the agent's behavior or responses.
-            - Only one \`META AVATAR\` should be used per agent.
+            - Only one \`META AVATAR\` or \`META VISUAL\` should be used per agent.
             - If multiple are specified, the last one takes precedence.
             - Values are matched case-insensitively and spaces, hyphens, and underscores are normalized.
             - Supported visuals are derived from the shared avatar registry: ${supportedVisuals}.
@@ -27051,15 +27062,15 @@
             \`\`\`
 
             \`\`\`book
-            Orb Assistant
+            Minecraft Assistant
 
-            META AVATAR orb
+            META VISUAL Minecraft2
             GOAL Answer in a calm and focused way.
             \`\`\`
         `);
         }
         applyToAgentModelRequirements(requirements, content) {
-            // META AVATAR doesn't modify the system message or model requirements.
+            // META AVATAR and META VISUAL don't modify the system message or model requirements.
             // It's handled separately in the parsing logic for profile avatar resolution.
             return requirements;
         }
@@ -27633,6 +27644,68 @@
     }
     // Note: [💞] Ignore a discrepancy between file name and entity name
 
+    /**
+     * META THINKING MESSAGE commitment definition.
+     *
+     * The `META THINKING MESSAGE` commitment adds one custom thinking placeholder
+     * variant used by chat UIs while an agent is composing a reply.
+     *
+     * @private Metadata-only commitment used by Agents Server chat UIs.
+     */
+    class MetaThinkingMessageCommitmentDefinition extends BaseCommitmentDefinition {
+        constructor() {
+            super('META THINKING MESSAGE');
+        }
+        /**
+         * Short one-line description of META THINKING MESSAGE.
+         */
+        get description() {
+            return 'Add a custom thinking placeholder shown while the agent replies.';
+        }
+        /**
+         * Icon for this commitment.
+         */
+        get icon() {
+            return '💭';
+        }
+        /**
+         * Markdown documentation for META THINKING MESSAGE commitment.
+         */
+        get documentation() {
+            return _spaceTrim.spaceTrim(`
+            # META THINKING MESSAGE
+
+            Adds one custom placeholder variant shown while the agent is composing a reply.
+
+            ## Key aspects
+
+            - Does not modify model behavior, system message, or tools.
+            - Multiple \`META THINKING MESSAGE\` commitments define multiple variants.
+            - Chat UIs randomly rotate between the configured variants while the reply is running.
+            - When no non-empty variants are configured, the server-level \`THINKING_MESSAGES\` metadata is used.
+            - Supports multiline markdown content.
+
+            ## Example
+
+            \`\`\`book
+            Helpful Assistant
+
+            META THINKING MESSAGE Thinking...
+            META THINKING MESSAGE Processing...
+            META THINKING MESSAGE
+
+            Doing
+            extra **hard** work
+            \`\`\`
+        `);
+        }
+        applyToAgentModelRequirements(requirements, content) {
+            // META THINKING MESSAGE is metadata only and does not alter model requirements.
+            return requirements;
+        }
+    }
+    // Note: [💞] Ignore a discrepancy between file name and entity name
+
     /**
      * META VISIBILITY commitment definition.
      *
@@ -29711,6 +29784,7 @@
               1. **One-shot URL fetching**: Simple function to fetch and scrape URL content (active)
               2. **Running browser**: For complex tasks like scrolling, clicking, form filling, etc. (runtime-dependent)
             - The actual browser tool usage is handled by the agent runtime
+            - On the Agents Server, every agent browses in its own persistent isolated browser profile, so cookies and logged-in sessions survive across chats (the profile is linked from the agent wallet)
             - Allows the agent to fetch current information from websites and documents
             - Useful for research tasks, fact-checking, and accessing dynamic content
             - Supports various content types including HTML pages and PDF documents
@@ -36200,6 +36274,7 @@
         new ActionCommitmentDefinition('ACTIONS'),
         new ComponentCommitmentDefinition(),
         new MetaAvatarCommitmentDefinition(),
+        new MetaAvatarCommitmentDefinition('META VISUAL'),
         new MetaImageCommitmentDefinition(),
         new MetaColorCommitmentDefinition(),
         new MetaFontCommitmentDefinition(),
@@ -36207,6 +36282,7 @@
         new MetaDomainCommitmentDefinition(),
         new MetaDisclaimerCommitmentDefinition(),
         new MetaInputPlaceholderCommitmentDefinition(),
+        new MetaThinkingMessageCommitmentDefinition(),
         new MetaVisibilityCommitmentDefinition(),
         new MetaCommitmentDefinition(),
         new MetaVoiceCommitmentDefinition(),
@@ -37551,12 +37627,14 @@
      */
     const META_COMMITMENT_APPLIERS = {
         'META AVATAR': applyMetaAvatarContent,
+        'META VISUAL': applyMetaAvatarContent,
         'META LINK': applyMetaLinkContent,
         'META DOMAIN': applyMetaDomainContent,
         'META IMAGE': applyMetaImageContent,
         'META DESCRIPTION': applyMetaDescriptionContent,
         'META DISCLAIMER': applyMetaDisclaimerContent,
         'META INPUT PLACEHOLDER': applyMetaInputPlaceholderContent,
+        'META THINKING MESSAGE': applyMetaThinkingMessageContent,
         'MESSAGE SUFFIX': applyMessageSuffixContent,
         'META COLOR': applyMetaColorContent,
         'META FONT': applyMetaFontContent,
@@ -37599,7 +37677,7 @@
         state.meta[metaType] = metaValue;
     }
     /**
-     * Applies META AVATAR content into the canonical `meta.avatar` field.
+     * Applies META AVATAR / META VISUAL content into the canonical `meta.avatar` field.
      */
     function applyMetaAvatarContent(state, content) {
         const avatarVisualId = resolveAvatarVisualId(content);
@@ -37647,6 +37725,16 @@
     function applyMetaInputPlaceholderContent(state, content) {
         state.meta.inputPlaceholder = _spaceTrim.spaceTrim(content);
     }
+    /**
+     * Applies one META THINKING MESSAGE content block into the custom thinking-message variants.
+     */
+    function applyMetaThinkingMessageContent(state, content) {
+        const thinkingMessage = _spaceTrim.spaceTrim(content);
+        if (!thinkingMessage) {
+            return;
+        }
+        state.thinkingMessages = [...(state.thinkingMessages || []), thinkingMessage];
+    }
     /**
      * Applies MESSAGE SUFFIX content into the canonical `meta.messageSuffix` field.
      */
@@ -38015,6 +38103,7 @@
             capabilities: [],
             samples: [],
             knowledgeSources: [],
+            thinkingMessages: [],
             pendingUserMessage: null,
             knownKnowledgeSourceUrls: new Set(),
         };
@@ -38027,6 +38116,7 @@
             capabilities: state.capabilities,
             samples: state.samples,
             knowledgeSources: state.knowledgeSources,
+            thinkingMessages: state.thinkingMessages,
         };
     }
     /**
@@ -38066,6 +38156,7 @@
             permanentId: parsedProfile.meta.id,
             personaDescription,
             initialMessage,
+            thinkingMessages: parsedProfile.thinkingMessages,
             meta: parsedProfile.meta,
             links: parsedProfile.links,
             parameters: parseParameters(agentSource),
@@ -40995,7 +41086,7 @@
      *
      * @private within the repository
      */
-    function locateApp(options) {
+    async function locateApp(options) {
         if (!$isRunningInNode()) {
             throw new EnvironmentMismatchError('Locating apps works only in Node.js environment');
         }
@@ -41140,61 +41231,41 @@
      */
     let $usedEnvFilename = null;
     /**
-     * Pass the `.env` file which was used to configure LLM tools
-     *
-     * Note: `$` is used to indicate that this variable is making side effect
+     * Shared state for the `.env` file used to configure LLM tools.
      *
-     * @private internal log of `$provideLlmToolsConfigurationFromEnv` and `$registeredLlmToolsMessage`
+     * @private internal state of `$registeredLlmToolsMessage`
      */
-    function $setUsedEnvFilename(filepath) {
-        $usedEnvFilename = filepath;
-    }
-    /**
-     * Creates a message with all registered LLM tools
-     *
-     * Note: This function is used to create a (error) message when there is no constructor for some LLM provider
-     *
-     * @private internal function of `createLlmToolsFromConfiguration` and `$provideLlmToolsFromEnv`
-     */
-    function $registeredLlmToolsMessage() {
-        const registeredLlmToolsMessageContext = createRegisteredLlmToolsMessageContext();
-        if (registeredLlmToolsMessageContext.llmToolStatuses.length === 0) {
-            return renderNoRegisteredLlmToolsMessage(registeredLlmToolsMessageContext.usedEnvMessage);
-        }
-        return renderRegisteredLlmToolsMessage(registeredLlmToolsMessageContext);
-    }
-    /**
-     * Collects all state needed to render the provider summary.
-     *
-     * @private internal function of `$registeredLlmToolsMessage`
-     */
-    function createRegisteredLlmToolsMessageContext() {
-        const isRunningInNode = $isRunningInNode();
-        const env = getAvailableEnvironmentVariables(isRunningInNode);
-        const registeredLlmToolRegisters = getRegisteredLlmToolRegisters();
-        return {
-            env,
-            llmToolStatuses: listRegisteredLlmToolStatuses(registeredLlmToolRegisters, env),
-            usedEnvMessage: createUsedEnvMessage(),
-            isRunningInNode,
-        };
-    }
+    const USED_ENV_FILENAME = {
+        set(filepath) {
+            $usedEnvFilename = filepath;
+        },
+        createMessage() {
+            return $usedEnvFilename === null
+                ? `Unknown \`.env\` file`
+                : _spaceTrim.spaceTrim(`
+                  Used \`.env\` file:
+                  ${$usedEnvFilename}
+              `);
+        },
+    };
+
     /**
      * Reads environment variables relevant for provider configuration.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function getAvailableEnvironmentVariables(isRunningInNode) {
+    function getAvailableRegisteredLlmToolsEnvironmentVariables(isRunningInNode) {
         if (isRunningInNode) {
             return process.env;
             // <- TODO: [⚛] Some DRY way how to get to `process.env` and pass it into functions - ACRY search for `env`
         }
         return {};
     }
+
     /**
      * Takes stable snapshots of both LLM provider registers.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function getRegisteredLlmToolRegisters() {
         return {
@@ -41202,62 +41273,30 @@
             registeredTools: $llmToolsRegister.list(),
         };
     }
-    /**
-     * Lists provider entries enriched with installation and configuration state.
-     *
-     * @private internal function of `$registeredLlmToolsMessage`
-     */
-    function listRegisteredLlmToolStatuses({ registeredMetadata, registeredTools }, env) {
-        return listRegisteredLlmToolEntries(registeredMetadata, registeredTools).map((registeredLlmToolEntry) => createRegisteredLlmToolStatus({ registeredLlmToolEntry, registeredMetadata, registeredTools, env }));
-    }
-    /**
-     * Merges provider entries from the metadata and constructor registers.
-     *
-     * @private internal function of `$registeredLlmToolsMessage`
-     */
-    function listRegisteredLlmToolEntries(registeredMetadata, registeredTools) {
-        const registeredLlmToolEntries = new Map();
-        for (const { title, packageName, className, envVariables } of registeredMetadata) {
-            addRegisteredLlmToolEntry(registeredLlmToolEntries, { title, packageName, className, envVariables });
-        }
-        for (const { packageName, className } of registeredTools) {
-            addRegisteredLlmToolEntry(registeredLlmToolEntries, { packageName, className });
-        }
-        return [...registeredLlmToolEntries.values()];
-    }
-    /**
-     * Adds a provider entry only when the provider is not already present.
-     *
-     * @private internal function of `$registeredLlmToolsMessage`
-     */
-    function addRegisteredLlmToolEntry(registeredLlmToolEntries, registeredLlmToolEntry) {
-        const registeredLlmToolEntryKey = createRegisteredLlmToolEntryKey(registeredLlmToolEntry);
-        if (registeredLlmToolEntries.has(registeredLlmToolEntryKey)) {
-            return;
-        }
-        registeredLlmToolEntries.set(registeredLlmToolEntryKey, registeredLlmToolEntry);
-    }
+
     /**
      * Creates a deduplication key for a provider entry.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function createRegisteredLlmToolEntryKey({ packageName, className }) {
         return `${packageName}::${className}`;
     }
+
     /**
      * Checks whether the given provider entry already exists in the target register list.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function hasRegisteredLlmToolEntry(registeredLlmToolEntries, registeredLlmToolEntry) {
         const registeredLlmToolEntryKey = createRegisteredLlmToolEntryKey(registeredLlmToolEntry);
         return registeredLlmToolEntries.some((listedRegisteredLlmToolEntry) => createRegisteredLlmToolEntryKey(listedRegisteredLlmToolEntry) === registeredLlmToolEntryKey);
     }
+
     /**
      * Builds the runtime status for one provider entry.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function createRegisteredLlmToolStatus({ registeredLlmToolEntry, registeredMetadata, registeredTools, env, }) {
         const availabilityStatus = createRegisteredLlmToolAvailabilityStatus(registeredLlmToolEntry, registeredMetadata, registeredTools);
@@ -41271,7 +41310,7 @@
     /**
      * Resolves whether the provider has metadata and a registered constructor.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function createRegisteredLlmToolAvailabilityStatus(registeredLlmToolEntry, registeredMetadata, registeredTools) {
         return {
@@ -41282,7 +41321,7 @@
     /**
      * Resolves whether the provider has enough environment variables to be configured.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function createRegisteredLlmToolConfigurationStatus({ envVariables }, env) {
         return {
@@ -41293,7 +41332,7 @@
     /**
      * Checks whether all required environment variables are present for a provider.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function isRegisteredLlmToolFullyConfigured(envVariables, env) {
         if (envVariables === undefined || envVariables === null) {
@@ -41304,7 +41343,7 @@
     /**
      * Checks whether at least one required environment variable is present for a provider.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
     function isRegisteredLlmToolPartiallyConfigured(envVariables, env) {
         if (envVariables === undefined || envVariables === null) {
@@ -41312,109 +41351,128 @@
         }
         return envVariables.some((envVariableName) => env[envVariableName] !== undefined);
     }
+
     /**
-     * Renders the fallback message for environments with no registered providers.
+     * Merges provider entries from the metadata and constructor registers.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function renderNoRegisteredLlmToolsMessage(usedEnvMessage) {
-        return _spaceTrim.spaceTrim((block) => `
-            No LLM providers are available.
-
-            ${block(usedEnvMessage)}
-      `);
+    function listRegisteredLlmToolEntries(registeredMetadata, registeredTools) {
+        const registeredLlmToolEntries = new Map();
+        for (const { title, packageName, className, envVariables } of registeredMetadata) {
+            addRegisteredLlmToolEntry(registeredLlmToolEntries, { title, packageName, className, envVariables });
+        }
+        for (const { packageName, className } of registeredTools) {
+            addRegisteredLlmToolEntry(registeredLlmToolEntries, { packageName, className });
+        }
+        return [...registeredLlmToolEntries.values()];
     }
     /**
-     * Renders the full provider status summary.
+     * Adds a provider entry only when the provider is not already present.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function renderRegisteredLlmToolsMessage({ env, llmToolStatuses, usedEnvMessage, isRunningInNode, }) {
-        return _spaceTrim.spaceTrim((block) => `
-
-            ${block(usedEnvMessage)}
-
-            Relevant environment variables:
-            ${block(renderRelevantEnvironmentVariables(env, llmToolStatuses))}
-
-            Available LLM providers are:
-            ${block(renderAvailableProviders(llmToolStatuses, env, isRunningInNode))}
-        `);
+    function addRegisteredLlmToolEntry(registeredLlmToolEntries, registeredLlmToolEntry) {
+        const registeredLlmToolEntryKey = createRegisteredLlmToolEntryKey(registeredLlmToolEntry);
+        if (registeredLlmToolEntries.has(registeredLlmToolEntryKey)) {
+            return;
+        }
+        registeredLlmToolEntries.set(registeredLlmToolEntryKey, registeredLlmToolEntry);
     }
+
     /**
-     * Renders the list of environment variables used by at least one registered provider.
+     * Lists provider entries enriched with installation and configuration state.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function renderRelevantEnvironmentVariables(env, llmToolStatuses) {
-        return listRelevantEnvironmentVariables(env, llmToolStatuses)
-            .map((envVariableName) => `- \`${envVariableName}\``)
-            .join('\n');
+    function listRegisteredLlmToolStatuses({ registeredMetadata, registeredTools }, env) {
+        return listRegisteredLlmToolEntries(registeredMetadata, registeredTools).map((registeredLlmToolEntry) => createRegisteredLlmToolStatus({ registeredLlmToolEntry, registeredMetadata, registeredTools, env }));
     }
+
     /**
-     * Lists environment variables that are both present and used by at least one provider.
+     * Collects all state needed to render the provider summary.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function listRelevantEnvironmentVariables(env, llmToolStatuses) {
-        return Object.keys(env).filter((envVariableName) => llmToolStatuses.some(({ envVariables }) => envVariables === null || envVariables === void 0 ? void 0 : envVariables.includes(envVariableName)));
+    function createRegisteredLlmToolsMessageContext() {
+        const isRunningInNode = $isRunningInNode();
+        const env = getAvailableRegisteredLlmToolsEnvironmentVariables(isRunningInNode);
+        const registeredLlmToolRegisters = getRegisteredLlmToolRegisters();
+        return {
+            env,
+            llmToolStatuses: listRegisteredLlmToolStatuses(registeredLlmToolRegisters, env),
+            usedEnvMessage: USED_ENV_FILENAME.createMessage(),
+            isRunningInNode,
+        };
     }
+
     /**
-     * Renders all provider lines in the status summary.
+     * Renders the fallback message for environments with no registered providers.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function renderAvailableProviders(llmToolStatuses, env, isRunningInNode) {
-        return llmToolStatuses
-            .map((llmToolStatus, index) => renderAvailableProvider(llmToolStatus, index, env, isRunningInNode))
-            .join('\n');
+    function renderNoRegisteredLlmToolsMessage(usedEnvMessage) {
+        return _spaceTrim.spaceTrim((block) => `
+            No LLM providers are available.
+
+            ${block(usedEnvMessage)}
+      `);
     }
+
     /**
-     * Renders one provider line in the status summary.
+     * Creates the configuration-status sentence for one provider.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function renderAvailableProvider(llmToolStatus, index, env, isRunningInNode) {
-        const providerMessage = createAvailableProviderMessage(llmToolStatus, index, env);
-        if (!isRunningInNode) {
-            return providerMessage;
+    function createRegisteredLlmToolConfigurationStatusMessage({ envVariables, isFullyConfigured, isPartiallyConfigured }, env) {
+        if (isFullyConfigured) {
+            return `Configured`;
+        }
+        if (isPartiallyConfigured) {
+            return createPartiallyConfiguredStatusMessage(envVariables, env);
         }
-        return colorizeAvailableProviderMessage(providerMessage, llmToolStatus);
+        if (envVariables !== null) {
+            return createNotConfiguredStatusMessage(envVariables);
+        }
+        return `Not configured`;
+        // <- Note: Can not be configured via environment variables
     }
     /**
-     * Creates the plain-text provider line before optional colorization.
+     * Creates the partial-configuration sentence including missing variables.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createAvailableProviderMessage(llmToolStatus, index, env) {
-        const { title, packageName, className } = llmToolStatus;
-        const providerStatusMessages = createProviderStatusMessages(llmToolStatus, env);
-        return _spaceTrim.spaceTrim(`
-        ${index + 1}) **${title}** \`${className}\` from \`${packageName}\`
-            ${providerStatusMessages.join('; ')}
-    `);
+    function createPartiallyConfiguredStatusMessage(envVariables, env) {
+        return `Partially confugured, missing ${listMissingEnvironmentVariables(envVariables, env).join(' + ')}`;
     }
     /**
-     * Creates the install and configuration fragments for one provider line.
+     * Creates the not-configured sentence including the expected environment variables.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createProviderStatusMessages(llmToolStatus, env) {
-        return [createInstallationStatusMessage(llmToolStatus), createConfigurationStatusMessage(llmToolStatus, env)];
+    function createNotConfiguredStatusMessage(envVariables) {
+        return `Not configured, to configure set env ${envVariables === null || envVariables === void 0 ? void 0 : envVariables.join(' + ')}`;
     }
+    /**
+     * Lists environment variables that are required but currently missing.
+     *
+     * @private function of `$registeredLlmToolsMessage`
+     */
+    function listMissingEnvironmentVariables(envVariables, env) {
+        return (envVariables === null || envVariables === void 0 ? void 0 : envVariables.filter((envVariable) => env[envVariable] === undefined)) || [];
+    }
+
     /**
      * Creates the installation-status sentence for one provider.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createInstallationStatusMessage({ isMetadataAvailable, isInstalled, }) {
-        const installationStatusKey = createInstallationStatusKey(isMetadataAvailable, isInstalled);
+    function createRegisteredLlmToolInstallationStatusMessage({ isMetadataAvailable, isInstalled, }) {
+        const installationStatusKey = createRegisteredLlmToolInstallationStatusKey(isMetadataAvailable, isInstalled);
         switch (installationStatusKey) {
             case 'missing-metadata-and-installation':
-                // TODO: [�][�] Maybe do allow to do auto-install if package not registered and not found
                 return `Not installed and no metadata, looks like a unexpected behavior`;
             case 'metadata-without-installation':
-                // TODO: [�][�]
                 return `Not installed`;
             case 'installation-without-metadata':
                 return `No metadata but installed, looks like a unexpected behavior`;
@@ -41427,9 +41485,9 @@
     /**
      * Creates a stable installation-state key from metadata and constructor availability.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createInstallationStatusKey(isMetadataAvailable, isInstalled) {
+    function createRegisteredLlmToolInstallationStatusKey(isMetadataAvailable, isInstalled) {
         if (!isMetadataAvailable && !isInstalled) {
             return 'missing-metadata-and-installation';
         }
@@ -41444,54 +41502,59 @@
         }
         return 'unknown';
     }
+
     /**
-     * Creates the configuration-status sentence for one provider.
+     * Renders all provider lines in the status summary.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createConfigurationStatusMessage({ envVariables, isFullyConfigured, isPartiallyConfigured }, env) {
-        if (isFullyConfigured) {
-            return `Configured`;
-        }
-        if (isPartiallyConfigured) {
-            return createPartiallyConfiguredStatusMessage(envVariables, env);
-        }
-        if (envVariables !== null) {
-            return createNotConfiguredStatusMessage(envVariables);
-        }
-        return `Not configured`;
-        // <- Note: Can not be configured via environment variables
+    function renderAvailableRegisteredLlmTools(llmToolStatuses, env, isRunningInNode) {
+        return llmToolStatuses
+            .map((llmToolStatus, index) => renderAvailableRegisteredLlmTool(llmToolStatus, index, env, isRunningInNode))
+            .join('\n');
     }
     /**
-     * Creates the partial-configuration sentence including missing variables.
+     * Renders one provider line in the status summary.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createPartiallyConfiguredStatusMessage(envVariables, env) {
-        return `Partially confugured, missing ${listMissingEnvironmentVariables(envVariables, env).join(' + ')}`;
+    function renderAvailableRegisteredLlmTool(llmToolStatus, index, env, isRunningInNode) {
+        const providerMessage = createAvailableRegisteredLlmToolMessage(llmToolStatus, index, env);
+        if (!isRunningInNode) {
+            return providerMessage;
+        }
+        return colorizeAvailableRegisteredLlmToolMessage(providerMessage, llmToolStatus);
     }
     /**
-     * Creates the not-configured sentence including the expected environment variables.
+     * Creates the plain-text provider line before optional colorization.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createNotConfiguredStatusMessage(envVariables) {
-        return `Not configured, to configure set env ${envVariables === null || envVariables === void 0 ? void 0 : envVariables.join(' + ')}`;
+    function createAvailableRegisteredLlmToolMessage(llmToolStatus, index, env) {
+        const { title, packageName, className } = llmToolStatus;
+        const providerStatusMessages = createRegisteredLlmToolStatusMessages(llmToolStatus, env);
+        return _spaceTrim.spaceTrim(`
+        ${index + 1}) **${title}** \`${className}\` from \`${packageName}\`
+            ${providerStatusMessages.join('; ')}
+    `);
     }
     /**
-     * Lists environment variables that are required but currently missing.
+     * Creates the install and configuration fragments for one provider line.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function listMissingEnvironmentVariables(envVariables, env) {
-        return (envVariables === null || envVariables === void 0 ? void 0 : envVariables.filter((envVariable) => env[envVariable] === undefined)) || [];
+    function createRegisteredLlmToolStatusMessages(llmToolStatus, env) {
+        return [
+            createRegisteredLlmToolInstallationStatusMessage(llmToolStatus),
+            createRegisteredLlmToolConfigurationStatusMessage(llmToolStatus, env),
+        ];
     }
     /**
      * Applies the same terminal coloring rules as the original summary renderer.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function colorizeAvailableProviderMessage(providerMessage, { isInstalled, isFullyConfigured, isPartiallyConfigured }) {
+    function colorizeAvailableRegisteredLlmToolMessage(providerMessage, { isInstalled, isFullyConfigured, isPartiallyConfigured }) {
         if (isInstalled && isFullyConfigured) {
             return colors__default["default"].green(providerMessage);
         }
@@ -41500,18 +41563,67 @@
         }
         return colors__default["default"].gray(providerMessage);
     }
+
     /**
-     * Creates the `.env` origin sentence used in the summary header.
+     * Renders the list of environment variables used by at least one registered provider.
      *
-     * @private internal function of `$registeredLlmToolsMessage`
+     * @private function of `$registeredLlmToolsMessage`
      */
-    function createUsedEnvMessage() {
-        return $usedEnvFilename === null
-            ? `Unknown \`.env\` file`
-            : _spaceTrim.spaceTrim(`
-              Used \`.env\` file:
-              ${$usedEnvFilename}
-          `);
+    function renderRelevantRegisteredLlmToolsEnvironmentVariables(env, llmToolStatuses) {
+        return listRelevantRegisteredLlmToolsEnvironmentVariables(env, llmToolStatuses)
+            .map((envVariableName) => `- \`${envVariableName}\``)
+            .join('\n');
+    }
+    /**
+     * Lists environment variables that are both present and used by at least one provider.
+     *
+     * @private function of `$registeredLlmToolsMessage`
+     */
+    function listRelevantRegisteredLlmToolsEnvironmentVariables(env, llmToolStatuses) {
+        return Object.keys(env).filter((envVariableName) => llmToolStatuses.some(({ envVariables }) => envVariables === null || envVariables === void 0 ? void 0 : envVariables.includes(envVariableName)));
+    }
+
+    /**
+     * Renders the full provider status summary.
+     *
+     * @private function of `$registeredLlmToolsMessage`
+     */
+    function renderRegisteredLlmToolsMessage({ env, llmToolStatuses, usedEnvMessage, isRunningInNode, }) {
+        return _spaceTrim.spaceTrim((block) => `
+
+            ${block(usedEnvMessage)}
+
+            Relevant environment variables:
+            ${block(renderRelevantRegisteredLlmToolsEnvironmentVariables(env, llmToolStatuses))}
+
+            Available LLM providers are:
+            ${block(renderAvailableRegisteredLlmTools(llmToolStatuses, env, isRunningInNode))}
+        `);
+    }
+
+    /**
+     * Pass the `.env` file which was used to configure LLM tools
+     *
+     * Note: `$` is used to indicate that this variable is making side effect
+     *
+     * @private internal log of `$provideLlmToolsConfigurationFromEnv` and `$registeredLlmToolsMessage`
+     */
+    function $setUsedEnvFilename(filepath) {
+        USED_ENV_FILENAME.set(filepath);
+    }
+    /**
+     * Creates a message with all registered LLM tools
+     *
+     * Note: This function is used to create a (error) message when there is no constructor for some LLM provider
+     *
+     * @private internal function of `createLlmToolsFromConfiguration` and `$provideLlmToolsFromEnv`
+     */
+    function $registeredLlmToolsMessage() {
+        const registeredLlmToolsMessageContext = createRegisteredLlmToolsMessageContext();
+        if (registeredLlmToolsMessageContext.llmToolStatuses.length === 0) {
+            return renderNoRegisteredLlmToolsMessage(registeredLlmToolsMessageContext.usedEnvMessage);
+        }
+        return renderRegisteredLlmToolsMessage(registeredLlmToolsMessageContext);
     }
     // TODO: [®] DRY Register logic
     // TODO: [🧠][⚛] Maybe pass env as argument