@promptbook/components 0.112.0-126 → 0.112.0-128

package/esm/index.es.js

@@ -40,7 +40,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @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
@@ -5275,41 +5275,91 @@ function drawBlobbyOctopusShadow(context, size, palette, interaction, timeMs, mo
     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`,
@@ -5327,12 +5377,21 @@ function resolveVisibleBlobbyOctopusPatches(options) {
  * @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) -
@@ -5629,45 +5688,102 @@ function drawContinuousOctopusShadow(context, size, palette, interaction, timeMs
     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`,
             });
         }
@@ -5683,16 +5799,27 @@ function resolveVisibleContinuousOctopusPatches(options) {
  * @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)) *
@@ -9381,8 +9508,11 @@ class GoalCommitmentDefinition extends BaseCommitmentDefinition {
         if (!trimmedContent) {
             return requirements;
         }
-        // Add goal as a proper h2 section to the system message
-        const goalSection = `## Goal\n\n${trimmedContent}`;
+        const goalSection = spaceTrim$1((block) => `
+                ## Goal
+
+                ${block(trimmedContent)}
+            `);
         const requirementsWithGoal = this.appendToSystemMessage(requirements, goalSection, '\n\n');
         return this.appendToPromptSuffix(requirementsWithGoal, trimmedContent);
     }
@@ -9904,8 +10034,11 @@ class LanguageCommitmentDefinition extends BaseCommitmentDefinition {
         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$1((block) => `
+                ## Language
+
+                -   Your language is ${block(trimmedContent)}
+            `);
         return this.appendToSystemMessage(requirements, languageSection, '\n\n');
     }
 }
