fix: add 4-column grid for conversations and ensure chart visibility

When test passes, props.model.enabled is updated but editingModel wasn't
synced, causing save button to remain disabled.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/settings/LLMTableRow.vue

@@ -27,9 +27,15 @@ watch(() => props.isExpanded, (expanded, wasExpanded) => {
   }
 })
 
+// 当 test 通过后，props.model.enabled 会更新，需要同步到 editingModel
+watch(() => props.model.enabled, (enabled) => {
+  editingModel.value.enabled = enabled
+})
+
 const status = computed(() => {
-  if (!props.model.api_key || !props.model.model) return 'empty'
+  // 基于 editingModel 计算状态
-  if (props.model.enabled) return 'available'
+  if (!editingModel.value.api_key || !editingModel.value.model) return 'empty'
+  if (editingModel.value.enabled) return 'available'
   return 'unavailable'
 })
 

frontend/src/views/StatsView.vue

@@ -137,7 +137,7 @@ const hourlyActivityData = computed(() =>
       <!-- CONVERSATIONS -->
       <section class="stats-section">
         <SectionHeader title="沟通系统" tag="cyan" />
-        <div class="stats-metrics-row">
+        <div class="stats-metrics-grid-4">
           <div class="stat-bar-item">
             <div class="stat-bar-label">对话数</div>
             <div class="stat-bar-value">{{ formatNumber(conversationStats?.totals?.conversations || 0) }}</div>
@@ -330,6 +330,12 @@ const hourlyActivityData = computed(() =>
   gap: 16px;
 }
 
+.stats-metrics-grid-4 {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+}
+
 .stat-bar-item {
   background: var(--bg-card);
   border: 1px solid var(--border-dim);
@@ -356,6 +362,7 @@ const hourlyActivityData = computed(() =>
 
 .stat-bar-chart {
   margin-top: 8px;
+  min-height: 30px;
 }
 
 .stats-section {