npm - @copilotkit/react-core - Versions diffs - 1.57.3 → 1.58.0 - Mend

@copilotkit/react-core 1.57.3 → 1.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (282) hide show

package/LICENSE +21 -0
package/dist/{copilotkit-CC8DjOiC.mjs → copilotkit-BIn7HE8f.mjs} +2 -2
package/dist/{copilotkit-CC8DjOiC.mjs.map → copilotkit-BIn7HE8f.mjs.map} +1 -1
package/dist/{copilotkit-CtXcs1ea.cjs → copilotkit-Drw-g6zA.cjs} +2 -2
package/dist/{copilotkit-CtXcs1ea.cjs.map → copilotkit-Drw-g6zA.cjs.map} +1 -1
package/dist/index.cjs +3 -77
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +2 -2
package/dist/index.d.mts +2 -2
package/dist/index.mjs +3 -77
package/dist/index.mjs.map +1 -1
package/dist/index.umd.js +3 -77
package/dist/index.umd.js.map +1 -1
package/dist/v2/index.cjs +1 -1
package/dist/v2/index.mjs +1 -1
package/dist/v2/index.umd.js +1 -1
package/dist/v2/index.umd.js.map +1 -1
package/package.json +12 -13
package/skills/react-core/SKILL.md +108 -0
package/skills/react-core/references/agent-access.md +288 -0
package/skills/react-core/references/attachments.md +291 -0
package/skills/react-core/references/capabilities.md +138 -0
package/skills/react-core/references/chat-components.md +221 -0
package/skills/react-core/references/client-side-tools.md +358 -0
package/skills/react-core/references/custom-message-renderers.md +226 -0
package/skills/react-core/references/debug-mode.md +153 -0
package/skills/react-core/references/human-in-the-loop.md +312 -0
package/skills/react-core/references/provider-setup.md +326 -0
package/skills/react-core/references/rendering-activity-messages.md +207 -0
package/skills/react-core/references/rendering-tool-calls.md +319 -0
package/skills/react-core/references/suggestions.md +211 -0
package/skills/react-core/references/switching-agents-recipes.md +160 -0
package/skills/react-core/references/switching-agents.md +231 -0
package/skills/react-core/references/threads.md +226 -0
package/.attw.json +0 -3
package/CHANGELOG.md +0 -5043
package/scripts/scope-preflight.mjs +0 -100
package/src/components/CopilotListeners.tsx +0 -137
package/src/components/__tests__/CopilotListeners.test.tsx +0 -38
package/src/components/copilot-provider/__tests__/copilot-messages-key.test.tsx +0 -92
package/src/components/copilot-provider/__tests__/copilotkit-error.test.tsx +0 -77
package/src/components/copilot-provider/__tests__/error-visibility-prod.test.tsx +0 -70
package/src/components/copilot-provider/__tests__/v1-explicit-threadid-bridge.test.tsx +0 -107
package/src/components/copilot-provider/copilot-messages.tsx +0 -314
package/src/components/copilot-provider/copilotkit-props.tsx +0 -214
package/src/components/copilot-provider/copilotkit.tsx +0 -853
package/src/components/copilot-provider/index.ts +0 -3
package/src/components/dev-console/console-trigger.tsx +0 -283
package/src/components/dev-console/developer-console-modal.tsx +0 -1016
package/src/components/dev-console/icons.tsx +0 -106
package/src/components/error-boundary/error-boundary.tsx +0 -99
package/src/components/error-boundary/error-utils.tsx +0 -105
package/src/components/index.ts +0 -1
package/src/components/toast/exclamation-mark-icon.tsx +0 -27
package/src/components/toast/toast-provider.tsx +0 -448
package/src/components/usage-banner.tsx +0 -266
package/src/context/__tests__/threads-context.test.tsx +0 -141
package/src/context/coagent-state-renders-context.tsx +0 -89
package/src/context/copilot-context.tsx +0 -365
package/src/context/copilot-messages-context.tsx +0 -35
package/src/context/index.ts +0 -22
package/src/context/threads-context.tsx +0 -69
package/src/hooks/__tests__/use-coagent-config.test.ts +0 -352
package/src/hooks/__tests__/use-coagent-state-render-bridge.helpers.test.ts +0 -107
package/src/hooks/__tests__/use-coagent-state-render.e2e.test.tsx +0 -1209
package/src/hooks/__tests__/use-coagent-state-render.test.tsx +0 -356
package/src/hooks/__tests__/use-copilot-chat-internal-connect.test.tsx +0 -241
package/src/hooks/__tests__/use-frontend-tool-available.test.tsx +0 -72
package/src/hooks/__tests__/use-frontend-tool-remount.e2e.test.tsx +0 -102
package/src/hooks/index.ts +0 -33
package/src/hooks/use-agent-nodename.ts +0 -33
package/src/hooks/use-coagent-state-render-bridge.helpers.ts +0 -345
package/src/hooks/use-coagent-state-render-bridge.tsx +0 -222
package/src/hooks/use-coagent-state-render-registry.ts +0 -230
package/src/hooks/use-coagent-state-render.ts +0 -163
package/src/hooks/use-coagent.ts +0 -377
package/src/hooks/use-configure-chat-suggestions.tsx +0 -96
package/src/hooks/use-copilot-action.ts +0 -245
package/src/hooks/use-copilot-additional-instructions.ts +0 -98
package/src/hooks/use-copilot-authenticated-action.ts +0 -73
package/src/hooks/use-copilot-chat-headless_c.ts +0 -264
package/src/hooks/use-copilot-chat-suggestions.tsx +0 -134
package/src/hooks/use-copilot-chat.ts +0 -132
package/src/hooks/use-copilot-chat_internal.ts +0 -875
package/src/hooks/use-copilot-readable.ts +0 -135
package/src/hooks/use-copilot-runtime-client.ts +0 -178
package/src/hooks/use-default-tool.ts +0 -13
package/src/hooks/use-flat-category-store.ts +0 -109
package/src/hooks/use-frontend-tool.ts +0 -113
package/src/hooks/use-human-in-the-loop.ts +0 -138
package/src/hooks/use-langgraph-interrupt.ts +0 -103
package/src/hooks/use-lazy-tool-renderer.tsx +0 -30
package/src/hooks/use-make-copilot-document-readable.ts +0 -30
package/src/hooks/use-render-tool-call.ts +0 -89
package/src/hooks/use-tree.ts +0 -222
package/src/index.tsx +0 -7
package/src/lib/copilot-task.ts +0 -215
package/src/lib/index.ts +0 -1
package/src/lib/status-checker.ts +0 -67
package/src/setupTests.ts +0 -37
package/src/test-helpers/copilot-context.ts +0 -91
package/src/types/chat-suggestion-configuration.ts +0 -23
package/src/types/coagent-action.ts +0 -35
package/src/types/coagent-state.ts +0 -13
package/src/types/crew.ts +0 -89
package/src/types/document-pointer.ts +0 -7
package/src/types/frontend-action.ts +0 -213
package/src/types/index.ts +0 -17
package/src/types/interrupt-action.ts +0 -58
package/src/types/system-message.ts +0 -4
package/src/utils/dev-console.ts +0 -19
package/src/utils/index.ts +0 -2
package/src/utils/suggestions-constants.ts +0 -8
package/src/utils/utils.test.ts +0 -7
package/src/utils/utils.ts +0 -6
package/src/v2/__tests__/A2UIMessageRenderer.test.tsx +0 -240
package/src/v2/__tests__/globalSetup.ts +0 -14
package/src/v2/__tests__/setup.ts +0 -93
package/src/v2/__tests__/utils/test-helpers.tsx +0 -570
package/src/v2/a2ui/A2UICatalogContext.tsx +0 -79
package/src/v2/a2ui/A2UIMessageRenderer.tsx +0 -294
package/src/v2/a2ui/A2UIToolCallRenderer.tsx +0 -290
package/src/v2/components/CopilotKitInspector.tsx +0 -52
package/src/v2/components/MCPAppsActivityRenderer.tsx +0 -815
package/src/v2/components/OpenGenerativeUIRenderer.tsx +0 -598
package/src/v2/components/WildcardToolCallRender.tsx +0 -86
package/src/v2/components/__tests__/OpenGenerativeUIRenderer.test.tsx +0 -665
package/src/v2/components/chat/CopilotChat.tsx +0 -664
package/src/v2/components/chat/CopilotChatAssistantMessage.tsx +0 -393
package/src/v2/components/chat/CopilotChatAttachmentQueue.tsx +0 -374
package/src/v2/components/chat/CopilotChatAttachmentRenderer.tsx +0 -159
package/src/v2/components/chat/CopilotChatAudioRecorder.tsx +0 -350
package/src/v2/components/chat/CopilotChatInput.tsx +0 -1412
package/src/v2/components/chat/CopilotChatMessageView.tsx +0 -716
package/src/v2/components/chat/CopilotChatReasoningMessage.tsx +0 -265
package/src/v2/components/chat/CopilotChatSuggestionPill.tsx +0 -59
package/src/v2/components/chat/CopilotChatSuggestionView.tsx +0 -134
package/src/v2/components/chat/CopilotChatToggleButton.tsx +0 -171
package/src/v2/components/chat/CopilotChatToolCallsView.tsx +0 -40
package/src/v2/components/chat/CopilotChatUserMessage.tsx +0 -445
package/src/v2/components/chat/CopilotChatView.tsx +0 -890
package/src/v2/components/chat/CopilotModalHeader.tsx +0 -129
package/src/v2/components/chat/CopilotPopup.tsx +0 -81
package/src/v2/components/chat/CopilotPopupView.tsx +0 -317
package/src/v2/components/chat/CopilotSidebar.tsx +0 -80
package/src/v2/components/chat/CopilotSidebarView.tsx +0 -269
package/src/v2/components/chat/Lightbox.tsx +0 -103
package/src/v2/components/chat/__tests__/CopilotChat.absentThreadConnect.test.tsx +0 -66
package/src/v2/components/chat/__tests__/CopilotChat.attachments.test.tsx +0 -168
package/src/v2/components/chat/__tests__/CopilotChat.e2e.test.tsx +0 -1239
package/src/v2/components/chat/__tests__/CopilotChat.onError.test.tsx +0 -73
package/src/v2/components/chat/__tests__/CopilotChat.slots.e2e.test.tsx +0 -432
package/src/v2/components/chat/__tests__/CopilotChat.suggestionsAlways.test.tsx +0 -183
package/src/v2/components/chat/__tests__/CopilotChat.welcomeGate.test.tsx +0 -184
package/src/v2/components/chat/__tests__/CopilotChatActivityRendering.e2e.test.tsx +0 -649
package/src/v2/components/chat/__tests__/CopilotChatAssistantMessage.slots.e2e.test.tsx +0 -624
package/src/v2/components/chat/__tests__/CopilotChatAssistantMessage.test.tsx +0 -702
package/src/v2/components/chat/__tests__/CopilotChatAssistantMessage.thumbs.test.tsx +0 -72
package/src/v2/components/chat/__tests__/CopilotChatCopyButton.clipboard.test.tsx +0 -241
package/src/v2/components/chat/__tests__/CopilotChatCssClasses.test.tsx +0 -107
package/src/v2/components/chat/__tests__/CopilotChatInput.slots.e2e.test.tsx +0 -929
package/src/v2/components/chat/__tests__/CopilotChatInput.test.tsx +0 -1567
package/src/v2/components/chat/__tests__/CopilotChatMessageView.slots.e2e.test.tsx +0 -1004
package/src/v2/components/chat/__tests__/CopilotChatMessageView.test.tsx +0 -279
package/src/v2/components/chat/__tests__/CopilotChatPerf.e2e.test.tsx +0 -336
package/src/v2/components/chat/__tests__/CopilotChatPropsRerender.e2e.test.tsx +0 -249
package/src/v2/components/chat/__tests__/CopilotChatSuggestionView.slots.e2e.test.tsx +0 -530
package/src/v2/components/chat/__tests__/CopilotChatToolRendering.e2e.test.tsx +0 -785
package/src/v2/components/chat/__tests__/CopilotChatToolRerenders.e2e.test.tsx +0 -2416
package/src/v2/components/chat/__tests__/CopilotChatUserMessage.slots.e2e.test.tsx +0 -621
package/src/v2/components/chat/__tests__/CopilotChatView.connectingGate.test.tsx +0 -56
package/src/v2/components/chat/__tests__/CopilotChatView.inputOverlay.test.tsx +0 -264
package/src/v2/components/chat/__tests__/CopilotChatView.onClick.e2e.test.tsx +0 -853
package/src/v2/components/chat/__tests__/CopilotChatView.pinToSend.test.tsx +0 -94
package/src/v2/components/chat/__tests__/CopilotChatView.slots.e2e.test.tsx +0 -1050
package/src/v2/components/chat/__tests__/CopilotModalHeader.slots.e2e.test.tsx +0 -484
package/src/v2/components/chat/__tests__/CopilotPopupView.slots.e2e.test.tsx +0 -612
package/src/v2/components/chat/__tests__/CopilotSidebarView.position.test.tsx +0 -159
package/src/v2/components/chat/__tests__/CopilotSidebarView.slots.e2e.test.tsx +0 -502
package/src/v2/components/chat/__tests__/MCPAppsActivityRenderer.e2e.test.tsx +0 -1068
package/src/v2/components/chat/__tests__/MCPAppsProxy.e2e.test.tsx +0 -589
package/src/v2/components/chat/__tests__/MCPAppsUiMessage.e2e.test.tsx +0 -403
package/src/v2/components/chat/__tests__/copilot-chat-throttle.test.tsx +0 -137
package/src/v2/components/chat/__tests__/normalize-auto-scroll.test.ts +0 -37
package/src/v2/components/chat/__tests__/setup.ts +0 -1
package/src/v2/components/chat/index.ts +0 -90
package/src/v2/components/chat/last-user-message-context.ts +0 -21
package/src/v2/components/chat/normalize-auto-scroll.ts +0 -17
package/src/v2/components/chat/scroll-element-context.ts +0 -13
package/src/v2/components/index.ts +0 -8
package/src/v2/components/intelligence-indicator/IntelligenceIndicator.tsx +0 -286
package/src/v2/components/intelligence-indicator/__tests__/IntelligenceIndicator.e2e.test.tsx +0 -464
package/src/v2/components/intelligence-indicator/index.ts +0 -2
package/src/v2/components/license-warning-banner.tsx +0 -217
package/src/v2/components/ui/button.tsx +0 -124
package/src/v2/components/ui/dropdown-menu.tsx +0 -258
package/src/v2/components/ui/tooltip.tsx +0 -60
package/src/v2/context.ts +0 -62
package/src/v2/headless.ts +0 -64
package/src/v2/hooks/__tests__/standard-schema-types.test.tsx +0 -152
package/src/v2/hooks/__tests__/standard-schema.test.tsx +0 -282
package/src/v2/hooks/__tests__/use-agent-context-timing.e2e.test.tsx +0 -140
package/src/v2/hooks/__tests__/use-agent-context.test.tsx +0 -401
package/src/v2/hooks/__tests__/use-agent-error-state.test.tsx +0 -44
package/src/v2/hooks/__tests__/use-agent-stability.test.tsx +0 -211
package/src/v2/hooks/__tests__/use-agent-throttle.test.tsx +0 -1029
package/src/v2/hooks/__tests__/use-agent.e2e.test.tsx +0 -159
package/src/v2/hooks/__tests__/use-attachments.test.tsx +0 -169
package/src/v2/hooks/__tests__/use-capabilities.test.tsx +0 -76
package/src/v2/hooks/__tests__/use-component.test.tsx +0 -126
package/src/v2/hooks/__tests__/use-configure-suggestions.e2e.test.tsx +0 -696
package/src/v2/hooks/__tests__/use-default-render-tool.test.tsx +0 -153
package/src/v2/hooks/__tests__/use-frontend-tool-available.test.tsx +0 -167
package/src/v2/hooks/__tests__/use-frontend-tool.e2e.test.tsx +0 -2148
package/src/v2/hooks/__tests__/use-human-in-the-loop.e2e.test.tsx +0 -1261
package/src/v2/hooks/__tests__/use-interrupt.test.tsx +0 -397
package/src/v2/hooks/__tests__/use-katex-styles.test.tsx +0 -56
package/src/v2/hooks/__tests__/use-keyboard-height.test.tsx +0 -192
package/src/v2/hooks/__tests__/use-pin-to-send.test.tsx +0 -219
package/src/v2/hooks/__tests__/use-render-custom-messages.test.tsx +0 -55
package/src/v2/hooks/__tests__/use-render-tool.test.tsx +0 -259
package/src/v2/hooks/__tests__/use-suggestions.e2e.test.tsx +0 -524
package/src/v2/hooks/__tests__/use-threads.test.tsx +0 -757
package/src/v2/hooks/__tests__/zod-regression.test.tsx +0 -311
package/src/v2/hooks/index.ts +0 -24
package/src/v2/hooks/use-agent-context.tsx +0 -45
package/src/v2/hooks/use-agent.tsx +0 -227
package/src/v2/hooks/use-attachments.tsx +0 -269
package/src/v2/hooks/use-capabilities.tsx +0 -25
package/src/v2/hooks/use-component.tsx +0 -91
package/src/v2/hooks/use-configure-suggestions.tsx +0 -236
package/src/v2/hooks/use-default-render-tool.tsx +0 -271
package/src/v2/hooks/use-frontend-tool.tsx +0 -46
package/src/v2/hooks/use-human-in-the-loop.tsx +0 -81
package/src/v2/hooks/use-interrupt.tsx +0 -305
package/src/v2/hooks/use-keyboard-height.tsx +0 -67
package/src/v2/hooks/use-pin-to-send.ts +0 -94
package/src/v2/hooks/use-render-activity-message.tsx +0 -72
package/src/v2/hooks/use-render-custom-messages.tsx +0 -93
package/src/v2/hooks/use-render-tool-call.tsx +0 -208
package/src/v2/hooks/use-render-tool.tsx +0 -184
package/src/v2/hooks/use-suggestions.tsx +0 -91
package/src/v2/hooks/use-threads.tsx +0 -325
package/src/v2/hooks/useKatexStyles.ts +0 -27
package/src/v2/index.css +0 -1
package/src/v2/index.ts +0 -27
package/src/v2/lib/__tests__/completePartialMarkdown.test.ts +0 -495
package/src/v2/lib/__tests__/processPartialHtml.test.ts +0 -112
package/src/v2/lib/__tests__/renderSlot.test.tsx +0 -588
package/src/v2/lib/__tests__/slots.test.ts +0 -56
package/src/v2/lib/processPartialHtml.ts +0 -45
package/src/v2/lib/react-core.ts +0 -156
package/src/v2/lib/slots.tsx +0 -184
package/src/v2/lib/transcription-client.ts +0 -184
package/src/v2/lib/utils.ts +0 -8
package/src/v2/providers/CopilotChatConfigurationProvider.tsx +0 -196
package/src/v2/providers/CopilotKitProvider.tsx +0 -800
package/src/v2/providers/SandboxFunctionsContext.ts +0 -10
package/src/v2/providers/__tests__/CopilotChatConfigurationProvider.test.tsx +0 -652
package/src/v2/providers/__tests__/CopilotKitProvider.license.test.tsx +0 -101
package/src/v2/providers/__tests__/CopilotKitProvider.onError.test.tsx +0 -69
package/src/v2/providers/__tests__/CopilotKitProvider.renderCustomMessages.e2e.test.tsx +0 -881
package/src/v2/providers/__tests__/CopilotKitProvider.sandboxFunctions.test.tsx +0 -198
package/src/v2/providers/__tests__/CopilotKitProvider.stability.test.tsx +0 -740
package/src/v2/providers/__tests__/CopilotKitProvider.test.tsx +0 -713
package/src/v2/providers/__tests__/CopilotKitProvider.wildcard.test.tsx +0 -294
package/src/v2/providers/index.ts +0 -21
package/src/v2/styles/globals.css +0 -349
package/src/v2/types/__tests__/defineToolCallRenderer.test.tsx +0 -525
package/src/v2/types/defineToolCallRenderer.ts +0 -68
package/src/v2/types/frontend-tool.ts +0 -8
package/src/v2/types/human-in-the-loop.ts +0 -33
package/src/v2/types/index.ts +0 -8
package/src/v2/types/interrupt.ts +0 -15
package/src/v2/types/react-activity-message-renderer.ts +0 -27
package/src/v2/types/react-custom-message-renderer.ts +0 -17
package/src/v2/types/react-tool-call-renderer.ts +0 -35
package/src/v2/types/sandbox-function.ts +0 -11
package/tsconfig.json +0 -8
package/tsdown.config.ts +0 -193
package/typedoc.json +0 -4
package/vitest.config.mjs +0 -31

