fix: 恢复侧边栏原生收缩触发器

frontend/src/AppShell.vue

@@ -7,7 +7,8 @@
       :collapsed="sidebarCollapsed"
       :collapsed-width="64"
       :width="220"
-      @update:collapsed="sidebarCollapsed = $event"
+      show-trigger="bar"
+      @update:collapsed="handleSidebarCollapsed"
     >
       <div class="brand">
         <div class="brand-mark">📊</div>
@@ -32,9 +33,6 @@
 
     <n-layout>
       <n-layout-header bordered class="topbar page-header">
-        <button class="sidebar-toggle" type="button" title="展开/收起侧边栏" @click="toggleSidebar">
-          <n-icon><MenuOutline /></n-icon>
-        </button>
         <div class="page-header-content">
           <h1>{{ currentTitle }}</h1>
           <span v-if="pageSubtitle" class="page-subtitle" :title="pageSubtitle">{{ pageSubtitle }}</span>
@@ -92,7 +90,6 @@ import {
   ConstructOutline,
   FileTrayFullOutline,
   LogOutOutline,
-  MenuOutline,
   MoonOutline,
   PowerOutline,
   ServerOutline,
@@ -173,8 +170,8 @@ function logout() {
   token.value = '';
 }
 
-function toggleSidebar() {
-  sidebarCollapsed.value = !sidebarCollapsed.value;
+function handleSidebarCollapsed(value: boolean) {
+  sidebarCollapsed.value = value;
   localStorage.setItem('sidebarCollapsed', sidebarCollapsed.value ? 'true' : 'false');
 }
 

frontend/src/styles.css

@@ -308,30 +308,6 @@ select {
   border-bottom: 1px solid var(--td-border-color-light);
 }
 
-.sidebar-toggle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  margin-top: 2px;
-  padding: 0;
-  color: var(--td-text-color-secondary);
-  font-size: 18px;
-  line-height: 1;
-  background: none;
-  border: none;
-  border-radius: var(--td-radius-default);
-  cursor: pointer;
-  transition: all var(--td-transition);
-}
-
-.sidebar-toggle:hover {
-  color: var(--td-text-color-primary);
-  background: var(--td-bg-color-container-hover);
-}
-
 .page-header-content {
   display: flex;
   flex: 1;
@@ -397,7 +373,6 @@ select {
   background: var(--td-error-color-light);
 }
 
-.sidebar-toggle svg,
 .theme-toggle svg,
 .restart-btn svg {
   display: block;