Feat: Edit MCP server #3221 (#8784)

### What problem does this PR solve?

Feat: Edit MCP server #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/collapse.tsx

@@ -3,17 +3,31 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from '@/components/ui/collapsible';
+import { CollapsibleProps } from '@radix-ui/react-collapsible';
 import { ListCollapse } from 'lucide-react';
 import { PropsWithChildren, ReactNode } from 'react';
 
-type CollapseProps = {
+type CollapseProps = Omit<CollapsibleProps, 'title'> & {
   title?: ReactNode;
   rightContent?: ReactNode;
 } & PropsWithChildren;
 
-export function Collapse({ title, children, rightContent }: CollapseProps) {
+export function Collapse({
+  title,
+  children,
+  rightContent,
+  open,
+  defaultOpen = true,
+  onOpenChange,
+  disabled,
+}: CollapseProps) {
   return (
-    <Collapsible defaultOpen>
+    <Collapsible
+      defaultOpen={defaultOpen}
+      open={open}
+      onOpenChange={onOpenChange}
+      disabled={disabled}
+    >
       <CollapsibleTrigger className="w-full">
         <section className="flex justify-between items-center pb-2">
           <div className="flex items-center gap-1">