From ab52ce58d9878f23ff1fdf8f2784f56c40b9792c Mon Sep 17 00:00:00 2001
From: ArnavK-09 <arnavkaushal09@gmail.com>
Date: Mon, 3 Aug 2026 22:36:52 +0530
Subject: [PATCH 1/3] fix(web): fix model dropdown list overflow in composer

---
 .changeset/goofy-onions-hope.md                |  5 +++++
 apps/kimi-web/src/components/chat/Composer.vue | 13 +++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 .changeset/goofy-onions-hope.md

diff --git a/.changeset/goofy-onions-hope.md b/.changeset/goofy-onions-hope.md
new file mode 100644
index 0000000000..c33e83a320
--- /dev/null
+++ b/.changeset/goofy-onions-hope.md
@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-web": patch
+---
+
+fix(web): fix model dropdown list overflow in composer
diff --git a/apps/kimi-web/src/components/chat/Composer.vue b/apps/kimi-web/src/components/chat/Composer.vue
index 9260789de5..9f29267ff4 100644
--- a/apps/kimi-web/src/components/chat/Composer.vue
+++ b/apps/kimi-web/src/components/chat/Composer.vue
@@ -1661,6 +1661,10 @@ function selectModel(modelId: string): void {
   right: 10px;
   z-index: var(--z-dropdown);
   min-width: 200px;
+  max-width: min(380px, calc(100vw - 32px));
+  max-height: min(440px, calc(100vh - 120px));
+  overflow-y: auto;
+  overscroll-behavior: contain;
   background: var(--color-surface-raised);
   border: 1px solid var(--color-line);
   border-radius: var(--radius-lg);
@@ -1686,6 +1690,7 @@ function selectModel(modelId: string): void {
   align-items: center;
   gap: 7px;
   width: 100%;
+  min-width: 0;
   background: none;
   border: none;
   cursor: pointer;
@@ -1729,11 +1734,19 @@ function selectModel(modelId: string): void {
 
 .md-name {
   flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .md-provider {
   color: var(--muted);
   font-size: var(--ui-font-size-xs);
   flex: none;
+  max-width: 110px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .md-star {
   color: var(--star);

From 36b063bd86da67a6cf94d91cdbde5f5dc1b2472e Mon Sep 17 00:00:00 2001
From: ArnavK-09 <arnavkaushal09@gmail.com>
Date: Mon, 3 Aug 2026 22:41:16 +0530
Subject: [PATCH 2/3] f

---
 apps/kimi-web/src/components/chat/Composer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/kimi-web/src/components/chat/Composer.vue b/apps/kimi-web/src/components/chat/Composer.vue
index 9f29267ff4..57218e720f 100644
--- a/apps/kimi-web/src/components/chat/Composer.vue
+++ b/apps/kimi-web/src/components/chat/Composer.vue
@@ -1742,8 +1742,8 @@ function selectModel(modelId: string): void {
 .md-provider {
   color: var(--muted);
   font-size: var(--ui-font-size-xs);
-  flex: none;
-  max-width: 110px;
+  flex: 0 1 auto;
+  max-width: 35%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

From 354d485a15cb603929dee58ea506732f7934e0f3 Mon Sep 17 00:00:00 2001
From: ArnavK-09 <arnavkaushal09@gmail.com>
Date: Mon, 3 Aug 2026 22:46:23 +0530
Subject: [PATCH 3/3] add titles for long model names

---
 apps/kimi-web/src/components/chat/Composer.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/kimi-web/src/components/chat/Composer.vue b/apps/kimi-web/src/components/chat/Composer.vue
index 57218e720f..2c77043111 100644
--- a/apps/kimi-web/src/components/chat/Composer.vue
+++ b/apps/kimi-web/src/components/chat/Composer.vue
@@ -1106,6 +1106,7 @@ function selectModel(modelId: string): void {
             v-if="status"
             class="model-pill"
             :class="{ open: dropdownOpen }"
+            :title="status.model"
             role="button"
             tabindex="0"
             @click.stop="toggleDropdown"
@@ -1146,6 +1147,7 @@ function selectModel(modelId: string): void {
             :key="m.id"
             class="md-row"
             :class="{ 'is-current': m.id === status.modelId }"
+            :title="`${m.displayName ?? m.model} (${m.provider})`"
             role="menuitem"
             @click="selectModel(m.id)"
           >
@@ -1164,6 +1166,7 @@ function selectModel(modelId: string): void {
             :key="m.id"
             class="md-row"
             :class="{ 'is-current': m.id === status.modelId }"
+            :title="m.displayName ?? m.model"
             role="menuitem"
             @click="selectModel(m.id)"
           >