GCWing · GCWing · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026 · Feb 17, 2026
diff --git a/BitFun-Installer/src/styles/global.css b/BitFun-Installer/src/styles/global.css
@@ -85,15 +85,17 @@ html, body, #root {
   padding: 6px 10px;
   min-height: 28px;
   background: transparent;
-  border: none;
+  border: 1px dashed var(--border-base);
   border-radius: var(--radius-sm);
   font-family: var(--font-sans);
   font-size: 13px; font-weight: 500;
   color: var(--color-text-muted);
   cursor: pointer;
   box-shadow: none;
   transition: background var(--motion-base) var(--easing-standard),
-              color var(--motion-base) var(--easing-standard);
+              color var(--motion-base) var(--easing-standard),
+              border-color var(--motion-base) var(--easing-standard),
+              border-style var(--motion-base) var(--easing-standard);
 }
 .btn svg {
   color: var(--color-text-muted);
@@ -102,6 +104,8 @@ html, body, #root {
 .btn:hover:not(:disabled) {
   background: var(--element-bg-subtle);
   color: var(--color-text-primary);
+  border-style: solid;
+  border-color: var(--border-medium);
   box-shadow: none;
 }
 .btn:hover:not(:disabled) svg { color: var(--color-accent-500); }
@@ -135,12 +139,12 @@ html, body, #root {
 
 .btn-ghost {
   min-height: 28px;
-  border: none; padding: 6px 10px;
+  padding: 6px 10px;
   box-shadow: none;
   color: var(--color-text-muted);
 }
 .btn-ghost:hover:not(:disabled) {
-  background: var(--element-bg-subtle); border: none;
+  background: var(--element-bg-subtle);
   color: var(--color-text-secondary);
 }
 
@@ -149,16 +153,18 @@ html, body, #root {
   padding: 14px 16px;
   min-height: 68px;
   width: 100%;
-  background: rgba(148, 163, 184, 0.08);
-  border: none;
+  background: transparent;
+  border: 1px dashed var(--border-base);
   border-radius: var(--radius-sm);
   cursor: pointer; text-align: left;
   box-shadow: none;
-  transition: background 0.25s ease, transform 0.2s ease;
+  transition: background 0.25s ease, transform 0.2s ease, border-color 0.25s ease, border-style 0.25s ease;
   position: relative; overflow: hidden;
 }
 .card-btn:hover {
-  background: rgba(148, 163, 184, 0.14);
+  background: rgba(148, 163, 184, 0.08);
+  border-style: solid;
+  border-color: var(--border-medium);
   transform: translateY(-1px);
   box-shadow: none;
 }
@@ -390,12 +396,3 @@ html, body, #root {
   right: 24px;
   bottom: 18px;
 }
-
-.uninstall-actions .btn {
-  border: 1px dashed var(--border-base);
-}
-
-.uninstall-actions .btn:hover:not(:disabled) {
-  border-style: solid;
-  border-color: var(--border-medium);
-}
diff --git a/src/web-ui/src/app/components/panels/content-canvas/tab-bar/Tab.scss b/src/web-ui/src/app/components/panels/content-canvas/tab-bar/Tab.scss
@@ -95,6 +95,11 @@
     transition: color 0.15s ease, font-weight 0.15s ease;
   }
 
