收口 Makelore 客户端变更

src/components/layout/ImageWorkspaceSidebar.tsx

@@ -11,6 +11,7 @@ import {
 import { useNavigate } from 'react-router-dom';
 import { toast } from 'sonner';
 import { Button } from '@/components/ui/button';
+import { DisclosureContent } from '@/components/ui/disclosure';
 import {
   Dialog,
   DialogContent,
@@ -161,8 +162,14 @@ export function ImageWorkspaceSidebar({ sidebarCollapsed }: ImageWorkspaceSideba
           ) : null}
         </button>
 
-        {projectsOpen && !sidebarCollapsed ? (
-          <div id="sidebar-image-projects" data-testid="sidebar-image-projects" className="mt-1 space-y-1">
+        {!sidebarCollapsed ? (
+          <DisclosureContent
+            open={projectsOpen}
+            id="sidebar-image-projects"
+            data-testid="sidebar-image-projects"
+            className="mt-1"
+            innerClassName="space-y-1"
+          >
             {status === 'idle' || status === 'loading' ? (
               <div role="status" className="rounded-lg border border-dashed border-border/80 bg-background/60 px-3 py-3 text-xs font-medium text-muted-foreground">
                 <div className="flex items-center gap-2">
@@ -291,7 +298,7 @@ export function ImageWorkspaceSidebar({ sidebarCollapsed }: ImageWorkspaceSideba
                 </section>
               );
             }) : null}
-          </div>
+          </DisclosureContent>
         ) : null}
       </div>