@promptbook/components 0.112.0-126 → 0.112.0-128

package/umd/index.umd.js

@@ -34,7 +34,7 @@
      * @generated
      * @see https://github.com/webgptorg/promptbook
      */
-    const PROMPTBOOK_ENGINE_VERSION = '0.112.0-126';
+    const PROMPTBOOK_ENGINE_VERSION = '0.112.0-128';
     /**
      * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
      * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -5269,41 +5269,91 @@
         context.fill();
         context.restore();
     }
+    /**
+     * Number of latitude segments used by the single blobby octopus mesh.
+     *
+     * @private helper of `octopus3d2AvatarVisual`
+     */
+    const LATITUDE_PATCH_COUNT$1 = 12;
+    /**
+     * Number of longitude segments used by the single blobby octopus mesh.
+     *
+     * @private helper of `octopus3d2AvatarVisual`
+     */
+    const LONGITUDE_PATCH_COUNT$1 = 24;
     /**
      * Resolves all visible projected patches for the single blobby octopus mesh.
      *
+     * Within a single frame, mesh corner samples and longitude-only lobe-wave values are
+     * quantized to the patch grid and computed once each rather than re-evaluated for every
+     * patch corner — the patch loop alone would call `sampleBlobbyOctopusSurfacePoint`
+     * `latitudePatchCount * longitudePatchCount * 4` times without caching, even though most
+     * corners are shared between neighboring patches.
+     *
      * @private helper of `octopus3d2AvatarVisual`
      */
     function resolveVisibleBlobbyOctopusPatches(options) {
         const { center, rotationX, rotationY, sceneCenterX, sceneCenterY, size, palette, morphologyProfile, animationPhase, timeMs, } = options;
-        const latitudePatchCount = 12;
-        const longitudePatchCount = 24;
+        const latitudePatchCount = LATITUDE_PATCH_COUNT$1;
+        const longitudePatchCount = LONGITUDE_PATCH_COUNT$1;
         const surfacePatches = [];
+        const latitudeBoundaries = new Float64Array(latitudePatchCount + 1);
+        const longitudeBoundaries = new Float64Array(longitudePatchCount + 1);
+        for (let boundaryIndex = 0; boundaryIndex <= latitudePatchCount; boundaryIndex++) {
+            latitudeBoundaries[boundaryIndex] = -Math.PI / 2 + (boundaryIndex / latitudePatchCount) * Math.PI;
+        }
+        for (let boundaryIndex = 0; boundaryIndex <= longitudePatchCount; boundaryIndex++) {
+            longitudeBoundaries[boundaryIndex] = -Math.PI + (boundaryIndex / longitudePatchCount) * Math.PI * 2;
+        }
+        const cachedLobeWavesByCornerLongitude = new Float64Array(longitudePatchCount + 1);
+        for (let boundaryIndex = 0; boundaryIndex <= longitudePatchCount; boundaryIndex++) {
+            cachedLobeWavesByCornerLongitude[boundaryIndex] = resolveLowerLobeWave(longitudeBoundaries[boundaryIndex], morphologyProfile, animationPhase, timeMs);
+        }
+        const cornerCount = (latitudePatchCount + 1) * (longitudePatchCount + 1);
+        const transformedCornerSamples = new Array(cornerCount);
+        for (let latitudeBoundaryIndex = 0; latitudeBoundaryIndex <= latitudePatchCount; latitudeBoundaryIndex++) {
+            const cornerLatitude = latitudeBoundaries[latitudeBoundaryIndex];
+            for (let longitudeBoundaryIndex = 0; longitudeBoundaryIndex <= longitudePatchCount; longitudeBoundaryIndex++) {
+                const cornerLongitude = longitudeBoundaries[longitudeBoundaryIndex];
+                const cornerIndex = latitudeBoundaryIndex * (longitudePatchCount + 1) + longitudeBoundaryIndex;
+                const cornerSample = sampleBlobbyOctopusSurfacePointWithLongitudeCache(options, cornerLatitude, cornerLongitude, cachedLobeWavesByCornerLongitude[longitudeBoundaryIndex]);
+                transformedCornerSamples[cornerIndex] = transformScenePoint(cornerSample, center, rotationX, rotationY);
+            }
+        }
         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 startLatitude = latitudeBoundaries[latitudeIndex];
+            const endLatitude = latitudeBoundaries[latitudeIndex + 1];
             const centerLatitude = (startLatitude + endLatitude) / 2;
             const verticalProgress = (Math.sin(centerLatitude) + 1) / 2;
+            const startCornerRowOffset = latitudeIndex * (longitudePatchCount + 1);
+            const endCornerRowOffset = (latitudeIndex + 1) * (longitudePatchCount + 1);
             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 startLongitude = longitudeBoundaries[longitudeIndex];
+                const endLongitude = longitudeBoundaries[longitudeIndex + 1];
                 const centerLongitude = (startLongitude + endLongitude) / 2;
-                const localCorners = [
-                    sampleBlobbyOctopusSurfacePoint(options, startLatitude, startLongitude),
-                    sampleBlobbyOctopusSurfacePoint(options, startLatitude, endLongitude),
-                    sampleBlobbyOctopusSurfacePoint(options, endLatitude, endLongitude),
-                    sampleBlobbyOctopusSurfacePoint(options, endLatitude, startLongitude),
+                const transformedCorners = [
+                    transformedCornerSamples[startCornerRowOffset + longitudeIndex],
+                    transformedCornerSamples[startCornerRowOffset + longitudeIndex + 1],
+                    transformedCornerSamples[endCornerRowOffset + longitudeIndex + 1],
+                    transformedCornerSamples[endCornerRowOffset + longitudeIndex],
                 ];
-                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));
+                const projectedCorners = [
+                    projectScenePoint(transformedCorners[0], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[1], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[2], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[3], size, sceneCenterX, sceneCenterY),
+                ];
                 surfacePatches.push({
                     corners: projectedCorners,
-                    averageDepth: transformedCorners.reduce((depthSum, transformedCorner) => depthSum + transformedCorner.z, 0) /
-                        transformedCorners.length,
+                    averageDepth: (transformedCorners[0].z +
+                        transformedCorners[1].z +
+                        transformedCorners[2].z +
+                        transformedCorners[3].z) /
+                        4,
                     lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION$1), -1, 1),
                     fillStyle: resolveBlobbySurfacePatchFillStyle(palette, verticalProgress, Math.max(0, Math.cos(centerLongitude)), resolveLowerLobeWave(centerLongitude, morphologyProfile, animationPhase, timeMs)),
                     outlineColor: verticalProgress < 0.58 ? `${palette.highlight}73` : `${palette.shadow}8a`,
@@ -5321,12 +5371,21 @@
      * @private helper of `octopus3d2AvatarVisual`
      */
     function sampleBlobbyOctopusSurfacePoint(options, latitude, longitude) {
+        const { morphologyProfile, animationPhase, timeMs } = options;
+        return sampleBlobbyOctopusSurfacePointWithLongitudeCache(options, latitude, longitude, resolveLowerLobeWave(longitude, morphologyProfile, animationPhase, timeMs));
+    }
+    /**
+     * Samples one point on the continuous Octopus 3D 2 surface using a precomputed lower-lobe wave
+     * to skip the per-call trig evaluation for `latitudePatchCount + 1` longitude-shared corners.
+     *
+     * @private helper of `octopus3d2AvatarVisual`
+     */
+    function sampleBlobbyOctopusSurfacePointWithLongitudeCache(options, latitude, longitude, lowerLobeWave) {
         const { radiusX, radiusY, radiusZ, morphologyProfile, timeMs, animationPhase } = options;
         const cosineLatitude = Math.max(0, Math.cos(latitude));
         const verticalProgress = (Math.sin(latitude) + 1) / 2;
         const upperBlend = Math.pow(1 - verticalProgress, 1.2);
         const lowerBlend = Math.pow(verticalProgress, 1.42);
-        const lowerLobeWave = resolveLowerLobeWave(longitude, morphologyProfile, animationPhase, timeMs);
         const skirtEnvelope = Math.pow(cosineLatitude, 0.5) * lowerBlend;
         const horizontalScale = 1.02 +
             skirtEnvelope * (0.34 + (morphologyProfile.tentacles.rootSpreadScale - 1) * 0.22 + lowerLobeWave * 0.22) -
@@ -5623,45 +5682,102 @@
         context.fill();
         context.restore();
     }
+    /**
+     * Number of latitude segments used by the continuous Octopus 3D 3 mesh.
+     *
+     * @private helper of `octopus3d3AvatarVisual`
+     */
+    const LATITUDE_PATCH_COUNT = 16;
+    /**
+     * Number of longitude segments used by the continuous Octopus 3D 3 mesh.
+     *
+     * @private helper of `octopus3d3AvatarVisual`
+     */
+    const LONGITUDE_PATCH_COUNT = 40;
     /**
      * Resolves visible projected patches for the continuous octopus mesh.
      *
+     * Within a single frame, mesh corner samples and longitude-only computations (tentacle
+     * influence and lobe wave) are quantized to the patch grid and computed once each rather
+     * than re-evaluated for every patch corner — the patch loop alone calls `sampleContinuousOctopusSurfacePoint`
+     * for `latitudePatchCount * longitudePatchCount * 4` corners without caching, and each call
+     * triggers an inner 8-iteration `Math.exp` loop, which dominates the per-frame cost.
+     *
      * @private helper of `octopus3d3AvatarVisual`
      */
     function resolveVisibleContinuousOctopusPatches(options) {
         const { center, rotationX, rotationY, sceneCenterX, sceneCenterY, size, palette } = options;
-        const latitudePatchCount = 16;
-        const longitudePatchCount = 40;
+        const latitudePatchCount = LATITUDE_PATCH_COUNT;
+        const longitudePatchCount = LONGITUDE_PATCH_COUNT;
         const surfacePatches = [];
+        const latitudeBoundaries = new Float64Array(latitudePatchCount + 1);
+        const longitudeBoundaries = new Float64Array(longitudePatchCount + 1);
+        for (let boundaryIndex = 0; boundaryIndex <= latitudePatchCount; boundaryIndex++) {
+            latitudeBoundaries[boundaryIndex] = -Math.PI / 2 + (boundaryIndex / latitudePatchCount) * Math.PI;
+        }
+        for (let boundaryIndex = 0; boundaryIndex <= longitudePatchCount; boundaryIndex++) {
+            longitudeBoundaries[boundaryIndex] = -Math.PI + (boundaryIndex / longitudePatchCount) * Math.PI * 2;
+        }
+        const cachedTentacleInfluencesByCornerLongitude = new Array(longitudePatchCount + 1);
+        const cachedLobeWavesByCornerLongitude = new Float64Array(longitudePatchCount + 1);
+        const cachedTentacleInfluencesByPatchCenterLongitude = new Array(longitudePatchCount);
+        const cachedLobeWavesByPatchCenterLongitude = new Float64Array(longitudePatchCount);
+        const cachedCosByPatchCenterLongitude = new Float64Array(longitudePatchCount);
+        for (let boundaryIndex = 0; boundaryIndex <= longitudePatchCount; boundaryIndex++) {
+            const cornerLongitude = longitudeBoundaries[boundaryIndex];
+            cachedTentacleInfluencesByCornerLongitude[boundaryIndex] = resolveContinuousTentacleInfluence(options, cornerLongitude);
+            cachedLobeWavesByCornerLongitude[boundaryIndex] = resolveContinuousLobeWave(options, cornerLongitude);
+        }
+        for (let longitudeIndex = 0; longitudeIndex < longitudePatchCount; longitudeIndex++) {
+            const patchCenterLongitude = (longitudeBoundaries[longitudeIndex] + longitudeBoundaries[longitudeIndex + 1]) / 2;
+            cachedTentacleInfluencesByPatchCenterLongitude[longitudeIndex] = resolveContinuousTentacleInfluence(options, patchCenterLongitude);
+            cachedLobeWavesByPatchCenterLongitude[longitudeIndex] = resolveContinuousLobeWave(options, patchCenterLongitude);
+            cachedCosByPatchCenterLongitude[longitudeIndex] = Math.max(0, Math.cos(patchCenterLongitude));
+        }
+        const cornerCount = (latitudePatchCount + 1) * (longitudePatchCount + 1);
+        const transformedCornerSamples = new Array(cornerCount);
+        for (let latitudeBoundaryIndex = 0; latitudeBoundaryIndex <= latitudePatchCount; latitudeBoundaryIndex++) {
+            const cornerLatitude = latitudeBoundaries[latitudeBoundaryIndex];
+            for (let longitudeBoundaryIndex = 0; longitudeBoundaryIndex <= longitudePatchCount; longitudeBoundaryIndex++) {
+                const cornerLongitude = longitudeBoundaries[longitudeBoundaryIndex];
+                const cornerIndex = latitudeBoundaryIndex * (longitudePatchCount + 1) + longitudeBoundaryIndex;
+                const cornerSample = sampleContinuousOctopusSurfacePointWithLongitudeCache(options, cornerLatitude, cornerLongitude, cachedTentacleInfluencesByCornerLongitude[longitudeBoundaryIndex], cachedLobeWavesByCornerLongitude[longitudeBoundaryIndex]);
+                transformedCornerSamples[cornerIndex] = transformScenePoint(cornerSample, center, rotationX, rotationY);
+            }
+        }
         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 startLatitude = latitudeBoundaries[latitudeIndex];
+            const endLatitude = latitudeBoundaries[latitudeIndex + 1];
             const centerLatitude = (startLatitude + endLatitude) / 2;
             const verticalProgress = (Math.sin(centerLatitude) + 1) / 2;
+            const startCornerRowOffset = latitudeIndex * (longitudePatchCount + 1);
+            const endCornerRowOffset = (latitudeIndex + 1) * (longitudePatchCount + 1);
             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 centerLongitude = (startLongitude + endLongitude) / 2;
-                const localCorners = [
-                    sampleContinuousOctopusSurfacePoint(options, startLatitude, startLongitude),
-                    sampleContinuousOctopusSurfacePoint(options, startLatitude, endLongitude),
-                    sampleContinuousOctopusSurfacePoint(options, endLatitude, endLongitude),
-                    sampleContinuousOctopusSurfacePoint(options, endLatitude, startLongitude),
+                const transformedCorners = [
+                    transformedCornerSamples[startCornerRowOffset + longitudeIndex],
+                    transformedCornerSamples[startCornerRowOffset + longitudeIndex + 1],
+                    transformedCornerSamples[endCornerRowOffset + longitudeIndex + 1],
+                    transformedCornerSamples[endCornerRowOffset + longitudeIndex],
                 ];
-                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.008) {
                     continue;
                 }
-                const projectedCorners = transformedCorners.map((transformedCorner) => projectScenePoint(transformedCorner, size, sceneCenterX, sceneCenterY));
-                const tentacleInfluence = resolveContinuousTentacleInfluence(options, centerLongitude);
-                const lowerLobeWave = resolveContinuousLobeWave(options, centerLongitude);
+                const projectedCorners = [
+                    projectScenePoint(transformedCorners[0], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[1], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[2], size, sceneCenterX, sceneCenterY),
+                    projectScenePoint(transformedCorners[3], size, sceneCenterX, sceneCenterY),
+                ];
                 surfacePatches.push({
                     corners: projectedCorners,
-                    averageDepth: transformedCorners.reduce((depthSum, transformedCorner) => depthSum + transformedCorner.z, 0) /
-                        transformedCorners.length,
+                    averageDepth: (transformedCorners[0].z +
+                        transformedCorners[1].z +
+                        transformedCorners[2].z +
+                        transformedCorners[3].z) /
+                        4,
                     lightIntensity: clampNumber$1(dotProduct3D(surfaceNormal, LIGHT_DIRECTION), -1, 1),
-                    fillStyle: resolveContinuousSurfacePatchFillStyle(palette, verticalProgress, Math.max(0, Math.cos(centerLongitude)), tentacleInfluence.core, lowerLobeWave),
+                    fillStyle: resolveContinuousSurfacePatchFillStyle(palette, verticalProgress, cachedCosByPatchCenterLongitude[longitudeIndex], cachedTentacleInfluencesByPatchCenterLongitude[longitudeIndex].core, cachedLobeWavesByPatchCenterLongitude[longitudeIndex]),
                     outlineColor: verticalProgress < 0.54 ? `${palette.highlight}69` : `${palette.shadow}78`,
                 });
             }
