@copilotkit/vue 1.75.0 → 1.75.2

package/dist/v2/components/chat/CopilotChatMessageView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChatMessageView.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/chat/CopilotChatMessageView.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"CopilotChatMessageView.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/chat/CopilotChatMessageView.vue"],"names":[],"mappings":"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"}

package/dist/v2/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@copilotkit/core"),i=require("@ag-ui/client"),e=require("../use-render-activity-message-DXIR996J.cjs"),n=require("@copilotkit/shared");exports.A2UIActivityContentSchema=e.A2UIActivityContentSchema;exports.A2UISurfaceActivityRenderer=e._sfc_main;exports.A2UISurfaceActivityType=e.A2UISurfaceActivityType;exports.CopilotChat=e.CopilotChat;exports.CopilotChatAssistantMessage=e._sfc_main$1;exports.CopilotChatAttachmentQueue=e._sfc_main$2;exports.CopilotChatAttachmentRenderer=e._sfc_main$3;exports.CopilotChatAudioRecorder=e._sfc_main$4;exports.CopilotChatConfigurationProvider=e._sfc_main$5;exports.CopilotChatDefaultLabels=e.CopilotChatDefaultLabels;exports.CopilotChatInput=e._sfc_main$6;exports.CopilotChatMessageView=e._sfc_main$7;exports.CopilotChatReasoningMessage=e._sfc_main$8;exports.CopilotChatSuggestionPill=e._sfc_main$9;exports.CopilotChatSuggestionView=e._sfc_main$10;exports.CopilotChatToggleButton=e.CopilotChatToggleButton;exports.CopilotChatToggleButtonCloseIcon=e.CopilotChatToggleButtonCloseIcon;exports.CopilotChatToggleButtonOpenIcon=e.CopilotChatToggleButtonOpenIcon;exports.CopilotChatToolCallsView=e._sfc_main$11;exports.CopilotChatUserMessage=e._sfc_main$12;exports.CopilotChatView=e._sfc_main$13;exports.CopilotKitCoreVue=e.CopilotKitCoreVue;exports.CopilotKitInspector=e._sfc_main$14;exports.CopilotKitProvider=e._sfc_main$15;exports.CopilotModalHeader=e.CopilotModalHeader;exports.CopilotPopup=e._sfc_main$16;exports.CopilotPopupView=e.CopilotPopupView;exports.CopilotSidebar=e._sfc_main$17;exports.CopilotSidebarView=e.CopilotSidebarView;exports.CopilotThreadsDrawer=e._sfc_main$18;exports.GenerateSandboxedUiArgsSchema=e.GenerateSandboxedUiArgsSchema;exports.LicenseContextKey=e.LicenseContextKey;exports.MCPAppsActivityContentSchema=e.MCPAppsActivityContentSchema;exports.MCPAppsActivityRenderer=e.MCPAppsActivityRenderer;exports.MCPAppsActivityType=e.MCPAppsActivityType;exports.OpenGenerativeUIActivityRenderer=e.OpenGenerativeUIActivityRenderer;exports.OpenGenerativeUIActivityType=e.OpenGenerativeUIActivityType;exports.OpenGenerativeUIContentSchema=e.OpenGenerativeUIContentSchema;exports.OpenGenerativeUIRenderer=e.OpenGenerativeUIRenderer;exports.OpenGenerativeUIToolRenderer=e.OpenGenerativeUIToolRenderer;exports.UseAgentUpdate=e.UseAgentUpdate;exports.createA2UIMessageRenderer=e.createA2UIMessageRenderer;exports.createDefaultLicenseRef=e.createDefaultLicenseRef;exports.defineToolCallRenderer=e.defineToolCallRenderer;exports.extractCompleteStyles=e.extractCompleteStyles;exports.getOperationSurfaceId=e.getOperationSurfaceId;exports.processPartialHtml=e.processPartialHtml;exports.useAgent=e.useAgent;exports.useAgentContext=e.useAgentContext;exports.useAttachments=e.useAttachments;exports.useCapabilities=e.useCapabilities;exports.useComponent=e.useComponent;exports.useConfigureSuggestions=e.useConfigureSuggestions;exports.useCopilotChatConfiguration=e.useCopilotChatConfiguration;exports.useCopilotKit=e.useCopilotKit;exports.useDefaultRenderTool=e.useDefaultRenderTool;exports.useFrontendTool=e.useFrontendTool;exports.useHumanInTheLoop=e.useHumanInTheLoop;exports.useInterrupt=e.useInterrupt;exports.useKatexStyles=e.useKatexStyles;exports.useKeyboardHeight=e.useKeyboardHeight;exports.useLicenseContext=e.useLicenseContext;exports.useRenderActivityMessage=e.useRenderActivityMessage;exports.useRenderCustomMessages=e.useRenderCustomMessages;exports.useRenderTool=e.useRenderTool;exports.useSandboxFunctions=e.useSandboxFunctions;exports.useSuggestions=e.useSuggestions;exports.useThreads=e.useThreads;exports.vueBasicCatalog=e.vueBasicCatalog;Object.defineProperty(exports,"createLicenseContextValue",{enumerable:!0,get:()=>n.createLicenseContextValue});Object.keys(o).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>o[t]})});Object.keys(i).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>i[t]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@copilotkit/core"),i=require("@ag-ui/client"),e=require("../use-render-activity-message-CGdS03Xj.cjs"),n=require("@copilotkit/shared");exports.A2UIActivityContentSchema=e.A2UIActivityContentSchema;exports.A2UISurfaceActivityRenderer=e._sfc_main;exports.A2UISurfaceActivityType=e.A2UISurfaceActivityType;exports.CopilotChat=e.CopilotChat;exports.CopilotChatAssistantMessage=e._sfc_main$1;exports.CopilotChatAttachmentQueue=e._sfc_main$2;exports.CopilotChatAttachmentRenderer=e._sfc_main$3;exports.CopilotChatAudioRecorder=e._sfc_main$4;exports.CopilotChatConfigurationProvider=e._sfc_main$5;exports.CopilotChatDefaultLabels=e.CopilotChatDefaultLabels;exports.CopilotChatInput=e._sfc_main$6;exports.CopilotChatMessageView=e._sfc_main$7;exports.CopilotChatReasoningMessage=e._sfc_main$8;exports.CopilotChatSuggestionPill=e._sfc_main$9;exports.CopilotChatSuggestionView=e._sfc_main$10;exports.CopilotChatToggleButton=e.CopilotChatToggleButton;exports.CopilotChatToggleButtonCloseIcon=e.CopilotChatToggleButtonCloseIcon;exports.CopilotChatToggleButtonOpenIcon=e.CopilotChatToggleButtonOpenIcon;exports.CopilotChatToolCallsView=e._sfc_main$11;exports.CopilotChatUserMessage=e._sfc_main$12;exports.CopilotChatView=e._sfc_main$13;exports.CopilotKitCoreVue=e.CopilotKitCoreVue;exports.CopilotKitInspector=e._sfc_main$14;exports.CopilotKitProvider=e._sfc_main$15;exports.CopilotModalHeader=e.CopilotModalHeader;exports.CopilotPopup=e._sfc_main$16;exports.CopilotPopupView=e.CopilotPopupView;exports.CopilotSidebar=e._sfc_main$17;exports.CopilotSidebarView=e.CopilotSidebarView;exports.CopilotThreadsDrawer=e._sfc_main$18;exports.GenerateSandboxedUiArgsSchema=e.GenerateSandboxedUiArgsSchema;exports.LicenseContextKey=e.LicenseContextKey;exports.MCPAppsActivityContentSchema=e.MCPAppsActivityContentSchema;exports.MCPAppsActivityRenderer=e.MCPAppsActivityRenderer;exports.MCPAppsActivityType=e.MCPAppsActivityType;exports.OpenGenerativeUIActivityRenderer=e.OpenGenerativeUIActivityRenderer;exports.OpenGenerativeUIActivityType=e.OpenGenerativeUIActivityType;exports.OpenGenerativeUIContentSchema=e.OpenGenerativeUIContentSchema;exports.OpenGenerativeUIRenderer=e.OpenGenerativeUIRenderer;exports.OpenGenerativeUIToolRenderer=e.OpenGenerativeUIToolRenderer;exports.UseAgentUpdate=e.UseAgentUpdate;exports.createA2UIMessageRenderer=e.createA2UIMessageRenderer;exports.createDefaultLicenseRef=e.createDefaultLicenseRef;exports.defineToolCallRenderer=e.defineToolCallRenderer;exports.extractCompleteStyles=e.extractCompleteStyles;exports.getOperationSurfaceId=e.getOperationSurfaceId;exports.processPartialHtml=e.processPartialHtml;exports.useAgent=e.useAgent;exports.useAgentContext=e.useAgentContext;exports.useAttachments=e.useAttachments;exports.useCapabilities=e.useCapabilities;exports.useComponent=e.useComponent;exports.useConfigureSuggestions=e.useConfigureSuggestions;exports.useCopilotChatConfiguration=e.useCopilotChatConfiguration;exports.useCopilotKit=e.useCopilotKit;exports.useDefaultRenderTool=e.useDefaultRenderTool;exports.useFrontendTool=e.useFrontendTool;exports.useHumanInTheLoop=e.useHumanInTheLoop;exports.useInterrupt=e.useInterrupt;exports.useKatexStyles=e.useKatexStyles;exports.useKeyboardHeight=e.useKeyboardHeight;exports.useLicenseContext=e.useLicenseContext;exports.useRenderActivityMessage=e.useRenderActivityMessage;exports.useRenderCustomMessages=e.useRenderCustomMessages;exports.useRenderTool=e.useRenderTool;exports.useSandboxFunctions=e.useSandboxFunctions;exports.useSuggestions=e.useSuggestions;exports.useThreads=e.useThreads;exports.vueBasicCatalog=e.vueBasicCatalog;Object.defineProperty(exports,"createLicenseContextValue",{enumerable:!0,get:()=>n.createLicenseContextValue});Object.keys(o).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>o[t]})});Object.keys(i).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>i[t]})});
 //# sourceMappingURL=index.cjs.map

