Build ui client using openapi3.json

Makefile

@@ -119,17 +119,15 @@ ui-dev: # @HELP Serves the UI for development.
 
 ui-client: # @HELP Generates the UI client using openapi-generator-cli.
 	rm -rf $(CURDIR)/ui/src/client
-	docker container run --rm --user $(shell id -u):$(shell id -g) --volume $(CURDIR):/local openapitools/openapi-generator-cli:v4.2.3 \
+	docker container run --rm --user $(shell id -u):$(shell id -g) --volume $(CURDIR):/local openapitools/openapi-generator-cli:v6.6.0 \
 		generate \
-			--input-spec /local/internal/api/gen/http/openapi.json \
+			--input-spec /local/internal/api/gen/http/openapi3.json \
 			--generator-name typescript-fetch \
 			--output /local/ui/src/openapi-generator/ \
-			--skip-validate-spec \
-			-p "generateAliasAsModel=true" \
-			-p "typescriptThreePlus=true" \
-			-p "withInterfaces=true"
+			-p "generateAliasAsModel=false" \
+			-p "withInterfaces=true" \
+			-p "supportsES6=true"
 	echo "@@@@ Please, review all warnings generated by openapi-generator-cli above!"
-	echo "@@@@ We're using \`--skip-validate-spec\` to deal with Goa spec generation issues."
 
 db: # @HELP Opens the MySQL CLI.
 	docker compose exec --user=root mysql mysql -hlocalhost -uroot -proot123

ui/src/components/CollectionStatusBadge.vue

@@ -21,14 +21,14 @@ export default class CollectionStatusBadge extends Vue {
   private defvariant: string = 'secondary';
 
   private variants: any = {
-    [api.CollectionShowResponseBodyStatusEnum.Error]: 'danger',
-    [api.CollectionShowResponseBodyStatusEnum.InProgress]: 'warning',
-    [api.CollectionShowResponseBodyStatusEnum.Done]: 'success',
-    [api.CollectionShowResponseBodyStatusEnum.New]: 'secondary',
-    [api.CollectionShowResponseBodyStatusEnum.Unknown]: 'dark',
-    [api.CollectionShowResponseBodyStatusEnum.Abandoned]: 'secondary',
-    [api.CollectionShowResponseBodyStatusEnum.Queued]: 'light',
-    [api.CollectionShowResponseBodyStatusEnum.Pending]: 'light',
+    [api.EnduroStoredCollectionStatusEnum.Error]: 'danger',
+    [api.EnduroStoredCollectionStatusEnum.InProgress]: 'warning',
+    [api.EnduroStoredCollectionStatusEnum.Done]: 'success',
+    [api.EnduroStoredCollectionStatusEnum.New]: 'secondary',
+    [api.EnduroStoredCollectionStatusEnum.Unknown]: 'dark',
+    [api.EnduroStoredCollectionStatusEnum.Abandoned]: 'secondary',
+    [api.EnduroStoredCollectionStatusEnum.Queued]: 'light',
+    [api.EnduroStoredCollectionStatusEnum.Pending]: 'light',
   };
 
   private variant(): string {