feat(frontend/copilot): add text-to-speech and share output actions by 0ubbe · Pull Request #12256 · Significant-Gravitas/AutoGPT

0ubbe · 2026-03-02T09:28:33Z

Summary

Add text-to-speech action button to CoPilot assistant messages using the browser Web Speech API
Add share action button that uses the Web Share API with clipboard fallback
Replace inline SVG copy icon with Phosphor CopyIcon for consistency

Linked Issue

SECRT-2052

Test plan

Verify copy button still works
Click speaker icon and verify TTS reads aloud
Click stop while playing and verify speech stops
Click share icon and verify native share or clipboard fallback

Note: This PR should be merged after SECRT-2051 PR

github-actions · 2026-03-02T09:28:46Z

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

coderabbitai · 2026-03-02T09:28:59Z

Walkthrough

This pull request adds text-to-speech (TTS) functionality and Web Share API integration to the ChatMessage component, with a new custom React hook (useTextToSpeech) that manages the browser's SpeechSynthesis API. The ChatMessage UI is refactored to display Copy, Read Aloud/Stop, and Share action buttons for non-user final messages.

Changes

Cohort / File(s)	Summary
Chat Message Component Enhancement `autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx`	Added share and TTS functionality: new `handleShare` method with Web Share API and clipboard fallback, `handleTextToSpeech` toggle wrapper, and refactored action UI from single copy button to grouped action set with Copy, Read Aloud/Stop, and Share buttons. Imported new icons (CopyIcon, ShareNetworkIcon, SpeakerHighIcon, StopIcon) and toast utility.
Text-to-Speech Hook `autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts`	New React hook integrating the browser's SpeechSynthesis API with state management (status: "idle" \| "playing" \| "paused"), lifecycle cleanup on unmount, and text-change resets. Exposes play(), pause(), stop(), toggle() methods, and isSupported boolean. Includes error handling for utterance lifecycle transitions.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Suggested labels

size/xl

Suggested reviewers

ntindle
Swiftyos
Abhi1992002
kcze

Poem

🐰 In the chat, a voice now springs to life,
With share and speak, no more the strife,
A hook so clever, a button so neat,
Text-to-speech makes messages sweet! 🎤✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main changes: adding text-to-speech and share output actions to the frontend copilot component.
Description check	✅ Passed	The description is well-related to the changeset, detailing the TTS action, share action, icon replacement, linked issue, and test plan that align with the file changes.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings (stacked PR)
📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch lluisagusti/secrt-2052-copilot-add-extended-output-actions-text-to-speech-share

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

coderabbitai

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In
`@autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts`:
- Around line 74-75: The inline computed isSupported causes SSR/client mismatch;
replace the top-level const isSupported with a React state (e.g., const
[isSupported, setIsSupported] = useState(false)) inside useTextToSpeech and set
its value within a useEffect that runs on mount by checking typeof window !==
"undefined" && "speechSynthesis" in window; update any code that reads
isSupported to use the state variable and ensure the effect runs only once
(empty deps) to avoid hydration warnings and flicker.

ℹ️ Review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Disabled knowledge base sources:

Linear integration is disabled

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 1c51dd1 and dcf203f.

📒 Files selected for processing (2)

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

📜 Review details

🧰 Additional context used

📓 Path-based instructions (14)

autogpt_platform/frontend/**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

autogpt_platform/frontend/**/*.{ts,tsx,js,jsx}: Use Node.js 21+ with pnpm package manager for frontend development
Always run 'pnpm format' for formatting and linting code in frontend development

autogpt_platform/frontend/**/*.{ts,tsx,js,jsx}: Run pnpm format to auto-fix formatting issues before completing work
Run pnpm lint to check for lint errors and fix any that appear before completing work

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/**/*.{tsx,ts}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

autogpt_platform/frontend/**/*.{tsx,ts}: Use function declarations for components and handlers (not arrow functions) in React components
Only use arrow functions for small inline lambdas (map, filter, etc.) in React components
Use PascalCase for component names and camelCase with 'use' prefix for hook names in React
Use Tailwind CSS utilities only for styling in frontend components
Use design system components from 'src/components/' (atoms, molecules, organisms) in frontend development
Never use 'src/components/legacy/' in frontend code
Only use Phosphor Icons (@phosphor-icons/react) for icons in frontend components
Use generated API hooks from '@/app/api/generated/endpoints/' instead of deprecated 'BackendAPI' or 'src/lib/autogpt-server-api/'
Use React Query for server state (via generated hooks) in frontend development
Default to client components ('use client') in Next.js; only use server components for SEO or extreme TTFB needs
Use '' component for rendering errors in frontend UI; use toast notifications for mutation errors; use 'Sentry.captureException()' for manual exceptions
Separate render logic from data/behavior in React components; keep comments minimal (code should be self-documenting)

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/**/*.{ts,tsx}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

