@promptbook/components 0.114.0-33 → 0.114.0-35

package/umd/index.umd.js

@@ -33,7 +33,7 @@
      * @generated
      * @see https://github.com/webgptorg/promptbook
      */
-    const PROMPTBOOK_ENGINE_VERSION = '0.114.0-33';
+    const PROMPTBOOK_ENGINE_VERSION = '0.114.0-35';
     /**
      * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
      * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -39673,6 +39673,26 @@
      */
     const PlayIcon = ({ size = 16 }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", role: "img", "aria-label": "Play", children: jsxRuntime.jsx("path", { d: "M8 5v14l11-7L8 5z" }) }));
 
+    /**
+     * Provides stable identifiers for mocked messages that omit them.
+     *
+     * Incremental typing changes the message content on every word. A stable id
+     * lets the chat renderer preserve the message element instead of treating
+     * every content update as a new message.
+     *
+     * @private function of `MockedChat`
+     */
+    function ensureMockedChatMessageIds(messages) {
+        return messages.map((message, messageIndex) => {
+            if (message.id) {
+                return message;
+            }
+            return {
+                ...message,
+                id: `mocked-chat-message-${messageIndex}`,
+            };
+        });
+    }
     /**
      * Resolves one delay value, including random ranges.
      *
@@ -39953,7 +39973,8 @@
      * @public exported from `@promptbook/components`
      */
     function MockedChat(props) {
-        const { delayConfig, messages: originalMessages, isResettable = true, isPausable = true, messageOffsetsMs, appendMessagesLocallyOnSend = false, onSimulationComplete, isSaveButtonEnabled = true, ...chatProps } = props;
+        const { delayConfig, messages: sourceMessages, isResettable = true, isPausable = true, messageOffsetsMs, appendMessagesLocallyOnSend = false, onSimulationComplete, isSaveButtonEnabled = true, ...chatProps } = props;
+        const originalMessages = react.useMemo(() => ensureMockedChatMessageIds(sourceMessages), [sourceMessages]);
         const delays = {
             ...MOCKED_CHAT_DELAY_CONFIGS.NORMAL_FLOW,
             ...delayConfig,