@@ -5677,16 +5793,27 @@
      * @private helper of `octopus3d3AvatarVisual`
      */
     function sampleContinuousOctopusSurfacePoint(options, latitude, longitude) {
+        return sampleContinuousOctopusSurfacePointWithLongitudeCache(options, latitude, longitude, resolveContinuousTentacleInfluence(options, longitude), resolveContinuousLobeWave(options, longitude));
+    }
+    /**
+     * Samples one point on the continuous Octopus 3D 3 surface using precomputed longitude-only
+     * values to skip the per-call `Math.exp` tentacle-influence loop and the lobe-wave trig call.
+     *
+     * The patch loop quantizes the mesh into a fixed `(latitudePatchCount + 1) * (longitudePatchCount + 1)`
+     * corner grid, so the same longitude is reused across every latitude row and each
+     * tentacle/lobe value can be computed once per frame instead of `latitudePatchCount * 4` times.
+     *
+     * @private helper of `octopus3d3AvatarVisual`
+     */
+    function sampleContinuousOctopusSurfacePointWithLongitudeCache(options, latitude, longitude, tentacleInfluence, lowerLobeWave) {
         const { radiusX, radiusY, radiusZ, morphologyProfile, timeMs, animationPhase } = options;
         const cosineLatitude = Math.max(0, Math.cos(latitude));
         const verticalProgress = (Math.sin(latitude) + 1) / 2;
         const upperBlend = Math.pow(1 - verticalProgress, 1.28);
         const lowerBlend = smoothStep(0.38, 1, verticalProgress);
         const tipBlend = smoothStep(0.68, 1, verticalProgress);
-        const tentacleInfluence = resolveContinuousTentacleInfluence(options, longitude);
         const centerPull = resolveSignedAngularDistance(longitude, tentacleInfluence.centerLongitude);
         const effectiveLongitude = longitude + centerPull * lowerBlend * tentacleInfluence.core * (0.24 + tipBlend * 0.2);
-        const lowerLobeWave = resolveContinuousLobeWave(options, longitude);
         const mantleRipple = Math.sin(longitude * morphologyProfile.body.lobeCount +
             animationPhase * 0.6 +
             timeMs / (1750 + morphologyProfile.body.lobeCount * 30)) *
@@ -9375,8 +9502,11 @@
             if (!trimmedContent) {
                 return requirements;
             }
-            // Add goal as a proper h2 section to the system message
-            const goalSection = `## Goal\n\n${trimmedContent}`;
+            const goalSection = spacetrim.spaceTrim((block) => `
+                ## Goal
+
+                ${block(trimmedContent)}
+            `);
             const requirementsWithGoal = this.appendToSystemMessage(requirements, goalSection, '\n\n');
             return this.appendToPromptSuffix(requirementsWithGoal, trimmedContent);
         }
@@ -9898,8 +10028,11 @@
             if (!trimmedContent) {
                 return requirements;
             }
-            // Add language as a bullet under a ## Language section
-            const languageSection = `## Language\n\n-   Your language is ${trimmedContent}`;
+            const languageSection = spacetrim.spaceTrim((block) => `
+                ## Language
+
+                -   Your language is ${block(trimmedContent)}
+            `);
             return this.appendToSystemMessage(requirements, languageSection, '\n\n');
         }
     }
@@ -13479,7 +13612,15 @@
      * Builds the teammate request text, optionally including context.
      */
     function buildTeammateRequest(message, context) {
-        return context ? `${message}\n\nContext:\n${context}` : message;
+        if (!context) {
+            return message;
+        }
+        return spacetrim.spaceTrim((block) => `
+            ${block(message)}
+
+            Context:
+            ${block(context)}
+        `);
     }
     /**
      * Builds a minimal chat prompt for teammate calls.
@@ -17502,7 +17643,11 @@
                     const lineRangedContent = applyOptionalLineRange(decodedContent, args.startLine, args.endLine);
                     const wasCharacterTruncated = lineRangedContent.length > MAX_PROJECT_FILE_CONTENT_CHARACTERS;
                     const contentToReturn = wasCharacterTruncated
-                        ? `${lineRangedContent.slice(0, MAX_PROJECT_FILE_CONTENT_CHARACTERS)}\n\n[...truncated...]`
+                        ? spacetrim.spaceTrim((block) => `
+                              ${block(lineRangedContent.slice(0, MAX_PROJECT_FILE_CONTENT_CHARACTERS))}
+
+                              [...truncated...]
+                          `)
                         : lineRangedContent;
                     const wasTruncated = decoded.isTruncated || wasCharacterTruncated;
                     if (wasCharacterTruncated) {
@@ -25804,11 +25949,19 @@
      * Pattern matching punctuation that should be trimmed from citation tails.
      */
     const TRAILING_PUNCTUATION_REGEX = /[.,;:!?)+\]]+$/;
+    /**
+     * Pattern matching filename separators that should become spaces in source labels.
+     */
+    const FILENAME_SEPARATOR_REGEX = /[-_]+/g;
+    /**
+     * Pattern matching consecutive whitespace in display labels.
+     */
+    const WHITESPACE_REGEX = /\s+/g;
     /**
      * Collapses consecutive whitespace into single spaces.
      */
     function collapseWhitespace(value) {
-        return value.replace(/\s+/g, ' ');
+        return value.replace(WHITESPACE_REGEX, ' ');
     }
     /**
      * Trims a value before further citation normalization.
@@ -25881,6 +26034,10 @@
      * @private utility of `<Chat/>` citation rendering
      */
     function getCitationLabel(citation) {
+        const title = normalizeCitationDisplayLabel(citation.title);
+        if (title) {
+            return title;
+        }
         const trimmed = trimToNormalized(citation.source);
         if (!trimmed) {
             return citation.source;
@@ -25892,7 +26049,7 @@
             }
             return collapsed.slice(0, TEXT_LABEL_LENGTH) + LABEL_ELLIPSIS;
         }
