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

fix: treat embedded session chat as desktop surface

Browse Source 
Prevents narrow embedded session chat panels from being misdetected as mobile
Uses the ocPanel=session-chat query parameter to पहचान desktop-like layout
Keeps device detection aligned with other desktop shell runtimes
This commit is contained in:
Bohdan Triapitsyn
2026-07-11 09:40:35 +03:00
parent 33cbd0b836
commit 5a91c08413
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/lib/device.ts
+7 -2
View File
@@ -35,6 +35,11 @@ const DEFAULT_DEVICE_INFO: DeviceInfo = {
hasTouchOnlyPointer: false, hasTouchOnlyPointer: false,
}; };
const isEmbeddedSessionChat = (): boolean => {
if (typeof window === 'undefined') return false;
return new URLSearchParams(window.location.search).get('ocPanel') === 'session-chat';
};
const getNavigatorDeviceHints = (maxTouchPoints: number) => { const getNavigatorDeviceHints = (maxTouchPoints: number) => {
if (typeof navigator === 'undefined') { if (typeof navigator === 'undefined') {
return { isExplicitTablet: false }; return { isExplicitTablet: false };
@@ -103,8 +108,8 @@ export function getDeviceInfo(): DeviceInfo {
const prefersCoarsePointer = pointerQuery?.matches ?? false; const prefersCoarsePointer = pointerQuery?.matches ?? false;
const noHover = hoverQuery?.matches ?? false; const noHover = hoverQuery?.matches ?? false;
const maxTouchPoints = typeof navigator !== 'undefined' ? navigator.maxTouchPoints ?? 0 : 0; const maxTouchPoints = typeof navigator !== 'undefined' ? navigator.maxTouchPoints ?? 0 : 0;
// VS Code is a desktop surface — don't misdetect a narrow panel as mobile (#1261) // Desktop panels are desktop surfaces even when their viewport is narrow.
const isDesktopShellRuntime = isDesktopShell() || isVSCodeRuntime(); const isDesktopShellRuntime = isDesktopShell() || isVSCodeRuntime() || isEmbeddedSessionChat();
const { isExplicitTablet } = getNavigatorDeviceHints(maxTouchPoints); const { isExplicitTablet } = getNavigatorDeviceHints(maxTouchPoints);
const hasTouchInput = prefersCoarsePointer || noHover || maxTouchPoints > 0; const hasTouchInput = prefersCoarsePointer || noHover || maxTouchPoints > 0;