@promptbook/components 0.112.0-51 → 0.112.0-53

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-51';
+const PROMPTBOOK_ENGINE_VERSION = '0.112.0-53';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -13559,9 +13559,7 @@ function createSerpSearchToolFunction(toolName, resultLabel) {
         const searchEngine = new SerpSearchEngine();
         const results = await searchEngine.search(query, searchOptions);
         return spaceTrim$1((block) => `
-                ${resultLabel} results for "${query}"${Object.keys(searchOptions).length === 0
-            ? ''
-            : ` with options ${JSON.stringify(searchOptions)}`}:
+                ${resultLabel} results for "${query}"${Object.keys(searchOptions).length === 0 ? '' : ` with options ${JSON.stringify(searchOptions)}`}:
 
                 ${block(results
             .map((result) => spaceTrim$1(`
@@ -18279,8 +18277,9 @@ function createInheritanceCapability(content) {
         iconName = 'SquareArrowUpRight';
     }
     if (isVoidPseudoAgentReference(reference)) {
-        label = VOID_PSEUDO_AGENT_REFERENCE;
+        label = VOID_PSEUDO_AGENT_REFERENCE; // <- {Void} label
         iconName = 'ShieldAlert';
+        return null; // <- Note: Do not show `{Void}` in capabilities, it's only used for internal logic
     }
     return {
         type: 'inheritance',
@@ -22582,7 +22581,8 @@ function useChatCompleteNotification(messages, soundSystem) {
         if (currentSnapshot.lastMessageSender === 'USER' || !currentSnapshot.isLastMessageComplete) {
             return;
         }
-        const isSameMessageCompletionTransition = previousSnapshot.lastMessageKey === currentSnapshot.lastMessageKey && !previousSnapshot.isLastMessageComplete;
+        const isSameMessageCompletionTransition = previousSnapshot.lastMessageKey === currentSnapshot.lastMessageKey &&
+            !previousSnapshot.isLastMessageComplete;
         const isCompletedReplyAppended = previousSnapshot.lastMessageSender === 'USER' &&
             areMessageKeyListsSequentialPrefix(previousSnapshot.messageKeys, currentSnapshot.messageKeys);
         const isIncompletePlaceholderReplacedByCompletedReply = !previousSnapshot.isLastMessageComplete &&
@@ -26469,8 +26469,7 @@ function createOrganicOctopusBodyPoints(options) {
         const surfaceWave = Math.sin(angle * 3 + shapePhase + timeMs / 1200) * 0.62 +
             Math.sin(angle * 5 - shapePhase * 0.7 - timeMs / 910) * 0.38;
         const breathingWave = Math.sin(timeMs / 960 + shapePhase + angle * 0.45) * wobbleAmplitude;
-        const radius = bodyRadius *
-            (1 + upperFactor * 0.12 + lowerFactor * 0.08 + surfaceWave * 0.05) +
+        const radius = bodyRadius * (1 + upperFactor * 0.12 + lowerFactor * 0.08 + surfaceWave * 0.05) +
             tentacleWave +
             breathingWave;
         return {
@@ -26525,7 +26524,9 @@ function createOrganicOctopusTentacleShapes(options) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { size, centerX, centerY, bodyRadius, horizontalStretch, tentacleCount, shapePhase, createRandom, timeMs, saltPrefix, bodyPoints, variation, } = options;
     const baseY = centerY + bodyRadius * 0.74;
-    const lowerBodyAnchorPoints = bodyPoints ? resolveTentacleBodyAnchorPoints(bodyPoints, centerY + bodyRadius * 0.04) : null;
+    const lowerBodyAnchorPoints = bodyPoints
+        ? resolveTentacleBodyAnchorPoints(bodyPoints, centerY + bodyRadius * 0.04)
+        : null;
     const flowLengthScale = (_a = variation === null || variation === void 0 ? void 0 : variation.flowLengthScale) !== null && _a !== void 0 ? _a : 1;
     const lateralReachScale = (_b = variation === null || variation === void 0 ? void 0 : variation.lateralReachScale) !== null && _b !== void 0 ? _b : 1;
     const tipReachScale = (_c = variation === null || variation === void 0 ? void 0 : variation.tipReachScale) !== null && _c !== void 0 ? _c : 1;
@@ -26602,7 +26603,9 @@ function createOrganicOctopusTentacleShapes(options) {
  * @private shared geometry helper of `octopus3AvatarVisual`
  */
 function resolveTentacleBodyAnchorPoints(bodyPoints, lowerBodyThresholdY) {
-    const lowerBodyPoints = bodyPoints.filter((bodyPoint) => bodyPoint.y >= lowerBodyThresholdY).sort((leftPoint, rightPoint) => leftPoint.x - rightPoint.x);
+    const lowerBodyPoints = bodyPoints
+        .filter((bodyPoint) => bodyPoint.y >= lowerBodyThresholdY)
+        .sort((leftPoint, rightPoint) => leftPoint.x - rightPoint.x);
     if (lowerBodyPoints.length >= 2) {
         return lowerBodyPoints;
     }
@@ -26670,8 +26673,7 @@ function sampleOrganicTentacleRibbonPoints(tentacleShape) {
         const tangentX = nextPoint.x - previousPoint.x;
         const tangentY = nextPoint.y - previousPoint.y;
         const tangentLength = Math.hypot(tangentX, tangentY) || 1;
-        const width = tentacleShape.baseWidth +
-            (tentacleShape.tipWidth - tentacleShape.baseWidth) * Math.pow(progress, 1.1);
+        const width = tentacleShape.baseWidth + (tentacleShape.tipWidth - tentacleShape.baseWidth) * Math.pow(progress, 1.1);
         return {
             x: point.x,
             y: point.y,
@@ -26696,10 +26698,8 @@ function resolveOrganicEyeMotion(options) {
     const autonomousOffsetY = Math.cos(timeMs / 940 + phase) * radiusY * autonomousDriftRatioY;
     const interactionBlend = Math.min(1, interaction.intensity * 0.9);
     return {
-        pupilOffsetX: autonomousOffsetX * (1 - interactionBlend) +
-            interaction.gazeX * radiusX * (0.18 + interactionBlend * 0.18),
-        pupilOffsetY: autonomousOffsetY * (1 - interactionBlend) +
-            interaction.gazeY * radiusY * (0.16 + interactionBlend * 0.16),
+        pupilOffsetX: autonomousOffsetX * (1 - interactionBlend) + interaction.gazeX * radiusX * (0.18 + interactionBlend * 0.18),
+        pupilOffsetY: autonomousOffsetY * (1 - interactionBlend) + interaction.gazeY * radiusY * (0.16 + interactionBlend * 0.16),
     };
 }
 /**
@@ -26746,7 +26746,7 @@ const OUTLINE_GLYPHS = ['#', '%', '@'];
  *
  * @private helper of `asciiOctopusAvatarVisual`
  */
-const ATMOSPHERE_GLYPHS = ['.', ':', '\'', '`'];
+const ATMOSPHERE_GLYPHS = ['.', ':', "'", '`'];
 /**
  * AsciiOctopus avatar visual.
  *
@@ -26853,7 +26853,9 @@ function resolveAsciiGlyph(options) {
         return resolveAtmosphereGlyph(point, layout, palette, noise, timeMs);
     }
     const isInsideBody = isPointInsidePolygon(point, layout.bodyPoints);
-    const bodyEdgeDistance = isInsideBody ? getDistanceToPolyline(point, layout.bodyPoints, true) : Number.POSITIVE_INFINITY;
+    const bodyEdgeDistance = isInsideBody
+        ? getDistanceToPolyline(point, layout.bodyPoints, true)
+        : Number.POSITIVE_INFINITY;
     const tentacleCoverage = measureTentacleCoverage(point, layout.sampledTentacles, cellWidth);
     if (isInsideBody || tentacleCoverage) {
         return resolveOctopusSurfaceGlyph({
@@ -26930,7 +26932,8 @@ function resolveMouthGlyph(point, layout, palette, cellHeight) {
     if (mouthDistance > cellHeight * 0.38) {
         return null;
     }
-    const horizontalProgress = clamp01((point.x - layout.mouthPoints[0].x) / (layout.mouthPoints[layout.mouthPoints.length - 1].x - layout.mouthPoints[0].x));
+    const horizontalProgress = clamp01((point.x - layout.mouthPoints[0].x) /
+        (layout.mouthPoints[layout.mouthPoints.length - 1].x - layout.mouthPoints[0].x));
     let character = '-';
     if (horizontalProgress < 0.28) {
         character = '\\';
@@ -26955,7 +26958,7 @@ function resolveMouthGlyph(point, layout, palette, cellHeight) {
  * @private helper of `asciiOctopusAvatarVisual`
  */
 function resolveOctopusSurfaceGlyph(options) {
-    const { point, layout, palette, isInsideBody, bodyEdgeDistance, tentacleCoverage, cellHeight, noise, timeMs, } = options;
+    const { point, layout, palette, isInsideBody, bodyEdgeDistance, tentacleCoverage, cellHeight, noise, timeMs } = options;
     const isTentacleDominant = tentacleCoverage !== null && (!isInsideBody || point.y > layout.centerY + layout.bodyRadius * 0.08);
     if (isTentacleDominant && tentacleCoverage) {
         const isSuckerBand = tentacleCoverage.progress > 0.24 && tentacleCoverage.progress < 0.82 && noise > 0.78;
@@ -27126,7 +27129,9 @@ function createAsciiOctopusLayout(size, timeMs, createRandom, staticRandom, inte
     };
     const mouthPoints = sampleQuadraticBezierPoints({ x: centerX - size * 0.074, y: centerY + size * 0.092 }, {
         x: centerX,
-        y: centerY + size * (0.142 + Math.sin(timeMs / 620 + shapePhase) * 0.016) + interaction.gazeY * size * 0.012,
+        y: centerY +
+            size * (0.142 + Math.sin(timeMs / 620 + shapePhase) * 0.016) +
+            interaction.gazeY * size * 0.012,
     }, { x: centerX + size * 0.074, y: centerY + size * 0.092 }, 12);
     let leftBound = Number.POSITIVE_INFINITY;
     let rightBound = Number.NEGATIVE_INFINITY;
@@ -27388,8 +27393,7 @@ const fractalAvatarVisual = {
                 size,
                 centerX: centerX + (layerRandom() - 0.5) * size * 0.08,
                 centerY: centerY + (layerRandom() - 0.5) * size * 0.08,
-                rotation: layerRandom() * Math.PI * 2 +
-                    Math.sin(timeMs / (1700 + layerIndex * 280) + layerIndex) * 0.14,
+                rotation: layerRandom() * Math.PI * 2 + Math.sin(timeMs / (1700 + layerIndex * 280) + layerIndex) * 0.14,
                 scale: size * (0.19 + layerIndex * 0.055 + layerRandom() * 0.045),
                 horizontalStretch: 0.74 + layerRandom() * 0.9,
                 verticalStretch: 0.74 + layerRandom() * 0.9,
@@ -27458,7 +27462,14 @@ function drawFractalBackground(context, size, palette, timeMs, haloRotation) {
 function createDragonCurveTurns(order) {
     let turns = [];
     for (let iteration = 0; iteration < order; iteration++) {
-        turns = [...turns, 1, ...turns.slice().reverse().map((turn) => (turn === 1 ? -1 : 1))];
+        turns = [
+            ...turns,
+            1,
+            ...turns
+                .slice()
+                .reverse()
+                .map((turn) => (turn === 1 ? -1 : 1)),
+        ];
     }
     return turns;
 }
@@ -27502,7 +27513,7 @@ function createDragonCurvePoints(turnSequence) {
  * @private helper of `fractalAvatarVisual`
  */
 function transformDragonCurvePoints(points, options) {
-    const { size, centerX, centerY, rotation, scale, horizontalStretch, verticalStretch, warpAmplitude, warpPhase, mirrorX, mirrorY, timeMs } = options;
+    const { size, centerX, centerY, rotation, scale, horizontalStretch, verticalStretch, warpAmplitude, warpPhase, mirrorX, mirrorY, timeMs, } = options;
     const bounds = getPointBounds(points);
     const width = Math.max(1, bounds.maxX - bounds.minX);
     const height = Math.max(1, bounds.maxY - bounds.minY);
@@ -27519,7 +27530,10 @@ function transformDragonCurvePoints(points, options) {
         const rotatedY = normalizedX * sine + normalizedY * cosine;
         return {
             x: centerX + rotatedX + Math.sin(progress * Math.PI * 2 + warpPhase) * localWarp,
-            y: centerY + rotatedY + Math.cos(progress * Math.PI * 3 + warpPhase * 0.6) * localWarp + (progress - 0.5) * size * 0.02,
+            y: centerY +
+                rotatedY +
+                Math.cos(progress * Math.PI * 3 + warpPhase * 0.6) * localWarp +
+                (progress - 0.5) * size * 0.02,
         };
     });
 }
@@ -28706,8 +28720,7 @@ function drawTentacleSuckers(context, tentacleShape, palette) {
         const tangentLength = Math.hypot(tangentX, tangentY) || 1;
         const normalX = (-tangentY / tangentLength) * undersideDirection;
         const normalY = (tangentX / tangentLength) * undersideDirection;
-        const width = tentacleShape.baseWidth +
-            (tentacleShape.tipWidth - tentacleShape.baseWidth) * Math.pow(progress, 1.1);
+        const width = tentacleShape.baseWidth + (tentacleShape.tipWidth - tentacleShape.baseWidth) * Math.pow(progress, 1.1);
         const suckerX = point.x + normalX * width * 0.52;
         const suckerY = point.y + normalY * width * 0.52;
         const rotation = Math.atan2(normalY, normalX);
@@ -28745,7 +28758,8 @@ function drawMantleCurrents(context, centerX, centerY, size, palette, timeMs, sh
         context.moveTo(centerX + horizontalOffset * 0.3, centerY - size * (0.11 + morphologyProfile.body.verticalStretch * 0.02));
         context.bezierCurveTo(centerX + horizontalOffset - sway * 0.25, centerY - size * 0.04, centerX + horizontalOffset + sway, centerY + size * 0.06, centerX + horizontalOffset * 0.7 + sway * 0.46, centerY + size * (0.16 + morphologyProfile.body.verticalStretch * 0.035));
         context.strokeStyle = currentIndex % 2 === 0 ? `${palette.highlight}30` : `${palette.accent}26`;
-        context.lineWidth = size * (0.0075 + currentIndex * 0.00065 + morphologyProfile.tentacles.baseWidthScale * 0.0005);
+        context.lineWidth =
+            size * (0.0075 + currentIndex * 0.00065 + morphologyProfile.tentacles.baseWidthScale * 0.0005);
         context.lineCap = 'round';
         context.stroke();
     }
@@ -28905,7 +28919,10 @@ const pixelArtAvatarVisual = {
                         : rowIndex > pixelGridSize - emblemHeight - 1
                             ? colorStops.length
                             : 3)))];
-                if (columnIndex === 0 && rowIndex >= cheekInset && rowIndex <= pixelGridSize - cheekInset - 1 && random() < 0.4) {
+                if (columnIndex === 0 &&
+                    rowIndex >= cheekInset &&
+                    rowIndex <= pixelGridSize - cheekInset - 1 &&
+                    random() < 0.4) {
                     continue;
                 }
                 drawPixel(context, panelX + columnIndex * pixelSize, panelY + rowIndex * pixelSize, pixelSize, color);
@@ -29057,7 +29074,7 @@ const ACTIVE_POINTER_BOUNDS_REFRESH_MS = 120;
  * @private shared component for in-repository avatar previews
  */
 function Avatar(props) {
-    const { avatarDefinition, visualId, surface = 'framed', size = DEFAULT_AVATAR_SIZE, title, className, style } = props;
+    const { avatarDefinition, visualId, surface = 'framed', size = DEFAULT_AVATAR_SIZE, title, className, style, } = props;
     const canvasRef = useRef(null);
     const animationStartRef = useRef(null);
     const interactionRuntimeStateRef = useRef(createAvatarInteractionRuntimeState());
@@ -29160,14 +29177,7 @@ function Avatar(props) {
             releaseAnimationListener();
             releasePointerTracking === null || releasePointerTracking === void 0 ? void 0 : releasePointerTracking();
         };
-    }, [
-        avatarDefinitionKey,
-        isVisible,
-        resolvedAvatarRenderDefinition,
-        size,
-        surface,
-        visualId,
-    ]);
+    }, [avatarDefinitionKey, isVisible, resolvedAvatarRenderDefinition, size, surface, visualId]);
     return (jsx("canvas", { ref: canvasRef, title: title || `${resolvedAvatarRenderDefinition.avatarDefinition.agentName} avatar`, className: className, style: {
             width: size,
             height: size,
@@ -39901,7 +39911,9 @@ function createDeepSearchAgentInstructions(toolDescription) {
  * @private helper of `OpenAiAgentKitExecutionTools`
  */
 function buildDeepSearchToolInput(rawInput) {
-    const input = rawInput && typeof rawInput === 'object' ? rawInput : {};
+    const input = rawInput && typeof rawInput === 'object'
+        ? rawInput
+        : {};
     const query = typeof input.query === 'string' ? input.query.trim() : '';
     const additionalHints = Object.entries(input)
         .filter(([key, value]) => key !== 'query' && value !== undefined && value !== null && String(value).trim() !== '')
@@ -42342,8 +42354,7 @@ class AgentLlmExecutionTools {
             console.info('[🤰]', 'Prepared OpenAI Assistant prompt', {
                 agent: this.title,
                 toolNames: (_b = (_a = promptWithAgentModelRequirementsForOpenAiAssistantExecutionTools.modelRequirements.tools) === null || _a === void 0 ? void 0 : _a.map((tool) => tool.name)) !== null && _b !== void 0 ? _b : [],
-                knowledgeSourcesCount: (_d = (_c = promptWithAgentModelRequirementsForOpenAiAssistantExecutionTools.modelRequirements
-                    .knowledgeSources) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0,
+                knowledgeSourcesCount: (_d = (_c = promptWithAgentModelRequirementsForOpenAiAssistantExecutionTools.modelRequirements.knowledgeSources) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0,
             });
         }
         return assistant.callChatModelStream(promptWithAgentModelRequirementsForOpenAiAssistantExecutionTools, options.onProgress, options.streamOptions);
@@ -47623,9 +47634,7 @@ const ChatMessageItem = memo(
                             borderRadius: '50%',
                         } })), isAvatarTooltipVisible && (participant === null || participant === void 0 ? void 0 : participant.agentSource) && avatarTooltipPosition && (jsx(AvatarProfileTooltip, { ref: tooltipRef, agentSource: participant.agentSource, position: avatarTooltipPosition }))] })), jsxs("div", { className: classNames(styles$5.messageStack, chatCssClassNames.messageStack), children: [shouldShowParticipantLabel && participantLabel && (jsx("div", { className: styles$5.participantLabel, children: participantLabel })), jsxs("div", { className: classNames(styles$5.messageText, isReplyActionEnabled && styles$5.replyEnabledMessageText, isReplySwipeArmed && styles$5.replySwipeActive, isAgentArticleMode && styles$5.articleModeAgentMessageText, chatCssClassNames.messageContent), style: {
                             '--message-bg-color': isAgentArticleMode ? articleModeBackgroundColor : color.toHex(),
-                            '--message-text-color': isAgentArticleMode
-                                ? articleModeTextColor
-                                : colorOfText.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$5.replySwipeIndicator, isMe && styles$5.replySwipeIndicatorRight, isReplySwipeArmed && styles$5.replySwipeIndicatorActive), "aria-hidden": "true", children: jsx(Reply, { className: styles$5.replySwipeIndicatorIcon }) })), !shouldRenderArticleActionsBar && renderMessageReadAndCopyControls(), message.isVoiceCall && (jsx("div", { className: styles$5.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$5.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$5.attachments, children: message.attachments.map((attachment, index) => (jsxs("a", { href: attachment.url, target: "_blank", rel: "noopener noreferrer", className: styles$5.attachment, title: attachment.name, children: [jsx("span", { className: styles$5.attachmentIcon, children: "\uD83D\uDCCE" }), jsx("span", { className: styles$5.attachmentName, children: attachment.name })] }, index))) })), jsx(ChatMessageToolCallChips, { chips: toolCallChips, onToolCallClick: onToolCallClick }), citationFootnoteRenderModel.footnotes.length > 0 && (jsx("div", { className: styles$5.citationFootnotes, children: citationFootnoteRenderModel.footnotes.map((footnote) => (jsxs("div", { className: styles$5.citationFootnoteItem, children: [jsx("span", { className: styles$5.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$5.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$5.messageButtons, children: renderableButtons.map(({ button, buttonIndex }) => (jsx("button", { type: "button", className: classNames(styles$5.messageButton, button.type === 'action' && styles$5.actionMessageButton), onClick: (event) => {
                                         event.stopPropagation();
@@ -49446,7 +49455,10 @@ function renderGenericToolCallDetails(options) {
  * @private function of ChatToolCallModal
  */
 function isSearchToolCallName(toolName) {
-    return toolName === 'web_search' || toolName === 'deep_search' || toolName === 'useSearchEngine' || toolName === 'search';
+    return (toolName === 'web_search' ||
+        toolName === 'deep_search' ||
+        toolName === 'useSearchEngine' ||
+        toolName === 'search');
 }
 /**
  * Checks whether a tool name should use the time renderer.