From f860839ab0d84c3844614ebb5e770c6ca97b8334 Mon Sep 17 00:00:00 2001
From: Sanskar Singh <116519896+itzrnvr@users.noreply.github.com>
Date: Mon, 29 Jun 2026 15:00:32 +0530
Subject: [PATCH] fix(web): align composer toolbar corners with card
 border-radius

The composer toolbar's bottom corners used var(--r-md) (12px) while the
composer card uses 16px (terminal) or var(--r-md) (modern/kimi). This
mismatch caused the toolbar corners to look cut off or overlapping inside
the card's rounded shape.

Fix: set the toolbar border-radius to match the card's inner curve
(card radius minus 1px border) across all themes.

- Terminal: toolbar 15px to match card's 16px - 1px border
- Modern/Kimi: toolbar calc(var(--r-md) - 1px) to match card's var(--r-md)
---
 apps/kimi-web/src/components/chat/Composer.vue | 5 ++++-
 apps/kimi-web/src/style.css                    | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/kimi-web/src/components/chat/Composer.vue b/apps/kimi-web/src/components/chat/Composer.vue
index 8c48a01f0..e42a50c72 100644
--- a/apps/kimi-web/src/components/chat/Composer.vue
+++ b/apps/kimi-web/src/components/chat/Composer.vue
@@ -1386,7 +1386,10 @@ function selectModel(modelId: string): void {
   padding: 6px 10px 4px;
   background: color-mix(in srgb, var(--panel2), black 1.5%);
   position: relative;
-  border-radius: 0 0 var(--r-md) var(--r-md);
+  /* Match the .composer-card's inner bottom corners. The card has a 1px
+     border, so the toolbar's radius must be 1px smaller than the card's
+     outer radius to avoid the toolbar's background bulging past the border. */
+  border-radius: 0 0 15px 15px;
 }
 
 .toolbar-left,
diff --git a/apps/kimi-web/src/style.css b/apps/kimi-web/src/style.css
index d958ac07e..6c3125145 100644
--- a/apps/kimi-web/src/style.css
+++ b/apps/kimi-web/src/style.css
@@ -444,6 +444,10 @@ html[data-color-scheme="dark"][data-theme="modern"] {
 }
 :is(html[data-theme="modern"], html[data-theme="kimi"]) .toolbar {
   background: color-mix(in srgb, var(--panel), black 1.5%);
+  /* Match the .composer-card's inner bottom corners. The card has a 1px
+     border, so the toolbar's radius must be 1px smaller than the card's
+     outer radius to avoid the toolbar's background bulging past the border. */
+  border-radius: 0 0 calc(var(--r-md) - 1px) calc(var(--r-md) - 1px);
 }
 :is(html[data-theme="modern"], html[data-theme="kimi"]) .attach-btn {
   width: 26px;