@@ -13485,7 +13618,15 @@ function buildTeammateMetadata(entry) {
  * 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$1((block) => `
+            ${block(message)}
+
+            Context:
+            ${block(context)}
+        `);
 }
 /**
  * Builds a minimal chat prompt for teammate calls.
@@ -17508,7 +17649,11 @@ function createUseProjectToolFunctions() {
                 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$1((block) => `
+                              ${block(lineRangedContent.slice(0, MAX_PROJECT_FILE_CONTENT_CHARACTERS))}
+
+                              [...truncated...]
+                          `)
                     : lineRangedContent;
                 const wasTruncated = decoded.isTruncated || wasCharacterTruncated;
                 if (wasCharacterTruncated) {
@@ -25810,11 +25955,19 @@ const FILE_EXTENSION_REGEX = /\.([a-z0-9]{1,10})$/i;
  * 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.
@@ -25887,6 +26040,10 @@ function isPlainTextCitation(citation) {
  * @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;
@@ -25898,7 +26055,7 @@ function getCitationLabel(citation) {
         }
         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.
@@ -25917,8 +26074,134 @@ function resolveCitationPreviewUrl(citation, participants) {
     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.
  *
@@ -26809,12 +27092,13 @@ function resolveCitationForToken(rawToken, bracketCitationId, citationsById) {
  * @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,
     };
 }
 /**
@@ -26831,11 +27115,13 @@ function mergeParsedCitations(currentCitation, incomingCitation) {
         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;
     }
@@ -27185,6 +27471,12 @@ const CITATION_FOOTNOTE_REFERENCE_HTML_REGEX = /<sup data-citation-footnote="(\d
  * @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.
  *
@@ -27198,6 +27490,38 @@ function escapeHtml$1(value) {
         .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$1(`
+            <div class="message-avatar" aria-hidden="true" style="${avatarStyle}">
+                <img src="${escapeHtml$1(participant.avatarSrc)}" alt="" loading="lazy" />
+            </div>
+        `);
+    }
+    return spaceTrim$1(`
+        <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.
  *
@@ -27261,13 +27585,26 @@ function buildCitationsMarkup(message) {
         </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,
@@ -27305,34 +27642,74 @@ function buildReplyingToMarkup(message, citationFootnotes) {
     `);
 }
 /**
- * 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$1(`
-        <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>
     `);
 }
@@ -27396,8 +27773,11 @@ function buildChatHtml(title, messages, participants) {
     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$1(`
@@ -27411,6 +27791,17 @@ function buildChatHtml(title, messages, participants) {
             <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;
                 }
 
                 * {
@@ -27420,25 +27811,27 @@ function buildChatHtml(title, messages, participants) {
                 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 {
@@ -27446,7 +27839,7 @@ function buildChatHtml(title, messages, participants) {
                     font-size: 11px;
                     letter-spacing: 0.14em;
                     text-transform: uppercase;
-                    color: #64748b;
+                    color: var(--chat-export-muted);
                 }
 
                 .document-title {
@@ -27457,89 +27850,174 @@ function buildChatHtml(title, messages, participants) {
 
                 .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 {
@@ -27549,18 +28027,14 @@ function buildChatHtml(title, messages, participants) {
 
                 .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 {
@@ -27588,7 +28062,7 @@ function buildChatHtml(title, messages, participants) {
                 .markdown-content pre,
                 .markdown-content table,
                 .markdown-content details {
-                    margin: 0 0 14px;
+                    margin: 0 0 12px;
                 }
 
                 .markdown-content ul,
@@ -27598,7 +28072,7 @@ function buildChatHtml(title, messages, participants) {
 
                 .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;
@@ -27650,7 +28124,7 @@ function buildChatHtml(title, messages, participants) {
 
                 .markdown-content details {
                     padding: 12px 14px;
-                    border: 1px solid #e2e8f0;
+                    border: 1px solid var(--chat-export-soft-border);
                     border-radius: 10px;
                     background: #f8fafc;
                 }
@@ -27672,7 +28146,7 @@ function buildChatHtml(title, messages, participants) {
                 }
 
                 .markdown-content sup[data-citation-footnote] a {
-                    color: #0f6cbd;
+                    color: inherit;
                     text-decoration: none;
                 }
 
@@ -27685,14 +28159,14 @@ function buildChatHtml(title, messages, participants) {
                     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 {
@@ -27718,26 +28192,50 @@ function buildChatHtml(title, messages, participants) {
                 }
 
                 .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>
@@ -28203,7 +28701,11 @@ const PROMPTBOOK_REACT_EXPORT_BRANDING_COMMENT = createPromptbookReactExportBran
  */
 function createPromptbookReactExportBrandingComment() {
     const branding = getPromptbookExportBranding();
-    return ['/*', ...branding.commentLines.map((line) => ` * ${line}`), ' */'].join('\n');
+    return spaceTrim$1((block) => `
+            /*
+            ${block(branding.commentLines.map((line) => ` * ${line}`).join('\n'))}
+             */
+        `);
 }
 /**
  * React <jsx/> export plugin (full metadata)
@@ -28746,6 +29248,54 @@ const MarkdownContent = memo(function MarkdownContent(props) {
         } }));
 });
 
+/**
+ * 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 = useMemo(() => getCitationLabel(citation), [citation]);
+    const citationKey = useMemo(() => createCitationLabelLookupKey(citation), [citation]);
+    const [resolvedLabel, setResolvedLabel] = useState(null);
+    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
@@ -28786,6 +29336,15 @@ function CitationIframePreview({ src, title }) {
     return 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.
  *
@@ -28793,7 +29352,9 @@ function CitationIframePreview({ src, title }) {
  */
 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;
     }
