diff --git a/package-lock.json b/package-lock.json
index b8479ff..770dbf0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,7 +43,7 @@
         "ngx-markdown": "^12.0.1",
         "protractor": "^7.0.0",
         "rxjs": "^6.5.3",
-        "sartography-workflow-lib": "^0.0.563",
+        "sartography-workflow-lib": "0.0.569",
         "tslib": "^2.3.0",
         "uuid": "^8.3.2",
         "zone.js": "^0.11.4"
@@ -17413,9 +17413,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/sartography-workflow-lib": {
-      "version": "0.0.563",
-      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.563.tgz",
-      "integrity": "sha512-aW6nYc/5w6TOrywuUDiCiw4wbQYxRH4fBrH1p0sDtzRggMpdfBdn7ccLd3aH+4GKZSnnxUNe3AdPBKbZ8draug==",
+      "version": "0.0.569",
+      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.569.tgz",
+      "integrity": "sha512-hcE8wvGpnAUr59rxbcwjB9Nq8tlsQnf5jFb9em2LiDJGi8OxPWQoJ1l+7YV0e8zS1yhU6Ym65DfUV6u367VkAw==",
       "dependencies": {
         "tslib": "^2.2.0"
       }
@@ -34401,9 +34401,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sartography-workflow-lib": {
-      "version": "0.0.563",
-      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.563.tgz",
-      "integrity": "sha512-aW6nYc/5w6TOrywuUDiCiw4wbQYxRH4fBrH1p0sDtzRggMpdfBdn7ccLd3aH+4GKZSnnxUNe3AdPBKbZ8draug==",
+      "version": "0.0.569",
+      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.569.tgz",
+      "integrity": "sha512-hcE8wvGpnAUr59rxbcwjB9Nq8tlsQnf5jFb9em2LiDJGi8OxPWQoJ1l+7YV0e8zS1yhU6Ym65DfUV6u367VkAw==",
       "requires": {
         "tslib": "^2.2.0"
       }
diff --git a/package.json b/package.json
index c641079..f28b40b 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "backend:start": "cd docker && docker-compose up -d --force-recreate && cd ..",
     "backend": "npm run backend:stop && npm run backend:build && npm run backend:start",
     "env": "chmod +x ./docker/substitute-env-variables.sh && ./docker/substitute-env-variables.sh src/index.html PRODUCTION,API_URL,IRB_URL,HOME_ROUTE,BASE_HREF,DEPLOY_URL,PORT0,GOOGLE_ANALYTICS_KEY,SENTRY_KEY,TITLE",
