Change float button icon from mic to AudioLines#67
Merged
Conversation
Replace the microphone launcher icon with lucide's AudioLines icon for voice and voice+text channels. The previous mic SVG is retained as a comment for reference, and the unused deprecated CHAT_ICON alias is removed. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01YYXBLjyVPJ24y2StkoeSCo
There was a problem hiding this comment.
Pull request overview
Updates the SDK’s floating bubble launcher to use Lucide’s AudioLines icon for voice-capable channels, aligning the default UI with the current product direction while keeping channel-based icon selection behavior intact.
Changes:
- Added a new
AUDIO_ICONSVG constant in the SDK styles. - Updated the float bubble default icon selection to use
AUDIO_ICONfor non-text-only modes. - Removed the deprecated
CHAT_ICONalias fromstyles.ts.
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| packages/sdk/src/styles.ts | Adds the new AUDIO_ICON SVG and adjusts icon exports accordingly. |
| packages/sdk/src/float.ts | Switches the default launcher icon for voice/both channels from mic to audio lines. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01YYXBLjyVPJ24y2StkoeSCo
Contributor
📦 Snapshot ReleasePublished snapshot packages for this PR: pnpm add @perspective-ai/sdk@1.13.1-pr-67-20260708140447
pnpm add @perspective-ai/sdk-react@1.13.1-pr-67-20260708140447Or use the npm tag (always points to the latest snapshot from this PR): pnpm add @perspective-ai/sdk@pr-67
pnpm add @perspective-ai/sdk-react@pr-67 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Replaces the float bubble launcher's microphone icon with lucide's AudioLines icon.
Changes
packages/sdk/src/styles.ts: AddedAUDIO_ICON(lucide AudioLines SVG) and kept the previousMIC_ICONSVG as a comment for reference. Removed the unused, non-exportedCHAT_ICONdeprecated alias.packages/sdk/src/float.ts: The default launcher icon for the voice and voice+text channels now usesAUDIO_ICON.Behavior
The icon renders on the float bubble launcher button. Channel-dependent icon selection is unchanged:
TEXTonlyMESSAGES_ICON(unchanged)VOICEonlyAUDIO_ICON(new)VOICE+TEXTAUDIO_ICON(new)Custom
svg/url/avatarlauncher icons still override the default, and the open-stateCLOSE_ICONis unaffected. The ReactuseFloatBubble/FloatBubblewrappers inherit the new default automatically.🤖 Generated with Claude Code
Generated by Claude Code