feat: custom title bar that is more compact

tests/renderer/components/WindowTitleBar.styles.test.ts

@@ -0,0 +1,33 @@
+import { describe, it, expect } from 'vitest';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+
+describe('WindowTitleBar styles', () => {
+  const cssPath = path.resolve(
+    __dirname,
+    '../../../src/renderer/components/WindowTitleBar/WindowTitleBar.css'
+  );
+
+  it('defines both standard and webkit drag regions for cross-platform support', () => {
+    const css = fs.readFileSync(cssPath, 'utf8');
+
+    expect(css).toMatch(/app-region:\s*drag;/);
+    expect(css).toMatch(/-webkit-app-region:\s*drag;/);
+    expect(css).toMatch(/app-region:\s*no-drag;/);
+    expect(css).toMatch(/-webkit-app-region:\s*no-drag;/);
+  });
+
+  it('reserves overlay control width to keep custom actions clickable on Windows/Linux', () => {
+    const css = fs.readFileSync(cssPath, 'utf8');
+
+    expect(css).toMatch(/padding-right:\s*calc\(10px\s*\+\s*var\(--bds-titlebar-overlay-right,\s*0px\)\)/);
+  });
+
+  it('uses neutral focus styling for menu buttons without blue accent outlines', () => {
+    const css = fs.readFileSync(cssPath, 'utf8');
+
+    expect(css).toMatch(/\.window-titlebar-menu-button:focus/);
+    expect(css).toMatch(/outline:\s*none;/);
+    expect(css).toMatch(/box-shadow:\s*none;/);
+  });
+});