-        return simplifyKnowledgeLabel(trimmed);
+        return createReadableCitationSourceLabel(trimmed);
     }
     /**
      * Resolves the preview URL used inside the citation modal iframe.
@@ -25911,8 +26068,134 @@
         const knowledgeUrl = resolveCitationUrl(trimmed, participants);
         return explicitUrl || literalUrl || knowledgeUrl || null;
     }
+    /**
+     * Creates a readable fallback label from a citation source when no title metadata is available.
+     *
+     * @param source - Raw citation source value.
+     * @returns Human-friendly source label.
+     *
+     * @private utility of `<Chat/>` citation rendering
+     */
+    function createReadableCitationSourceLabel(source) {
+        const trimmed = trimToNormalized(source);
+        if (!trimmed) {
+            return source;
+        }
+        const parsedUrl = parseCitationUrl(trimmed);
+        const filenameCandidate = parsedUrl
+            ? getUrlLabelCandidate(parsedUrl) || parsedUrl.hostname.replace(/^www\./i, '')
+            : simplifyKnowledgeLabel(trimmed);
+        return normalizeCitationDisplayLabel(filenameCandidate) || simplifyKnowledgeLabel(trimmed);
+    }
+    /**
+     * Normalizes a citation label candidate for display.
+     *
+     * @param label - Raw candidate label.
+     * @returns Cleaned label or `null` when empty.
+     *
+     * @private utility of `<Chat/>` citation rendering
+     */
+    function normalizeCitationDisplayLabel(label) {
+        const normalized = collapseWhitespace((label || '').replace(FILENAME_SEPARATOR_REGEX, ' ')).trim();
+        return normalized || null;
+    }
+    /**
+     * Parses one HTTP(S) citation URL, returning null for non-URL values.
+     *
+     * @param value - Candidate URL value.
+     * @returns Parsed URL or null.
+     *
+     * @private utility of `<Chat/>` citation rendering
+     */
+    function parseCitationUrl(value) {
+        try {
+            const url = new URL(value);
+            return url.protocol === 'http:' || url.protocol === 'https:' ? url : null;
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    /**
+     * Extracts a readable candidate from a URL path.
+     *
+     * @param url - Parsed citation URL.
+     * @returns URL path label candidate or null.
+     *
+     * @private utility of `<Chat/>` citation rendering
+     */
+    function getUrlLabelCandidate(url) {
+        const pathSegments = url.pathname.split('/').filter(Boolean);
+        const lastPathSegment = pathSegments[pathSegments.length - 1];
+        if (!lastPathSegment) {
+            return null;
+        }
+        try {
+            return simplifyKnowledgeLabel(decodeURIComponent(lastPathSegment));
+        }
+        catch (_a) {
+            return simplifyKnowledgeLabel(lastPathSegment);
+        }
+    }
     // TODO: [💞] Spread into multiple files
 
+    /**
+     * Extracts one quick button definition from a markdown link query string.
+     *
+     * @param text The visible button label.
+     * @param query Raw query-string payload captured from markdown.
+     * @returns Parsed quick button definition or `null` when the link is not a supported quick button.
+     *
+     * @private internal helper of `parseMessageButtons`
+     */
+    function parseQuickButtonDefinition(text, query) {
+        const searchParams = new URLSearchParams(query);
+        const message = searchParams.get('message');
+        if (message !== null) {
+            return {
+                type: 'message',
+                text,
+                message,
+            };
+        }
+        const code = searchParams.get('action');
+        if (code !== null) {
+            return {
+                type: 'action',
+                text,
+                code,
+            };
+        }
+        return null;
+    }
+    /**
+     * Parses markdown quick buttons in the format `[Button Text](?message=...)` or `[Button Text](?action=...)`.
+     * Returns both the content without supported quick buttons and the extracted button definitions.
+     *
+     * @param content The markdown content that may contain buttons
+     * @returns Object with contentWithoutButtons and buttons array
+     *
+     * @public exported from `@promptbook/components`
+     */
+    function parseMessageButtons(content) {
+        const buttonRegex = /\[([^\]]+)\]\(\?([^)]+)\)/g;
+        const buttons = [];
+        const contentWithoutButtons = content
+            .replace(buttonRegex, (match, text, query) => {
+            const button = parseQuickButtonDefinition(text, query);
+            if (!button) {
+                return match;
+            }
+            buttons.push(button);
+            return '';
+        })
+            .trim();
+        return {
+            contentWithoutButtons,
+            buttons,
+        };
+    }
+
     /**
      * Default citation identifier used for simplified citation markers without an explicit position.
      *
@@ -26803,12 +27086,13 @@
      * @private utility of `<Chat/>`
      */
     function normalizeParsedCitation(citation) {
-        var _a, _b;
+        var _a, _b, _c;
         return {
             id: citation.id.trim(),
             source: citation.source.trim(),
             url: ((_a = citation.url) === null || _a === void 0 ? void 0 : _a.trim()) || undefined,
-            excerpt: ((_b = citation.excerpt) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
+            title: ((_b = citation.title) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
+            excerpt: ((_c = citation.excerpt) === null || _c === void 0 ? void 0 : _c.trim()) || undefined,
         };
     }
     /**
@@ -26825,11 +27109,13 @@
             id: currentCitation.id || incomingCitation.id,
             source: resolvePreferredCitationSource(currentCitation, incomingCitation),
             url: currentCitation.url || incomingCitation.url,
+            title: currentCitation.title || incomingCitation.title,
             excerpt: currentCitation.excerpt || incomingCitation.excerpt,
         };
         if (mergedCitation.id === currentCitation.id &&
             mergedCitation.source === currentCitation.source &&
             mergedCitation.url === currentCitation.url &&
+            mergedCitation.title === currentCitation.title &&
             mergedCitation.excerpt === currentCitation.excerpt) {
             return currentCitation;
         }
@@ -27179,6 +27465,12 @@
      * @private Internal helper shared by HTML and PDF chat exports.
      */
     const CHAT_HTML_EXPORT_RENDER_ROOT_CLASS_NAME = 'chat-html-export-render-root';
+    /**
+     * Roles whose messages are aligned to the right side of the exported transcript.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    const RIGHT_ALIGNED_SENDER_ROLES = new Set(['USER']);
     /**
      * Escapes HTML-sensitive text before embedding it into the export document.
      *
@@ -27192,6 +27484,38 @@
             .replace(/"/g, '&quot;')
             .replace(/'/g, '&#39;');
     }
+    /**
+     * Returns the first uppercase character of a display name, used for the fallback avatar glyph.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    function getAvatarInitial(displayName) {
+        const trimmedName = displayName.trim();
+        if (!trimmedName) {
+            return '?';
+        }
+        return Array.from(trimmedName)[0].toUpperCase();
+    }
+    /**
+     * Renders the avatar bubble shown next to one exported message.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    function buildAvatarMarkup(participant, displayName, accentColor) {
+        const avatarStyle = `background-color:${escapeHtml$1(accentColor)};`;
+        if (participant === null || participant === void 0 ? void 0 : participant.avatarSrc) {
+            return spacetrim.spaceTrim(`
+            <div class="message-avatar" aria-hidden="true" style="${avatarStyle}">
+                <img src="${escapeHtml$1(participant.avatarSrc)}" alt="" loading="lazy" />
+            </div>
+        `);
+        }
+        return spacetrim.spaceTrim(`
+        <div class="message-avatar message-avatar--initial" aria-hidden="true" style="${avatarStyle}">
+            <span>${escapeHtml$1(getAvatarInitial(displayName))}</span>
+        </div>
+    `);
+    }
     /**
      * Renders attachments for one exported message as a compact supporting section.
      *
@@ -27255,13 +27579,26 @@
         </section>
     `);
     }
+    /**
+     * Removes quick action and quick message buttons from the markdown body before rendering.
+     *
+     * Quick buttons are interactive UI affordances and have no meaning inside a static export.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    function stripQuickButtonsFromContent(content) {
+        return parseMessageButtons(content).contentWithoutButtons;
+    }
     /**
      * Converts one markdown message body to HTML with document-wide source references.
      *
      * @private Internal helper of `htmlSaveFormatDefinition`.
      */
     function renderFootnotedMarkdown(message, citationFootnotes) {
-        const renderModel = createChatExportCitationRenderModel(citationFootnotes, message);
+        const renderModel = createChatExportCitationRenderModel(citationFootnotes, {
+            ...message,
+            content: stripQuickButtonsFromContent(message.content),
+        });
         const html = linkCitationFootnoteReferences(renderMarkdown(renderModel.content));
         return {
             html,
@@ -27299,34 +27636,74 @@
     `);
     }
     /**
-     * Renders one message card for the standalone HTML export.
+     * Determines whether a message bubble should sit on the right side of the transcript.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    function isRightAlignedMessage(participant, sender) {
+        if ((participant === null || participant === void 0 ? void 0 : participant.isMe) === true) {
+            return true;
+        }
+        return RIGHT_ALIGNED_SENDER_ROLES.has(sender.toUpperCase());
+    }
+    /**
+     * Detects whether a message would render with no body, attachments, or supporting metadata after sanitization.
+     *
+     * Such messages exist only to carry quick buttons in the live chat UI and add no value to a printed transcript.
+     *
+     * @private Internal helper of `htmlSaveFormatDefinition`.
+     */
+    function isMessageEmptyForExport(message) {
+        const trimmedContent = stripQuickButtonsFromContent(message.content).trim();
+        if (trimmedContent.length > 0) {
+            return false;
+        }
+        if (message.attachments && message.attachments.length > 0) {
+            return false;
+        }
+        if (message.citations && message.citations.length > 0) {
+            return false;
+        }
+        if (message.replyingTo) {
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Renders one message bubble for the standalone HTML export.
      *
      * @private Internal helper of `htmlSaveFormatDefinition`.
      */
     function renderMessageBlock(message, participants, citationFootnotes) {
+        var _a;
         const sender = String(message.sender || 'SYSTEM');
-        const upperSender = sender.toUpperCase();
+        const participant = (_a = participants.get(sender)) !== null && _a !== void 0 ? _a : participants.get(sender.toUpperCase());
         const visuals = resolveChatExportParticipantVisuals(participants, sender);
         const timestamp = formatChatExportTimestamp(message.createdAt);
         const durationLabel = typeof message.generationDurationMs === 'number' ? `${(message.generationDurationMs / 1000).toFixed(1)}s` : '';
         const replyingToMarkup = buildReplyingToMarkup(message, citationFootnotes);
         const { html: messageBody, renderModel } = renderFootnotedMarkdown(message, citationFootnotes);
+        const isRightAligned = isRightAlignedMessage(participant, sender);
+        const avatarMarkup = buildAvatarMarkup(participant, visuals.displayName, visuals.accentColor);
+        const alignmentClass = isRightAligned ? 'message--mine' : 'message--theirs';
         return spacetrim.spaceTrim(`
-        <article class="message-card" style="--message-accent:${escapeHtml$1(visuals.accentColor)};">
-            <header class="message-header">
-                <div class="message-header-main">
+        <article class="message ${alignmentClass}" style="--message-accent:${escapeHtml$1(visuals.accentColor)};">
+            ${avatarMarkup}
+            <div class="message-body">
+                <header class="message-meta">
                     <span class="message-sender">${escapeHtml$1(visuals.displayName)}</span>
-                    <span class="message-role">${escapeHtml$1(upperSender)}</span>
+                    ${timestamp ? `<time class="message-time">${escapeHtml$1(timestamp)}</time>` : ''}
+                </header>
+                <div class="message-bubble">
+                    ${replyingToMarkup}
+                    <div class="message-content markdown-content">
+                        ${messageBody || '<p class="message-empty">No text provided.</p>'}
+                    </div>
                 </div>
-                ${timestamp ? `<time class="message-time">${escapeHtml$1(timestamp)}</time>` : ''}
-            </header>
-            ${replyingToMarkup}
-            <section class="message-content markdown-content">
-                ${messageBody || '<p class="message-empty">No text provided.</p>'}
-            </section>
-            ${durationLabel ? `<p class="message-duration">Responded in ${escapeHtml$1(durationLabel)}</p>` : ''}
-            ${buildAttachmentsMarkup(message)}
-            ${renderModel.footnotes.length === 0 ? buildCitationsMarkup(message) : ''}
+                ${durationLabel ? `<p class="message-footnote">Responded in ${escapeHtml$1(durationLabel)}</p>` : ''}
+                ${buildAttachmentsMarkup(message)}
+                ${renderModel.footnotes.length === 0 ? buildCitationsMarkup(message) : ''}
+            </div>
         </article>
     `);
     }
@@ -27390,8 +27767,11 @@
         const participantLookup = buildChatExportParticipantMap(participants);
         const citationFootnotes = createChatExportCitationFootnoteRegistry();
         const exportedLabel = formatChatExportTimestamp(new Date());
-        const messageMarkup = messages.length > 0
-            ? messages.map((message) => renderMessageBlock(message, participantLookup, citationFootnotes)).join('')
+        const messagesForExport = messages.filter((message) => !isMessageEmptyForExport(message));
+        const messageMarkup = messagesForExport.length > 0
+            ? messagesForExport
+                .map((message) => renderMessageBlock(message, participantLookup, citationFootnotes))
+                .join('')
             : '<div class="empty-state">No messages were available in this chat export.</div>';
         const documentSourcesMarkup = buildDocumentSourcesMarkup(citationFootnotes, participants);
         return spacetrim.spaceTrim(`
@@ -27405,6 +27785,17 @@
             <style>
                 :root {
                     color-scheme: light;
+                    --chat-export-background: #f4f6fb;
+                    --chat-export-surface: #ffffff;
+                    --chat-export-text: #0f172a;
+                    --chat-export-muted: #64748b;
+                    --chat-export-soft-border: #e2e8f0;
+                    --chat-export-bubble-theirs-bg: #ffffff;
+                    --chat-export-bubble-theirs-text: #0f172a;
+                    --chat-export-bubble-theirs-border: #e2e8f0;
+                    --chat-export-bubble-mine-bg: #115EB6;
+                    --chat-export-bubble-mine-text: #ffffff;
+                    --chat-export-link: #0f6cbd;
                 }
 
                 * {
@@ -27414,25 +27805,27 @@
                 body,
                 .${CHAT_HTML_EXPORT_RENDER_ROOT_CLASS_NAME} {
                     margin: 0;
-                    background: #f8fafc;
-                    color: #0f172a;
-                    font-family: Inter, "Segoe UI", Arial, sans-serif;
+                    background: var(--chat-export-background);
+                    color: var(--chat-export-text);
+                    font-family: Inter, "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
+                    font-size: 15px;
+                    line-height: 1.55;
                 }
 
                 a {
-                    color: #0f6cbd;
+                    color: var(--chat-export-link);
                 }
 
                 .document {
-                    max-width: 860px;
+                    max-width: 820px;
                     margin: 0 auto;
-                    padding: 32px 20px 48px;
+                    padding: 40px 24px 56px;
                 }
 
                 .document-header {
-                    margin-bottom: 24px;
-                    padding-bottom: 16px;
-                    border-bottom: 1px solid #e2e8f0;
+                    margin-bottom: 28px;
+                    padding-bottom: 18px;
+                    border-bottom: 1px solid var(--chat-export-soft-border);
                 }
 
                 .document-eyebrow {
@@ -27440,7 +27833,7 @@
                     font-size: 11px;
                     letter-spacing: 0.14em;
                     text-transform: uppercase;
-                    color: #64748b;
+                    color: var(--chat-export-muted);
                 }
 
                 .document-title {
@@ -27451,89 +27844,174 @@
 
                 .document-meta {
                     margin: 10px 0 0;
-                    color: #475569;
-                    font-size: 14px;
+                    color: var(--chat-export-muted);
+                    font-size: 13px;
                 }
 
                 .message-list {
                     display: flex;
                     flex-direction: column;
-                    gap: 16px;
+                    gap: 22px;
                 }
 
-                .message-card {
-                    background: #ffffff;
-                    border: 1px solid #dbe4f0;
-                    border-left-width: 4px;
-                    border-left-color: var(--message-accent, #64748b);
-                    border-radius: 14px;
-                    padding: 16px 18px;
-                }
-
-                .message-header {
+                .message {
                     display: flex;
-                    justify-content: space-between;
                     align-items: flex-start;
                     gap: 12px;
-                    margin-bottom: 12px;
                 }
 
-                .message-header-main {
+                .message--mine {
+                    flex-direction: row-reverse;
+                }
+
+                .message-avatar {
+                    flex-shrink: 0;
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 50%;
+                    overflow: hidden;
+                    background-color: var(--message-accent, #64748b);
+                    color: #ffffff;
                     display: flex;
-                    flex-wrap: wrap;
                     align-items: center;
+                    justify-content: center;
+                }
+
+                .message-avatar img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                    display: block;
+                }
+
+                .message-avatar--initial span {
+                    font-size: 16px;
+                    font-weight: 600;
+                    line-height: 1;
+                }
+
+                .message-body {
+                    flex: 1 1 auto;
+                    min-width: 0;
+                    max-width: 78%;
+                    display: flex;
+                    flex-direction: column;
+                    gap: 6px;
+                }
+
+                .message--mine .message-body {
+                    align-items: flex-end;
+                }
+
+                .message-meta {
+                    display: flex;
+                    flex-wrap: wrap;
+                    align-items: baseline;
                     gap: 8px;
+                    padding: 0 4px;
+                }
+
+                .message--mine .message-meta {
+                    justify-content: flex-end;
                 }
 
                 .message-sender {
-                    font-size: 16px;
+                    font-size: 13px;
                     font-weight: 600;
-                    color: var(--message-accent, #0f172a);
+                    color: var(--message-accent, var(--chat-export-text));
+                }
+
+                .message--mine .message-sender {
+                    color: var(--chat-export-text);
                 }
 
-                .message-role {
+                .message-time {
                     font-size: 11px;
-                    letter-spacing: 0.12em;
-                    text-transform: uppercase;
-                    color: #64748b;
+                    color: var(--chat-export-muted);
                 }
 
-                .message-time,
-                .message-duration {
-                    font-size: 12px;
-                    color: #64748b;
+                .message-bubble {
+                    padding: 14px 16px;
+                    border-radius: 16px;
+                    background: var(--chat-export-bubble-theirs-bg);
+                    color: var(--chat-export-bubble-theirs-text);
+                    border: 1px solid var(--chat-export-bubble-theirs-border);
+                    border-top-left-radius: 4px;
+                    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+                    max-width: 100%;
+                    overflow-wrap: anywhere;
+                }
+
+                .message--mine .message-bubble {
+                    background: var(--chat-export-bubble-mine-bg);
+                    color: var(--chat-export-bubble-mine-text);
+                    border-color: transparent;
+                    border-top-left-radius: 16px;
+                    border-top-right-radius: 4px;
+                }
+
+                .message--mine .message-bubble a {
+                    color: #d4e8ff;
+                }
+
+                .message--mine .message-bubble code {
+                    background: rgba(255, 255, 255, 0.18);
+                    color: inherit;
                 }
 
-                .message-duration {
-                    margin: 12px 0 0;
+                .message--mine .message-bubble pre {
+                    background: rgba(15, 23, 42, 0.35);
+                    color: #f8fafc;
+                }
+
+                .message--mine .message-bubble blockquote {
+                    color: rgba(255, 255, 255, 0.85);
+                    border-color: rgba(255, 255, 255, 0.5);
+                }
+
+                .message-footnote {
+                    margin: 2px 4px 0;
+                    font-size: 11px;
+                    color: var(--chat-export-muted);
                 }
 
                 .message-empty {
-                    color: #64748b;
+                    color: var(--chat-export-muted);
                     font-style: italic;
+                    margin: 0;
                 }
 
                 .reply-context {
-                    margin-bottom: 14px;
-                    padding: 12px 14px;
+                    margin: 0 0 10px;
+                    padding: 8px 12px;
                     border-radius: 10px;
-                    border: 1px solid #e2e8f0;
-                    background: #f8fafc;
+                    border-left: 3px solid var(--message-accent, #cbd5e1);
+                    background: rgba(15, 23, 42, 0.04);
+                }
+
+                .message--mine .reply-context {
+                    background: rgba(255, 255, 255, 0.18);
+                    border-left-color: rgba(255, 255, 255, 0.7);
                 }
 
                 .reply-context-title,
                 .message-supporting-title {
-                    margin-bottom: 8px;
+                    margin-bottom: 6px;
                     font-size: 11px;
-                    letter-spacing: 0.12em;
+                    letter-spacing: 0.1em;
                     text-transform: uppercase;
-                    color: #64748b;
+                    color: var(--chat-export-muted);
+                }
+
+                .message--mine .reply-context-title {
+                    color: rgba(255, 255, 255, 0.8);
                 }
 
                 .message-supporting-list {
-                    margin-top: 14px;
-                    padding-top: 12px;
-                    border-top: 1px solid #e2e8f0;
+                    margin-top: 10px;
+                    padding: 10px 14px;
+                    border-radius: 10px;
+                    background: rgba(15, 23, 42, 0.03);
                 }
 
                 .message-supporting-list ul {
@@ -27543,18 +28021,14 @@
 
                 .message-supporting-meta {
                     margin-right: 6px;
-                    color: #64748b;
+                    color: var(--chat-export-muted);
                     font-size: 12px;
                 }
 
                 .message-supporting-excerpt {
-                    margin-top: 6px;
+                    margin-top: 4px;
                     color: #475569;
-                }
-
-                .markdown-content {
-                    font-size: 15px;
-                    line-height: 1.65;
+                    font-size: 13px;
                 }
 
                 .markdown-content > *:first-child {
@@ -27582,7 +28056,7 @@
                 .markdown-content pre,
                 .markdown-content table,
                 .markdown-content details {
-                    margin: 0 0 14px;
+                    margin: 0 0 12px;
                 }
 
                 .markdown-content ul,
@@ -27592,7 +28066,7 @@
 
                 .markdown-content code {
                     font-family: ui-monospace, "SFMono-Regular", monospace;
-                    background: #f1f5f9;
+                    background: rgba(15, 23, 42, 0.06);
                     border-radius: 4px;
                     padding: 1px 5px;
                     font-size: 0.94em;
@@ -27644,7 +28118,7 @@
 
                 .markdown-content details {
                     padding: 12px 14px;
-                    border: 1px solid #e2e8f0;
+                    border: 1px solid var(--chat-export-soft-border);
                     border-radius: 10px;
                     background: #f8fafc;
                 }
@@ -27666,7 +28140,7 @@
                 }
 
                 .markdown-content sup[data-citation-footnote] a {
-                    color: #0f6cbd;
+                    color: inherit;
                     text-decoration: none;
                 }
 
@@ -27679,14 +28153,14 @@
                     border: 1px dashed #cbd5e1;
                     border-radius: 14px;
                     text-align: center;
-                    color: #64748b;
-                    background: #ffffff;
+                    color: var(--chat-export-muted);
+                    background: var(--chat-export-surface);
                 }
 
                 .document-sources {
-                    margin-top: 24px;
-                    padding-top: 16px;
-                    border-top: 1px solid #e2e8f0;
+                    margin-top: 32px;
+                    padding-top: 18px;
+                    border-top: 1px solid var(--chat-export-soft-border);
                 }
 
                 .document-sources-title {
@@ -27712,26 +28186,50 @@
                 }
 
                 .document-footer {
-                    margin-top: 24px;
+                    margin-top: 28px;
                     padding-top: 16px;
-                    border-top: 1px solid #e2e8f0;
-                    color: #64748b;
+                    border-top: 1px solid var(--chat-export-soft-border);
+                    color: var(--chat-export-muted);
                     font-size: 12px;
+                    text-align: center;
                 }
 
                 .document-footer strong {
                     color: #475569;
                 }
 
+                @page {
+                    size: Letter;
+                    margin: 0.5in;
+                }
+
                 @media print {
-                    body {
+                    body,
+                    .${CHAT_HTML_EXPORT_RENDER_ROOT_CLASS_NAME} {
                         background: #ffffff;
+                        font-size: 12pt;
                     }
 
                     .document {
                         max-width: none;
                         padding: 0;
                     }
+
+                    .message {
+                        page-break-inside: avoid;
+                        break-inside: avoid;
+                    }
+
+                    .message-bubble {
+                        box-shadow: none;
+                    }
+
+                    .markdown-content pre,
+                    .message-supporting-list,
+                    .reply-context {
+                        page-break-inside: avoid;
+                        break-inside: avoid;
+                    }
                 }
             </style>
         </head>
@@ -28197,7 +28695,11 @@
      */
     function createPromptbookReactExportBrandingComment() {
         const branding = getPromptbookExportBranding();
-        return ['/*', ...branding.commentLines.map((line) => ` * ${line}`), ' */'].join('\n');
+        return spacetrim.spaceTrim((block) => `
+            /*
+            ${block(branding.commentLines.map((line) => ` * ${line}`).join('\n'))}
+             */
+        `);
     }
     /**
      * React <jsx/> export plugin (full metadata)
@@ -28740,6 +29242,54 @@
             } }));
     });
 
+    /**
+     * Creates a stable key for one citation label lookup.
+     *
+     * @param citation - Citation metadata.
+     * @returns Stable citation key.
+     *
+     * @private hook helper of `<Chat/>`
+     */
+    function createCitationLabelLookupKey(citation) {
+        return [citation.id, citation.source, citation.url || '', citation.title || '', citation.excerpt || ''].join('\n');
+    }
+    /**
+     * Resolves the best available label for one citation.
+     *
+     * @param citation - Citation metadata.
+     * @param resolveCitationLabel - Optional async host resolver.
+     * @returns Current label, starting with a synchronous fallback and updating when the resolver finishes.
+     *
+     * @private hook of `<Chat/>`
+     */
+    function useResolvedCitationLabel(citation, resolveCitationLabel) {
+        const fallbackLabel = react.useMemo(() => getCitationLabel(citation), [citation]);
+        const citationKey = react.useMemo(() => createCitationLabelLookupKey(citation), [citation]);
+        const [resolvedLabel, setResolvedLabel] = react.useState(null);
+        react.useEffect(() => {
+            setResolvedLabel(null);
+            if (!resolveCitationLabel) {
+                return;
+            }
+            let isCurrent = true;
+            Promise.resolve(resolveCitationLabel(citation))
+                .then((label) => {
+                if (!isCurrent) {
+                    return;
+                }
+                const normalizedLabel = label === null || label === void 0 ? void 0 : label.trim();
+                if (normalizedLabel) {
+                    setResolvedLabel(normalizedLabel);
+                }
+            })
+                .catch(() => undefined);
+            return () => {
+                isCurrent = false;
+            };
+        }, [citation, citationKey, resolveCitationLabel]);
+        return resolvedLabel || fallbackLabel;
+    }
+
     /**
      * Renders a citation URL preview as an iframe when the target page allows embedding,
      * or falls back to a server-side screenshot with an "Open in new tab" link when it
@@ -28780,6 +29330,15 @@
         return jsxRuntime.jsx("iframe", { src: src, className: styles$7.citationIframe, title: title });
     }
 
+    /**
+     * Empty citation used to keep modal hooks unconditional while the modal is closed.
+     *
+     * @private component constant of `<ChatCitationModal/>`
+     */
+    const EMPTY_MODAL_CITATION = {
+        id: '',
+        source: '',
+    };
     /**
      * Modal that previews a citation source or excerpt.
      *
@@ -28787,7 +29346,9 @@
      */
     function ChatCitationModal(props) {
         var _a, _b;
-        const { isOpen, citation, participants, soundSystem, onClose } = props;
+        const { isOpen, citation, participants, resolveCitationLabel, soundSystem, onClose } = props;
+        const resolvedCitation = citation || EMPTY_MODAL_CITATION;
+        const label = useResolvedCitationLabel(resolvedCitation, resolveCitationLabel);
         if (!isOpen || !citation) {
             return null;
         }
@@ -28798,7 +29359,6 @@
         const previewSegment = previewBase.split('/').pop() || previewBase;
         const extension = (_a = previewSegment.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
         const isImage = ['jpg', 'jpeg', 'png', 'gif', 'svg', 'webp'].includes(extension || '');
-        const label = getCitationLabel(citation);
         const isTextCitation = isPlainTextCitation(citation);
         const hasTextPreview = !isValidUrl && (citation.excerpt || isTextCitation);
         const textPreviewContent = isTextCitation ? citation.source : (_b = citation.excerpt) !== null && _b !== void 0 ? _b : '';
@@ -30897,21 +31457,34 @@
 
     // Note: [💞] Ignore a discrepancy between file name and entity name
     /**
-     * Target frames per second for the shared avatar animation loop.
+     * Target frames per second for a single animated avatar.
      *
-     * Animated octopus visuals change slowly enough that 24 fps is indistinguishable
-     * from 60 fps in practice, while cutting rendering work by ~60% when multiple
-     * avatars are on screen simultaneously.
+     * Animated octopus visuals change slowly enough that ~24 fps per avatar is indistinguishable
+     * from 60 fps in practice. Combined with `MAX_AVATAR_LISTENERS_PER_FRAME` this bounds total
+     * rendering work even when many avatars are visible.
      *
      * @private utility of the avatar rendering system
      */
     const AVATAR_TARGET_FPS = 24;
     /**
-     * Minimum elapsed time in milliseconds required between avatar render passes.
+     * Minimum elapsed time in milliseconds required between two consecutive renders of the same avatar.
      *
      * @private utility of the avatar rendering system
      */
     const AVATAR_TARGET_FRAME_INTERVAL_MS = 1000 / AVATAR_TARGET_FPS;
+    /**
+     * Hard cap on how many avatar listeners can run inside the same animation frame.
+     *
+     * The default visual takes several milliseconds to render, so firing every visible avatar
+     * on the same animation frame stalls the main thread for tens of milliseconds and drops the
+     * overall page FPS to single digits. Bounding the number of listeners that fire per frame
+     * spreads the work across animation frames and keeps the UI responsive even with many
+     * visible avatars — each individual avatar still reaches `AVATAR_TARGET_FPS` because work
+     * is interleaved instead of skipped.
+     *
+     * @private utility of the avatar rendering system
+     */
+    const MAX_AVATAR_LISTENERS_PER_FRAME = 2;
     /**
      * Next registration id used by the shared avatar animation scheduler.
      *
@@ -30930,17 +31503,13 @@
      * @private utility of the avatar rendering system
      */
     let avatarAnimationFrameId = null;
-    /**
-     * Timestamp of the most recently rendered avatar frame.
-     *
-     * Used to throttle callbacks to `AVATAR_TARGET_FRAME_INTERVAL_MS`.
-     *
-     * @private utility of the avatar rendering system
-     */
-    let lastAvatarFrameTime = 0;
     /**
      * Registers one avatar animation callback in the shared animation loop.
      *
+     * Each listener is staggered at registration time so it does not fire on the same animation
+     * frame as the existing listeners, and the shared loop further caps how many listeners run
+     * per frame, keeping the main thread responsive when many avatars are mounted.
+     *
      * @param avatarAnimationListener Frame callback invoked on every animation frame.
      * @returns Cleanup function that unregisters the callback.
      *
@@ -30951,7 +31520,14 @@
             return () => undefined;
         }
         const listenerId = nextAvatarAnimationListenerId++;
-        avatarAnimationListeners.set(listenerId, avatarAnimationListener);
+        const existingListenerCount = avatarAnimationListeners.size;
+        const staggerOffsetMs = ((existingListenerCount % Math.max(1, MAX_AVATAR_LISTENERS_PER_FRAME)) * AVATAR_TARGET_FRAME_INTERVAL_MS) /
+            Math.max(1, MAX_AVATAR_LISTENERS_PER_FRAME);
+        avatarAnimationListeners.set(listenerId, {
+            listener: avatarAnimationListener,
+            // Phase the listener so multiple new listeners do not synchronize on the same frame.
+            lastRunAtMs: performance.now() - AVATAR_TARGET_FRAME_INTERVAL_MS + staggerOffsetMs,
+        });
         ensureAvatarAnimationLoop();
         return () => {
             avatarAnimationListeners.delete(listenerId);
@@ -30972,12 +31548,21 @@
         }
         const runFrame = (now) => {
             avatarAnimationFrameId = null;
-            if (now - lastAvatarFrameTime >= AVATAR_TARGET_FRAME_INTERVAL_MS) {
-                lastAvatarFrameTime = now;
-                for (const avatarAnimationListener of [...avatarAnimationListeners.values()]) {
-                    avatarAnimationListener(now);
+            const dueListenerEntries = [];
+            for (const listenerEntry of avatarAnimationListeners.values()) {
+                if (now - listenerEntry.lastRunAtMs >= AVATAR_TARGET_FRAME_INTERVAL_MS) {
+                    dueListenerEntries.push(listenerEntry);
                 }
             }
+            // Run the most stale listeners first so each avatar keeps its target FPS even when
+            // total work exceeds the per-frame budget.
+            dueListenerEntries.sort((firstListenerEntry, secondListenerEntry) => firstListenerEntry.lastRunAtMs - secondListenerEntry.lastRunAtMs);
+            const listenersToRunCount = Math.min(dueListenerEntries.length, MAX_AVATAR_LISTENERS_PER_FRAME);
+            for (let listenerIndex = 0; listenerIndex < listenersToRunCount; listenerIndex++) {
+                const listenerEntry = dueListenerEntries[listenerIndex];
+                listenerEntry.lastRunAtMs = now;
+                listenerEntry.listener(now);
+            }
             ensureAvatarAnimationLoop();
         };
         avatarAnimationFrameId = window.requestAnimationFrame(runFrame);
@@ -31681,8 +32266,8 @@
             }, children: [jsxRuntime.jsx("div", { className: styles$4.arrow }), jsxRuntime.jsx(AvatarProfileFromSource, { agentSource: agentSource })] }), document.body);
     });
 
-    var css_248z$3 = ".SourceChip-module_sourceChip__Cqbn0{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.24);background:color-mix(in srgb,var(--message-bg-color,#fff) 74%,hsla(0,0%,100%,.8) 26%);border:1px solid hsla(0,0%,49%,.3);border-color:color-mix(in srgb,var(--message-text-color,#0f172a) 16%,transparent);border-radius:999px;box-shadow:0 2px 8px rgba(15,23,42,.12);color:inherit;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:5px 11px;transition:all .2s ease}.SourceChip-module_sourceChip__Cqbn0:hover{background:hsla(0,0%,100%,.34);background:color-mix(in srgb,var(--message-bg-color,#fff) 64%,hsla(0,0%,100%,.9) 36%);box-shadow:0 4px 12px rgba(15,23,42,.14);transform:translateY(-1px)}.SourceChip-module_icon__olwcc{flex-shrink:0;font-family:OpenMojiColor,OpenMojiBlack;font-size:1.1em}.SourceChip-module_label__yCkr-{align-items:center;display:flex;font-weight:600;gap:5px;white-space:nowrap}.SourceChip-module_citationId__W7xTo{font-size:.85em;font-weight:500;opacity:.78}.SourceChip-module_suffix__FSlC-{font-size:.85em;font-weight:500;opacity:.82;white-space:nowrap}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNvdXJjZUNoaXAubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FFSSxrQkFBbUIsQ0FjbkIseUJBQTBCLENBVDFCLDhCQUFxQyxDQUNyQyxxRkFBa0csQ0FDbEcsa0NBQTBDLENBQzFDLGlGQUFxRixDQUNyRixtQkFBb0IsQ0FDcEIsdUNBQTRDLENBQzVDLGFBQWMsQ0FFZCxjQUFlLENBZGYsbUJBQW9CLENBR3BCLGVBQWlCLENBQ2pCLGVBQWdCLENBRmhCLE9BQVEsQ0FHUixnQkFBaUIsQ0FRakIsdUJBR0osQ0FFQSwyQ0FDSSw4QkFBcUMsQ0FDckMscUZBQWtHLENBRWxHLHdDQUE2QyxDQUQ3QywwQkFFSixDQUVBLCtCQUVJLGFBQWMsQ0FDZCx1Q0FBNkMsQ0FGN0MsZUFHSixDQUVBLGdDQUlJLGtCQUFtQixDQURuQixZQUFhLENBRmIsZUFBZ0IsQ0FJaEIsT0FBUSxDQUhSLGtCQUlKLENBRUEscUNBQ0ksZUFBaUIsQ0FFakIsZUFBZ0IsQ0FEaEIsV0FFSixDQUVBLGlDQUNJLGVBQWlCLENBRWpCLGVBQWdCLENBRGhCLFdBQWEsQ0FFYixrQkFDSiIsImZpbGUiOiJTb3VyY2VDaGlwLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc291cmNlQ2hpcCB7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDZweDtcbiAgICBmb250LXNpemU6IDAuOHJlbTtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHBhZGRpbmc6IDVweCAxMXB4O1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYmFja2dyb3VuZDogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLW1lc3NhZ2UtYmctY29sb3IsICNmZmZmZmYpIDc0JSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpIDI2JSk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxMjUsIDEyNSwgMTI1LCAwLjMpO1xuICAgIGJvcmRlci1jb2xvcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLW1lc3NhZ2UtdGV4dC1jb2xvciwgIzBmMTcyYSkgMTYlLCB0cmFuc3BhcmVudCk7XG4gICAgYm9yZGVyLXJhZGl1czogOTk5cHg7XG4gICAgYm94LXNoYWRvdzogMCAycHggOHB4IHJnYmEoMTUsIDIzLCA0MiwgMC4xMik7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDhweCk7XG59XG5cbi5zb3VyY2VDaGlwOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMzQpO1xuICAgIGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1tZXNzYWdlLWJnLWNvbG9yLCAjZmZmZmZmKSA2NCUsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KSAzNiUpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMXB4KTtcbiAgICBib3gtc2hhZG93OiAwIDRweCAxMnB4IHJnYmEoMTUsIDIzLCA0MiwgMC4xNCk7XG59XG5cbi5pY29uIHtcbiAgICBmb250LXNpemU6IDEuMWVtO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZvbnQtZmFtaWx5OiAnT3Blbk1vamlDb2xvcicsICdPcGVuTW9qaUJsYWNrJztcbn1cblxuLmxhYmVsIHtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNXB4O1xufVxuXG4uY2l0YXRpb25JZCB7XG4gICAgZm9udC1zaXplOiAwLjg1ZW07XG4gICAgb3BhY2l0eTogMC43ODtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uc3VmZml4IHtcbiAgICBmb250LXNpemU6IDAuODVlbTtcbiAgICBvcGFjaXR5OiAwLjgyO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbiJdfQ== */";
-    var styles$3 = {"sourceChip":"SourceChip-module_sourceChip__Cqbn0","icon":"SourceChip-module_icon__olwcc","label":"SourceChip-module_label__yCkr-","citationId":"SourceChip-module_citationId__W7xTo","suffix":"SourceChip-module_suffix__FSlC-"};
+    var css_248z$3 = ".SourceChip-module_sourceChip__Cqbn0{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.24);background:color-mix(in srgb,var(--message-bg-color,#fff) 74%,hsla(0,0%,100%,.8) 26%);border:1px solid hsla(0,0%,49%,.3);border-color:color-mix(in srgb,var(--message-text-color,#0f172a) 16%,transparent);border-radius:999px;box-shadow:0 2px 8px rgba(15,23,42,.12);color:inherit;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;max-width:min(100%,32rem);padding:5px 11px;transition:all .2s ease}.SourceChip-module_sourceChip__Cqbn0:hover{background:hsla(0,0%,100%,.34);background:color-mix(in srgb,var(--message-bg-color,#fff) 64%,hsla(0,0%,100%,.9) 36%);box-shadow:0 4px 12px rgba(15,23,42,.14);transform:translateY(-1px)}.SourceChip-module_icon__olwcc{flex-shrink:0;font-family:OpenMojiColor,OpenMojiBlack;font-size:1.1em}.SourceChip-module_label__yCkr-{align-items:center;display:flex;font-weight:600;gap:5px;min-width:0;white-space:nowrap}.SourceChip-module_labelText__aFt2z{min-width:0;overflow:hidden;text-overflow:ellipsis}.SourceChip-module_citationId__W7xTo{font-size:.85em;font-weight:500;opacity:.78}.SourceChip-module_suffix__FSlC-{font-size:.85em;font-weight:500;opacity:.82;white-space:nowrap}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNvdXJjZUNoaXAubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FFSSxrQkFBbUIsQ0FlbkIseUJBQTBCLENBVDFCLDhCQUFxQyxDQUNyQyxxRkFBa0csQ0FDbEcsa0NBQTBDLENBQzFDLGlGQUFxRixDQUNyRixtQkFBb0IsQ0FDcEIsdUNBQTRDLENBQzVDLGFBQWMsQ0FFZCxjQUFlLENBZmYsbUJBQW9CLENBSXBCLGVBQWlCLENBQ2pCLGVBQWdCLENBSGhCLE9BQVEsQ0FDUix5QkFBMkIsQ0FHM0IsZ0JBQWlCLENBUWpCLHVCQUdKLENBRUEsMkNBQ0ksOEJBQXFDLENBQ3JDLHFGQUFrRyxDQUVsRyx3Q0FBNkMsQ0FEN0MsMEJBRUosQ0FFQSwrQkFFSSxhQUFjLENBQ2QsdUNBQTZDLENBRjdDLGVBR0osQ0FFQSxnQ0FJSSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUZiLGVBQWdCLENBSWhCLE9BQVEsQ0FDUixXQUFZLENBSlosa0JBS0osQ0FFQSxvQ0FDSSxXQUFZLENBQ1osZUFBZ0IsQ0FDaEIsc0JBQ0osQ0FFQSxxQ0FDSSxlQUFpQixDQUVqQixlQUFnQixDQURoQixXQUVKLENBRUEsaUNBQ0ksZUFBaUIsQ0FFakIsZUFBZ0IsQ0FEaEIsV0FBYSxDQUViLGtCQUNKIiwiZmlsZSI6IlNvdXJjZUNoaXAubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zb3VyY2VDaGlwIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNnB4O1xuICAgIG1heC13aWR0aDogbWluKDEwMCUsIDMycmVtKTtcbiAgICBmb250LXNpemU6IDAuOHJlbTtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHBhZGRpbmc6IDVweCAxMXB4O1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNCk7XG4gICAgYmFja2dyb3VuZDogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLW1lc3NhZ2UtYmctY29sb3IsICNmZmZmZmYpIDc0JSwgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjgpIDI2JSk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxMjUsIDEyNSwgMTI1LCAwLjMpO1xuICAgIGJvcmRlci1jb2xvcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLW1lc3NhZ2UtdGV4dC1jb2xvciwgIzBmMTcyYSkgMTYlLCB0cmFuc3BhcmVudCk7XG4gICAgYm9yZGVyLXJhZGl1czogOTk5cHg7XG4gICAgYm94LXNoYWRvdzogMCAycHggOHB4IHJnYmEoMTUsIDIzLCA0MiwgMC4xMik7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDhweCk7XG59XG5cbi5zb3VyY2VDaGlwOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMzQpO1xuICAgIGJhY2tncm91bmQ6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1tZXNzYWdlLWJnLWNvbG9yLCAjZmZmZmZmKSA2NCUsIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KSAzNiUpO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMXB4KTtcbiAgICBib3gtc2hhZG93OiAwIDRweCAxMnB4IHJnYmEoMTUsIDIzLCA0MiwgMC4xNCk7XG59XG5cbi5pY29uIHtcbiAgICBmb250LXNpemU6IDEuMWVtO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGZvbnQtZmFtaWx5OiAnT3Blbk1vamlDb2xvcicsICdPcGVuTW9qaUJsYWNrJztcbn1cblxuLmxhYmVsIHtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogNXB4O1xuICAgIG1pbi13aWR0aDogMDtcbn1cblxuLmxhYmVsVGV4dCB7XG4gICAgbWluLXdpZHRoOiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG59XG5cbi5jaXRhdGlvbklkIHtcbiAgICBmb250LXNpemU6IDAuODVlbTtcbiAgICBvcGFjaXR5OiAwLjc4O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5zdWZmaXgge1xuICAgIGZvbnQtc2l6ZTogMC44NWVtO1xuICAgIG9wYWNpdHk6IDAuODI7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuIl19 */";
+    var styles$3 = {"sourceChip":"SourceChip-module_sourceChip__Cqbn0","icon":"SourceChip-module_icon__olwcc","label":"SourceChip-module_label__yCkr-","labelText":"SourceChip-module_labelText__aFt2z","citationId":"SourceChip-module_citationId__W7xTo","suffix":"SourceChip-module_suffix__FSlC-"};
     styleInject(css_248z$3);
 
     /**
@@ -31702,7 +32287,7 @@
      *
      * @private utility of `ChatMessageItem` component
      */
-    function SourceChip({ citation, onClick, className, suffix, isCitationIdVisible = true }) {
+    function SourceChip({ citation, onClick, className, suffix, resolveCitationLabel, isCitationIdVisible = true, }) {
         var _a;
         const handleClick = (event) => {
             event.stopPropagation();
@@ -31712,7 +32297,8 @@
         };
         // Keep source chips concise and human-readable for CDN-backed knowledge files.
         const normalizedSource = citation.source.trim();
-        const displayName = getCitationLabel(citation);
+        const displayName = useResolvedCitationLabel(citation, resolveCitationLabel);
+        const title = displayName === citation.source ? citation.source : `${displayName}\n${citation.source}`;
         // Get file extension for icon
         const fileExtension = ((_a = (normalizedSource || citation.source).split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || 'file';
         const icon = isPlainTextCitation(citation)
@@ -31720,7 +32306,7 @@
             : isCitationUrl(normalizedSource)
                 ? '🌐'
                 : getFileIcon(fileExtension);
-        return (jsxRuntime.jsxs("button", { className: `${styles$3.sourceChip} ${className || ''}`, onClick: handleClick, title: citation.source, children: [jsxRuntime.jsx("span", { className: styles$3.icon, children: icon }), jsxRuntime.jsxs("span", { className: styles$3.label, children: [displayName, isCitationIdVisible && jsxRuntime.jsxs("span", { className: styles$3.citationId, children: [" [", citation.id, "]"] })] }), suffix && jsxRuntime.jsx("span", { className: styles$3.suffix, children: suffix })] }));
+        return (jsxRuntime.jsxs("button", { className: `${styles$3.sourceChip} ${className || ''}`, onClick: handleClick, title: title, children: [jsxRuntime.jsx("span", { className: styles$3.icon, children: icon }), jsxRuntime.jsxs("span", { className: styles$3.label, children: [jsxRuntime.jsx("span", { className: styles$3.labelText, children: displayName }), isCitationIdVisible && jsxRuntime.jsxs("span", { className: styles$3.citationId, children: [" [", citation.id, "]"] })] }), suffix && jsxRuntime.jsx("span", { className: styles$3.suffix, children: suffix })] }));
     }
     /**
      * Gets an appropriate emoji icon for a file type
@@ -31805,63 +32391,6 @@
         return `${minutes}m ${seconds}s`;
     }
 
-    /**
-     * Extracts one quick button definition from a markdown link query string.
-     *
-     * @param text The visible button label.
-     * @param query Raw query-string payload captured from markdown.
-     * @returns Parsed quick button definition or `null` when the link is not a supported quick button.
-     *
-     * @private internal helper of `parseMessageButtons`
-     */
-    function parseQuickButtonDefinition(text, query) {
-        const searchParams = new URLSearchParams(query);
-        const message = searchParams.get('message');
-        if (message !== null) {
-            return {
-                type: 'message',
-                text,
-                message,
-            };
-        }
-        const code = searchParams.get('action');
-        if (code !== null) {
-            return {
-                type: 'action',
-                text,
-                code,
-            };
-        }
-        return null;
-    }
-    /**
-     * Parses markdown quick buttons in the format `[Button Text](?message=...)` or `[Button Text](?action=...)`.
-     * Returns both the content without supported quick buttons and the extracted button definitions.
-     *
-     * @param content The markdown content that may contain buttons
-     * @returns Object with contentWithoutButtons and buttons array
-     *
-     * @public exported from `@promptbook/components`
-     */
-    function parseMessageButtons(content) {
-        const buttonRegex = /\[([^\]]+)\]\(\?([^)]+)\)/g;
-        const buttons = [];
-        const contentWithoutButtons = content
-            .replace(buttonRegex, (match, text, query) => {
-            const button = parseQuickButtonDefinition(text, query);
-            if (!button) {
-                return match;
-            }
-            buttons.push(button);
-            return '';
-        })
-            .trim();
-        return {
-            contentWithoutButtons,
-            buttons,
-        };
-    }
-
     /**
      * Searches for the last unclosed code fence using the provided delimiter.
      */
@@ -35333,7 +35862,7 @@
     //                           <- TODO: [🧠] Should we wrap more components in `React.memo`
     //                                          Or make normal function from this?
     (props) => {
-        const { message, participant, participants, isLastMessage, onMessage, onActionButton, onQuickMessageButton, setExpandedMessageId, isExpanded, currentRating, handleRating, mode, isCopyButtonEnabled, isFeedbackEnabled, feedbackMode = 'stars', feedbackTranslations, timingTranslations, chatLocale, onCopy, onCreateAgent, toolTitles, teammates, onReplyToMessage, canReplyToMessage, teamAgentProfiles, visualMode = 'ARTICLE_MODE', onToolCallClick, onCitationClick, soundSystem, isSpeechPlaybackEnabled, elevenLabsVoiceId, chatUiTranslations, } = props;
+        const { message, participant, participants, isLastMessage, onMessage, onActionButton, onQuickMessageButton, setExpandedMessageId, isExpanded, currentRating, handleRating, mode, isCopyButtonEnabled, isFeedbackEnabled, feedbackMode = 'stars', feedbackTranslations, timingTranslations, resolveCitationLabel, chatLocale, onCopy, onCreateAgent, toolTitles, teammates, onReplyToMessage, canReplyToMessage, teamAgentProfiles, visualMode = 'ARTICLE_MODE', onToolCallClick, onCitationClick, soundSystem, isSpeechPlaybackEnabled, elevenLabsVoiceId, chatUiTranslations, } = props;
         const { isComplete = true,
         // <- TODO: Destruct all `messages` properties like `isComplete`
          } = message;
@@ -35381,6 +35910,10 @@
             content: sanitizedContentWithoutButtons,
             citations: message.citations,
         }), [message.citations, sanitizedContentWithoutButtons]);
+        const enrichCitationForRendering = react.useCallback((citation) => {
+            const previewUrl = resolveCitationPreviewUrl(citation, participants !== null && participants !== void 0 ? participants : []);
+            return previewUrl && !citation.url ? { ...citation, url: previewUrl } : citation;
+        }, [participants]);
         const contentSegments = react.useMemo(() => splitMessageContentIntoSegments(citationFootnoteRenderModel.content), [citationFootnoteRenderModel.content]);
         const hasMapSegment = react.useMemo(() => contentSegments.some((segment) => segment.type === 'map'), [contentSegments]);
         const [localHoveredRating, setLocalHoveredRating] = react.useState(0);
@@ -35652,7 +36185,7 @@
                                 '--message-bg-color': isAgentArticleMode ? articleModeBackgroundColor : color.toHex(),
                                 '--message-text-color': isAgentArticleMode ? articleModeTextColor : colorOfText.toHex(),
                                 '--chat-message-swipe-offset': swipeTranslation,
-                            }, onPointerDown: handleReplyPointerDown, onPointerMove: handleReplyPointerMove, onPointerUp: handleReplyPointerEnd, onPointerCancel: resetReplySwipe, children: [isReplyActionEnabled && (jsxRuntime.jsx("div", { className: classNames(styles$7.replySwipeIndicator, isMe && styles$7.replySwipeIndicatorRight, isReplySwipeArmed && styles$7.replySwipeIndicatorActive), "aria-hidden": "true", children: jsxRuntime.jsx(lucideReact.Reply, { className: styles$7.replySwipeIndicatorIcon }) })), !shouldRenderArticleActionsBar && renderMessageReadAndCopyControls(), message.isVoiceCall && (jsxRuntime.jsx("div", { className: styles$7.voiceCallIndicator, children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }) }) })), replyingToMessage && replyPreviewText && replySenderLabel && (jsxRuntime.jsx(ChatReplyPreview, { label: replyPreviewLabel, senderLabel: replySenderLabel, previewText: replyPreviewText, className: styles$7.replyBubblePreview })), jsxRuntime.jsx("div", { ref: contentWithoutButtonsRef, children: jsxRuntime.jsx(ChatMessageRichContent, { content: message.content, contentSegments: contentSegments, streamingFeaturePlaceholderKind: streamingFeaturePlaceholderKind, onCreateAgent: onCreateAgent, mode: mode }) }), message.attachments && message.attachments.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.attachments, children: message.attachments.map((attachment, index) => (jsxRuntime.jsxs("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", className: styles$7.attachment, title: attachment.name, children: [jsxRuntime.jsx("span", { className: styles$7.attachmentIcon, children: "\uD83D\uDCCE" }), jsxRuntime.jsx("span", { className: styles$7.attachmentName, children: attachment.name })] }, index))) })), jsxRuntime.jsx(ChatMessageToolCallChips, { chips: toolCallChips, onToolCallClick: onToolCallClick }), citationFootnoteRenderModel.footnotes.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.citationFootnotes, children: citationFootnoteRenderModel.footnotes.map((footnote) => (jsxRuntime.jsxs("div", { className: styles$7.citationFootnoteItem, children: [jsxRuntime.jsx("span", { className: styles$7.citationFootnoteNumber, children: footnote.number }), jsxRuntime.jsx(SourceChip, { citation: footnote.citation, onClick: onCitationClick, isCitationIdVisible: false })] }, `citation-footnote-${footnote.number}-${footnote.citation.source}`))) })), transitiveCitations.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.sourceCitations, children: transitiveCitations.map((citation, index) => (jsxRuntime.jsx(SourceChip, { citation: citation, suffix: `by ${citation.origin.label}`, onClick: onCitationClick }, `team-source-${citation.source}-${index}`))) })), shouldShowButtons && (jsxRuntime.jsx("div", { className: styles$7.messageButtons, children: renderableButtons.map(({ button, buttonIndex }) => (jsxRuntime.jsx("button", { type: "button", className: classNames(styles$7.messageButton, button.type === 'action' && styles$7.actionMessageButton), onClick: (event) => {
+                            }, onPointerDown: handleReplyPointerDown, onPointerMove: handleReplyPointerMove, onPointerUp: handleReplyPointerEnd, onPointerCancel: resetReplySwipe, children: [isReplyActionEnabled && (jsxRuntime.jsx("div", { className: classNames(styles$7.replySwipeIndicator, isMe && styles$7.replySwipeIndicatorRight, isReplySwipeArmed && styles$7.replySwipeIndicatorActive), "aria-hidden": "true", children: jsxRuntime.jsx(lucideReact.Reply, { className: styles$7.replySwipeIndicatorIcon }) })), !shouldRenderArticleActionsBar && renderMessageReadAndCopyControls(), message.isVoiceCall && (jsxRuntime.jsx("div", { className: styles$7.voiceCallIndicator, children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }) }) })), replyingToMessage && replyPreviewText && replySenderLabel && (jsxRuntime.jsx(ChatReplyPreview, { label: replyPreviewLabel, senderLabel: replySenderLabel, previewText: replyPreviewText, className: styles$7.replyBubblePreview })), jsxRuntime.jsx("div", { ref: contentWithoutButtonsRef, children: jsxRuntime.jsx(ChatMessageRichContent, { content: message.content, contentSegments: contentSegments, streamingFeaturePlaceholderKind: streamingFeaturePlaceholderKind, onCreateAgent: onCreateAgent, mode: mode }) }), message.attachments && message.attachments.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.attachments, children: message.attachments.map((attachment, index) => (jsxRuntime.jsxs("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", className: styles$7.attachment, title: attachment.name, children: [jsxRuntime.jsx("span", { className: styles$7.attachmentIcon, children: "\uD83D\uDCCE" }), jsxRuntime.jsx("span", { className: styles$7.attachmentName, children: attachment.name })] }, index))) })), jsxRuntime.jsx(ChatMessageToolCallChips, { chips: toolCallChips, onToolCallClick: onToolCallClick }), citationFootnoteRenderModel.footnotes.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.citationFootnotes, children: citationFootnoteRenderModel.footnotes.map((footnote) => (jsxRuntime.jsxs("div", { className: styles$7.citationFootnoteItem, children: [jsxRuntime.jsx("span", { className: styles$7.citationFootnoteNumber, children: footnote.number }), jsxRuntime.jsx(SourceChip, { citation: enrichCitationForRendering(footnote.citation), onClick: onCitationClick, resolveCitationLabel: resolveCitationLabel, isCitationIdVisible: false })] }, `citation-footnote-${footnote.number}-${footnote.citation.source}`))) })), transitiveCitations.length > 0 && (jsxRuntime.jsx("div", { className: styles$7.sourceCitations, children: transitiveCitations.map((citation, index) => (jsxRuntime.jsx(SourceChip, { citation: enrichCitationForRendering(citation), suffix: `by ${citation.origin.label}`, onClick: onCitationClick, resolveCitationLabel: resolveCitationLabel }, `team-source-${citation.source}-${index}`))) })), shouldShowButtons && (jsxRuntime.jsx("div", { className: styles$7.messageButtons, children: renderableButtons.map(({ button, buttonIndex }) => (jsxRuntime.jsx("button", { type: "button", className: classNames(styles$7.messageButton, button.type === 'action' && styles$7.actionMessageButton), onClick: (event) => {
                                             event.stopPropagation();
                                             if (button.type === 'message') {
                                                 const quickMessageHandler = onQuickMessageButton || onMessage;
@@ -35758,6 +36291,9 @@
         if (prev.feedbackTranslations !== next.feedbackTranslations) {
             return false;
         }
+        if (prev.resolveCitationLabel !== next.resolveCitationLabel) {
+            return false;
+        }
         if (prev.handleRating !== next.handleRating) {
             return false;
         }
@@ -35786,7 +36322,7 @@
      * @private component of `<Chat/>`
      */
     function ChatMessageList(props) {
-        const { messages, participants, expandedMessageId, messageRatings, setExpandedMessageId, handleRating, mode, isCopyButtonEnabled, isFeedbackEnabled, feedbackMode, feedbackTranslations, timingTranslations, chatLocale, onCopy, onMessage, onActionButton, onQuickMessageButton, onReplyToMessage, canReplyToMessage, onCreateAgent, toolTitles, teammates, onToolCallClick, onCitationClick, visualMode, soundSystem, isSpeechPlaybackEnabled, elevenLabsVoiceId, teamAgentProfiles, setChatMessagesElement, onScroll, chatMessagesClassName, hasActions, chatUiTranslations, } = props;
+        const { messages, participants, expandedMessageId, messageRatings, setExpandedMessageId, handleRating, mode, isCopyButtonEnabled, isFeedbackEnabled, feedbackMode, feedbackTranslations, timingTranslations, resolveCitationLabel, chatLocale, onCopy, onMessage, onActionButton, onQuickMessageButton, onReplyToMessage, canReplyToMessage, onCreateAgent, toolTitles, teammates, onToolCallClick, onCitationClick, visualMode, soundSystem, isSpeechPlaybackEnabled, elevenLabsVoiceId, teamAgentProfiles, setChatMessagesElement, onScroll, chatMessagesClassName, hasActions, chatUiTranslations, } = props;
         const firstMessage = messages[0];
         const firstMsgContent = (firstMessage === null || firstMessage === void 0 ? void 0 : firstMessage.content) || '';
         const firstMsgLines = firstMsgContent.split(/\r?\n/).length;
@@ -35798,7 +36334,7 @@
                     const isLastMessage = index === messages.length - 1;
                     const isExpanded = expandedMessageId === message.id;
                     const currentRating = messageRatings.get(message.id || message.content /* <-[??] */) || 0;
-                    return (jsxRuntime.jsx(ChatMessageItem, { message: message, participant: participant, participants: participants, isLastMessage: isLastMessage, onMessage: onMessage, onActionButton: onActionButton, onQuickMessageButton: onQuickMessageButton, onReplyToMessage: onReplyToMessage, canReplyToMessage: canReplyToMessage, setExpandedMessageId: setExpandedMessageId, isExpanded: isExpanded, currentRating: currentRating, handleRating: handleRating, mode: mode, isCopyButtonEnabled: isCopyButtonEnabled, isFeedbackEnabled: isFeedbackEnabled, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, timingTranslations: timingTranslations, chatLocale: chatLocale, onCopy: onCopy, onCreateAgent: onCreateAgent, toolTitles: toolTitles, teammates: teammates, teamAgentProfiles: teamAgentProfiles, visualMode: visualMode, onToolCallClick: onToolCallClick, onCitationClick: onCitationClick, soundSystem: soundSystem, isSpeechPlaybackEnabled: isSpeechPlaybackEnabled, elevenLabsVoiceId: elevenLabsVoiceId, chatUiTranslations: chatUiTranslations }, resolveRenderedMessageKey(message)));
+                    return (jsxRuntime.jsx(ChatMessageItem, { message: message, participant: participant, participants: participants, isLastMessage: isLastMessage, onMessage: onMessage, onActionButton: onActionButton, onQuickMessageButton: onQuickMessageButton, onReplyToMessage: onReplyToMessage, canReplyToMessage: canReplyToMessage, setExpandedMessageId: setExpandedMessageId, isExpanded: isExpanded, currentRating: currentRating, handleRating: handleRating, mode: mode, isCopyButtonEnabled: isCopyButtonEnabled, isFeedbackEnabled: isFeedbackEnabled, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, timingTranslations: timingTranslations, resolveCitationLabel: resolveCitationLabel, chatLocale: chatLocale, onCopy: onCopy, onCreateAgent: onCreateAgent, toolTitles: toolTitles, teammates: teammates, teamAgentProfiles: teamAgentProfiles, visualMode: visualMode, onToolCallClick: onToolCallClick, onCitationClick: onCitationClick, soundSystem: soundSystem, isSpeechPlaybackEnabled: isSpeechPlaybackEnabled, elevenLabsVoiceId: elevenLabsVoiceId, chatUiTranslations: chatUiTranslations }, resolveRenderedMessageKey(message)));
                 }), jsxRuntime.jsx("div", { style: { height: 100 } })] }));
     }
     /**
@@ -39244,11 +39780,11 @@
      * @private component of ChatToolCallModal
      */
     function TeamToolCallSourcesGroup(props) {
-        const { teamCitations } = props;
+        const { teamCitations, resolveCitationLabel } = props;
         if (teamCitations.length === 0) {
             return null;
         }
-        return (jsxRuntime.jsxs("div", { className: styles$7.teamToolCallGroup, children: [jsxRuntime.jsx("div", { className: styles$7.teamToolCallHeading, children: "Sources" }), jsxRuntime.jsx("div", { className: styles$7.teamToolCallChips, children: teamCitations.map((citation, index) => (jsxRuntime.jsx(SourceChip, { citation: citation, suffix: `by ${citation.origin.label}` }, `team-source-${citation.source}-${index}`))) })] }));
+        return (jsxRuntime.jsxs("div", { className: styles$7.teamToolCallGroup, children: [jsxRuntime.jsx("div", { className: styles$7.teamToolCallHeading, children: "Sources" }), jsxRuntime.jsx("div", { className: styles$7.teamToolCallChips, children: teamCitations.map((citation, index) => (jsxRuntime.jsx(SourceChip, { citation: citation, suffix: `by ${citation.origin.label}`, resolveCitationLabel: resolveCitationLabel }, `team-source-${citation.source}-${index}`))) })] }));
     }
     /**
      * Renders the nested action details for the selected teammate tool call.
@@ -39273,12 +39809,12 @@
      * @private component of ChatToolCallModal
      */
     function TeamToolCallSummarySection(props) {
-        const { agentParticipant, buttonColor, onClearSelectedTeamToolCall, onSelectTeamToolCall, selectedTeamToolCall, teamToolCallSummary, toolTitles, } = props;
+        const { agentParticipant, buttonColor, onClearSelectedTeamToolCall, onSelectTeamToolCall, selectedTeamToolCall, teamToolCallSummary, toolTitles, resolveCitationLabel, } = props;
         const hasSummaryContent = teamToolCallSummary.toolCalls.length > 0 || teamToolCallSummary.citations.length > 0;
         if (!hasSummaryContent) {
             return null;
         }
-        return (jsxRuntime.jsxs("div", { className: styles$7.teamToolCallSection, children: [jsxRuntime.jsx(TeamToolCallActionsGroup, { teamToolCalls: teamToolCallSummary.toolCalls, onSelectTeamToolCall: onSelectTeamToolCall, toolTitles: toolTitles }), jsxRuntime.jsx(TeamToolCallSourcesGroup, { teamCitations: teamToolCallSummary.citations }), jsxRuntime.jsx(TeamToolCallDetailsPanel, { selectedTeamToolCall: selectedTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] }));
+        return (jsxRuntime.jsxs("div", { className: styles$7.teamToolCallSection, children: [jsxRuntime.jsx(TeamToolCallActionsGroup, { teamToolCalls: teamToolCallSummary.toolCalls, onSelectTeamToolCall: onSelectTeamToolCall, toolTitles: toolTitles }), jsxRuntime.jsx(TeamToolCallSourcesGroup, { teamCitations: teamToolCallSummary.citations, resolveCitationLabel: resolveCitationLabel }), jsxRuntime.jsx(TeamToolCallDetailsPanel, { selectedTeamToolCall: selectedTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] }));
     }
     /**
      * Renders TEAM conversation details, nested actions, and citations.
@@ -39286,7 +39822,7 @@
      * @private function of ChatToolCallModal
      */
     function TeamToolCallModalContent(options) {
-        const { teamResult, toolCallDate, teamToolCallSummary, selectedTeamToolCall, onSelectTeamToolCall, onClearSelectedTeamToolCall, teamProfiles, toolTitles, agentParticipant, buttonColor, } = options;
+        const { teamResult, toolCallDate, teamToolCallSummary, selectedTeamToolCall, onSelectTeamToolCall, onClearSelectedTeamToolCall, teamProfiles, toolTitles, resolveCitationLabel, agentParticipant, buttonColor, } = options;
         const baseTime = toolCallDate ? toolCallDate.getTime() : Date.now();
         const messages = createTeamConversationMessages(teamResult, baseTime);
         const { agentHeader, teammateHeader, participants } = createTeamConversationViewModel({
@@ -39294,7 +39830,7 @@
             teamProfiles,
             agentParticipant,
         });
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TeamConversationHeader, { agentHeader: agentHeader, teammateHeader: teammateHeader }), jsxRuntime.jsxs("div", { className: styles$7.searchModalContent, children: [jsxRuntime.jsx(TeamConversationSection, { agentLabel: agentHeader.label, teammateLabel: teammateHeader.label, messages: messages, participants: participants }), jsxRuntime.jsx(TeamToolCallSummarySection, { teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] })] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TeamConversationHeader, { agentHeader: agentHeader, teammateHeader: teammateHeader }), jsxRuntime.jsxs("div", { className: styles$7.searchModalContent, children: [jsxRuntime.jsx(TeamConversationSection, { agentLabel: agentHeader.label, teammateLabel: teammateHeader.label, messages: messages, participants: participants }), jsxRuntime.jsx(TeamToolCallSummarySection, { teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, resolveCitationLabel: resolveCitationLabel, agentParticipant: agentParticipant, buttonColor: buttonColor })] })] }));
     }
 
     /**
@@ -39302,7 +39838,7 @@
      *
      * @private component of `ChatToolCallModal`
      */
-    function ChatToolCallModalContent({ agentParticipant, availableTools, buttonColor, chatUiTranslations, focusedToolCall, isAdvancedView, locale, mode, onClearSelectedTeamToolCall, onRequestAdvancedView, onSelectTeamToolCall, selectedTeamToolCall, teamProfiles, teamResult, teamToolCallSummary, toolCall, toolCallDate, toolTitles, }) {
+    function ChatToolCallModalContent({ agentParticipant, availableTools, buttonColor, chatUiTranslations, focusedToolCall, isAdvancedView, locale, mode, resolveCitationLabel, onClearSelectedTeamToolCall, onRequestAdvancedView, onSelectTeamToolCall, selectedTeamToolCall, teamProfiles, teamResult, teamToolCallSummary, toolCall, toolCallDate, toolTitles, }) {
         if (isAdvancedView) {
             return renderAdvancedToolCallDetails({
                 toolCall: focusedToolCall,
@@ -39312,7 +39848,7 @@
             });
         }
         if (teamResult === null || teamResult === void 0 ? void 0 : teamResult.teammate) {
-            return (jsxRuntime.jsx(TeamToolCallModalContent, { teamResult: teamResult, toolCallDate: toolCallDate, teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, teamProfiles: teamProfiles, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor }));
+            return (jsxRuntime.jsx(TeamToolCallModalContent, { teamResult: teamResult, toolCallDate: toolCallDate, teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, teamProfiles: teamProfiles, toolTitles: toolTitles, resolveCitationLabel: resolveCitationLabel, agentParticipant: agentParticipant, buttonColor: buttonColor }));
         }
         return renderToolCallDetails({
             toolCall,
@@ -39575,7 +40111,7 @@
      * @private component of `<Chat/>`
      */
     function ChatToolCallModal(props) {
-        const { isOpen, toolCall, mode = 'LIGHT', toolCallIdentity, onClose, toolTitles, agentParticipant, buttonColor, teamAgentProfiles, chatUiTranslations, locale, availableTools, } = props;
+        const { isOpen, toolCall, mode = 'LIGHT', toolCallIdentity, onClose, toolTitles, resolveCitationLabel, agentParticipant, buttonColor, teamAgentProfiles, chatUiTranslations, locale, availableTools, } = props;
         const { clearSelectedTeamToolCall, exportAdvancedToolCallReport, focusedToolCall, isAdvancedView, modalDialogRef, openAdvancedView, selectTeamToolCall, selectedTeamToolCall, teamProfiles, teamResult, teamToolCallSummary, toggleViewMode, toolCallDate, } = useChatToolCallModalState({
             isOpen,
             toolCall,
@@ -39597,7 +40133,7 @@
             : (chatUiTranslations === null || chatUiTranslations === void 0 ? void 0 : chatUiTranslations.toolCallModalAdvancedLabel) || 'Advanced';
         return (jsxRuntime.jsx("div", { className: styles$7.ratingModal, "data-chat-modal": "tool-call", "data-chat-theme": mode.toLowerCase(), onClick: (event) => {
                 handleModalBackdropClick(event, onClose);
-            }, children: jsxRuntime.jsxs("div", { ref: modalDialogRef, className: classNames(styles$7.ratingModalContent, styles$7.toolCallModal), role: "dialog", "aria-modal": "true", "aria-label": modalTitle, tabIndex: -1, children: [jsxRuntime.jsx("button", { type: "button", className: styles$7.modalCloseButton, onClick: onClose, "aria-label": closeButtonLabel, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx(ChatToolCallModalContent, { toolCall: toolCall, focusedToolCall: resolvedFocusedToolCall, isAdvancedView: isAdvancedView, teamResult: teamResult, toolCallDate: toolCallDate, teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: selectTeamToolCall, onClearSelectedTeamToolCall: clearSelectedTeamToolCall, teamProfiles: teamProfiles, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor, locale: locale, chatUiTranslations: chatUiTranslations, availableTools: availableTools, onRequestAdvancedView: openAdvancedView, mode: mode }), jsxRuntime.jsxs("div", { className: styles$7.toolCallModeFooter, children: [isAdvancedView && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
+            }, children: jsxRuntime.jsxs("div", { ref: modalDialogRef, className: classNames(styles$7.ratingModalContent, styles$7.toolCallModal), role: "dialog", "aria-modal": "true", "aria-label": modalTitle, tabIndex: -1, children: [jsxRuntime.jsx("button", { type: "button", className: styles$7.modalCloseButton, onClick: onClose, "aria-label": closeButtonLabel, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx(ChatToolCallModalContent, { toolCall: toolCall, focusedToolCall: resolvedFocusedToolCall, isAdvancedView: isAdvancedView, teamResult: teamResult, toolCallDate: toolCallDate, teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: selectTeamToolCall, onClearSelectedTeamToolCall: clearSelectedTeamToolCall, teamProfiles: teamProfiles, toolTitles: toolTitles, resolveCitationLabel: resolveCitationLabel, agentParticipant: agentParticipant, buttonColor: buttonColor, locale: locale, chatUiTranslations: chatUiTranslations, availableTools: availableTools, onRequestAdvancedView: openAdvancedView, mode: mode }), jsxRuntime.jsxs("div", { className: styles$7.toolCallModeFooter, children: [isAdvancedView && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
                                             void exportAdvancedToolCallReport('clipboard');
                                         }, children: copyButtonLabel }), jsxRuntime.jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
                                             void exportAdvancedToolCallReport('file');
@@ -39740,6 +40276,146 @@
     }
     // TODO: [🧠][✌️] Make some Promptbook-native token system
 
+    /**
+     * Pattern for detecting JSON-style Unicode escape sequences in model text.
+     *
+     * @private utility of chat message postprocessing
+     */
+    const JSON_UNICODE_ESCAPE_DETECTION_PATTERN = /\\u[0-9a-fA-F]{4}/;
+    /**
+     * Pattern for decoding JSON-style Unicode escape sequences in model text.
+     *
+     * @private utility of chat message postprocessing
+     */
+    const JSON_UNICODE_ESCAPE_PATTERN = /\\u([0-9a-fA-F]{4})/g;
+    /**
+     * Pattern for detecting fenced markdown code-block boundaries.
+     *
+     * @private utility of chat message postprocessing
+     */
+    const MARKDOWN_CODE_FENCE_PATTERN = /^[ \t]{0,3}(`{3,}|~{3,})/;
+    /**
+     * Minimum code point decoded by the chat Unicode escape normalizer.
+     *
+     * ASCII escapes can be intentional in JSON and security-sensitive examples, so this
+     * helper only decodes non-ASCII characters that were visibly broken in chat text.
+     *
+     * @private utility of chat message postprocessing
+     */
+    const FIRST_NON_ASCII_CODE_POINT = 0x80;
+    /**
+     * Decodes JSON-style Unicode escape sequences in markdown prose while preserving code.
+     *
+     * Model/tool output can occasionally arrive as already JSON-escaped text, which makes
+     * natural-language replies render `\u00fd` instead of the decoded character. This
+     * keeps code examples intact by skipping fenced code blocks and inline code spans.
+     *
+     * @param markdown - Markdown chat content to normalize for display.
+     * @returns Markdown chat content with non-ASCII JSON Unicode escapes decoded.
+     *
+     * @private internal utility of `<Chat/>`
+     */
+    function decodeJsonUnicodeEscapesInMarkdownText(markdown) {
+        var _a, _b;
+        if (!JSON_UNICODE_ESCAPE_DETECTION_PATTERN.test(markdown)) {
+            return markdown;
+        }
+        const parts = markdown.split(/(\r\n|\r|\n)/);
+        let fenceState = null;
+        let normalizedMarkdown = '';
+        for (let index = 0; index < parts.length; index += 2) {
+            const line = (_a = parts[index]) !== null && _a !== void 0 ? _a : '';
+            const newline = (_b = parts[index + 1]) !== null && _b !== void 0 ? _b : '';
+            const fenceBoundary = resolveMarkdownFenceBoundary(line);
+            if (fenceState) {
+                normalizedMarkdown += line + newline;
+                if (fenceBoundary &&
+                    fenceBoundary.marker === fenceState.marker &&
+                    fenceBoundary.length >= fenceState.length) {
+                    fenceState = null;
+                }
+                continue;
+            }
+            if (fenceBoundary) {
+                fenceState = fenceBoundary;
+                normalizedMarkdown += line + newline;
+                continue;
+            }
+            normalizedMarkdown += decodeJsonUnicodeEscapesOutsideInlineCode(line) + newline;
+        }
+        return normalizedMarkdown;
+    }
+    /**
+     * Resolves one markdown code-fence boundary from a line.
+     *
+     * @private utility of `decodeJsonUnicodeEscapesInMarkdownText`
+     */
+    function resolveMarkdownFenceBoundary(line) {
+        const match = line.match(MARKDOWN_CODE_FENCE_PATTERN);
+        const fenceMarker = match === null || match === void 0 ? void 0 : match[1];
+        if (!fenceMarker) {
+            return null;
+        }
+        return {
+            marker: fenceMarker[0],
+            length: fenceMarker.length,
+        };
+    }
+    /**
+     * Decodes Unicode escapes in one markdown line while skipping inline code spans.
+     *
+     * @private utility of `decodeJsonUnicodeEscapesInMarkdownText`
+     */
+    function decodeJsonUnicodeEscapesOutsideInlineCode(line) {
+        let normalizedLine = '';
+        let cursor = 0;
+        while (cursor < line.length) {
+            const openingDelimiterStart = line.indexOf('`', cursor);
+            if (openingDelimiterStart === -1) {
+                normalizedLine += decodeJsonUnicodeEscapesInText(line.slice(cursor));
+                break;
+            }
+            const openingDelimiterEnd = findBacktickRunEnd(line, openingDelimiterStart);
+            const openingDelimiter = line.slice(openingDelimiterStart, openingDelimiterEnd);
+            const closingDelimiterStart = line.indexOf(openingDelimiter, openingDelimiterEnd);
+            normalizedLine += decodeJsonUnicodeEscapesInText(line.slice(cursor, openingDelimiterStart));
+            if (closingDelimiterStart === -1) {
+                normalizedLine += line.slice(openingDelimiterStart);
+                break;
+            }
+            const closingDelimiterEnd = closingDelimiterStart + openingDelimiter.length;
+            normalizedLine += line.slice(openingDelimiterStart, closingDelimiterEnd);
+            cursor = closingDelimiterEnd;
+        }
+        return normalizedLine;
+    }
+    /**
+     * Finds the first character after one contiguous run of backticks.
+     *
+     * @private utility of `decodeJsonUnicodeEscapesInMarkdownText`
+     */
+    function findBacktickRunEnd(line, startIndex) {
+        let cursor = startIndex;
+        while (cursor < line.length && line[cursor] === '`') {
+            cursor++;
+        }
+        return cursor;
+    }
+    /**
+     * Decodes non-ASCII JSON Unicode escapes in plain text.
+     *
+     * @private utility of `decodeJsonUnicodeEscapesInMarkdownText`
+     */
+    function decodeJsonUnicodeEscapesInText(text) {
+        return text.replace(JSON_UNICODE_ESCAPE_PATTERN, (match, hexadecimalCodePoint) => {
+            const codePoint = Number.parseInt(hexadecimalCodePoint, 16);
+            if (codePoint < FIRST_NON_ASCII_CODE_POINT) {
+                return match;
+            }
+            return String.fromCharCode(codePoint);
+        });
+    }
+
     /**
      * Applies the same text normalization that Chat historically performed inline.
      *
@@ -39753,15 +40429,24 @@
         const normalizedReplyingTo = messageWithCitations.replyingTo
             ? {
                 ...messageWithCitations.replyingTo,
-                content: promptbookifyAiText(humanizeAiText(messageWithCitations.replyingTo.content)),
+                content: postprocessChatMessageContent(messageWithCitations.replyingTo.content),
             }
             : undefined;
         return {
             ...messageWithCitations,
-            content: promptbookifyAiText(humanizeAiText(messageWithCitations.content)),
+            content: postprocessChatMessageContent(messageWithCitations.content),
             ...(normalizedReplyingTo ? { replyingTo: normalizedReplyingTo } : {}),
         };
     }
+    /**
+     * Applies markdown-safe text normalization to one chat message content value.
+     *
+     * @private utility of `useChatPostprocessedMessages`
+     */
+    function postprocessChatMessageContent(content) {
+        const decodedContent = decodeJsonUnicodeEscapesInMarkdownText(content);
+        return promptbookifyAiText(humanizeAiText(decodedContent));
+    }
     /**
      * Memoizes the render-only message normalization used by `<Chat/>`.
      *
@@ -40573,7 +41258,7 @@
      * @public exported from `@promptbook/components`
      */
     function Chat(props) {
-        const { title = 'Chat', messages, onChange, onMessage, onActionButton, onQuickMessageButton, onReplyToMessage, onCancelReply, onReset, resetRequiresConfirmation = true, newChatButtonHref, onFeedback, feedbackMode = 'stars', feedbackTranslations, timingTranslations, onFileUpload, chatLocale, speechRecognition, placeholderMessageContent, defaultMessage, enterBehavior, resolveEnterBehavior, children, className, style, isAiTextHumanizedAndPromptbookified = true, isVoiceCalling = false, isFocusedOnLoad, participants = [], canReplyToMessage, replyingToMessage, extraActions, actionsContainer, saveFormats, saveFormatHandlers, isSaveButtonEnabled = true, isCopyButtonEnabled = true, buttonColor: buttonColorRaw, onUseTemplate, onCreateAgent, toolTitles, teammates, teamAgentProfiles, layout, visualMode = 'ARTICLE_MODE', theme = 'LIGHT', effectConfigs, soundSystem, speechRecognitionLanguage, isSpeechPlaybackEnabled = true, elevenLabsVoiceId, chatUiTranslations, } = props;
+        const { title = 'Chat', messages, onChange, onMessage, onActionButton, onQuickMessageButton, onReplyToMessage, onCancelReply, onReset, resetRequiresConfirmation = true, newChatButtonHref, onFeedback, feedbackMode = 'stars', feedbackTranslations, timingTranslations, resolveCitationLabel, onFileUpload, chatLocale, speechRecognition, placeholderMessageContent, defaultMessage, enterBehavior, resolveEnterBehavior, children, className, style, isAiTextHumanizedAndPromptbookified = true, isVoiceCalling = false, isFocusedOnLoad, participants = [], canReplyToMessage, replyingToMessage, extraActions, actionsContainer, saveFormats, saveFormatHandlers, isSaveButtonEnabled = true, isCopyButtonEnabled = true, buttonColor: buttonColorRaw, onUseTemplate, onCreateAgent, toolTitles, teammates, teamAgentProfiles, layout, visualMode = 'ARTICLE_MODE', theme = 'LIGHT', effectConfigs, soundSystem, speechRecognitionLanguage, isSpeechPlaybackEnabled = true, elevenLabsVoiceId, chatUiTranslations, } = props;
         const buttonColor = react.useMemo(() => Color.from(buttonColorRaw || '#0066cc'), [buttonColorRaw]);
         const agentParticipant = react.useMemo(() => participants.find((participant) => participant.name === 'AGENT'), [participants]);
         const postprocessedMessages = useChatPostprocessedMessages({
@@ -40618,7 +41303,7 @@
         useChatCompleteNotification(messages, soundSystem);
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [feedbackStatus && (jsxRuntime.jsx("div", { className: classNames(styles$7.feedbackStatus, feedbackStatus.variant === 'success'
                         ? styles$7.feedbackStatusSuccess
-                        : styles$7.feedbackStatusError), "aria-live": "polite", role: "status", children: feedbackStatus.message })), effectConfigs && effectConfigs.length > 0 && (jsxRuntime.jsx(ChatEffectsSystem, { messages: postprocessedMessages, effectConfigs: effectConfigs, soundSystem: soundSystem })), jsxRuntime.jsx("div", { className: classNames(className, styles$7.Chat, layout === 'STANDALONE' && styles$7.standaloneVisual, layout === 'FULL_PAGE' && styles$7.fullPageVisual, isConstrainedArticleMode && styles$7.constrainedArticleVisual, getChatCssClassName('Chat'), chatCssClassNames.chat), "data-chat-theme": mode.toLowerCase(), style, children: jsxRuntime.jsxs("div", { className: classNames(className, styles$7.chatMainFlow, getChatCssClassName('chatMainFlow'), chatCssClassNames.chatMainFlow), children: [children && jsxRuntime.jsx("div", { className: classNames(styles$7.chatChildren), children: children }), shouldShowScrollToBottom && (jsxRuntime.jsx("div", { className: styles$7.scrollToBottomContainer, children: jsxRuntime.jsxs("div", { className: styles$7.scrollToBottomWrapper, children: [jsxRuntime.jsx(SolidArrowButton, { "data-button-type": "custom", direction: "down", iconSize: 33, className: classNames(styles$7.scrollToBottom, scrollToBottomCssClassName), onClick: handleButtonClick(() => scrollToBottom()), "aria-label": ariaLabel, title: ariaLabel }), badgeLabel && (jsxRuntime.jsx("span", { className: styles$7.scrollToBottomBadge, "aria-live": "polite", role: "status", children: badgeLabel }))] }) })), isVoiceCalling && (jsxRuntime.jsx("div", { className: styles$7.voiceCallIndicatorBar, children: jsxRuntime.jsxs("div", { className: styles$7.voiceCallIndicator, children: [jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }) }), jsxRuntime.jsx("span", { children: "Voice call active" }), jsxRuntime.jsx("div", { className: styles$7.voiceCallPulse })] }) })), jsxRuntime.jsx(ChatActionsBar, { actionsRef: actionsRef, actionsContainer: actionsContainer, messages: postprocessedMessages, participants: participants, title: title, onReset: onReset, resetRequiresConfirmation: resetRequiresConfirmation, newChatButtonHref: newChatButtonHref, onUseTemplate: onUseTemplate, extraActions: extraActions, saveFormats: saveFormats, saveFormatHandlers: saveFormatHandlers, isSaveButtonEnabled: isSaveButtonEnabled, shouldFadeActions: shouldFadeActions, shouldDisableActions: shouldDisableActions, chatUiTranslations: chatUiTranslations, onButtonClick: handleButtonClick }), jsxRuntime.jsx(ChatMessageList, { messages: postprocessedMessages, participants: participants, expandedMessageId: expandedMessageId, messageRatings: messageRatings, setExpandedMessageId: setExpandedMessageId, handleRating: handleRating, mode: mode, isCopyButtonEnabled: isCopyButtonEnabled, isFeedbackEnabled: isFeedbackEnabled, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, timingTranslations: timingTranslations, chatLocale: chatLocale, onCopy: handleCopy, onMessage: onMessage, onActionButton: onActionButton, onQuickMessageButton: onQuickMessageButton, onReplyToMessage: onReplyToMessage, canReplyToMessage: canReplyToMessage, onCreateAgent: onCreateAgent, toolTitles: toolTitles, teammates: teammates, teamAgentProfiles: teamAgentProfiles, visualMode: visualMode, soundSystem: soundSystem, onToolCallClick: openToolCall, onCitationClick: openCitation, setChatMessagesElement: setChatMessagesElement, onScroll: handleChatScroll, isSpeechPlaybackEnabled: isSpeechPlaybackEnabled, elevenLabsVoiceId: elevenLabsVoiceId, chatUiTranslations: chatUiTranslations, chatMessagesClassName: classNames(isConstrainedArticleMode && styles$7.articleModeChatMessages, getChatCssClassName('chatMessages'), chatCssClassNames.chatMessages), hasActions: hasActions }), onMessage && (jsxRuntime.jsx(ChatInputArea, { onMessage: onMessage, onChange: onChange, onFileUpload: onFileUpload, speechRecognition: speechRecognition, speechRecognitionLanguage: speechRecognitionLanguage, replyingToMessage: replyingToMessage, onCancelReply: onCancelReply, defaultMessage: defaultMessage, enterBehavior: enterBehavior, resolveEnterBehavior: resolveEnterBehavior, placeholderMessageContent: placeholderMessageContent || (chatUiTranslations === null || chatUiTranslations === void 0 ? void 0 : chatUiTranslations.inputPlaceholder), isFocusedOnLoad: isFocusedOnLoad, isMobile: isMobile, isVoiceCalling: isVoiceCalling, participants: participants, buttonColor: buttonColor, soundSystem: soundSystem, onButtonClick: handleButtonClick, chatUiTranslations: chatUiTranslations, chatInputClassName: classNames(isConstrainedArticleMode && styles$7.articleModeChatInput, getChatCssClassName('chatInput'), chatCssClassNames.chatInput) }))] }) }), jsxRuntime.jsx(ChatToolCallModal, { isOpen: toolCallModalOpen, toolCall: selectedToolCall, toolCallIdentity: selectedToolCallIdentity, onClose: closeToolCallModal, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor, teamAgentProfiles: teamAgentProfiles, chatUiTranslations: chatUiTranslations, locale: chatLocale, availableTools: selectedMessageAvailableTools, mode: mode }), jsxRuntime.jsx(ChatCitationModal, { isOpen: citationModalOpen, citation: selectedCitation, participants: participants, soundSystem: soundSystem, onClose: closeCitationModal }), jsxRuntime.jsx(ChatRatingModal, { isOpen: ratingModalOpen, selectedMessage: selectedMessage, postprocessedMessages: postprocessedMessages, messages: messages, hoveredRating: hoveredRating, messageRatings: messageRatings, textRating: textRating, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, mode: mode, isMobile: isMobile, onClose: () => setRatingModalOpen(false), setHoveredRating: setHoveredRating, setMessageRatings: setMessageRatings, setSelectedMessage: setSelectedMessage, setTextRating: setTextRating, submitRating: submitRating })] }));
+                        : styles$7.feedbackStatusError), "aria-live": "polite", role: "status", children: feedbackStatus.message })), effectConfigs && effectConfigs.length > 0 && (jsxRuntime.jsx(ChatEffectsSystem, { messages: postprocessedMessages, effectConfigs: effectConfigs, soundSystem: soundSystem })), jsxRuntime.jsx("div", { className: classNames(className, styles$7.Chat, layout === 'STANDALONE' && styles$7.standaloneVisual, layout === 'FULL_PAGE' && styles$7.fullPageVisual, isConstrainedArticleMode && styles$7.constrainedArticleVisual, getChatCssClassName('Chat'), chatCssClassNames.chat), "data-chat-theme": mode.toLowerCase(), style, children: jsxRuntime.jsxs("div", { className: classNames(className, styles$7.chatMainFlow, getChatCssClassName('chatMainFlow'), chatCssClassNames.chatMainFlow), children: [children && jsxRuntime.jsx("div", { className: classNames(styles$7.chatChildren), children: children }), shouldShowScrollToBottom && (jsxRuntime.jsx("div", { className: styles$7.scrollToBottomContainer, children: jsxRuntime.jsxs("div", { className: styles$7.scrollToBottomWrapper, children: [jsxRuntime.jsx(SolidArrowButton, { "data-button-type": "custom", direction: "down", iconSize: 33, className: classNames(styles$7.scrollToBottom, scrollToBottomCssClassName), onClick: handleButtonClick(() => scrollToBottom()), "aria-label": ariaLabel, title: ariaLabel }), badgeLabel && (jsxRuntime.jsx("span", { className: styles$7.scrollToBottomBadge, "aria-live": "polite", role: "status", children: badgeLabel }))] }) })), isVoiceCalling && (jsxRuntime.jsx("div", { className: styles$7.voiceCallIndicatorBar, children: jsxRuntime.jsxs("div", { className: styles$7.voiceCallIndicator, children: [jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: jsxRuntime.jsx("path", { d: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" }) }), jsxRuntime.jsx("span", { children: "Voice call active" }), jsxRuntime.jsx("div", { className: styles$7.voiceCallPulse })] }) })), jsxRuntime.jsx(ChatActionsBar, { actionsRef: actionsRef, actionsContainer: actionsContainer, messages: postprocessedMessages, participants: participants, title: title, onReset: onReset, resetRequiresConfirmation: resetRequiresConfirmation, newChatButtonHref: newChatButtonHref, onUseTemplate: onUseTemplate, extraActions: extraActions, saveFormats: saveFormats, saveFormatHandlers: saveFormatHandlers, isSaveButtonEnabled: isSaveButtonEnabled, shouldFadeActions: shouldFadeActions, shouldDisableActions: shouldDisableActions, chatUiTranslations: chatUiTranslations, onButtonClick: handleButtonClick }), jsxRuntime.jsx(ChatMessageList, { messages: postprocessedMessages, participants: participants, expandedMessageId: expandedMessageId, messageRatings: messageRatings, setExpandedMessageId: setExpandedMessageId, handleRating: handleRating, mode: mode, isCopyButtonEnabled: isCopyButtonEnabled, isFeedbackEnabled: isFeedbackEnabled, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, timingTranslations: timingTranslations, resolveCitationLabel: resolveCitationLabel, chatLocale: chatLocale, onCopy: handleCopy, onMessage: onMessage, onActionButton: onActionButton, onQuickMessageButton: onQuickMessageButton, onReplyToMessage: onReplyToMessage, canReplyToMessage: canReplyToMessage, onCreateAgent: onCreateAgent, toolTitles: toolTitles, teammates: teammates, teamAgentProfiles: teamAgentProfiles, visualMode: visualMode, soundSystem: soundSystem, onToolCallClick: openToolCall, onCitationClick: openCitation, setChatMessagesElement: setChatMessagesElement, onScroll: handleChatScroll, isSpeechPlaybackEnabled: isSpeechPlaybackEnabled, elevenLabsVoiceId: elevenLabsVoiceId, chatUiTranslations: chatUiTranslations, chatMessagesClassName: classNames(isConstrainedArticleMode && styles$7.articleModeChatMessages, getChatCssClassName('chatMessages'), chatCssClassNames.chatMessages), hasActions: hasActions }), onMessage && (jsxRuntime.jsx(ChatInputArea, { onMessage: onMessage, onChange: onChange, onFileUpload: onFileUpload, speechRecognition: speechRecognition, speechRecognitionLanguage: speechRecognitionLanguage, replyingToMessage: replyingToMessage, onCancelReply: onCancelReply, defaultMessage: defaultMessage, enterBehavior: enterBehavior, resolveEnterBehavior: resolveEnterBehavior, placeholderMessageContent: placeholderMessageContent || (chatUiTranslations === null || chatUiTranslations === void 0 ? void 0 : chatUiTranslations.inputPlaceholder), isFocusedOnLoad: isFocusedOnLoad, isMobile: isMobile, isVoiceCalling: isVoiceCalling, participants: participants, buttonColor: buttonColor, soundSystem: soundSystem, onButtonClick: handleButtonClick, chatUiTranslations: chatUiTranslations, chatInputClassName: classNames(isConstrainedArticleMode && styles$7.articleModeChatInput, getChatCssClassName('chatInput'), chatCssClassNames.chatInput) }))] }) }), jsxRuntime.jsx(ChatToolCallModal, { isOpen: toolCallModalOpen, toolCall: selectedToolCall, toolCallIdentity: selectedToolCallIdentity, onClose: closeToolCallModal, toolTitles: toolTitles, resolveCitationLabel: resolveCitationLabel, agentParticipant: agentParticipant, buttonColor: buttonColor, teamAgentProfiles: teamAgentProfiles, chatUiTranslations: chatUiTranslations, locale: chatLocale, availableTools: selectedMessageAvailableTools, mode: mode }), jsxRuntime.jsx(ChatCitationModal, { isOpen: citationModalOpen, citation: selectedCitation, participants: participants, resolveCitationLabel: resolveCitationLabel, soundSystem: soundSystem, onClose: closeCitationModal }), jsxRuntime.jsx(ChatRatingModal, { isOpen: ratingModalOpen, selectedMessage: selectedMessage, postprocessedMessages: postprocessedMessages, messages: messages, hoveredRating: hoveredRating, messageRatings: messageRatings, textRating: textRating, feedbackMode: feedbackMode, feedbackTranslations: feedbackTranslations, mode: mode, isMobile: isMobile, onClose: () => setRatingModalOpen(false), setHoveredRating: setHoveredRating, setMessageRatings: setMessageRatings, setSelectedMessage: setSelectedMessage, setTextRating: setTextRating, submitRating: submitRating })] }));
     }
 
     /**
@@ -48625,11 +49310,19 @@
             try {
                 const json = JSON.parse(content);
                 const formattedJson = JSON.stringify(json, null, 4);
-                return `\`\`\`json\n${formattedJson}\n\`\`\``;
+                return spacetrim.spaceTrim((block) => `
+                    \`\`\`json
+                    ${block(formattedJson)}
+                    \`\`\`
+                `);
             }
             catch (error) {
                 // If JSON is invalid, still import it but maybe not as pretty JSON
-                return `\`\`\`json\n${content}\n\`\`\``;
+                return spacetrim.spaceTrim((block) => `
+                    \`\`\`json
+                    ${block(content)}
+                    \`\`\`
+                `);
             }
         },
     };
@@ -48653,7 +49346,11 @@
         import(content, mimeType) {
             const extension = mimeTypeToExtension(mimeType);
             const codeBlockType = extension || 'txt';
-            return `\`\`\`${codeBlockType}\n${content}\n\`\`\``;
+            return spacetrim.spaceTrim((block) => `
+                \`\`\`${codeBlockType}
+                ${block(content)}
+                \`\`\`
+            `);
         },
     };
 
@@ -48900,11 +49597,19 @@
         const examples = [];
         const initialMessage = (_a = parseResult.commitments.find((commitment) => commitment.type === 'INITIAL MESSAGE')) === null || _a === void 0 ? void 0 : _a.content;
         if (initialMessage) {
-            examples.push(`**Agent:**\n${initialMessage}`);
+            examples.push(spacetrim.spaceTrim((block) => `
+                    **Agent:**
+                    ${block(initialMessage)}
+                `));
         }
         if (samples && samples.length > 0) {
             for (const sample of samples) {
-                examples.push(`**User:** ${sample.question}\n\n**Agent:**\n${sample.answer}`);
+                examples.push(spacetrim.spaceTrim((block) => `
+                        **User:** ${block(String(sample.question))}
+
+                        **Agent:**
+                        ${block(sample.answer)}
+                    `));
             }
         }
         return examples;
@@ -55450,7 +56155,11 @@
             };
         }
         return {
-            content: `${content.slice(0, Math.max(0, maxCharacters))}\n\n[...truncated...]`,
+            content: spacetrim.spaceTrim((block) => `
+                ${block(content.slice(0, Math.max(0, maxCharacters)))}
+
+                [...truncated...]
+            `),
             isTruncated: true,
         };
     }