From 0b13b2de0c765a9e6db47fa1f37b779dd3f3af82 Mon Sep 17 00:00:00 2001
From: lzt404 <2596933790@qq.com>
Date: Thu, 30 Jul 2026 01:27:06 +0800
Subject: [PATCH] feat: refine credential controls and thinking alias layout

---
 src/pages/ThinkingAliasesPage.tsx | 11 ++++-----
 src/styles.css                    | 38 ++++++++++++++-----------------
 2 files changed, 21 insertions(+), 28 deletions(-)

diff --git a/src/pages/ThinkingAliasesPage.tsx b/src/pages/ThinkingAliasesPage.tsx
index 56a10ce..1a8b1e9 100644
--- a/src/pages/ThinkingAliasesPage.tsx
+++ b/src/pages/ThinkingAliasesPage.tsx
@@ -254,8 +254,7 @@ export function ThinkingAliasesPage() {
       </div>
 
       <div className="thinking-alias-workbench">
-        <div className="thinking-alias-left-stack">
-          <section className="panel thinking-alias-builder">
+        <section className="panel thinking-alias-editor-panel">
             <div className="thinking-alias-panel-heading">
               <span><GitFork size={18} /></span>
               <div>
@@ -417,10 +416,9 @@ export function ThinkingAliasesPage() {
               <small>{t('aliases.customHelp')}</small>
             </div> : null}
             </div>
-          </section>
+            <div className="thinking-alias-section-divider" aria-hidden="true" />
 
-          <section className="panel thinking-alias-name-panel">
-            <div className="thinking-alias-panel-heading">
+            <div className="thinking-alias-panel-heading thinking-alias-secondary-heading">
               <span><BrainCircuit size={18} /></span>
               <div>
                 <h2>{t('aliases.modelAlias.title')}</h2>
@@ -462,8 +460,7 @@ export function ThinkingAliasesPage() {
               {busyAction === 'create' ? <LoaderCircle size={16} className="spin" /> : <GitFork size={16} />}
               {busyAction === 'create' ? t('aliases.creating') : t('aliases.create')}
             </button>
-          </section>
-        </div>
+        </section>
 
         <section className="panel thinking-alias-list-panel">
           <div className="thinking-alias-list-heading">
diff --git a/src/styles.css b/src/styles.css
index e066c7c..3bea0cf 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3457,30 +3457,16 @@ input:focus-visible {
   display: grid;
   grid-template-columns: minmax(480px, 1.4fr) minmax(320px, 0.6fr);
   gap: 16px;
-  align-items: start;
-}
-
-.thinking-alias-left-stack {
-  display: grid;
-  min-width: 0;
-  gap: 16px;
-}
-
-.thinking-alias-builder {
-  min-height: 330px;
-}
-
-.thinking-alias-name-panel {
-  min-height: 250px;
+  align-items: stretch;
 }
 
+.thinking-alias-editor-panel,
 .thinking-alias-list-panel {
-  height: clamp(360px, calc(100vh - 330px), 460px);
-  min-height: 360px;
+  height: clamp(600px, calc(100vh - 250px), 720px);
+  min-height: 600px;
 }
 
-.thinking-alias-builder,
-.thinking-alias-name-panel {
+.thinking-alias-editor-panel {
   position: relative;
   z-index: 2;
   display: flex;
@@ -3490,6 +3476,17 @@ input:focus-visible {
   overflow: visible;
 }
 
+.thinking-alias-section-divider {
+  height: 1px;
+  flex: none;
+  margin: 2px 0;
+  background: var(--theme-e3e1db);
+}
+
+.thinking-alias-secondary-heading {
+  padding-top: 2px;
+}
+
 .thinking-alias-panel-heading {
   display: flex;
   align-items: center;
@@ -6879,8 +6876,7 @@ input:focus-visible {
     grid-template-columns: 1fr;
   }
 
-  .thinking-alias-builder,
-  .thinking-alias-name-panel,
+  .thinking-alias-editor-panel,
   .thinking-alias-list-panel {
     height: auto;
     min-height: 0;