From f44db04560d9a7cab7318bec85cce594bad04908 Mon Sep 17 00:00:00 2001
From: Catie <mzrodyu@users.noreply.github.com>
Date: Thu, 10 Sep 2026 12:18:16 +0800
Subject: [PATCH] fix: make the create-form "get models" action clear and close
 to the field
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The pull-models button rendered as a faint ghost link stranded on its own row
below the textarea, leaving a large gap before the create actions. Move it onto
the model field's label row as a clear blue pill ("从上游获取模型") so the action
is obvious and the field flows straight into the create-actions row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/App.tsx    |  9 +++------
 src/styles.css | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d7aeecc..48bd2ee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3368,11 +3368,7 @@ function ChannelsView({
             <div className="channel-form-wide channel-model-field">
               <div className="field-label-row">
                 <span>模型</span>
-                <small>可手动填写，或从上游拉取后多选</small>
-              </div>
-              <textarea value={models} onChange={(event) => setModels(event.target.value)} placeholder="多个模型用逗号分隔，或点『获取模型』从上游拉取" />
-              <div className="channel-model-actions">
-                <button type="button" className="secondary-button compact-button" onClick={() => {
+                <button type="button" className="model-pull-button" onClick={() => {
                   if (provider !== "codex" && !baseUrl.trim()) {
                     setMessage("请先填写 Base URL 再获取模型");
                     return;
@@ -3380,9 +3376,10 @@ function ChannelsView({
                   setMessage("");
                   setPickerOpen(true);
                 }}>
-                  获取模型
+                  从上游获取模型
                 </button>
               </div>
+              <textarea value={models} onChange={(event) => setModels(event.target.value)} placeholder="多个模型用逗号分隔，或点上方『从上游获取模型』拉取后多选" />
             </div>
           </div>
           <div className="channel-card-actions">
diff --git a/src/styles.css b/src/styles.css
index 2e94534..bde60cb 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2044,6 +2044,29 @@ button.table-row:hover {
   font-weight: 700;
 }
 
+/* Inline "pull models" action that sits on the model field's label row. */
+.field-label-row .model-pull-button {
+  min-height: 28px;
+  padding: 0 12px;
+  color: var(--blue);
+  background: color-mix(in srgb, var(--blue) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--blue) 26%, transparent);
+  border-radius: 999px;
+  font-size: 12.5px;
+  font-weight: 650;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background 120ms ease, transform 100ms ease;
+}
+
+.field-label-row .model-pull-button:hover {
+  background: color-mix(in srgb, var(--blue) 16%, transparent);
+}
+
+.field-label-row .model-pull-button:active {
+  transform: scale(0.97);
+}
+
 .channel-form-wide {
   grid-column: span 2;
 }