feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

feat(web): add turn completion sound with settings toggle - #7066

Closed
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound
Closed

feat(web): add turn completion sound with settings toggle#7066
kbrianps wants to merge 6 commits into
pingdotgg:mainfrom
kbrianps:feat/turn-completion-sound

Conversation

@kbrianps

@kbrianpskbrianps commented Aug 15, 2026

Copy link
Copy Markdown

Problem

When agents (Codex, Claude, etc.) complete long-running turns, users working across other windows or tasks don't receive an immediate auditory signal indicating that the response has finished and it's their turn to interact.

Solution

  • Implemented a subtle, synthetic two-tone chime via Web Audio API (playTurnCompletionSound) with no external audio file dependencies.
  • Added useTurnCompletionSound hook to automatically play the chime when an agent turn completes.
  • Added soundNotificationsEnabled setting to ClientSettings and a toggle in General Settings.

Gemini 3.7 Flash via Antigravity CLI


Note

Low Risk
Client-only UX with guarded audio playback and explicit detection rules; default-on chimes are a product change but not a security or data risk.

Overview
Adds audible notifications when agent turns finish, using the Web Audio API (no bundled audio files).

Runtime behavior: A global useTurnCompletionSound hook watches all thread shells, tracks per-thread settlement via detectNewTurnCompletions, and plays a completion or error sound when a turn newly settles. It skips the first snapshot/hydration, mid-turn checkpoints, interrupted/stopped turns, and archived threads; error sounds take priority over completion when both could apply.

Sounds:turnChime.ts exposes multiple completion presets (chime, bell, marimba, pop) and error presets (descending, chord, subtle, buzz).

Settings:ClientSettings gains toggles and kind fields (both default on). General Settings adds two rows with preset selects, preview buttons, and reset-to-defaults; restore-defaults and settings search include the new options.

Wiring:TurnCompletionSoundSync in the app root mounts the hook app-wide.

Reviewed by Cursor Bugbot for commit af50d46. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Add turn completion and error chime sounds with settings controls

  • Adds playTurnCompletionSound and playTurnErrorSound functions in turnChime.ts that synthesize short tones via the Web Audio API with multiple selectable presets (chime, bell, marimba, pop / descending, chord, subtle, buzz).
  • Adds a useTurnCompletionSound hook that tracks per-thread turn state and plays the appropriate sound when a turn completes or errors, mounted globally via __root.tsx.
  • Extends ClientSettingsSchema in settings.ts with four new keys: soundNotificationsEnabled, soundErrorNotificationsEnabled, soundCompletionKind, and soundErrorKind, all defaulting to enabled.
  • Adds UI controls to the General settings panel for enabling/disabling each sound, choosing a preset, and previewing it; both settings are also indexed in settings search.
  • Behavioral Change: sound notifications are on by default for all users after this change.

Macroscope summarized af50d46.

- Generate a subtle two-tone completion chime via Web Audio API when an agent completes a turn.
- Add soundNotificationsEnabled setting in ClientSettings and General settings panel.
Gemini 3.7 Flash via Antigravity CLI
CopilotAI lite review requested due to automatic review settings August 15, 2026 10:42

CopilotAI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai

coderabbitaiBot commented Aug 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9d400b25-3d2f-4ea2-bf7b-a75a248d3e82

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:L 100-499 changed lines (additions + deletions). labels Aug 15, 2026
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated

@cursorcursorBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit ae62109. Configure here.

Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts Outdated
@macroscopeapp

macroscopeappBot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Needs human review

This PR introduces a new user-facing feature (turn completion sounds) that is enabled by default for all users. New features introducing runtime behavior changes warrant human review to validate the user experience and default settings choices.

You can customize Macroscope's approvability policy. Learn more.

…ydration
- Avoid false chimes on initial snapshot and environment hydration.
- Ignore mid-turn checkpoint events while state/session is running.
Gemini 3.7 Flash via Antigravity CLI
Comment threadapps/web/src/hooks/useTurnCompletionSound.ts
@github-actionsgithub-actionsBot added size:XL 500-999 changed lines (additions + deletions). and removed size:L 100-499 changed lines (additions + deletions). labels Aug 16, 2026

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Effect service conventions: no Effect service definitions, layers, or runtimes are introduced or consumed by this PR, so the service/error/runtime rules do not apply. Three change-discipline violations remain: explanatory comments documenting existing invariants were deleted in files touched for unrelated reasons.

