@@ -288,7 +286,7 @@ const ConversationExchange = React.forwardRef<
isSidepanel={true}
id={messageId}
showActions={showActions}
- latestAssistantMessageContent={assistantContent?.text || null}
+ latestAssistantMessageContent={assistantContent || null}
translations={translations}
conversations={conversations}
onFeedback={onFeedback}
diff --git a/packages/docsearch-react/src/__tests__/askai.test.tsx b/packages/docsearch-react/src/__tests__/askai.test.tsx
index b25e1b93..36698126 100644
--- a/packages/docsearch-react/src/__tests__/askai.test.tsx
+++ b/packages/docsearch-react/src/__tests__/askai.test.tsx
@@ -1,7 +1,7 @@
-import { render } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
import type { UIMessage } from 'ai';
import React from 'react';
-import { describe, it, expect } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
import '@testing-library/jest-dom/vitest';
import { AskAiScreen } from '../AskAiScreen';
@@ -17,6 +17,7 @@ const baseProps = {
setQuery: (): void => {},
messages: [],
status: 'ready' as const,
+ tools: {},
disableUserPersonalization: false,
resultsFooterComponent: null,
} as any;
@@ -47,4 +48,46 @@ describe('AskAiScreen', () => {
expect(getByText('oh no')).toBeInTheDocument();
});
+
+ it('copies all assistant text parts around tool calls', () => {
+ const writeText = vi.fn();
+ Object.defineProperty(navigator, 'clipboard', {
+ configurable: true,
+ value: { writeText },
+ });
+ const messages: UIMessage[] = [
+ {
+ id: 'user-1',
+ role: 'user',
+ parts: [{ type: 'text', text: 'What is Docusaurus?' }],
+ },
+ {
+ id: 'assistant-1',
+ role: 'assistant',
+ parts: [
+ { type: 'text', text: 'Let me look that up.', state: 'done' },
+ {
+ type: 'tool-algolia_search_index',
+ toolCallId: 'tool-1',
+ state: 'output-available',
+ input: { query: 'Docusaurus', index: 'docs' },
+ output: { hits: [] },
+ },
+ {
+ type: 'text',
+ text: 'Docusaurus is a static site generator.',
+ state: 'done',
+ },
+ ],
+ },
+ ];
+
+ render(
);
+
+ fireEvent.click(screen.getByTitle('Copy'));
+
+ expect(writeText).toHaveBeenCalledWith(
+ 'Let me look that up.\n\nDocusaurus is a static site generator.'
+ );
+ });
});
diff --git a/packages/docsearch-react/src/components/FeedbackActions.tsx b/packages/docsearch-react/src/components/FeedbackActions.tsx
index b96c8f0a..4d16e3b7 100644
--- a/packages/docsearch-react/src/components/FeedbackActions.tsx
+++ b/packages/docsearch-react/src/components/FeedbackActions.tsx
@@ -214,7 +214,7 @@ export function FeedbackActions({
);
return (
-
+ <>
{isSidepanel ? copyButton : null}
@@ -259,7 +259,7 @@ export function FeedbackActions({
onClose={handleCloseNote}
/>
) : null}
-
+
);
}
@@ -286,6 +286,7 @@ function NegativeFeedbackPanel({
onSubmit,
onClose,
}: NegativeFeedbackPanelProps): JSX.Element {
+ const feedbackTitleId = React.useId();
const {
feedbackPanelTitle = 'What went wrong? (optional)',
feedbackDetailsPlaceholder = 'Share some details...',
@@ -297,10 +298,12 @@ function NegativeFeedbackPanel({
-
{feedbackPanelTitle}
+
+ {feedbackPanelTitle}
+
@@ -310,9 +313,7 @@ function NegativeFeedbackPanel({