From 1a8ecc3ee11cfb8ee2f14cc9bf5e52770b10d5cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=91=E6=9E=97=5FCyril=20Pilgrim?=
 <onepigge1999@gmail.com>
Date: Sun, 8 Mar 2026 18:10:53 +0800
Subject: [PATCH] polish(ui): clean up server panel markup and i18n for
 add-server section

Motivation:
The add-server section used inline styles instead of semantic classes, and the delete/cancel buttons lacked proper i18n keys and semantic CSS class names.

Implementation:
Moved inline flex styles for 'add-server-inline' and 'add-server-panel' into CSS classes. Added data-i18n-placeholder attributes to new server inputs. Replaced raw class 'btn-icon danger' with 'btn-danger btn-icon' on delete button. Added missing 'data-i18n=cancel' to the cancel button.
---
 .gitignore           |  2 ++
 data/.gitkeep        |  0
 ui/static/index.html | 26 +++++++++++++-------------
 3 files changed, 15 insertions(+), 13 deletions(-)
 create mode 100644 data/.gitkeep

diff --git a/.gitignore b/.gitignore
index 586c3e3..3f9e928 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,8 @@
 config.json
 outputs/
 !outputs/.gitkeep
+data/*
+!data/.gitkeep
 
 # macOS
 .DS_Store
diff --git a/data/.gitkeep b/data/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/ui/static/index.html b/ui/static/index.html
index 9e58cef..a4ae4a5 100644
--- a/ui/static/index.html
+++ b/ui/static/index.html
@@ -40,7 +40,7 @@
         <div class="server-config-header">
           <h3 class="section-title" data-i18n="current_server_config">Server Config</h3>
           <!-- Current Server Summary & Controls -->
-          <div class="server-header-controls">
+          <div id="current-server-actions" class="server-header-controls">
             <div class="server-status-toggle">
               <label class="toggle-inline" title="Enable/Disable Server" style="margin: 0;">
                 <span id="server-enabled-label" data-i18n="server_enabled">Enabled</span>
@@ -58,7 +58,7 @@
                   <path d="m15 5 4 4" />
                 </svg>
               </button>
-              <button id="delete-server-btn" class="btn-icon danger" aria-label="Delete Server">
+              <button id="delete-server-btn" class="btn-danger btn-icon" aria-label="Delete Server">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                   stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <path d="M3 6h18"></path>
@@ -86,22 +86,22 @@
           <div class="actions">
             <button id="save-config-btn" type="button" class="btn btn-primary" data-i18n="save_config">Save
               Config</button>
-            <button id="btn-cancel-edit-server" type="button" class="btn btn-secondary">Cancel</button>
+            <button id="btn-cancel-edit-server" type="button" class="btn btn-secondary"
+              data-i18n="cancel">Cancel</button>
           </div>
         </div>
       </div>
 
       <!-- Add New Server Section -->
-      <div class="add-server-panel"
-        style="margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--card-border);">
-        <h4 style="font-size: 14px; color: var(--text-muted); margin-bottom: 12px; margin-top: 0;">添加新服务器</h4>
-        <div class="add-server-inline" style="display: flex; gap: 12px; max-width: 100%; align-items: center;">
-          <input type="text" id="new-server-id" class="input-field" placeholder="new-server-id" autocomplete="off"
-            style="flex: 1;">
-          <input type="text" id="new-server-url" class="input-field" placeholder="http://10.0.0.1:8188"
-            autocomplete="off" style="flex: 2;">
+      <div class="add-server-panel">
+        <h4 class="add-server-title" data-i18n="add_server_panel_title">Add New Server</h4>
+        <div class="add-server-inline">
+          <input type="text" id="new-server-id" class="input-field" data-i18n-placeholder="new_server_id_placeholder"
+            placeholder="new-server-id" autocomplete="off">
+          <input type="text" id="new-server-url" class="input-field" data-i18n-placeholder="new_server_url_placeholder"
+            placeholder="http://10.0.0.1:8188" autocomplete="off">
           <button id="add-server-btn" type="button" class="btn btn-secondary"
-            style="flex-shrink: 0; white-space: nowrap;" data-i18n="add_server">Add Server</button>
+            data-i18n="add_server">Add Server</button>
         </div>
       </div>
     </section>
@@ -177,4 +177,4 @@
   <script type="module" src="/static/js/app.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>