BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(desktop): add macOS dock badge for chats with unseen activity

Browse Source 
Show a count of chats (root sessions) with unseen activity on the macOS
dock icon. The count is computed in the existing tray snapshot (full
cross-project list, not the capped tray view; a subtask's unseen rolls up
to its root only when subtask notifications are enabled) and pushed to the
main process over the existing desktop_tray_update IPC, which calls
app.setBadgeCount (0 clears it). The badge clears as sessions are marked
seen on window focus.

Add a Dock badge toggle in Appearance settings (default on, persisted,
darwin desktop only), localized across all dictionaries, with a matching
settings-search entry whose availability mirrors the render guard exactly.
This commit is contained in:
Bohdan Triapitsyn
2026-06-28 01:07:52 +03:00
parent 00efd8cc4b
commit 84d7303346
16 changed files with 129 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/sections/openchamber/OpenChamberVisualSettings.tsx
+43
View File
@@ -336,6 +336,17 @@ export const OpenChamberVisualSettings: React.FC<OpenChamberVisualSettingsProps>
const macVibrancyEnabled = typeof window !== 'undefined' && window.__OPENCHAMBER_ELECTRON__?.macVibrancy === true;
const [vibrancyChecked, setVibrancyChecked] = React.useState(macVibrancyEnabled);
const [vibrancyRestarting, setVibrancyRestarting] = React.useState(false);
// macOS-desktop-only dock badge that counts chats with unseen activity.
// The tray sync (mac-only) pumps the count to the main process, so the
// toggle is offered only where it actually has an effect. No relaunch needed.
const dockBadgeSupported = React.useMemo(
() => isDesktopShell() && typeof window !== 'undefined'
&& (window as unknown as { __OPENCHAMBER_PLATFORM__?: string }).__OPENCHAMBER_PLATFORM__ === 'darwin',
[],
);
const dockBadgeEnabled = useUIStore(state => state.dockBadgeEnabled);
const setDockBadgeEnabled = useUIStore(state => state.setDockBadgeEnabled);
const [chatRenderPreviewTick, setChatRenderPreviewTick] = React.useState(0);
const reportUsage = useUIStore(state => state.reportUsage);
const setReportUsage = useUIStore(state => state.setReportUsage);
@@ -854,6 +865,38 @@ export const OpenChamberVisualSettings: React.FC<OpenChamberVisualSettingsProps>
)}
</div>
)}
{dockBadgeSupported && (
<div data-settings-item="appearance.dock-badge" className="flex flex-col gap-1.5 border-t border-border/40 pt-3">
<div
className="group flex cursor-pointer items-start gap-2 py-0.5"
role="button"
tabIndex={0}
aria-pressed={dockBadgeEnabled}
onClick={() => setDockBadgeEnabled(!dockBadgeEnabled)}
onKeyDown={(event) => {
if (event.key === ' ' || event.key === 'Enter') {
event.preventDefault();
setDockBadgeEnabled(!dockBadgeEnabled);
}
}}
>
<Checkbox
checked={dockBadgeEnabled}
onChange={setDockBadgeEnabled}
ariaLabel={t('settings.openchamber.visual.field.dockBadge')}
/>
<div className="flex min-w-0 flex-col">
<span className="typography-ui-label text-foreground">
{t('settings.openchamber.visual.field.dockBadge')}
</span>
<span className="typography-meta text-muted-foreground">
{t('settings.openchamber.visual.field.dockBadgeHint')}
</span>
</div>
</div>
</div>
)}
</section>
)}