Refactor api vsum

src/components/ui/SidebarTabs.tsx

@@ -47,15 +47,15 @@ export const SidebarTabs: React.FC<SidebarTabsProps> = ({ width = 350, showBorde
           onMouseLeave={(e) => { if (active !== 'mml') Object.assign(e.currentTarget.style, tabBase); }}
           onClick={() => navigate('/mml')}
         >
-          MML
+          Meta Model
         </button>
         <button
           style={{ ...tabBase, ...(active === 'project' ? activeTab : {}) }}
           onMouseEnter={(e) => { if (active !== 'project') Object.assign(e.currentTarget.style, inactiveTabHover); }}
           onMouseLeave={(e) => { if (active !== 'project') Object.assign(e.currentTarget.style, tabBase); }}
           onClick={() => navigate('/project')}
         >
-          Project
+          Projects
         </button>
       </div>
       <div style={{ borderTop: '1px solid #e5e7eb', height: '100%', overflow: 'hidden' }}>

src/components/ui/VsumDetailsModal.tsx

@@ -76,8 +76,7 @@ export const VsumDetailsModal: React.FC<Props> = ({ isOpen, vsumId, onClose, onS
     setSaving(true);
     setError('');
     try {
-      const currentMetaModelIds = (details.metaModels || []).map(m => m.id);
-      await apiService.updateVsum(vsumId, { name: name.trim(), metaModelIds: currentMetaModelIds });
+      await apiService.renameVsum(vsumId, { name: name.trim() });
       onSaved?.();
       onClose();
     } catch (e: any) {

src/components/ui/VsumsPanel.tsx

@@ -135,7 +135,7 @@ export const VsumsPanel: React.FC = () => {
 
   return (
       <div style={containerStyle}>
-        <div style={titleStyle}>vSUMS</div>
+        <div style={titleStyle}>Projects</div>
 
         <CreateVsumModal
             isOpen={showCreate}
@@ -154,7 +154,7 @@ export const VsumsPanel: React.FC = () => {
           Create
         </button>
 
-        <div style={sectionStyle}>All vSUMs</div>
+        <div style={sectionStyle}>All</div>
 
         {loading && <div style={{ padding: 12, fontStyle: 'italic', color: '#5a6c7d' }}>Loading...</div>}
         {!loading && sorted.length === 0 && (

src/services/api.ts

@@ -413,6 +413,31 @@ class ApiService {
     });
   }
 
+// inside ApiService class
+  async renameVsum(id: number | string, data: { name: string }): Promise<ApiResponse<any>> {
+    return this.authenticatedRequest(`/api/v1/vsums/${id}`, {
+      method: 'PUT',
+      body: JSON.stringify(data),
+    });
+  }
+
+  /**
+   * vSUMS: Sync changes with relationship data
+   */
+  async syncVsumChanges(id: number | string, data: {
+    metaModelIds: number[];
+    metaModelRelationRequests: Array<{
+      sourceId: number;
+      targetId: number;
+      reactionFileId: number;
+    }>;
+  }): Promise<ApiResponse<any>> {
+    return this.authenticatedRequest(`/api/v1/vsums/${id}/sync-changes`, {
+      method: 'PUT',
+      body: JSON.stringify(data),
+    });
+  }
+
   /**
    * vSUMS: Get details
    */
@@ -517,4 +542,5 @@ export interface UserSearchItem {
   firstName?: string;
   lastName?: string;
   email: string;
-}
+}
+