Lotus CIandClaude Opus 5.5
25fa0f6ef9
Sends `set_tray_call_state` from the same effect as the taskbar thumbbar, so tray and thumbbar can't disagree. Verified through a real local call: idle → active → active+muted → active+muted+deafened → active+muted → idle. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
48 lines
2.1 KiB
TypeScript
48 lines
2.1 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { useAtomValue } from 'jotai';
|
|
import { callEmbedAtom } from '../state/callEmbed';
|
|
import { useCallControlState } from '../plugins/call';
|
|
import { invokeTauri, useTauriEvent } from './useTauri';
|
|
|
|
type ThumbbarAction = { action: 'mute' | 'deafen' | 'end' };
|
|
|
|
/**
|
|
* P5-44 — Taskbar thumbnail toolbar (call controls). While a call is active,
|
|
* mirrors the mic/sound state onto the native `set_thumbbar` command (three
|
|
* Mute / Deafen / End-Call buttons on the Windows taskbar thumbnail toolbar) and
|
|
* hides them when the call ends. The tray icon mirrors the same state. Thumb-button clicks come back as the
|
|
* `thumbbar-action` event and drive the real call controls. No-op in the browser.
|
|
*/
|
|
export function useTauriThumbbar(): void {
|
|
const callEmbed = useAtomValue(callEmbedAtom);
|
|
const { microphone, sound } = useCallControlState(callEmbed?.control);
|
|
|
|
const active = callEmbed !== undefined;
|
|
// Muted / deafened only make sense while a call is active; report false
|
|
// otherwise so the buttons render in a sane (hidden) state.
|
|
const muted = active && !microphone;
|
|
const deafened = active && !sound;
|
|
|
|
useEffect(() => {
|
|
invokeTauri('set_thumbbar', { active, muted, deafened });
|
|
// [cinny-desktop #4] Same state onto the tray icon + tooltip, from the same
|
|
// effect so the tray and the thumbbar can never disagree.
|
|
invokeTauri('set_tray_call_state', { active, muted, deafened });
|
|
}, [active, muted, deafened]);
|
|
|
|
useTauriEvent<ThumbbarAction>('thumbbar-action', ({ action }) => {
|
|
if (!callEmbed) return;
|
|
if (action === 'mute') {
|
|
// toggleMicrophone flips the mic; `microphone === false` means muted.
|
|
// Async transport send — swallow rejection (widget mid-teardown), as SMTC does.
|
|
callEmbed.control.toggleMicrophone().catch(() => undefined);
|
|
} else if (action === 'deafen') {
|
|
// toggleSound flips local audio; `sound === false` means deafened. It also
|
|
// mutes the mic while deafened, matching the in-app Deafen control.
|
|
callEmbed.control.toggleSound();
|
|
} else if (action === 'end') {
|
|
callEmbed.hangup().catch(() => undefined);
|
|
}
|
|
});
|
|
}
|