@@ -28804,7 +29365,6 @@ function ChatCitationModal(props) {
     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 : '';
@@ -30903,21 +31463,34 @@ function ChatInputArea(props) {
 
 // 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.
  *
@@ -30936,17 +31509,13 @@ const avatarAnimationListeners = new Map();
  * @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.
  *
@@ -30957,7 +31526,14 @@ function retainAvatarAnimationListener(avatarAnimationListener) {
         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);
@@ -30978,12 +31554,21 @@ function ensureAvatarAnimationLoop() {
     }
     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);
@@ -31687,8 +32272,8 @@ const AvatarProfileTooltip = forwardRef(function AvatarProfileTooltip({ agentSou
         }, children: [jsx("div", { className: styles$4.arrow }), 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);
 
 /**
@@ -31708,7 +32293,7 @@ styleInject(css_248z$3);
  *
  * @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();
@@ -31718,7 +32303,8 @@ function SourceChip({ citation, onClick, className, suffix, isCitationIdVisible
     };
     // 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)
@@ -31726,7 +32312,7 @@ function SourceChip({ citation, onClick, className, suffix, isCitationIdVisible
         : isCitationUrl(normalizedSource)
             ? '🌐'
             : getFileIcon(fileExtension);
-    return (jsxs("button", { className: `${styles$3.sourceChip} ${className || ''}`, onClick: handleClick, title: citation.source, children: [jsx("span", { className: styles$3.icon, children: icon }), jsxs("span", { className: styles$3.label, children: [displayName, isCitationIdVisible && jsxs("span", { className: styles$3.citationId, children: [" [", citation.id, "]"] })] }), suffix && jsx("span", { className: styles$3.suffix, children: suffix })] }));
+    return (jsxs("button", { className: `${styles$3.sourceChip} ${className || ''}`, onClick: handleClick, title: title, children: [jsx("span", { className: styles$3.icon, children: icon }), jsxs("span", { className: styles$3.label, children: [jsx("span", { className: styles$3.labelText, children: displayName }), isCitationIdVisible && jsxs("span", { className: styles$3.citationId, children: [" [", citation.id, "]"] })] }), suffix && jsx("span", { className: styles$3.suffix, children: suffix })] }));
 }
 /**
  * Gets an appropriate emoji icon for a file type
@@ -31811,63 +32397,6 @@ function formatGenerationDurationLabel(durationMs) {
     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.
  */
@@ -35339,7 +35868,7 @@ const ChatMessageItem = memo(
 //                           <- 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;
@@ -35387,6 +35916,10 @@ const ChatMessageItem = memo(
         content: sanitizedContentWithoutButtons,
         citations: message.citations,
     }), [message.citations, sanitizedContentWithoutButtons]);
+    const enrichCitationForRendering = useCallback((citation) => {
+        const previewUrl = resolveCitationPreviewUrl(citation, participants !== null && participants !== void 0 ? participants : []);
+        return previewUrl && !citation.url ? { ...citation, url: previewUrl } : citation;
+    }, [participants]);
     const contentSegments = useMemo(() => splitMessageContentIntoSegments(citationFootnoteRenderModel.content), [citationFootnoteRenderModel.content]);
     const hasMapSegment = useMemo(() => contentSegments.some((segment) => segment.type === 'map'), [contentSegments]);
     const [localHoveredRating, setLocalHoveredRating] = useState(0);
@@ -35658,7 +36191,7 @@ const ChatMessageItem = memo(
                             '--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 && (jsx("div", { className: classNames(styles$7.replySwipeIndicator, isMe && styles$7.replySwipeIndicatorRight, isReplySwipeArmed && styles$7.replySwipeIndicatorActive), "aria-hidden": "true", children: jsx(Reply, { className: styles$7.replySwipeIndicatorIcon }) })), !shouldRenderArticleActionsBar && renderMessageReadAndCopyControls(), message.isVoiceCall && (jsx("div", { className: styles$7.voiceCallIndicator, children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: 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 && (jsx(ChatReplyPreview, { label: replyPreviewLabel, senderLabel: replySenderLabel, previewText: replyPreviewText, className: styles$7.replyBubblePreview })), jsx("div", { ref: contentWithoutButtonsRef, children: jsx(ChatMessageRichContent, { content: message.content, contentSegments: contentSegments, streamingFeaturePlaceholderKind: streamingFeaturePlaceholderKind, onCreateAgent: onCreateAgent, mode: mode }) }), message.attachments && message.attachments.length > 0 && (jsx("div", { className: styles$7.attachments, children: message.attachments.map((attachment, index) => (jsxs("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", className: styles$7.attachment, title: attachment.name, children: [jsx("span", { className: styles$7.attachmentIcon, children: "\uD83D\uDCCE" }), jsx("span", { className: styles$7.attachmentName, children: attachment.name })] }, index))) })), jsx(ChatMessageToolCallChips, { chips: toolCallChips, onToolCallClick: onToolCallClick }), citationFootnoteRenderModel.footnotes.length > 0 && (jsx("div", { className: styles$7.citationFootnotes, children: citationFootnoteRenderModel.footnotes.map((footnote) => (jsxs("div", { className: styles$7.citationFootnoteItem, children: [jsx("span", { className: styles$7.citationFootnoteNumber, children: footnote.number }), jsx(SourceChip, { citation: footnote.citation, onClick: onCitationClick, isCitationIdVisible: false })] }, `citation-footnote-${footnote.number}-${footnote.citation.source}`))) })), transitiveCitations.length > 0 && (jsx("div", { className: styles$7.sourceCitations, children: transitiveCitations.map((citation, index) => (jsx(SourceChip, { citation: citation, suffix: `by ${citation.origin.label}`, onClick: onCitationClick }, `team-source-${citation.source}-${index}`))) })), shouldShowButtons && (jsx("div", { className: styles$7.messageButtons, children: renderableButtons.map(({ button, buttonIndex }) => (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 && (jsx("div", { className: classNames(styles$7.replySwipeIndicator, isMe && styles$7.replySwipeIndicatorRight, isReplySwipeArmed && styles$7.replySwipeIndicatorActive), "aria-hidden": "true", children: jsx(Reply, { className: styles$7.replySwipeIndicatorIcon }) })), !shouldRenderArticleActionsBar && renderMessageReadAndCopyControls(), message.isVoiceCall && (jsx("div", { className: styles$7.voiceCallIndicator, children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: 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 && (jsx(ChatReplyPreview, { label: replyPreviewLabel, senderLabel: replySenderLabel, previewText: replyPreviewText, className: styles$7.replyBubblePreview })), jsx("div", { ref: contentWithoutButtonsRef, children: jsx(ChatMessageRichContent, { content: message.content, contentSegments: contentSegments, streamingFeaturePlaceholderKind: streamingFeaturePlaceholderKind, onCreateAgent: onCreateAgent, mode: mode }) }), message.attachments && message.attachments.length > 0 && (jsx("div", { className: styles$7.attachments, children: message.attachments.map((attachment, index) => (jsxs("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", className: styles$7.attachment, title: attachment.name, children: [jsx("span", { className: styles$7.attachmentIcon, children: "\uD83D\uDCCE" }), jsx("span", { className: styles$7.attachmentName, children: attachment.name })] }, index))) })), jsx(ChatMessageToolCallChips, { chips: toolCallChips, onToolCallClick: onToolCallClick }), citationFootnoteRenderModel.footnotes.length > 0 && (jsx("div", { className: styles$7.citationFootnotes, children: citationFootnoteRenderModel.footnotes.map((footnote) => (jsxs("div", { className: styles$7.citationFootnoteItem, children: [jsx("span", { className: styles$7.citationFootnoteNumber, children: footnote.number }), jsx(SourceChip, { citation: enrichCitationForRendering(footnote.citation), onClick: onCitationClick, resolveCitationLabel: resolveCitationLabel, isCitationIdVisible: false })] }, `citation-footnote-${footnote.number}-${footnote.citation.source}`))) })), transitiveCitations.length > 0 && (jsx("div", { className: styles$7.sourceCitations, children: transitiveCitations.map((citation, index) => (jsx(SourceChip, { citation: enrichCitationForRendering(citation), suffix: `by ${citation.origin.label}`, onClick: onCitationClick, resolveCitationLabel: resolveCitationLabel }, `team-source-${citation.source}-${index}`))) })), shouldShowButtons && (jsx("div", { className: styles$7.messageButtons, children: renderableButtons.map(({ button, buttonIndex }) => (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;
@@ -35764,6 +36297,9 @@ const ChatMessageItem = memo(
     if (prev.feedbackTranslations !== next.feedbackTranslations) {
         return false;
     }
+    if (prev.resolveCitationLabel !== next.resolveCitationLabel) {
+        return false;
+    }
     if (prev.handleRating !== next.handleRating) {
         return false;
     }
@@ -35792,7 +36328,7 @@ ChatMessageItem.displayName = 'ChatMessageItem';
  * @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;
@@ -35804,7 +36340,7 @@ function ChatMessageList(props) {
                 const isLastMessage = index === messages.length - 1;
                 const isExpanded = expandedMessageId === message.id;
                 const currentRating = messageRatings.get(message.id || message.content /* <-[??] */) || 0;
-                return (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 (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)));
             }), jsx("div", { style: { height: 100 } })] }));
 }
 /**
@@ -39250,11 +39786,11 @@ function TeamToolCallActionsGroup(props) {
  * @private component of ChatToolCallModal
  */
 function TeamToolCallSourcesGroup(props) {
-    const { teamCitations } = props;
+    const { teamCitations, resolveCitationLabel } = props;
     if (teamCitations.length === 0) {
         return null;
     }
-    return (jsxs("div", { className: styles$7.teamToolCallGroup, children: [jsx("div", { className: styles$7.teamToolCallHeading, children: "Sources" }), jsx("div", { className: styles$7.teamToolCallChips, children: teamCitations.map((citation, index) => (jsx(SourceChip, { citation: citation, suffix: `by ${citation.origin.label}` }, `team-source-${citation.source}-${index}`))) })] }));
+    return (jsxs("div", { className: styles$7.teamToolCallGroup, children: [jsx("div", { className: styles$7.teamToolCallHeading, children: "Sources" }), jsx("div", { className: styles$7.teamToolCallChips, children: teamCitations.map((citation, index) => (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.
@@ -39279,12 +39815,12 @@ function TeamToolCallDetailsPanel(props) {
  * @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 (jsxs("div", { className: styles$7.teamToolCallSection, children: [jsx(TeamToolCallActionsGroup, { teamToolCalls: teamToolCallSummary.toolCalls, onSelectTeamToolCall: onSelectTeamToolCall, toolTitles: toolTitles }), jsx(TeamToolCallSourcesGroup, { teamCitations: teamToolCallSummary.citations }), jsx(TeamToolCallDetailsPanel, { selectedTeamToolCall: selectedTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] }));
+    return (jsxs("div", { className: styles$7.teamToolCallSection, children: [jsx(TeamToolCallActionsGroup, { teamToolCalls: teamToolCallSummary.toolCalls, onSelectTeamToolCall: onSelectTeamToolCall, toolTitles: toolTitles }), jsx(TeamToolCallSourcesGroup, { teamCitations: teamToolCallSummary.citations, resolveCitationLabel: resolveCitationLabel }), jsx(TeamToolCallDetailsPanel, { selectedTeamToolCall: selectedTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] }));
 }
 /**
  * Renders TEAM conversation details, nested actions, and citations.
@@ -39292,7 +39828,7 @@ function TeamToolCallSummarySection(props) {
  * @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({
@@ -39300,7 +39836,7 @@ function TeamToolCallModalContent(options) {
         teamProfiles,
         agentParticipant,
     });
-    return (jsxs(Fragment, { children: [jsx(TeamConversationHeader, { agentHeader: agentHeader, teammateHeader: teammateHeader }), jsxs("div", { className: styles$7.searchModalContent, children: [jsx(TeamConversationSection, { agentLabel: agentHeader.label, teammateLabel: teammateHeader.label, messages: messages, participants: participants }), jsx(TeamToolCallSummarySection, { teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor })] })] }));
+    return (jsxs(Fragment, { children: [jsx(TeamConversationHeader, { agentHeader: agentHeader, teammateHeader: teammateHeader }), jsxs("div", { className: styles$7.searchModalContent, children: [jsx(TeamConversationSection, { agentLabel: agentHeader.label, teammateLabel: teammateHeader.label, messages: messages, participants: participants }), jsx(TeamToolCallSummarySection, { teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, toolTitles: toolTitles, resolveCitationLabel: resolveCitationLabel, agentParticipant: agentParticipant, buttonColor: buttonColor })] })] }));
 }
 
 /**
@@ -39308,7 +39844,7 @@ function TeamToolCallModalContent(options) {
  *
  * @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,
@@ -39318,7 +39854,7 @@ function ChatToolCallModalContent({ agentParticipant, availableTools, buttonColo
         });
     }
     if (teamResult === null || teamResult === void 0 ? void 0 : teamResult.teammate) {
-        return (jsx(TeamToolCallModalContent, { teamResult: teamResult, toolCallDate: toolCallDate, teamToolCallSummary: teamToolCallSummary, selectedTeamToolCall: selectedTeamToolCall, onSelectTeamToolCall: onSelectTeamToolCall, onClearSelectedTeamToolCall: onClearSelectedTeamToolCall, teamProfiles: teamProfiles, toolTitles: toolTitles, agentParticipant: agentParticipant, buttonColor: buttonColor }));
+        return (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,
@@ -39581,7 +40117,7 @@ function handleModalBackdropClick(event, onClose) {
  * @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,
@@ -39603,7 +40139,7 @@ function ChatToolCallModal(props) {
         : (chatUiTranslations === null || chatUiTranslations === void 0 ? void 0 : chatUiTranslations.toolCallModalAdvancedLabel) || 'Advanced';
     return (jsx("div", { className: styles$7.ratingModal, "data-chat-modal": "tool-call", "data-chat-theme": mode.toLowerCase(), onClick: (event) => {
             handleModalBackdropClick(event, onClose);
-        }, children: jsxs("div", { ref: modalDialogRef, className: classNames(styles$7.ratingModalContent, styles$7.toolCallModal), role: "dialog", "aria-modal": "true", "aria-label": modalTitle, tabIndex: -1, children: [jsx("button", { type: "button", className: styles$7.modalCloseButton, onClick: onClose, "aria-label": closeButtonLabel, children: jsx(CloseIcon, {}) }), 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 }), jsxs("div", { className: styles$7.toolCallModeFooter, children: [isAdvancedView && (jsxs(Fragment, { children: [jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
+        }, children: jsxs("div", { ref: modalDialogRef, className: classNames(styles$7.ratingModalContent, styles$7.toolCallModal), role: "dialog", "aria-modal": "true", "aria-label": modalTitle, tabIndex: -1, children: [jsx("button", { type: "button", className: styles$7.modalCloseButton, onClick: onClose, "aria-label": closeButtonLabel, children: jsx(CloseIcon, {}) }), 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 }), jsxs("div", { className: styles$7.toolCallModeFooter, children: [isAdvancedView && (jsxs(Fragment, { children: [jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
                                         void exportAdvancedToolCallReport('clipboard');
                                     }, children: copyButtonLabel }), jsx("button", { type: "button", className: styles$7.toolCallModeButton, onClick: () => {
                                         void exportAdvancedToolCallReport('file');
@@ -39746,6 +40282,146 @@ function promptbookifyAiText(text) {
 }
 // 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.
  *
@@ -39759,15 +40435,24 @@ function postprocessChatMessage(message) {
     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/>`.
  *
@@ -40579,7 +41264,7 @@ function hasChatActions(postprocessedMessages, { onReset, newChatButtonHref, onU
  * @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 = useMemo(() => Color.from(buttonColorRaw || '#0066cc'), [buttonColorRaw]);
     const agentParticipant = useMemo(() => participants.find((participant) => participant.name === 'AGENT'), [participants]);
     const postprocessedMessages = useChatPostprocessedMessages({
@@ -40624,7 +41309,7 @@ function Chat(props) {
     useChatCompleteNotification(messages, soundSystem);
     return (jsxs(Fragment, { children: [feedbackStatus && (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 && (jsx(ChatEffectsSystem, { messages: postprocessedMessages, effectConfigs: effectConfigs, soundSystem: soundSystem })), 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: jsxs("div", { className: classNames(className, styles$7.chatMainFlow, getChatCssClassName('chatMainFlow'), chatCssClassNames.chatMainFlow), children: [children && jsx("div", { className: classNames(styles$7.chatChildren), children: children }), shouldShowScrollToBottom && (jsx("div", { className: styles$7.scrollToBottomContainer, children: jsxs("div", { className: styles$7.scrollToBottomWrapper, children: [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 && (jsx("span", { className: styles$7.scrollToBottomBadge, "aria-live": "polite", role: "status", children: badgeLabel }))] }) })), isVoiceCalling && (jsx("div", { className: styles$7.voiceCallIndicatorBar, children: jsxs("div", { className: styles$7.voiceCallIndicator, children: [jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: 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" }) }), jsx("span", { children: "Voice call active" }), jsx("div", { className: styles$7.voiceCallPulse })] }) })), 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 }), 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 && (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) }))] }) }), 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 }), jsx(ChatCitationModal, { isOpen: citationModalOpen, citation: selectedCitation, participants: participants, soundSystem: soundSystem, onClose: closeCitationModal }), 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 && (jsx(ChatEffectsSystem, { messages: postprocessedMessages, effectConfigs: effectConfigs, soundSystem: soundSystem })), 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: jsxs("div", { className: classNames(className, styles$7.chatMainFlow, getChatCssClassName('chatMainFlow'), chatCssClassNames.chatMainFlow), children: [children && jsx("div", { className: classNames(styles$7.chatChildren), children: children }), shouldShowScrollToBottom && (jsx("div", { className: styles$7.scrollToBottomContainer, children: jsxs("div", { className: styles$7.scrollToBottomWrapper, children: [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 && (jsx("span", { className: styles$7.scrollToBottomBadge, "aria-live": "polite", role: "status", children: badgeLabel }))] }) })), isVoiceCalling && (jsx("div", { className: styles$7.voiceCallIndicatorBar, children: jsxs("div", { className: styles$7.voiceCallIndicator, children: [jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: 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" }) }), jsx("span", { children: "Voice call active" }), jsx("div", { className: styles$7.voiceCallPulse })] }) })), 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 }), 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 && (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) }))] }) }), 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 }), jsx(ChatCitationModal, { isOpen: citationModalOpen, citation: selectedCitation, participants: participants, resolveCitationLabel: resolveCitationLabel, soundSystem: soundSystem, onClose: closeCitationModal }), 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 })] }));
 }
 
 /**
@@ -48631,11 +49316,19 @@ const JsonFileImportPlugin = {
         try {
             const json = JSON.parse(content);
             const formattedJson = JSON.stringify(json, null, 4);
-            return `\`\`\`json\n${formattedJson}\n\`\`\``;
+            return spaceTrim$1((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$1((block) => `
+                    \`\`\`json
+                    ${block(content)}
+                    \`\`\`
+                `);
         }
     },
 };
@@ -48659,7 +49352,11 @@ const TextFileImportPlugin = {
     import(content, mimeType) {
         const extension = mimeTypeToExtension(mimeType);
         const codeBlockType = extension || 'txt';
-        return `\`\`\`${codeBlockType}\n${content}\n\`\`\``;
+        return spaceTrim$1((block) => `
+                \`\`\`${codeBlockType}
+                ${block(content)}
+                \`\`\`
+            `);
     },
 };
 
@@ -48906,11 +49603,19 @@ function collectExampleInteractionLines(parseResult, samples) {
     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$1((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$1((block) => `
+                        **User:** ${block(String(sample.question))}
+
+                        **Agent:**
+                        ${block(sample.answer)}
+                    `));
         }
     }
     return examples;
@@ -55456,7 +56161,11 @@ function truncateAttachmentInlineText(content, maxCharacters) {
         };
     }
     return {
-        content: `${content.slice(0, Math.max(0, maxCharacters))}\n\n[...truncated...]`,
+        content: spaceTrim$1((block) => `
+                ${block(content.slice(0, Math.max(0, maxCharacters)))}
+
+                [...truncated...]
+            `),
         isTruncated: true,
     };
 }