fix: sync context panel iframe themes

Keeps embedded sessions aligned with parent theme Prevents iframe reloads on theme changes Supports theme hotkeys from focused iframes
2026-06-16 23:33:29 +03:00
parent 91e8e94961
commit 0fef61e25f
12 changed files with 484 additions and 118 deletions
@@ -0,0 +1,35 @@
+import { afterAll, beforeEach, describe, expect, test } from 'bun:test';
+import { getInitialSystemPreference } from './theme-embedded-bootstrap';
+
+const originalWindow = globalThis.window;
+
+const installWindow = (search: string, matchMediaDark: boolean) => {
+  Object.defineProperty(globalThis, 'window', {
+    configurable: true,
+    value: {
+      location: {
+        search,
+      },
+      matchMedia: () => ({ matches: matchMediaDark }),
+    },
+  });
+};
+
+beforeEach(() => {
+  installWindow('', false);
+});
+
+afterAll(() => {
+  Object.defineProperty(globalThis, 'window', {
+    configurable: true,
+    value: originalWindow,
+  });
+});
+
+describe('ThemeSystemProvider embedded bootstrap', () => {
+  test('uses parent effective variant for embedded system theme before iframe matchMedia', () => {
+    installWindow('?ocPanel=session-chat&themeMode=system&themeVariant=dark', false);
+
+    expect(getInitialSystemPreference()).toBe(true);
+  });
+});