package/src/v2/components/__tests__/OpenGenerativeUIRenderer.test.tsx DELETED Viewed

@@ -1,665 +0,0 @@
-import { render, cleanup, act } from "@testing-library/react";
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import React from "react";
-import { z } from "zod";
-import {
-  OpenGenerativeUIActivityRenderer,
-  OpenGenerativeUIContent,
-} from "../OpenGenerativeUIRenderer";
-import { SandboxFunctionsContext } from "../../providers/SandboxFunctionsContext";
-import type { SandboxFunction } from "../../types/sandbox-function";
-// Mock @jetbrains/websandbox
-const mockRun = vi.fn().mockResolvedValue(undefined);
-const mockDestroy = vi.fn();
-let mockIframe: HTMLIFrameElement;
-let mockPromiseResolve: () => void;
-let mockPromise: Promise<unknown>;
-function resetMockPromise() {
-  mockPromise = new Promise<void>((resolve) => {
-    mockPromiseResolve = resolve;
-  });
-}
-const mockCreate = vi.fn(() => {
-  mockIframe = document.createElement("iframe");
-  return {
-    iframe: mockIframe,
-    promise: mockPromise,
-    run: mockRun,
-    destroy: mockDestroy,
-  };
-});
-vi.mock("@jetbrains/websandbox", () => ({
-  default: {
-    create: (...args: unknown[]) => mockCreate(...args),
-  },
-}));
-/** Flush the dynamic import() microtask so the sandbox gets created */
-async function flushImport() {
-  await act(async () => {
-    await new Promise((r) => setTimeout(r, 0));
-  });
-}
-function renderRenderer(content: OpenGenerativeUIContent) {
-  return render(
-    <OpenGenerativeUIActivityRenderer
-      activityType="open-generative-ui"
-      content={content}
-      message={{}}
-      agent={{}}
-    />,
-  );
-}
-describe("OpenGenerativeUIActivityRenderer", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    resetMockPromise();
-  });
-  afterEach(() => {
-    cleanup();
-  });
-  it("renders placeholder when no html", async () => {
-    const { container } = renderRenderer({ initialHeight: 300 });
-    await flushImport();
-    const div = container.firstElementChild as HTMLElement;
-    expect(div.style.height).toBe("300px");
-    expect(div.querySelector("svg")).not.toBeNull();
-    expect(mockCreate).not.toHaveBeenCalled();
-  });
-  it("creates sandbox when html is complete", async () => {
-    const html = "<head></head><body><p>Hello</p></body>";
-    renderRenderer({ html: [html], htmlComplete: true });
-    await flushImport();
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    const [, options] = mockCreate.mock.calls[0];
-    expect(options.frameContent).toBe(html);
-    expect(options.frameContainer).toBeInstanceOf(HTMLElement);
-  });
-  it("creates preview sandbox when html is streaming (not complete)", async () => {
-    renderRenderer({
-      html: ["<head></head><body>partial"],
-      htmlComplete: false,
-      cssComplete: true,
-    });
-    await flushImport();
-    // Preview sandbox is created with empty body template
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    const [, options] = mockCreate.mock.calls[0];
-    expect(options.frameContent).toBe("<head></head><body></body>");
-  });
-  it("wraps html missing <head>", async () => {
-    renderRenderer({
-      html: ["<body><p>No head</p></body>"],
-      htmlComplete: true,
-    });
-    await flushImport();
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    const [, options] = mockCreate.mock.calls[0];
-    expect(options.frameContent).toContain("<head></head>");
-  });
-  it("joins html chunks when complete", async () => {
-    renderRenderer({
-      html: ["<head></head>", "<body>", "<p>Hello</p>", "</body>"],
-      htmlComplete: true,
-    });
-    await flushImport();
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    const [, options] = mockCreate.mock.calls[0];
-    expect(options.frameContent).toBe("<head></head><body><p>Hello</p></body>");
-  });
-  it("destroys sandbox on unmount", async () => {
-    const { unmount } = renderRenderer({
-      html: ["<head></head><body></body>"],
-      htmlComplete: true,
-    });
-    await flushImport();
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    unmount();
-    expect(mockDestroy).toHaveBeenCalledTimes(1);
-  });
-  it("injects jsFunctions via run()", async () => {
-    const jsFunctions = "function greet() { return 'hi'; }";
-    renderRenderer({
-      html: ["<head></head><body></body>"],
-      htmlComplete: true,
-      jsFunctions,
-    });
-    await flushImport();
-    // Resolve sandbox promise
-    await act(async () => {
-      mockPromiseResolve();
-      await mockPromise;
-    });
-    await flushImport();
-    expect(mockRun).toHaveBeenCalledWith(jsFunctions);
-  });
-  it("executes jsExpressions sequentially", async () => {
-    renderRenderer({
-      html: ["<head></head><body></body>"],
-      htmlComplete: true,
-      jsExpressions: ["expr1()", "expr2()"],
-    });
-    await flushImport();
-    await act(async () => {
-      mockPromiseResolve();
-      await mockPromise;
-    });
-    await flushImport();
-    expect(mockRun).toHaveBeenCalledWith("expr1()");
-    expect(mockRun).toHaveBeenCalledWith("expr2()");
-  });
-  it("tracks index — no re-execution on re-render", async () => {
-    const { rerender } = render(
-      <OpenGenerativeUIActivityRenderer
-        activityType="open-generative-ui"
-        content={{
-          html: ["<head></head><body></body>"],
-          htmlComplete: true,
-          jsExpressions: ["expr1()"],
-        }}
-        message={{}}
-        agent={{}}
-      />,
-    );
-    await flushImport();
-    await act(async () => {
-      mockPromiseResolve();
-      await mockPromise;
-    });
-    await flushImport();
-    const callCountAfterFirst = mockRun.mock.calls.filter(
-      (c: unknown[]) => c[0] === "expr1()",
-    ).length;
-    expect(callCountAfterFirst).toBe(1);
-    // Re-render with additional expression
-    rerender(
-      <OpenGenerativeUIActivityRenderer
-        activityType="open-generative-ui"
-        content={{
-          html: ["<head></head><body></body>"],
-          htmlComplete: true,
-          jsExpressions: ["expr1()", "expr2()"],
-        }}
-        message={{}}
-        agent={{}}
-      />,
-    );
-    await flushImport();
-    // expr1 should NOT have been called again
-    const expr1Calls = mockRun.mock.calls.filter(
-      (c: unknown[]) => c[0] === "expr1()",
-    ).length;
-    expect(expr1Calls).toBe(1);
-    // expr2 should have been called
-    const expr2Calls = mockRun.mock.calls.filter(
-      (c: unknown[]) => c[0] === "expr2()",
-    ).length;
-    expect(expr2Calls).toBe(1);
-  });
-  it("queues JS before sandbox ready", async () => {
-    renderRenderer({
-      html: ["<head></head><body></body>"],
-      htmlComplete: true,
-      jsFunctions: "function foo() {}",
-      jsExpressions: ["foo()"],
-    });
-    await flushImport();
-    // Sandbox not ready yet — run should not have been called
-    expect(mockRun).not.toHaveBeenCalled();
-    // Now resolve
-    await act(async () => {
-      mockPromiseResolve();
-      await mockPromise;
-    });
-    await flushImport();
-    // Both should have been flushed
-    expect(mockRun).toHaveBeenCalledWith("function foo() {}");
-    expect(mockRun).toHaveBeenCalledWith("foo()");
-  });
-  it("recreates sandbox when html changes", async () => {
-    const { rerender } = render(
-      <OpenGenerativeUIActivityRenderer
-        activityType="open-generative-ui"
-        content={{ html: ["<head></head><body>v1</body>"], htmlComplete: true }}
-        message={{}}
-        agent={{}}
-      />,
-    );
-    await flushImport();
-    expect(mockCreate).toHaveBeenCalledTimes(1);
-    await act(async () => {
-      mockPromiseResolve();
-      await mockPromise;
-    });
-    // Change html — need a new promise for the new sandbox
-    resetMockPromise();
-    rerender(
-      <OpenGenerativeUIActivityRenderer
-        activityType="open-generative-ui"
-        content={{ html: ["<head></head><body>v2</body>"], htmlComplete: true }}
-        message={{}}
-        agent={{}}
-      />,
-    );
-    await flushImport();
-    // Old sandbox destroyed, new one created
-    expect(mockDestroy).toHaveBeenCalledTimes(1);
-    expect(mockCreate).toHaveBeenCalledTimes(2);
-    const [, options] = mockCreate.mock.calls[1];
-    expect(options.frameContent).toContain("v2");
-  });
-  describe("sandboxFunctions / localApi", () => {
-    function renderWithSandboxFunctions(
-      content: OpenGenerativeUIContent,
-      sandboxFunctions: SandboxFunction[],
-    ) {
-      return render(
-        <SandboxFunctionsContext.Provider value={sandboxFunctions}>
-          <OpenGenerativeUIActivityRenderer
-            activityType="open-generative-ui"
-            content={content}
-            message={{}}
-            agent={{}}
-          />
-        </SandboxFunctionsContext.Provider>,
-      );
-    }
-    it("passes localApi built from sandbox functions to websandbox", async () => {
-      const handler = vi.fn().mockResolvedValue(42);
-      const fns: SandboxFunction[] = [
-        {
-          name: "addToCart",
-          description: "Add item to cart",
-          parameters: z.object({ itemId: z.string() }),
-          handler,
-        },
-      ];
-      renderWithSandboxFunctions(
-        { html: ["<head></head><body>test</body>"], htmlComplete: true },
-        fns,
-      );
-      await flushImport();
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      const [localApi] = mockCreate.mock.calls[0];
-      expect(localApi).toHaveProperty("addToCart");
-      expect(localApi.addToCart).toBe(handler);
-    });
-    it("passes empty localApi when no sandbox functions", async () => {
-      renderWithSandboxFunctions(
-        { html: ["<head></head><body>test</body>"], htmlComplete: true },
-        [],
-      );
-      await flushImport();
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      const [localApi] = mockCreate.mock.calls[0];
-      expect(Object.keys(localApi)).toHaveLength(0);
-    });
-    it("recreates sandbox when sandbox functions change", async () => {
-      const handler1 = vi.fn();
-      const fns1: SandboxFunction[] = [
-        {
-          name: "fn1",
-          description: "first",
-          parameters: z.object({}),
-          handler: handler1,
-        },
-      ];
-      const { rerender } = render(
-        <SandboxFunctionsContext.Provider value={fns1}>
-          <OpenGenerativeUIActivityRenderer
-            activityType="open-generative-ui"
-            content={{
-              html: ["<head></head><body>test</body>"],
-              htmlComplete: true,
-            }}
-            message={{}}
-            agent={{}}
-          />
-        </SandboxFunctionsContext.Provider>,
-      );
-      await flushImport();
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      await act(async () => {
-        mockPromiseResolve();
-        await mockPromise;
-      });
-      // Change sandbox functions
-      const handler2 = vi.fn();
-      const fns2: SandboxFunction[] = [
-        {
-          name: "fn2",
-          description: "second",
-          parameters: z.object({}),
-          handler: handler2,
-        },
-      ];
-      resetMockPromise();
-      rerender(
-        <SandboxFunctionsContext.Provider value={fns2}>
-          <OpenGenerativeUIActivityRenderer
-            activityType="open-generative-ui"
-            content={{
-              html: ["<head></head><body>test</body>"],
-              htmlComplete: true,
-            }}
-            message={{}}
-            agent={{}}
-          />
-        </SandboxFunctionsContext.Provider>,
-      );
-      await flushImport();
-      // Old sandbox destroyed, new one created with new localApi
-      expect(mockDestroy).toHaveBeenCalledTimes(1);
-      expect(mockCreate).toHaveBeenCalledTimes(2);
-      const [localApi] = mockCreate.mock.calls[1];
-      expect(localApi).toHaveProperty("fn2");
-      expect(localApi.fn2).toBe(handler2);
-    });
-    it("includes multiple sandbox functions in localApi", async () => {
-      const handlerA = vi.fn();
-      const handlerB = vi.fn();
-      const fns: SandboxFunction[] = [
-        {
-          name: "fnA",
-          description: "A",
-          parameters: z.object({}),
-          handler: handlerA,
-        },
-        {
-          name: "fnB",
-          description: "B",
-          parameters: z.object({}),
-          handler: handlerB,
-        },
-      ];
-      renderWithSandboxFunctions(
-        { html: ["<head></head><body>test</body>"], htmlComplete: true },
-        fns,
-      );
-      await flushImport();
-      const [localApi] = mockCreate.mock.calls[0];
-      expect(Object.keys(localApi)).toHaveLength(2);
-      expect(localApi.fnA).toBe(handlerA);
-      expect(localApi.fnB).toBe(handlerB);
-    });
-  });
-  describe("progressive streaming preview", () => {
-    it("creates preview sandbox when chunks arrive but htmlComplete is false", async () => {
-      renderRenderer({
-        html: ["<body><div>Hello</div>"],
-        htmlComplete: false,
-        cssComplete: true,
-        generating: true,
-      });
-      await flushImport();
-      // Preview sandbox created with empty body template
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      const [localApi, options] = mockCreate.mock.calls[0];
-      expect(options.frameContent).toBe("<head></head><body></body>");
-      expect(Object.keys(localApi)).toHaveLength(0);
-    });
-    it("updates preview on re-render with more chunks (after throttle)", async () => {
-      const { rerender } = render(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            html: ["<body><div>Hello</div>"],
-            htmlComplete: false,
-            cssComplete: true,
-            generating: true,
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      await flushImport();
-      // Resolve preview sandbox promise
-      await act(async () => {
-        mockPromiseResolve();
-        await mockPromise;
-      });
-      await flushImport();
-      // Should have called run with innerHTML update (initial content — immediate flush)
-      const innerHtmlCalls = mockRun.mock.calls.filter(
-        (c: unknown[]) =>
-          typeof c[0] === "string" &&
-          (c[0] as string).includes("document.body.innerHTML"),
-      );
-      expect(innerHtmlCalls.length).toBeGreaterThanOrEqual(1);
-      // Re-render with more chunks — throttled by the outer wrapper
-      mockRun.mockClear();
-      rerender(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            html: ["<body><div>Hello</div>", "<p>World</p>"],
-            htmlComplete: false,
-            cssComplete: true,
-            generating: true,
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      // Wait for the 1s throttle window to pass
-      await act(async () => {
-        await new Promise((r) => setTimeout(r, 1100));
-      });
-      await flushImport();
-      // Should have updated innerHTML with new content after throttle
-      const updateCalls = mockRun.mock.calls.filter(
-        (c: unknown[]) =>
-          typeof c[0] === "string" &&
-          (c[0] as string).includes("document.body.innerHTML"),
-      );
-      expect(updateCalls.length).toBeGreaterThanOrEqual(1);
-      expect(updateCalls[updateCalls.length - 1]![0]).toContain("World");
-    }, 10000);
-    it("destroys preview and creates final sandbox when htmlComplete arrives", async () => {
-      const { rerender } = render(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            html: ["<body><div>Hello</div>"],
-            htmlComplete: false,
-            cssComplete: true,
-            generating: true,
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      await flushImport();
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      // Now complete the HTML
-      resetMockPromise();
-      rerender(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            html: [
-              "<head><style>body{margin:0}</style></head><body><div>Hello</div></body>",
-            ],
-            htmlComplete: true,
-            cssComplete: true,
-            generating: false,
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      await flushImport();
-      // Preview destroyed, final sandbox created
-      expect(mockDestroy).toHaveBeenCalledTimes(1);
-      expect(mockCreate).toHaveBeenCalledTimes(2);
-      const [, options] = mockCreate.mock.calls[1];
-      expect(options.frameContent).toContain("<style>");
-      expect(options.frameContent).toContain("Hello");
-    });
-    it("does not show preview until cssComplete, then starts streaming HTML immediately", async () => {
-      // Phase 1: HTML chunks arrive but CSS is not yet complete — no preview
-      const { rerender } = render(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            html: ["<body><div>Streaming content</div>"],
-            htmlComplete: false,
-            generating: true,
-            // cssComplete is NOT set — CSS still generating
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      await flushImport();
-      // No sandbox created — placeholder shown while CSS is pending
-      expect(mockCreate).not.toHaveBeenCalled();
-      // Phase 2: CSS completes — preview should appear immediately with the
-      // HTML chunks that have already accumulated
-      rerender(
-        <OpenGenerativeUIActivityRenderer
-          activityType="open-generative-ui"
-          content={{
-            css: "body { margin: 0; color: red; }",
-            cssComplete: true,
-            html: ["<body><div>Streaming content</div>"],
-            htmlComplete: false,
-            generating: true,
-          }}
-          message={{}}
-          agent={{}}
-        />,
-      );
-      await flushImport();
-      // Preview sandbox created now that CSS is complete
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      const [, options] = mockCreate.mock.calls[0];
-      expect(options.frameContent).toBe("<head></head><body></body>");
-      // Resolve sandbox promise so preview content is applied
-      await act(async () => {
-        mockPromiseResolve();
-        await mockPromise;
-      });
-      await flushImport();
-      // CSS should be injected into <head> as a <style> tag
-      const headCalls = mockRun.mock.calls.filter(
-        (c: unknown[]) =>
-          typeof c[0] === "string" &&
-          (c[0] as string).includes("document.head.innerHTML"),
-      );
-      expect(headCalls.length).toBeGreaterThanOrEqual(1);
-      expect(headCalls[0][0]).toContain("body { margin: 0; color: red; }");
-      // HTML body content should be rendered in the preview
-      const bodyCalls = mockRun.mock.calls.filter(
-        (c: unknown[]) =>
-          typeof c[0] === "string" &&
-          (c[0] as string).includes("document.body.innerHTML"),
-      );
-      expect(bodyCalls.length).toBeGreaterThanOrEqual(1);
-      expect(bodyCalls[0][0]).toContain("Streaming content");
-    });
-    it("does not create preview when no meaningful body content", async () => {
-      renderRenderer({
-        html: ["<head><style>.foo { color: red; }</style></head>"],
-        htmlComplete: false,
-        generating: true,
-      });
-      await flushImport();
-      // No preview — only head content, no body
-      expect(mockCreate).not.toHaveBeenCalled();
-    });
-    it("skips preview entirely for fast completion", async () => {
-      renderRenderer({
-        html: ["<head></head><body><div>Done</div></body>"],
-        htmlComplete: true,
-        generating: false,
-      });
-      await flushImport();
-      // Only final sandbox created, no preview
-      expect(mockCreate).toHaveBeenCalledTimes(1);
-      const [, options] = mockCreate.mock.calls[0];
-      expect(options.frameContent).toContain("Done");
-      // Final sandbox uses localApi, not empty object
-      expect(options.frameContent).not.toBe("<head></head><body></body>");
-    });
-  });
-});