From f12c83cfb947eca8efad7ea8b60262a7e4b43d2f Mon Sep 17 00:00:00 2001
From: qer <wbxl2000@outlook.com>
Date: Tue, 30 Jun 2026 23:28:34 +0800
Subject: [PATCH] fix(kimi-desktop): clear traffic lights and make the top
 draggable (#1237)

- Increase the sidebar header's left padding (100px) on macOS so the floating
  traffic lights no longer overlap the Kimi Code brand.
- Make the conversation header a window-drag region on macOS (interactive
  controls opt out with no-drag), so the whole top of the window can be dragged
  without adding a separate titlebar strip.
---
 apps/kimi-web/src/components/Sidebar.vue         |  2 +-
 apps/kimi-web/src/components/chat/ChatHeader.vue | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/kimi-web/src/components/Sidebar.vue b/apps/kimi-web/src/components/Sidebar.vue
index 25a6bdf78..4774312ab 100644
--- a/apps/kimi-web/src/components/Sidebar.vue
+++ b/apps/kimi-web/src/components/Sidebar.vue
@@ -682,7 +682,7 @@ function blinkOnce(): void {
    and turn the empty header area into the window-drag region; interactive
    controls opt out with no-drag. */
 .side.macos-desktop .ch {
-  padding-left: 80px;
+  padding-left: 100px;
   -webkit-app-region: drag;
 }
 .side.macos-desktop .ch-logo,
diff --git a/apps/kimi-web/src/components/chat/ChatHeader.vue b/apps/kimi-web/src/components/chat/ChatHeader.vue
index 7e7d0b559..5d16982d6 100644
--- a/apps/kimi-web/src/components/chat/ChatHeader.vue
+++ b/apps/kimi-web/src/components/chat/ChatHeader.vue
@@ -6,6 +6,7 @@
 import { computed, nextTick, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { copyTextToClipboard } from '../../lib/clipboard';
+import { isMacosDesktop } from '../../lib/desktopFlag';
 
 const { t } = useI18n();
 
@@ -202,7 +203,7 @@ function startArchive(): void {
 </script>
 
 <template>
-  <header class="chat-header">
+  <header class="chat-header" :class="{ 'macos-desktop': isMacosDesktop }">
     <!-- Workspace / session breadcrumb -->
     <div class="ch-id">
       <span v-if="workspaceName" class="ch-ws">{{ workspaceName }}</span>
@@ -335,6 +336,15 @@ function startArchive(): void {
   font-family: var(--sans);
   min-width: 0;
 }
+/* macOS desktop: the window has a hidden title bar, so the conversation header
+   doubles as a window-drag region. Interactive controls opt out with no-drag. */
+.chat-header.macos-desktop {
+  -webkit-app-region: drag;
+}
+.chat-header.macos-desktop button,
+.chat-header.macos-desktop input {
+  -webkit-app-region: no-drag;
+}
 .ch-id { display: flex; align-items: center; gap: 6px; min-width: 0; flex: none; max-width: 46%; }
 .ch-ws { color: var(--muted); font-size: var(--ui-font-size-sm); flex: none; }
 .ch-sep { color: var(--faint); flex: none; }