From 0aefe6d10a1da279bc5ff78c3b40ac6ab6e011dd Mon Sep 17 00:00:00 2001
From: Theo Browne <me@t3.gg>
Date: Sat, 7 Feb 2026 20:23:21 -0800
Subject: [PATCH] more ui

---
 apps/desktop/src/main.ts                   |  2 ++
 apps/renderer/src/App.tsx                  |  5 +++--
 apps/renderer/src/components/ChatView.tsx  | 16 ++++++++-------
 apps/renderer/src/components/DiffPanel.tsx |  2 +-
 apps/renderer/src/components/Sidebar.tsx   |  4 +++-
 apps/renderer/src/index.css                | 24 ++++++++++++++++++++++
 6 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/apps/desktop/src/main.ts b/apps/desktop/src/main.ts
index 9c4990a85b0df9880101a32ca42bd2447c8d589f..b86e04cd89ad9069c532b9fa12c784507c46bae5 100644
--- a/apps/desktop/src/main.ts
+++ b/apps/desktop/src/main.ts
@@ -33,6 +33,8 @@ function createWindow(): BrowserWindow {
     minHeight: 620,
     show: false,
     autoHideMenuBar: true,
+    titleBarStyle: "hiddenInset",
+    trafficLightPosition: { x: 16, y: 18 },
     webPreferences: {
       preload: path.join(__dirname, "preload.js"),
       contextIsolation: true,
diff --git a/apps/renderer/src/App.tsx b/apps/renderer/src/App.tsx
index a9700312e7ffd163e877dab4e28c96fec578e641..252e1cd4455782b1abe2754a3a823eb4e26a8ce7 100644
--- a/apps/renderer/src/App.tsx
+++ b/apps/renderer/src/App.tsx
@@ -31,8 +31,9 @@ function Layout() {
 
   if (!api) {
     return (
-      <div className="flex h-screen items-center justify-center bg-[#0c0c0c] text-[#e0e0e0]">
-        <div className="text-center">
+      <div className="flex h-screen flex-col bg-[#0c0c0c] text-[#e0e0e0]">
+        <div className="drag-region h-[52px] shrink-0" />
+        <div className="flex flex-1 items-center justify-center">
           <p className="text-sm text-[#a0a0a0]/60">
             Native bridge unavailable. Launch through Electron.
           </p>
diff --git a/apps/renderer/src/components/ChatView.tsx b/apps/renderer/src/components/ChatView.tsx
index 87611f9adc8f7b7c826c8918b3eaa6c8de34590e..dc4388df321bab0d40697942eaee78d9180602a0 100644
--- a/apps/renderer/src/components/ChatView.tsx
+++ b/apps/renderer/src/components/ChatView.tsx
@@ -135,12 +135,14 @@ export default function ChatView() {
   // Empty state: no active thread
   if (!activeThread) {
     return (
-      <div className="flex flex-1 flex-col items-center justify-center bg-[#0c0c0c] text-[#a0a0a0]/40">
-        <div className="text-center">
-          <div className="mb-3 text-4xl">&#x2728;</div>
-          <p className="text-sm">
-            Select a thread or create a new one to get started.
-          </p>
+      <div className="flex flex-1 flex-col bg-[#0c0c0c] text-[#a0a0a0]/40">
+        <div className="drag-region h-[52px] shrink-0" />
+        <div className="flex flex-1 items-center justify-center">
+          <div className="text-center">
+            <p className="text-sm">
+              Select a thread or create a new one to get started.
+            </p>
+          </div>
         </div>
       </div>
     );
@@ -149,7 +151,7 @@ export default function ChatView() {
   return (
     <div className="flex flex-1 flex-col bg-[#0c0c0c]">
       {/* Top bar */}
-      <header className="flex items-center justify-between border-b border-white/[0.08] px-5 py-3">
+      <header className="drag-region flex items-center justify-between border-b border-white/[0.08] px-5 pt-[28px] pb-3">
         <div className="flex items-center gap-3">
           <h2 className="text-sm font-medium text-[#e0e0e0]">
             {activeThread.title}
diff --git a/apps/renderer/src/components/DiffPanel.tsx b/apps/renderer/src/components/DiffPanel.tsx
index 56e18be9885ad4807b2bd8b7258cdbfe28d44a57..f51744d82d71c1443b39a51cdf6c19dc4bf1d221 100644
--- a/apps/renderer/src/components/DiffPanel.tsx
+++ b/apps/renderer/src/components/DiffPanel.tsx
@@ -6,7 +6,7 @@ export default function DiffPanel() {
   return (
     <aside className="flex h-full w-[400px] shrink-0 flex-col border-l border-white/[0.08] bg-[#141414]">
       {/* Header */}
-      <div className="flex items-center justify-between border-b border-white/[0.08] px-4 py-3">
+      <div className="drag-region flex items-center justify-between border-b border-white/[0.08] px-4 pt-[28px] pb-3">
         <h3 className="text-xs font-medium text-[#e0e0e0]">
           Uncommitted changes
         </h3>
diff --git a/apps/renderer/src/components/Sidebar.tsx b/apps/renderer/src/components/Sidebar.tsx
index 59405138be262a33c73b0bdc1039167b32b8631e..2a28cf7898358074c141b8ba61077a346a044515 100644
--- a/apps/renderer/src/components/Sidebar.tsx
+++ b/apps/renderer/src/components/Sidebar.tsx
@@ -53,8 +53,10 @@ export default function Sidebar() {
 
   return (
     <aside className="sidebar flex h-full w-[260px] shrink-0 flex-col border-r border-white/[0.08] bg-[#141414]">
+      {/* Drag region / traffic light space */}
+      <div className="drag-region h-[52px] shrink-0" />
       {/* Branding */}
-      <div className="flex items-center gap-2 px-4 pt-5 pb-4">
+      <div className="flex items-center gap-2 px-4 pb-4">
         <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-white text-xs font-bold text-[#0c0c0c]">
           CT
         </div>
diff --git a/apps/renderer/src/index.css b/apps/renderer/src/index.css
index e2338ccf24ac2b0ac03ff2ade5fed62bbe08ba48..d89b3630f1f7d464f3d69631ec5c06070171c84a 100644
--- a/apps/renderer/src/index.css
+++ b/apps/renderer/src/index.css
@@ -14,6 +14,17 @@ body {
   background: #0c0c0c;
 }
 
+body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  opacity: 0.035;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+  background-repeat: repeat;
+  background-size: 256px 256px;
+}
+
 pre,
 code,
 textarea,
@@ -22,6 +33,19 @@ input {
     monospace;
 }
 
+/* Window drag region (frameless titlebar) */
+.drag-region {
+  -webkit-app-region: drag;
+}
+
+.drag-region button,
+.drag-region input,
+.drag-region textarea,
+.drag-region select,
+.drag-region a {
+  -webkit-app-region: no-drag;
+}
+
 /* Scrollbar styling */
 ::-webkit-scrollbar {
   width: 6px;
-- 
2.54.0