+  // Keep title visually centered when tab is not hovered.
+  &:not(:hover) &__title {
+    text-align: center;
+  }
+
   // Active state title color is brighter
   &.is-active &__title {
     color: var(--color-text-primary, rgba(255, 255, 255, 0.95));

diff --git a/src/web-ui/src/app/components/panels/content-canvas/tab-bar/Tab.tsx b/src/web-ui/src/app/components/panels/content-canvas/tab-bar/Tab.tsx
@@ -119,8 +119,8 @@ export const Tab: React.FC<TabProps> = ({
     getStateClassName(tab.state),
   ].filter(Boolean).join(' ');
 
-  // Show close button (hidden in preview, shown on hover)
-  const showCloseButton = tab.state !== 'preview' || isHovered;
+  // Show close button only while hovering to avoid reserving layout space.
+  const showCloseButton = isHovered;
 
   return (
     <Tooltip content={tooltipText} placement="bottom">

diff --git a/src/web-ui/src/component-library/components/Button/Button.scss b/src/web-ui/src/component-library/components/Button/Button.scss
@@ -105,6 +105,24 @@
     }
   }
 
+  &-dashed {
+    background: transparent;
+    color: var(--color-text-secondary, #e5e5e5);
+    border: 1px dashed var(--border-base, rgba(255, 255, 255, 0.16));
+
+    &:hover:not(:disabled) {
+      background: var(--element-bg-subtle, rgba(255, 255, 255, 0.08));
+      color: var(--color-text-primary, #ffffff);
+      border-style: solid;
+      border-color: var(--border-medium, rgba(255, 255, 255, 0.24));
+    }
+
+    &:active:not(:disabled) {
+      background: var(--element-bg-base, rgba(255, 255, 255, 0.1));
+      border-color: var(--border-strong, rgba(255, 255, 255, 0.32));
+    }
+  }
+
   &-icon-only {
     padding: 0;
     width: var(--button-height-base, 40px);

diff --git a/src/web-ui/src/component-library/components/Button/Button.tsx b/src/web-ui/src/component-library/components/Button/Button.tsx
@@ -6,7 +6,7 @@ import React, { forwardRef } from 'react';
 import './Button.scss';
 
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'success' | 'accent' | 'ai';
+  variant?: 'primary' | 'secondary' | 'ghost' | 'dashed' | 'danger' | 'success' | 'accent' | 'ai';
   size?: 'small' | 'medium' | 'large';
   isLoading?: boolean;
   iconOnly?: boolean;
@@ -43,6 +43,8 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
         return 'btn-action btn-action-success';
       case 'ghost':
         return 'btn-ghost';
+      case 'dashed':
+        return 'btn-dashed';
       default:
         return 'btn-secondary';
     }

diff --git a/src/web-ui/src/infrastructure/config/components/MCPConfig.tsx b/src/web-ui/src/infrastructure/config/components/MCPConfig.tsx
@@ -676,9 +676,8 @@ export const MCPConfig: React.FC<MCPConfigProps> = () => {
           <div className="empty-icon">
             <Plug size={28} />
           </div>
-          <p>{searchKeyword ? t('empty.noMatchingServers') : t('empty.noServers')}</p>
           {!searchKeyword && (
-            <Button onClick={() => setShowJsonEditor(true)}>
+            <Button variant="dashed" onClick={() => setShowJsonEditor(true)}>
               {t('actions.jsonConfig')}
             </Button>
           )}

diff --git a/src/web-ui/src/infrastructure/config/components/PromptTemplateConfig.tsx b/src/web-ui/src/infrastructure/config/components/PromptTemplateConfig.tsx
@@ -315,9 +315,8 @@ export const PromptTemplateConfig: React.FC = () => {
               <div className="prompt-template-config__templates">
                 {sortedTemplates.length === 0 && (
                   <div className="prompt-template-config__empty">
-                    <p>{t('empty.noTemplates')}</p>
                     <Button
-                      variant="primary"
+                      variant="dashed"
                       size="medium"
                       onClick={handleCreateTemplate}
                     >

diff --git a/src/web-ui/src/locales/en-US/tools.json b/src/web-ui/src/locales/en-US/tools.json
@@ -35,7 +35,12 @@
       "fileNotFound": "File not found",
       "permissionDenied": "Permission denied",
       "networkError": "Network error",
-      "saveFailedWithMessage": "Failed to save file: {{message}}"
+      "saveFailedWithMessage": "Failed to save file: {{message}}",
+      "save": "Save",
+      "cancel": "Cancel",
+      "edit": "Edit",
+      "add": "Add",
+      "delete": "Delete"
     },
     "codeEditor": {
       "loadingFile": "Loading file...",

diff --git a/src/web-ui/src/locales/zh-CN/tools.json b/src/web-ui/src/locales/zh-CN/tools.json
@@ -35,7 +35,12 @@
       "fileNotFound": "文件不存在",
       "permissionDenied": "权限不足",
       "networkError": "网络错误",
-      "saveFailedWithMessage": "保存文件失败: {{message}}"
+      "saveFailedWithMessage": "保存文件失败: {{message}}",
+      "save": "保存",
+      "cancel": "取消",
+      "edit": "编辑",
+      "add": "新增",
+      "delete": "删除"
     },
     "codeEditor": {
       "loadingFile": "正在加载文件...",