autogpt_platform/frontend/**/*.{ts,tsx}: No barrel files or 'index.ts' re-exports in frontend code
Regenerate API hooks with 'pnpm generate:api' after backend OpenAPI spec changes in frontend development

Run pnpm types to check for type errors and fix any that appear before completing work

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/components/**/*.{tsx,ts}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

Structure React components as: ComponentName/ComponentName.tsx + useComponentName.ts + helpers.ts (exception: small 3-4 line components can be inline; render-only components can be direct files)

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/**/*.{js,jsx,ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

autogpt_platform/frontend/**/*.{js,jsx,ts,tsx}: Format frontend code using pnpm format
Never use components from src/components/__legacy__/*

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

autogpt_platform/frontend/src/**/*.{ts,tsx}: Structure components as ComponentName/ComponentName.tsx + useComponentName.ts + helpers.ts and use design system components from src/components/ (atoms, molecules, organisms)
Use generated API hooks from @/app/api/__generated__/endpoints/ with pattern use{Method}{Version}{OperationName} and regenerate with pnpm generate:api
Use function declarations (not arrow functions) for components and handlers
Separate render logic from business logic with component.tsx + useComponent.ts + helpers.ts structure
Colocate state when possible, avoid creating large components, use sub-components in local /components folder
Avoid large hooks, abstract logic into helpers.ts files when sensible
Use arrow functions only for callbacks, not for component declarations
Avoid comments at all times unless the code is very complex
Do not use useCallback or useMemo unless asked to optimize a given function

autogpt_platform/frontend/src/**/*.{ts,tsx}: Use function declarations (not arrow functions) for components and handlers
Use type-safe generated API hooks via Orval + React Query for data fetching
Use React Query for server state management and co-locate UI state in components/hooks
Separate render logic (.tsx) from business logic (use*.ts hooks)
Use only shadcn/ui (Radix UI primitives) with Tailwind CSS for UI components
Use Phosphor Icons only for all icon implementations
Use ErrorCard component for render errors, toast for mutations, and Sentry for exceptions
Use design system components from src/components/ (atoms, molecules, organisms)
Never use src/components/__legacy__/* components
Use generated API hooks from @/app/api/__generated__/endpoints/ with pattern use{Method}{Version}{OperationName}
Use Tailwind CSS only for styling with design tokens
Do not use useCallback or useMemo unless asked to optimize a specific function
Never type with any unless a variable/attribute can actually be of any type

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/**/*.{js,jsx,ts,tsx,css}

📄 CodeRabbit inference engine (AGENTS.md)

Use Tailwind CSS only for styling, use design tokens, and use Phosphor Icons only

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/*.tsx

📄 CodeRabbit inference engine (AGENTS.md)

Component props should be interface Props { ... } (not exported) unless the interface needs to be used outside the component

Use type Props = { ... } (not exported) for component props unless used outside the component

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

autogpt_platform/**/*.{ts,tsx}

📄 CodeRabbit inference engine (AGENTS.md)

Never type with any, if no types available use unknown

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/*.{ts,tsx,js,jsx}

📄 CodeRabbit inference engine (autogpt_platform/frontend/CLAUDE.md)

Fully capitalize acronyms in symbols, e.g. graphID, useBackendAPI

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/components/**/*.{ts,tsx}

📄 CodeRabbit inference engine (autogpt_platform/frontend/CLAUDE.md)

Put sub-components in a local components/ folder within the feature directory

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/[A-Z]*/**/*.{ts,tsx}

📄 CodeRabbit inference engine (autogpt_platform/frontend/CLAUDE.md)

Structure components as ComponentName/ComponentName.tsx + useComponentName.ts + helpers.ts

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/*.ts

📄 CodeRabbit inference engine (AGENTS.md)

Do not type hook returns, let Typescript infer as much as possible

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

autogpt_platform/frontend/src/**/use*.ts

📄 CodeRabbit inference engine (autogpt_platform/frontend/CLAUDE.md)

autogpt_platform/frontend/src/**/use*.ts: Extract component logic into custom hooks grouped by concern, with each hook in its own .ts file
Do not type hook returns; let TypeScript infer types as much as possible

Files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

🧠 Learnings (9)

📚 Learning: 2026-02-04T16:49:42.490Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: .github/copilot-instructions.md:0-0
Timestamp: 2026-02-04T16:49:42.490Z
Learning: Applies to autogpt_platform/frontend/**/*.{tsx,ts} : Use design system components from 'src/components/' (atoms, molecules, organisms) in frontend development

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-02-26T21:29:44.094Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: autogpt_platform/frontend/CLAUDE.md:0-0
Timestamp: 2026-02-26T21:29:44.094Z
Learning: Applies to autogpt_platform/frontend/src/**/*.{ts,tsx} : Use design system components from `src/components/` (atoms, molecules, organisms)

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-02-26T21:29:44.094Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: autogpt_platform/frontend/CLAUDE.md:0-0
Timestamp: 2026-02-26T21:29:44.094Z
Learning: Applies to autogpt_platform/frontend/src/**/*.{ts,tsx} : Use ErrorCard component for render errors, toast for mutations, and Sentry for exceptions

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-02-04T16:49:42.490Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: .github/copilot-instructions.md:0-0
Timestamp: 2026-02-04T16:49:42.490Z
Learning: Applies to autogpt_platform/frontend/**/*.{tsx,ts} : Use '<ErrorCard />' component for rendering errors in frontend UI; use toast notifications for mutation errors; use 'Sentry.captureException()' for manual exceptions

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-02-04T16:49:42.490Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: .github/copilot-instructions.md:0-0
Timestamp: 2026-02-04T16:49:42.490Z
Learning: Applies to autogpt_platform/frontend/**/*.{tsx,ts} : Use PascalCase for component names and camelCase with 'use' prefix for hook names in React

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx
autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

📚 Learning: 2026-02-04T16:49:42.490Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: .github/copilot-instructions.md:0-0
Timestamp: 2026-02-04T16:49:42.490Z
Learning: Applies to autogpt_platform/frontend/**/*.{tsx,ts} : Only use Phosphor Icons (phosphor-icons/react) for icons in frontend components

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-01-28T18:29:34.362Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: autogpt_platform/frontend/src/tests/CLAUDE.md:0-0
Timestamp: 2026-01-28T18:29:34.362Z
Learning: Applies to autogpt_platform/frontend/src/tests/**/*.stories.tsx : Use Storybook for design system, atoms, molecules, visual states (hover, disabled, loading), and responsive layouts

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx

📚 Learning: 2026-02-26T21:29:44.094Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: autogpt_platform/frontend/CLAUDE.md:0-0
Timestamp: 2026-02-26T21:29:44.094Z
Learning: Applies to autogpt_platform/frontend/src/**/*.{ts,tsx} : Use generated API hooks from `@/app/api/__generated__/endpoints/` with pattern `use{Method}{Version}{OperationName}`

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

📚 Learning: 2026-02-26T21:29:44.094Z

Learnt from: CR
Repo: Significant-Gravitas/AutoGPT PR: 0
File: autogpt_platform/frontend/CLAUDE.md:0-0
Timestamp: 2026-02-26T21:29:44.094Z
Learning: Applies to autogpt_platform/frontend/src/**/*.{ts,tsx} : Separate render logic (`.tsx`) from business logic (`use*.ts` hooks)

Applied to files:

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

🧬 Code graph analysis (1)

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx (2)

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts (1)

useTextToSpeech (7-85)

autogpt_platform/frontend/src/components/atoms/Button/Button.tsx (1)

Button (12-152)

🔇 Additional comments (3)

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts (1)

7-85: Clean hook implementation overall.

The structure properly separates TTS concerns with appropriate cleanup on unmount and text changes. The status state machine (idle/playing/paused) and utterance lifecycle management are well handled.

autogpt_platform/frontend/src/components/contextual/Chat/components/ChatMessage/ChatMessage.tsx (2)

140-163: Share functionality with appropriate fallback.

The Web Share API integration with clipboard fallback is well-structured. Using toast for the fallback feedback (instead of the copied state) provides clearer user feedback since "Share" has different semantics than "Copy."

429-475: Action buttons UI follows design system conventions.

The new Copy, TTS, and Share buttons correctly use Phosphor Icons, the design system Button component, and appropriate aria-labels for accessibility. The conditional rendering based on tts.isSupported properly handles browsers without SpeechSynthesis support.

...t_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts

Add two new action buttons to CoPilot assistant message responses: - Text-to-speech: Uses the browser's Web Speech API (SpeechSynthesis) to read message content aloud. The icon toggles between a speaker icon (idle) and a stop icon (playing) for clear state indication. - Share: Uses the Web Share API on supported browsers/mobile, with a clipboard fallback that shows a toast notification on success. Also replaces the inline SVG copy icon with Phosphor's CopyIcon for consistency with the project's icon conventions. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

github-actions · 2026-03-03T12:41:43Z

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

- Initialize isSupported as state set in useEffect instead of inline computation - Prevents React hydration warnings from server/client mismatch Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

…oice selection and markdown stripping Add a speaker button on every completed assistant message that reads the text content aloud using the browser speechSynthesis API. Selects the highest-quality voice available (macOS neural, Chrome, Edge) and strips markdown syntax and emoji before speaking. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

github-actions · 2026-03-03T15:23:55Z

🔍 PR Overlap Detection

This check compares your PR against all other open PRs targeting the same branch to detect potential merge conflicts early.

🔴 Merge Conflicts Detected

The following PRs have been tested and will have merge conflicts if merged after this PR. Consider coordinating with the authors.

chore(frontend): Fix react-doctor warnings + add CI job #12163 (0ubbe · updated 10h ago)
- 📁 autogpt_platform/frontend/src/app/(platform)/copilot/
  - components/ChatContainer/ChatContainer.tsx (1 conflict, ~91 lines)
  - components/ChatMessagesContainer/ChatMessagesContainer.tsx (2 conflicts, ~237 lines)
  - components/EmptySession/EmptySession.tsx (1 conflict, ~66 lines)
  - tools/RunAgent/components/AgentDetailsCard/AgentDetailsCard.tsx (2 conflicts, ~119 lines)
feat(frontend/copilot): collapse repeated block executions into grouped summary rows #12259 (0ubbe · updated 4h ago)
- 📁 autogpt_platform/
  - backend/backend/copilot/sdk/service.py (1 conflict, ~9 lines)
  - frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/ChatMessagesContainer.tsx (2 conflicts, ~55 lines)
  - frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/MessagePartRenderer.tsx (3 conflicts, ~17 lines)
  - frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/ThinkingIndicator.tsx (3 conflicts, ~46 lines)
  - frontend/src/app/(platform)/copilot/useCopilotPage.ts (2 conflicts, ~172 lines)
  - frontend/src/app/(platform)/copilot/useCopilotStream.ts (4 conflicts, ~28 lines)
  - frontend/src/app/api/chat/sessions/[sessionId]/stream/route.ts (1 conflict, ~15 lines)
feat(frontend): Show thinking indicator between CoPilot tool calls #12203 (Otto-AGPT · updated 5d ago)
- 📁 autogpt_platform/frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/
  - ChatMessagesContainer.tsx (4 conflicts, ~173 lines)
feat(frontend/copilot): add output action buttons (upvote, downvote) with Langfuse feedback #12260 (0ubbe · updated 11h ago)
- 📁 autogpt_platform/frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/
  - ChatMessagesContainer.tsx (3 conflicts, ~66 lines)

Summary: 4 conflict(s), 0 medium risk, 0 low risk (out of 4 PRs with file overlap)

Auto-generated on push. Ignores: openapi.json, lock files.

...rontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/TTSButton.tsx

github-actions · 2026-03-03T20:43:49Z

This pull request has conflicts with the base branch, please resolve those so we can evaluate the pull request.

…or/stop Add a copy-to-clipboard button next to the TTS action on assistant messages. Hide both action buttons when the message ended with an error or manual cancellation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

github-actions · 2026-03-04T07:17:57Z

Conflicts have been resolved! 🎉 A maintainer will review the pull request shortly.

...ontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/CopyButton.tsx

…utton Show a toast notification when clipboard access fails instead of silently swallowing the error or showing a misleading "Copied!" state. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

…utput-actions-text-to-speech-share

0ubbe requested a review from a team as a code owner March 2, 2026 09:28

github-project-automation bot added this to AutoGPT development kanban Mar 2, 2026

0ubbe requested review from Bentlybro and kcze and removed request for a team March 2, 2026 09:28

github-project-automation bot moved this to 🆕 Needs initial review in AutoGPT development kanban Mar 2, 2026

github-actions bot added platform/frontend AutoGPT Platform - Front end conflicts Automatically applied to PRs with merge conflicts labels Mar 2, 2026

github-project-automation bot added this to Frontend Mar 2, 2026

github-actions bot added the size/l label Mar 2, 2026

coderabbitai bot reviewed Mar 2, 2026

View reviewed changes

...t_platform/frontend/src/components/contextual/Chat/components/ChatMessage/useTextToSpeech.ts Outdated Show resolved Hide resolved

0ubbe changed the base branch from dev to fix/copilot-stream-robustness March 2, 2026 09:34

This comment was marked as outdated.

Sign in to view

Base automatically changed from fix/copilot-stream-robustness to dev March 3, 2026 11:56

0ubbe force-pushed the lluisagusti/secrt-2052-copilot-add-extended-output-actions-text-to-speech-share branch from dcf203f to 5dd026a Compare March 3, 2026 12:41

github-actions bot removed the conflicts Automatically applied to PRs with merge conflicts label Mar 3, 2026

github-actions bot added the size/m label Mar 3, 2026

github-actions bot mentioned this pull request Mar 3, 2026

feat(frontend/copilot): add per-turn work-done summary stats #12257

Merged

8 tasks

0ubbe and others added 2 commits March 3, 2026 21:14

fix(frontend/copilot): fix SSR hydration mismatch in useTextToSpeech

e24e779

- Initialize isSupported as state set in useEffect instead of inline computation - Prevents React hydration warnings from server/client mismatch Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

github-advanced-security bot found potential problems Mar 3, 2026

View reviewed changes

...rontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/TTSButton.tsx Dismissed Show dismissed Hide dismissed

github-actions bot mentioned this pull request Mar 3, 2026

feat(platform): Add file upload to copilot chat [SECRT-1788] #12220

Merged

7 tasks

github-actions bot added the conflicts Automatically applied to PRs with merge conflicts label Mar 3, 2026

ntindle previously approved these changes Mar 3, 2026

View reviewed changes

github-project-automation bot moved this from 🆕 Needs initial review to 👍🏼 Mergeable in AutoGPT development kanban Mar 3, 2026

0ubbe dismissed ntindle’s stale review via 085f706 March 4, 2026 07:17

github-actions bot removed the conflicts Automatically applied to PRs with merge conflicts label Mar 4, 2026

sentry bot reviewed Mar 4, 2026

View reviewed changes

...ontend/src/app/(platform)/copilot/components/ChatMessagesContainer/components/CopyButton.tsx Show resolved Hide resolved

0ubbe and others added 4 commits March 4, 2026 15:23

chore: changes

e0dc050

chore: fixes

12baea5

fix(frontend/copilot): add error handling for clipboard copy in CopyB…

b2b5f94

…utton Show a toast notification when clipboard access fails instead of silently swallowing the error or showing a misleading "Copied!" state. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Merge branch 'dev' into lluisagusti/secrt-2052-copilot-add-extended-o…

4db87e2

…utput-actions-text-to-speech-share

0ubbe merged commit a5db9c0 into dev Mar 4, 2026
22 checks passed

github-project-automation bot moved this from 👍🏼 Mergeable to ✅ Done in AutoGPT development kanban Mar 4, 2026

github-project-automation bot moved this to Done in Frontend Mar 4, 2026

0ubbe deleted the lluisagusti/secrt-2052-copilot-add-extended-output-actions-text-to-speech-share branch March 4, 2026 08:09

This was referenced Mar 4, 2026

feat(copilot): collapse repeated tool calls and fix stream stuck on completion #12282

Merged

feat(frontend/copilot): improve TTS voice selection to avoid robotic voices #12317

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(frontend/copilot): add text-to-speech and share output actions#12256

feat(frontend/copilot): add text-to-speech and share output actions#12256
0ubbe merged 8 commits intodevfrom
lluisagusti/secrt-2052-copilot-add-extended-output-actions-text-to-speech-share

0ubbe commented Mar 2, 2026

Uh oh!

github-actions bot commented Mar 2, 2026

Uh oh!

coderabbitai bot commented Mar 2, 2026 •

edited

Loading

❌ Failed checks (1 warning)

Uh oh!

coderabbitai bot left a comment

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

github-actions bot commented Mar 3, 2026

Uh oh!

github-actions bot commented Mar 3, 2026 •

edited

Loading

Uh oh!

Uh oh!

github-actions bot commented Mar 3, 2026

Uh oh!

github-actions bot commented Mar 4, 2026

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

0ubbe commented Mar 2, 2026

Summary

Linked Issue

Test plan

Uh oh!

github-actions bot commented Mar 2, 2026

Uh oh!

coderabbitai bot commented Mar 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Estimated code review effort

Suggested labels

Suggested reviewers

Poem

❌ Failed checks (1 warning)

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

github-actions bot commented Mar 3, 2026

Uh oh!

github-actions bot commented Mar 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔍 PR Overlap Detection

🔴 Merge Conflicts Detected

Uh oh!

Uh oh!

github-actions bot commented Mar 3, 2026

Uh oh!

github-actions bot commented Mar 4, 2026

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

coderabbitai bot commented Mar 2, 2026 •

edited

Loading

github-actions bot commented Mar 3, 2026 •

edited

Loading