系统管理页面部分更改

frontend/app/features/platform/ModelPlatformApp.tsx

@@ -173,6 +173,7 @@ function AuthenticatedModelPlatformApp() {
   const [publishing, setPublishing] = useState(false);
   const [publishedVersion, setPublishedVersion] =
     useState<StableVersion | null>(null);
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
 
   const load = async (silent = false) => {
     if (!silent) setLoading(true);
@@ -800,12 +801,13 @@ function AuthenticatedModelPlatformApp() {
 
   return (
     <div className="app-shell">
-      <aside className="sidebar">
+      <aside className={`sidebar${sidebarCollapsed ? " is-collapsed" : ""}`}>
         <div className="brand">
           <span className="brand__mark"><Icon name="brand" size={31} /></span>
-          <span className="brand__name">模型实验开发平台</span>
+          {!sidebarCollapsed && <span className="brand__name">模型实验开发平台</span>}
         </div>
 
+        {!sidebarCollapsed && (
         <nav className="navigation" aria-label="主导航">
           {navigation.map((item) => (
             <button
@@ -830,10 +832,11 @@ function AuthenticatedModelPlatformApp() {
             </button>
           ))}
         </nav>
+        )}
 
-        <button className="sidebar-footer" type="button">
+        <button className="sidebar-footer" type="button" onClick={() => setSidebarCollapsed((v) => !v)}>
           <Icon name="menu" size={19} />
-          <span>收起菜单</span>
+          <span>{sidebarCollapsed ? "展开菜单" : "收起菜单"}</span>
         </button>
       </aside>