@promptbook/components 0.114.0-33 → 0.114.0-34

package/esm/index.es.js

@@ -39,7 +39,7 @@ const BOOK_LANGUAGE_VERSION = '2.0.0';
  * @generated
  * @see https://github.com/webgptorg/promptbook
  */
-const PROMPTBOOK_ENGINE_VERSION = '0.114.0-33';
+const PROMPTBOOK_ENGINE_VERSION = '0.114.0-34';
 /**
  * TODO: string_promptbook_version should be constrained to the all versions of Promptbook engine
  * Note: [💞] Ignore a discrepancy between file name and entity name
@@ -39679,6 +39679,26 @@ const PauseIcon = ({ size = 16 }) => (jsx("svg", { width: size, height: size, vi
  */
 const PlayIcon = ({ size = 16 }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", role: "img", "aria-label": "Play", children: 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.
  *
@@ -39959,7 +39979,8 @@ async function simulateMockedChatPlayback(props) {
  * @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 = useMemo(() => ensureMockedChatMessageIds(sourceMessages), [sourceMessages]);
     const delays = {
         ...MOCKED_CHAT_DELAY_CONFIGS.NORMAL_FLOW,
         ...delayConfig,