package/dist/v2/index.mjs

@@ -1,6 +1,6 @@
 export * from "@copilotkit/core";
 export * from "@ag-ui/client";
-import { A as o, _ as i, a as n, C, b as r, c as p, d as l, e as u, f as c, g, h as d, i as h, j as A, k as v, l as S, m, n as y, o as I, p as f, q as R, r as T, s as U, t as x, u as M, v as P, w as b, x as V, y as w, z as K, B as O, G, L, M as B, D, E as H, O as F, F as Q, H as j, I as k, J as q, U as z, K as E, N as J, P as N, Q as W, R as X, S as Y, T as Z, V as _, W as $, X as ee, Y as ae, Z as te, $ as se, a0 as oe, a1 as ie, a2 as ne, a3 as Ce, a4 as re, a5 as pe, a6 as le, a7 as ue, a8 as ce, a9 as ge, aa as de, ab as he, ac as Ae, ad as ve, ae as Se } from "../use-render-activity-message-BF8XrDGw.js";
+import { A as o, _ as i, a as n, C, b as r, c as p, d as l, e as u, f as c, g, h as d, i as h, j as A, k as v, l as S, m, n as y, o as I, p as f, q as R, r as T, s as U, t as x, u as M, v as P, w as b, x as V, y as w, z as K, B as O, G, L, M as B, D, E as H, O as F, F as Q, H as j, I as k, J as q, U as z, K as E, N as J, P as N, Q as W, R as X, S as Y, T as Z, V as _, W as $, X as ee, Y as ae, Z as te, $ as se, a0 as oe, a1 as ie, a2 as ne, a3 as Ce, a4 as re, a5 as pe, a6 as le, a7 as ue, a8 as ce, a9 as ge, aa as de, ab as he, ac as Ae, ad as ve, ae as Se } from "../use-render-activity-message-XmuT9fKy.js";
 import { createLicenseContextValue as ye } from "@copilotkit/shared";
 export {
   o as A2UIActivityContentSchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/vue",
-  "version": "1.75.0",
+  "version": "1.75.2",
   "private": false,
   "description": "Vue 3 components and composables for CopilotKit",
   "keywords": [
@@ -70,10 +70,10 @@
     "streamdown-vue": "^1.0.29",
     "zod": "^3.25.75",
     "zod-to-json-schema": "^3.24.5",
-    "@copilotkit/core": "1.75.0",
-    "@copilotkit/web-inspector": "1.75.0",
-    "@copilotkit/shared": "1.75.0",
-    "@copilotkit/web-components": "1.75.0"
+    "@copilotkit/core": "1.75.2",
+    "@copilotkit/shared": "1.75.2",
+    "@copilotkit/web-components": "1.75.2",
+    "@copilotkit/web-inspector": "1.75.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",

package/src/v2/components/chat/CopilotChatMessageView.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, useSlots, watch } from "vue";
-import type { Component } from "vue";
+import type { Component, FunctionalComponent, VNodeChild } from "vue";
 import type {
   ActivityMessage,
   AssistantMessage,
@@ -262,9 +262,11 @@ function getMeta(
     ? Math.max(messageIdsInRun.indexOf(message.id), 0)
     : 0;
   const numberOfMessagesInRun = resolvedRunId ? messageIdsInRun.length : 1;
-  const stateSnapshot = resolvedRunId
-    ? core.getStateByRun(agentId, threadId, resolvedRunId)
-    : undefined;
+
+  // `getStateByRun` deep-clones the whole run state, so resolve it only when
+  // a consumer reads `stateSnapshot`, and at most once per meta object.
+  let stateSnapshot: unknown;
+  let stateSnapshotResolved = false;
 
   return {
     runId,
@@ -272,10 +274,37 @@ function getMeta(
     messageIndexInRun,
     numberOfMessagesInRun,
     agentId,
-    stateSnapshot,
+    get stateSnapshot() {
+      if (!stateSnapshotResolved) {
+        stateSnapshotResolved = true;
+        stateSnapshot = resolvedRunId
+          ? core.getStateByRun(agentId, threadId, resolvedRunId)
+          : undefined;
+      }
+      return stateSnapshot;
+    },
   };
 }
 
+// `Object.assign` onto the meta object keeps the lazy `stateSnapshot` getter.
+// A spread would call it.
+function getMessageSlotProps(
+  message: Message,
+  position: MessageMetaProps["position"],
+): MessageMetaProps {
+  return Object.assign(getMeta(message), { message, position });
+}
+
+// Calls a `#message-before` / `#message-after` slot with the meta object
+// itself. A template `<slot v-bind>` inside `v-for` goes through
+// `mergeProps`, which reads every key and so would clone the run state for
+// slots that never read `stateSnapshot`.
+const MessageMetaSlot: FunctionalComponent<{
+  render: (props: MessageMetaProps) => unknown;
+  slotProps: MessageMetaProps;
+}> = ({ render, slotProps }) => render(slotProps) as VNodeChild;
+MessageMetaSlot.props = ["render", "slotProps"];
+
 function getActivitySlotName(activityType: string): `activity-${string}` {
   return `activity-${activityType}`;
 }
@@ -310,11 +339,7 @@ function resolveCustomMessageRenderer(
 
   return {
     renderer: selected.render as ResolvedCustomMessageRenderer["renderer"],
-    props: {
-      ...getMeta(message),
-      message,
-      position,
-    },
+    props: getMessageSlotProps(message, position),
   };
 }
 
@@ -370,17 +395,10 @@ function resolveToolMessage(
       v-for="message in deduplicatedMessages"
       :key="rowRenderKeys.get(message.id) ?? message.id"
     >
-      <slot
+      <MessageMetaSlot
         v-if="componentSlots['message-before']"
-        name="message-before"
-        :message="message"
-        position="before"
-        :run-id="getMeta(message).runId"
-        :message-index="getMeta(message).messageIndex"
-        :message-index-in-run="getMeta(message).messageIndexInRun"
-        :number-of-messages-in-run="getMeta(message).numberOfMessagesInRun"
-        :agent-id="getMeta(message).agentId"
-        :state-snapshot="getMeta(message).stateSnapshot"
+        :render="componentSlots['message-before']"
+        :slot-props="getMessageSlotProps(message, 'before')"
       />
       <component
         v-else-if="resolveCustomMessageRenderer(message, 'before')"
@@ -463,17 +481,10 @@ function resolveToolMessage(
         </slot>
       </slot>
 
-      <slot
+      <MessageMetaSlot
         v-if="componentSlots['message-after']"
-        name="message-after"
-        :message="message"
-        position="after"
-        :run-id="getMeta(message).runId"
-        :message-index="getMeta(message).messageIndex"
-        :message-index-in-run="getMeta(message).messageIndexInRun"
-        :number-of-messages-in-run="getMeta(message).numberOfMessagesInRun"
-        :agent-id="getMeta(message).agentId"
-        :state-snapshot="getMeta(message).stateSnapshot"
+        :render="componentSlots['message-after']"
+        :slot-props="getMessageSlotProps(message, 'after')"
       />
       <component
         v-else-if="resolveCustomMessageRenderer(message, 'after')"

package/src/v2/components/chat/__tests__/CopilotChatMessageView.slotMetaCost.test.ts

@@ -0,0 +1,187 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { defineComponent, h, nextTick, ref } from "vue";
+import { mount } from "@vue/test-utils";
+import type { Message } from "@ag-ui/core";
+import { CopilotKitCore } from "@copilotkit/core";
+import CopilotKitProvider from "../../../providers/CopilotKitProvider.vue";
+import CopilotChatConfigurationProvider from "../../../providers/CopilotChatConfigurationProvider.vue";
+import CopilotChatMessageView from "../CopilotChatMessageView.vue";
+import CopilotChat from "../CopilotChat.vue";
+import { renderWithCopilotKit } from "../../../__tests__/utils/mount";
+import { StateCapturingAgent } from "../../../__tests__/utils/agents";
+
+/**
+ * `getStateByRun` deep-clones the whole run state. The `#message-before` and
+ * `#message-after` slots used to resolve their meta props with six separate
+ * `getMeta()` calls per row, each of which cloned the state, whether or not
+ * the slot read `stateSnapshot` (#7507).
+ */
+
+const messages: Message[] = [
+  { id: "user-1", role: "user", content: "Hello" },
+  { id: "assistant-1", role: "assistant", content: "Hi there" },
+  { id: "user-2", role: "user", content: "Again" },
+];
+
+function installRunSpies() {
+  vi.spyOn(CopilotKitCore.prototype, "getRunIdForMessage").mockReturnValue(
+    "run-1",
+  );
+  return vi
+    .spyOn(CopilotKitCore.prototype, "getStateByRun")
+    .mockImplementation(() => ({ plan: "cloned" }));
+}
+
+function mountMessageView(
+  slots: Parameters<typeof h>[2],
+  providerProps: Record<string, unknown> = {},
+) {
+  return mount(CopilotKitProvider, {
+    props: { runtimeUrl: "/api/copilotkit", ...providerProps },
+    slots: {
+      default: () =>
+        h(
+          CopilotChatConfigurationProvider,
+          { threadId: "thread-1", agentId: "default" },
+          {
+            default: () => h(CopilotChatMessageView, { messages }, slots),
+          },
+        ),
+    },
+  });
+}
+
+describe("CopilotChatMessageView message slot meta cost", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it("does not clone run state for a slot that never reads stateSnapshot", () => {
+    const getStateByRun = installRunSpies();
+
+    const wrapper = mountMessageView({
+      "message-before": ({ message }: { message: Message }) =>
+        h("span", { "data-testid": "before" }, message.id),
+      "message-after": ({ message }: { message: Message }) =>
+        h("span", { "data-testid": "after" }, message.id),
+    });
+
+    expect(wrapper.findAll("[data-testid='after']")).toHaveLength(3);
+    expect(wrapper.findAll("[data-testid='before']")).toHaveLength(3);
+    expect(getStateByRun).not.toHaveBeenCalled();
+  });
+
+  it("clones run state at most once per slot render when stateSnapshot is read", () => {
+    const getStateByRun = installRunSpies();
+    const received: unknown[] = [];
+
+    mountMessageView({
+      "message-after": (props: { stateSnapshot: unknown }) => {
+        received.push(props.stateSnapshot);
+        received.push(props.stateSnapshot);
+        return h("span");
+      },
+    });
+
+    expect(received).toHaveLength(6);
+    expect(
+      received.every((s) => (s as { plan: string }).plan === "cloned"),
+    ).toBe(true);
+    expect(getStateByRun).toHaveBeenCalledTimes(3);
+  });
+
+  it("still passes every meta prop to the slot", () => {
+    installRunSpies();
+    const received: Record<string, unknown>[] = [];
+
+    mountMessageView({
+      "message-after": (props: Record<string, unknown>) => {
+        received.push({ ...props });
+        return h("span");
+      },
+    });
+
+    expect(received).toHaveLength(3);
+    expect(received[1]).toMatchObject({
+      message: messages[1],
+      position: "after",
+      runId: "run-1",
+      agentId: "default",
+      stateSnapshot: { plan: "cloned" },
+    });
+    for (const props of received) {
+      expect(props).toHaveProperty("messageIndex");
+      expect(props).toHaveProperty("messageIndexInRun");
+      expect(props).toHaveProperty("numberOfMessagesInRun");
+    }
+  });
+
+  it("clones run state once per row for a provider custom message renderer", () => {
+    const getStateByRun = installRunSpies();
+    const received: unknown[] = [];
+    const renderer = defineComponent({
+      props: ["message", "position", "stateSnapshot"],
+      setup(props) {
+        return () => {
+          received.push(props.stateSnapshot);
+          return h("span", { "data-testid": "custom" });
+        };
+      },
+    });
+
+    const wrapper = mountMessageView(
+      {},
+      { renderCustomMessages: [{ render: renderer }] },
+    );
+
+    // One `before` and one `after` renderer per row.
+    expect(wrapper.findAll("[data-testid='custom']")).toHaveLength(6);
+    expect(
+      received.every((s) => (s as { plan: string }).plan === "cloned"),
+    ).toBe(true);
+    expect(getStateByRun).toHaveBeenCalledTimes(6);
+  });
+
+  it("re-renders slot content when state the slot reads changes", async () => {
+    installRunSpies();
+    const label = ref("first");
+
+    const wrapper = mountMessageView({
+      "message-after": ({ message }: { message: Message }) =>
+        h("span", { "data-testid": "after" }, `${message.id}:${label.value}`),
+    });
+
+    expect(wrapper.findAll("[data-testid='after']")[0]!.text()).toBe(
+      "user-1:first",
+    );
+
+    label.value = "second";
+    await nextTick();
+
+    expect(wrapper.findAll("[data-testid='after']")[0]!.text()).toBe(
+      "user-1:second",
+    );
+  });
+
+  it("keeps the snapshot lazy through CopilotChat slot forwarding", () => {
+    const getStateByRun = installRunSpies();
+    const agent = new StateCapturingAgent([], "default");
+    agent.setMessages(messages);
+
+    const { wrapper } = renderWithCopilotKit(
+      () =>
+        h(
+          CopilotChat,
+          { welcomeScreen: false },
+          {
+            "message-after": ({ message }: { message: Message }) =>
+              h("span", { "data-testid": "after" }, message.id),
+          },
+        ),
+      { agents: { default: agent } },
+    );
+
+    expect(wrapper.findAll("[data-testid='after']")).toHaveLength(3);
+    expect(getStateByRun).not.toHaveBeenCalled();
+  });
+});