Posted via Macroscope — Effect Service Conventions

// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
const previousHalves = liveHalves;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explaining the rollback ordering invariant (base preference first, then re-apply the captured mix) was removed although the logic is unchanged. Consider restoring it.

Suggested change
constpreviousHalves=liveHalves;
// Rollback restores the base preference first (which clears any mix) and
// then re-applies the captured mix on top, so no failure path can leave
// the pair of keys half-restored.
constpreviousHalves=liveHalves;

Posted via Macroscope — Effect Service Conventions

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These comments document invariants of the restore flow (why preferences are re-read after the dialog, and why an unreadable storage falls back to the render-time value) and are unrelated to the sound settings this PR adds. Consider restoring them.

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.

Posted via Macroscope — Effect Service Conventions

* A user-chosen font family (a single name or a comma-separated list). Empty
* means "use the app default"; clients compose their own fallback stacks.
*/
export const FontFamilyPreference = Schema.String.check(Schema.isMaxLength(200));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The FontFamilyPreference doc comment specifying that an empty value means "use the app default" was deleted while adding the unrelated sound schemas. Consider keeping it.

Suggested change
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));
/**
*Auser-chosenfontfamily(asinglenameoracomma-separatedlist).Empty
*means"use the app default";clientscomposetheirownfallbackstacks.
*/
exportconstFontFamilyPreference=Schema.String.check(Schema.isMaxLength(200));

Posted via Macroscope — Effect Service Conventions

@macroscopeappmacroscopeappBot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI consistency review found two issues in apps/web/src/components/settings/SettingsPanels.tsx: an unrelated removal of the comments documenting the theme rollback path in useSettingsRestore, and a w-32 width on the two new sound SelectTriggers that the primitive's min-w-36 makes inert and that diverges from the sibling settings selects. Details inline.

Posted via Macroscope — UI Consistency

Comment on lines 613 to +616
let previousTheme = theme;
try {
previousTheme = readThemePreference();
} catch {
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
} catch {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This PR deletes the comments that explained the rollback contract in restoreDefaults (why only dirty theme keys are touched, why the preference/mix are re-read after the confirmation dialog, why the appearance mode is re-read, and why the catch intentionally falls back to the render-time value). That behavior is non-obvious and unrelated to the sound feature, so the removal is collateral. Suggest restoring the comments (including the two further down, before const liveHalves = readThemeHalves(); / needsFollowSystemReset and before rollbackThemeState).

Suggested change
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}
// The mix may have changed while the confirmation dialog was open; both
// the dirty check and the rollback must see the live value.
}catch{}
// Only touch the theme keys that are actually dirty, so a theme-storage
// failure cannot block restoring unrelated settings. Preferences are
// re-read after the confirmation dialog: they may have changed (another
// tab, an OS flip) while it was open, and rollback must restore the live
// values rather than the ones captured at render time.
letpreviousTheme=theme;
try{
previousTheme=readThemePreference();
}catch{
// Storage is unreadable; the render-time value is the best rollback.
}

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn completion sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

SelectTrigger's default variant already carries w-full min-w-36, and cn/tailwind-merge does not treat w-* and min-w-* as conflicting, so w-32 never takes effect — the trigger still renders at 9rem. It also drops the stacked-mobile full width that every other settings select keeps. Suggest matching the sibling rows so the intended geometry is real and consistent.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn completion sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn completion sound">

Posted via Macroscope — UI Consistency

}}
disabled={!settings.soundErrorNotificationsEnabled}
>
<SelectTrigger className="w-32" aria-label="Turn error sound">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same as the completion select: w-32 is overridden by the primitive's min-w-36 and removes the mobile full-width behavior used by the other settings selects.

Suggested change
<SelectTriggerclassName="w-32"aria-label="Turn error sound">
<SelectTriggerclassName="w-full sm:w-40"aria-label="Turn error sound">

Posted via Macroscope — UI Consistency

@t3dotgg

Copy link
Copy Markdown
Member

Note

🤖 GPT-5.6 Sol responding on behalf of Theo

We're closing this PR as we clean up the T3 Code backlog. Thank you for taking the time to put this together.

We are keeping OPEN #3892 as the single review path for turn sounds. We do not need a second implementation of the same setting and playback behavior.

If you believe we closed this in error, please reopen the PR and leave a comment explaining what we missed.

@t3dotggt3dotgg closed this Aug 28, 2026
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XL500-999 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@kbrianps@t3dotgg