fix: reduce agents editor modal size

Author: SurviveM

tests/unit/config-tabs-ui.test.mjs

@@ -209,7 +209,7 @@ test('config template keeps expected config tabs in top and side navigation', ()
     assert.match(templateAgentModals, /<div class="modal modal-wide" role="dialog" aria-modal="true" aria-labelledby="config-template-modal-title">/);
     assert.match(templateAgentModals, /<div class="modal-title" id="config-template-modal-title">Config 模板编辑器（手动确认应用）<\/div>/);
     assert.match(templateAgentModals, /<div v-if="showAgentsModal" class="modal-overlay" @click\.self="closeAgentsModal">/);
-    assert.match(templateAgentModals, /<div class="modal modal-wide modal-editor" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">/);
+    assert.match(templateAgentModals, /<div class="modal modal-wide modal-editor agents-modal" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">/);
     assert.match(templateAgentModals, /<div class="modal-title" id="agents-modal-title">{{ agentsModalTitle }}<\/div>/);
     assert.match(modalsBasic, /<button type="button" class="btn-remove-model" @click="removeModel\(model\)">删除<\/button>/);
     assert.doesNotMatch(modalsBasic, /<span class="btn-remove-model" @click="removeModel\(model\)">删除<\/span>/);

web-ui/partials/index/modal-config-template-agents.html

@@ -25,7 +25,7 @@
         </div>
 
         <div v-if="showAgentsModal" class="modal-overlay" @click.self="closeAgentsModal">
-            <div class="modal modal-wide modal-editor" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">
+            <div class="modal modal-wide modal-editor agents-modal" role="dialog" aria-modal="true" aria-labelledby="agents-modal-title">
                 <div class="modal-header modal-editor-header">
                     <div class="modal-title" id="agents-modal-title">{{ agentsModalTitle }}</div>
                     <div class="modal-header-actions">

web-ui/styles/modals-core.css

@@ -54,6 +54,11 @@
     padding: 0;
 }
 
+.agents-modal {
+    width: min(92vw, 900px);
+    max-height: calc(100vh - 56px);
+}
+
 .modal-editor-header {
     margin-bottom: 0;
     padding: var(--spacing-md) var(--spacing-md) 0;
@@ -385,6 +390,12 @@
     max-height: min(65vh, 620px);
 }
 
+.agents-modal .template-editor,
+.agents-modal .agents-diff-editor {
+    min-height: min(52vh, 460px);
+    max-height: min(58vh, 540px);
+}
+
 .agents-diff-line {
     display: grid;
     grid-template-columns: 16px 1fr;