-    "ci": "npm run lint && npm run test:coverage && sonar-scanner && npm run env && npm run backend && npm run e2e"
+    "ci": "npm run lint && npm run test:coverage && sonar-scanner"
   },
   "private": true,
   "dependencies": {
@@ -63,7 +63,7 @@
     "ngx-markdown": "^12.0.1",
     "protractor": "^7.0.0",
     "rxjs": "^6.5.3",
-    "sartography-workflow-lib": "0.0.567",
+    "sartography-workflow-lib": "0.0.569",
     "tslib": "^2.3.0",
     "uuid": "^8.3.2",
     "zone.js": "^0.11.4"
diff --git a/src/app/_dialogs/delete-workflow-spec-category-dialog/delete-workflow-spec-category-dialog.component.html b/src/app/_dialogs/delete-workflow-spec-category-dialog/delete-workflow-spec-category-dialog.component.html
index 2d4b161..51b5861 100644
--- a/src/app/_dialogs/delete-workflow-spec-category-dialog/delete-workflow-spec-category-dialog.component.html
+++ b/src/app/_dialogs/delete-workflow-spec-category-dialog/delete-workflow-spec-category-dialog.component.html
@@ -1,5 +1,5 @@
 <div mat-dialog-title *ngIf="data && data.category">
-  Delete category <strong>{{data.category.name}}</strong>?
+  Delete category <strong>{{data.category.id}}</strong>?
   <button mat-icon-button mat-dialog-close=""><mat-icon>close</mat-icon></button>
 </div>
 <div mat-dialog-content>
diff --git a/src/app/_dialogs/delete-workflow-spec-dialog/delete-workflow-spec-dialog.component.html b/src/app/_dialogs/delete-workflow-spec-dialog/delete-workflow-spec-dialog.component.html
index de54c9f..6d74c5e 100644
--- a/src/app/_dialogs/delete-workflow-spec-dialog/delete-workflow-spec-dialog.component.html
+++ b/src/app/_dialogs/delete-workflow-spec-dialog/delete-workflow-spec-dialog.component.html
@@ -1,5 +1,5 @@
 <div mat-dialog-title *ngIf="data && data.workflowSpec">
-  Delete workflow specification <strong>{{data.workflowSpec.name}}</strong>?
+  Delete workflow specification <strong>{{data.workflowSpec.id}}</strong>?
   <button mat-icon-button mat-dialog-close=""><mat-icon>close</mat-icon></button>
 </div>
 <div mat-dialog-content>
diff --git a/src/app/_dialogs/workflow-spec-category-dialog/workflow-spec-category-dialog.component.ts b/src/app/_dialogs/workflow-spec-category-dialog/workflow-spec-category-dialog.component.ts
index 7b98244..85dfdef 100644
--- a/src/app/_dialogs/workflow-spec-category-dialog/workflow-spec-category-dialog.component.ts
+++ b/src/app/_dialogs/workflow-spec-category-dialog/workflow-spec-category-dialog.component.ts
@@ -25,18 +25,7 @@ export class WorkflowSpecCategoryDialogComponent {
         placeholder: 'ID of workflow spec category',
         required: true,
       },
-    },
-    {
-      key: 'name',
-      type: 'input',
-      defaultValue: this.data.name,
-      templateOptions: {
-        label: 'Name',
-        placeholder: 'Name of workflow spec category',
-        description: 'Enter a name, in lowercase letters, separated by underscores, that is easy for you to remember.' +
-          'It will be converted to all_lowercase_with_underscores when you save.',
-        required: true,
-      },
+      hideExpression: true,
     },
     {
       key: 'display_name',
diff --git a/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.spec.ts b/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.spec.ts
index 30a9a8b..685245a 100644
--- a/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.spec.ts
+++ b/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.spec.ts
@@ -11,7 +11,13 @@ import {Router} from '@angular/router';
 import {RouterTestingModule} from '@angular/router/testing';
 import {FormlyModule} from '@ngx-formly/core';
 import {FormlyMaterialModule} from '@ngx-formly/material';
-import {ApiService, MockEnvironment, mockWorkflowSpec0, mockWorkflowSpecCategories} from 'sartography-workflow-lib';
+import {
+  ApiService,
+  MockEnvironment,
+  mockWorkflowSpec0,
+  mockWorkflowSpecCategories,
+  mockWorkflowSpecs
+} from 'sartography-workflow-lib';
 import {WorkflowSpecDialogData} from '../../_interfaces/dialog-data';
 
 import {WorkflowSpecDialogComponent} from './workflow-spec-dialog.component';
@@ -74,6 +80,12 @@ describe('WorkflowSpecDialogComponent', () => {
     expect(catReq.request.method).toEqual('GET');
     catReq.flush(mockWorkflowSpecCategories);
     expect(component.categories.length).toBeGreaterThan(0);
+
+    const specReq = httpMock.expectOne('apiRoot/workflow-specification');
+    expect(specReq.request.method).toEqual('GET');
+    specReq.flush(mockWorkflowSpecs);
+    expect(component.specs.length).toBeGreaterThan(0);
+
   });
 
   afterEach(() => {
diff --git a/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.ts b/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.ts
index b6ed230..1369002 100644
--- a/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.ts
+++ b/src/app/_dialogs/workflow-spec-dialog/workflow-spec-dialog.component.ts
@@ -1,22 +1,26 @@
 import {Component, Inject} from '@angular/core';
-import {FormGroup} from '@angular/forms';
+import {FormControl, FormGroup, ValidationErrors} from '@angular/forms';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {FormlyFieldConfig, FormlyFormOptions, FormlyTemplateOptions} from '@ngx-formly/core';
 import {ApiService, toSnakeCase} from 'sartography-workflow-lib';
 import {v4 as uuidv4} from 'uuid';
 import {WorkflowSpecDialogData} from '../../_interfaces/dialog-data';
+import {of} from "rxjs";
+
 
 @Component({
   selector: 'app-workflow-spec-dialog',
   templateUrl: './workflow-spec-dialog.component.html',
   styleUrls: ['./workflow-spec-dialog.component.scss']
 })
+
 export class WorkflowSpecDialogComponent {
   form: FormGroup = new FormGroup({});
   model: any = {};
   options: FormlyFormOptions = {};
   fields: FormlyFieldConfig[] = [];
   categories: any;
+  specs: any;
 
   constructor(
     private api: ApiService,
@@ -29,29 +33,29 @@ export class WorkflowSpecDialogComponent {
           label: c.display_name,
         }));
 
+      this.api.getWorkflowSpecList().subscribe(wfs => {
+        this.specs = wfs.map(w => w.id);
+
       this.fields = [
         {
           key: 'id',
           type: 'input',
-          defaultValue: this.data.id || uuidv4(),
+          defaultValue: this.data.id,
           templateOptions: {
-            label: 'ID',
-            placeholder: 'UUID of workflow specification',
-            description: 'This is an autogenerated unique ID and is not editable.',
-            required: true,
-            disabled: true,
-          },
-        },
-        {
-          key: 'name',
-          type: 'input',
-          defaultValue: this.data.name,
-          templateOptions: {
-            label: 'Name',
+            label: 'id',
             placeholder: 'Name of workflow specification',
-            description: 'Enter a name, in lowercase letters, separated by underscores, that is easy for you to remember.' +
+            description: 'Enter a name to identify this spec. It cannot be changed later.' +
               'It will be converted to all_lowercase_with_underscores when you save.',
             required: true,
+            disabled: this.data.id !== '',
+          },
+          asyncValidators: {
+            uniqueID: {
+              expression: (control: FormControl) => {
+                return of(this.specs.indexOf(control.value) === -1);
+              },
+              message: 'This ID name is already taken.',
+            },
           },
         },
         {
@@ -110,6 +114,7 @@ export class WorkflowSpecDialogComponent {
         },
       ];
     });
+  });
   }
 
   onNoClick() {
diff --git a/src/app/_interfaces/dialog-data.ts b/src/app/_interfaces/dialog-data.ts
index d5aed86..4af9296 100644
--- a/src/app/_interfaces/dialog-data.ts
+++ b/src/app/_interfaces/dialog-data.ts
@@ -20,7 +20,6 @@ export interface OpenFileDialogData {
 
 export interface WorkflowSpecDialogData {
   id: string;
-  name: string;
   display_name: string;
   description: string;
   category_id: number;
@@ -31,7 +30,6 @@ export interface WorkflowSpecDialogData {
 
 export interface WorkflowSpecCategoryDialogData {
   id: number;
-  name: string;
   display_name: string;
   display_order?: number;
   admin: boolean;
diff --git a/src/app/modeler/modeler.component.html b/src/app/modeler/modeler.component.html
index e4fffd4..152c747 100644
--- a/src/app/modeler/modeler.component.html
+++ b/src/app/modeler/modeler.component.html
@@ -5,7 +5,7 @@
       Back
     </a>
     {{workflowSpec.display_name}}
-    ({{workflowSpec.name}})
+    ({{workflowSpec.id}})
   </mat-toolbar-row>
   <mat-toolbar-row>
     <button #newMenuTrigger="matMenuTrigger" mat-button [matMenuTriggerFor]="newMenu" title="Open diagram">
diff --git a/src/app/modeler/modeler.component.ts b/src/app/modeler/modeler.component.ts
index b4b5822..977f7d9 100644
--- a/src/app/modeler/modeler.component.ts
+++ b/src/app/modeler/modeler.component.ts
@@ -178,11 +178,11 @@ export class ModelerComponent implements AfterViewInit {
       });
       dialogRef.afterClosed().subscribe(dialogResult => {
         if (dialogResult) {
-          this.router.navigate(['/home', this.workflowSpec.name]);
+          this.router.navigate(['/home', this.workflowSpec.id]);
         }
       });
     } else {
-      this.router.navigate(['/home', this.workflowSpec.name]);
+      this.router.navigate(['/home', this.workflowSpec.id]);
     }
   }
 
@@ -404,7 +404,7 @@ export class ModelerComponent implements AfterViewInit {
         // Add new file meta
         this.api.addFile({workflow_spec_id: this.workflowSpec.id}, this.diagramFileMeta, this.diagramFile).subscribe(fileMeta => {
           this.router.navigate(['/modeler', this.workflowSpec.id, fileMeta.id]);
-          this.snackBar.open(`Saved new file ${fileMeta.name} to workflow spec ${this.workflowSpec.name}.`, 'Ok', {duration: 5000});
+          this.snackBar.open(`Saved new file ${fileMeta.name} to workflow spec ${this.workflowSpec.display_name}.`, 'Ok', {duration: 5000});
         }, () => {
           // if this fails, we make sure that the file is treated as still new,
           // and we make the user re-enter the file details as they weren't actually saved.
diff --git a/src/app/workflow-spec-card/workflow-spec-card.component.html b/src/app/workflow-spec-card/workflow-spec-card.component.html
index 9253585..3d5ba01 100644
--- a/src/app/workflow-spec-card/workflow-spec-card.component.html
+++ b/src/app/workflow-spec-card/workflow-spec-card.component.html
@@ -16,8 +16,7 @@
   </mat-card-header>
   <mat-card-content>
     <dl gdAreas="field value" gdColumns="10ch auto">
-      <dt>ID</dt><dd>{{workflowSpec.id}}</dd>
-      <dt>Name</dt><dd>{{workflowSpec.name}}</dd>
+      <dt>Name</dt><dd>{{workflowSpec.id}}</dd>
       <dt>Description</dt><dd>{{workflowSpec.description}}</dd>
       <dt>Standalone</dt><dd *ngIf="workflowSpec.standalone; then thenBlock else elseBlock"></dd>
       <ng-template #thenBlock><dd>True</dd></ng-template>
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.html b/src/app/workflow-spec-list/workflow-spec-list.component.html
index 9a4276b..fa5cb05 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.html
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.html
@@ -65,15 +65,12 @@
         <ng-container *ngIf="!(cat.id === null && cat.workflow_specs.length === 0)">
           <mat-expansion-panel hideToggle (opened)="selectCat(cat)" [expanded]="isSelected(cat)">
             <mat-expansion-panel-header>
-              <mat-panel-title>
-                {{cat.display_name}}
-              </mat-panel-title>
                 <mat-panel-description>
                   <div *ngIf="cat.admin" style="color: darkorange">
-                    ({{cat.name}})
+                    {{cat.display_name}}
                   </div>
                   <div *ngIf="!cat.admin">
-                    ({{cat.name}})
+                    {{cat.display_name}}
                   </div>
                 </mat-panel-description>
               <button mat-mini-fab color="primary" style="box-shadow: none">
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.spec.ts b/src/app/workflow-spec-list/workflow-spec-list.component.spec.ts
index cde5f86..2f7d54b 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.spec.ts
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.spec.ts
@@ -53,7 +53,6 @@ export class MdDialogMock {
 
 const librarySpec0: WorkflowSpec = {
   id: 'one_thing',
-  name: 'one_thing',
   display_name: 'One thing',
   description: 'Do just one thing',
   category_id: 2,
@@ -153,7 +152,6 @@ describe('WorkflowSpecListComponent', () => {
   it('should show a metadata dialog when editing a workflow spec', () => {
     let mockSpecData: WorkflowSpecDialogData = {
       id: '',
-      name: '',
       display_name: '',
       description: '',
       category_id: 0,
@@ -261,7 +259,6 @@ describe('WorkflowSpecListComponent', () => {
   it('should show a metadata dialog when editing a workflow spec category', () => {
     let mockCatData: WorkflowSpecCategoryDialogData = {
       id: null,
-      name: '',
       display_name: '',
       admin: null,
     };
@@ -286,6 +283,7 @@ describe('WorkflowSpecListComponent', () => {
     const _updateWorkflowSpecCategorySpy = spyOn((component as any), '_updateWorkflowSpecCategory').and.stub();
 
     component.selectedCat = undefined;
+    mockWorkflowSpecCategory1.id = null;
     (component as any)._upsertWorkflowSpecCategory(mockWorkflowSpecCategory1 as WorkflowSpecCategoryDialogData);
     expect(_addWorkflowSpecCategorySpy).toHaveBeenCalled();
     expect(_updateWorkflowSpecCategorySpy).not.toHaveBeenCalled();
@@ -501,7 +499,6 @@ describe('WorkflowSpecListComponent', () => {
   it('should load master workflow spec', () => {
     const mockMasterSpec: WorkflowSpec = {
       id: 'master_status_spec',
-      name: 'master_status_spec',
       display_name: 'master_status_spec',
       description: 'master_status_spec',
       is_master_spec: true,
@@ -537,7 +534,6 @@ describe('WorkflowSpecListComponent', () => {
   it('should disallow deselecting library if being used as library', () => {
     let mockSpecData: WorkflowSpecDialogData = {
       id: '25',
-      name: 'name1',
       display_name: 'displayname',
       description: 'descr',
       category_id: 0,
@@ -556,7 +552,6 @@ describe('WorkflowSpecListComponent', () => {
     localSelectedSpec.parents = [
       { id: 1234,
         display_name: 'test parent',
-        name: 'parent1'
       }]
     component.selectedSpec = localSelectedSpec;
     component.editWorkflowSpec(localSelectedSpec);
@@ -571,7 +566,6 @@ describe('WorkflowSpecListComponent', () => {
     // that fails prior to saving if any of these are blank
     let mockSpecData: WorkflowSpecDialogData = {
       id: '25',
-      name: 'name1',
       display_name: 'displayname',
       description: 'descr',
       category_id: 0,
@@ -590,7 +584,6 @@ describe('WorkflowSpecListComponent', () => {
     localSelectedSpec.parents = [
       { id: 1234,
         display_name: 'test parent',
-        name: 'parent1'
       }]
     component.selectedSpec = localSelectedSpec;
     component.editWorkflowSpec(localSelectedSpec);
@@ -606,7 +599,6 @@ describe('WorkflowSpecListComponent', () => {
     badWorkflowSpec.parents=[
       { id: 1234,
         display_name: 'test parent',
-        name: 'parent1'
       }]
     badWorkflowSpec.library=true;
     const mockConfirmDeleteData: DeleteWorkflowSpecDialogData = {
diff --git a/src/app/workflow-spec-list/workflow-spec-list.component.ts b/src/app/workflow-spec-list/workflow-spec-list.component.ts
index 8093d77..36548a5 100644
--- a/src/app/workflow-spec-list/workflow-spec-list.component.ts
+++ b/src/app/workflow-spec-list/workflow-spec-list.component.ts
@@ -32,8 +32,7 @@ import { SettingsService } from '../settings.service';
 
 
 export interface WorkflowSpecCategoryGroup {
-  id: number;
-  name: string;
+  id?: number;
   display_name: string;
   workflow_specs?: WorkflowSpec[];
   display_order: number;
@@ -95,17 +94,17 @@ export class WorkflowSpecListComponent implements OnInit {
     });
   }
 
-  selectCat(selectedCat?: WorkflowSpecCategory) {
+  selectCat(selectedCat?: WorkflowSpecCategoryGroup) {
     this.selectedCat = selectedCat;
   }
 
-  isSelected(cat: WorkflowSpecCategory) {
+  isSelected(cat: WorkflowSpecCategoryGroup) {
     return this.selectedCat && this.selectedCat.id === cat.id;
   }
 
   selectSpec(selectedSpec?: WorkflowSpec) {
     this.selectedSpec = selectedSpec;
-    this.location.replaceState(environment.homeRoute + '/' + selectedSpec.name);
+    this.location.replaceState(environment.homeRoute + '/' + selectedSpec.id);
   }
 
   categoryExpanded(cat: WorkflowSpecCategory) {
@@ -129,7 +128,6 @@ export class WorkflowSpecListComponent implements OnInit {
     const hasDisplayOrder = selectedSpec && isNumberDefined(selectedSpec.display_order);
     const dialogData: WorkflowSpecDialogData = {
       id: selectedSpec ? selectedSpec.id : '',
-      name: selectedSpec ? selectedSpec.name || selectedSpec.id : '',
       display_name: selectedSpec ? selectedSpec.display_name : '',
       description: selectedSpec ? selectedSpec.description : '',
       category_id: selectedSpec ? selectedSpec.category_id : null,
@@ -146,7 +144,8 @@ export class WorkflowSpecListComponent implements OnInit {
     });
 
     dialogRef.afterClosed().subscribe((data: WorkflowSpecDialogData) => {
-      if (data && data.id && data.name && data.display_name && data.description) {
+      data.id = this.toLowercaseId(data.id);
+      if (data && data.id && data.display_name && data.description) {
         if (this.canSaveWorkflowSpec(data)) {
           this._upsertWorkflowSpecification(selectedSpec == null, data);
         }
@@ -154,6 +153,11 @@ export class WorkflowSpecListComponent implements OnInit {
     });
   }
 
+  // Helper function to convert strings to valid ID's.
+  toLowercaseId(id: String) {
+    return id.replace(/ /g,"_").toLowerCase();
+  }
+
   editWorkflowSpecCategory(selectedCat?: WorkflowSpecCategoryGroup) {
     this.selectedCat = selectedCat;
 
@@ -163,20 +167,19 @@ export class WorkflowSpecListComponent implements OnInit {
       width: '50vw',
       data: {
         id: this.selectedCat ? this.selectedCat.id : null,
-        name: this.selectedCat ? this.selectedCat.name || this.selectedCat.id : '',
         display_name: this.selectedCat ? this.selectedCat.display_name : '',
         display_order: this.selectedCat ? this.selectedCat.display_order : null,
         admin: this.selectedCat ? this.selectedCat.admin : null,
       },
     });
     dialogRef.afterClosed().subscribe((data: WorkflowSpecCategoryDialogData) => {
-      if (data && isNumberDefined(data.id) && data.name && data.display_name) {
+      if (data && data.display_name) {
         this._upsertWorkflowSpecCategory(data);
       }
     });
   }
 
-  confirmDeleteWorkflowSpecCategory(cat: WorkflowSpecCategory) {
+  confirmDeleteWorkflowSpecCategory(cat: WorkflowSpecCategoryGroup) {
     const dialogRef = this.dialog.open(DeleteWorkflowSpecCategoryDialogComponent, {
       data: {
         confirm: false,
@@ -289,11 +292,11 @@ export class WorkflowSpecListComponent implements OnInit {
 
       // Set the selected workflow to something sensible.
       if (!selectedSpecName && this.selectedSpec) {
-        selectedSpecName = this.selectedSpec.name;
+        selectedSpecName = this.selectedSpec.id;
       }
       if (selectedSpecName) {
         this.workflowSpecs.forEach(ws => {
-          if (selectedSpecName && selectedSpecName === ws.name) {
+          if (selectedSpecName && selectedSpecName === ws.id) {
             this.selectedSpec = ws;
             this.selectedCat = this.selectedSpec.category;
           }
@@ -305,11 +308,10 @@ export class WorkflowSpecListComponent implements OnInit {
   }
 
   private _upsertWorkflowSpecification(isNew: boolean, data: WorkflowSpecDialogData) {
-    if (data.id && data.name && data.display_name && data.description) {
+    if (data.id && data.display_name && data.description) {
 
       const newSpec: WorkflowSpec = {
         id: data.id,
-        name: data.name,
         display_name: data.display_name,
         description: data.description,
         category_id: data.category_id,
@@ -327,22 +329,21 @@ export class WorkflowSpecListComponent implements OnInit {
   }
 
   private _upsertWorkflowSpecCategory(data: WorkflowSpecCategoryDialogData) {
-    if (isNumberDefined(data.id) && data.name && data.display_name) {
-
-      // Save old workflow spec id, in case it's changed
-      const catId = this.selectedCat ? this.selectedCat.id : undefined;
-
-      const newCat: WorkflowSpecCategory = {
-        id: data.id,
-        name: data.name,
-        display_name: data.display_name,
-        display_order: data.display_order,
-        admin: data.admin,
+    if (data.display_name) {
+      if (isNumberDefined(data.id)) {
+        const newCat: WorkflowSpecCategory = {
+          id: data.id,
+          display_name: data.display_name,
+          display_order: data.display_order,
+          admin: data.admin,
       };
-
-      if (isNumberDefined(catId)) {
-        this._updateWorkflowSpecCategory(catId, newCat);
+        this._updateWorkflowSpecCategory(data.id, newCat);
       } else {
+        const newCat: WorkflowSpecCategory = {
+          display_name: data.display_name,
+          display_order: data.display_order,
+          admin: data.admin,
+      };
         this._addWorkflowSpecCategory(newCat);
       }
     }
@@ -358,7 +359,7 @@ export class WorkflowSpecListComponent implements OnInit {
 
   private _addWorkflowSpec(newSpec: WorkflowSpec) {
     this.api.addWorkflowSpecification(newSpec).subscribe(_ => {
-      this._loadWorkflowSpecs(newSpec.name);
+      this._loadWorkflowSpecs(newSpec.id);
       this._displayMessage('Saved new workflow spec.');
     });
   }
@@ -366,7 +367,7 @@ export class WorkflowSpecListComponent implements OnInit {
   private _deleteWorkflowSpec(workflowSpec: WorkflowSpec) {
     this.api.deleteWorkflowSpecification(workflowSpec.id).subscribe(() => {
       this._loadWorkflowSpecs();
-      this._displayMessage(`Deleted workflow spec ${workflowSpec.name}.`);
+      this._displayMessage(`Deleted workflow spec ${workflowSpec.id}.`);
     });
   }
 
@@ -387,7 +388,7 @@ export class WorkflowSpecListComponent implements OnInit {
   private _deleteWorkflowSpecCategory(workflowSpecCategory: WorkflowSpecCategory) {
     this.api.deleteWorkflowSpecCategory(workflowSpecCategory.id).subscribe(() => {
       this._loadWorkflowSpecCategories();
-      this._displayMessage(`Deleted workflow spec category ${workflowSpecCategory.name}.`);
+      this._displayMessage(`Deleted workflow spec category ${workflowSpecCategory.id}.`);
     });
   }