Ontotext-AD · svilenvelikov · Jun 1, 2026 · yordanalexandrov · Jun 19, 2026 · yordanalexandrov
diff --git a/packages/api/src/models/license/license.ts b/packages/api/src/models/license/license.ts
@@ -17,7 +17,7 @@ export class License extends Model<License> {
   readonly licenseCapabilities?: CapabilityList;
   readonly version?: string;
   readonly installationId?: string;
-  readonly valid?: boolean;
+  readonly valid: boolean;
   readonly message?: string;
   readonly present?: boolean;
   readonly usageRestriction?: string;
@@ -42,7 +42,7 @@ export class License extends Model<License> {
     this.licenseCapabilities = data?.licenseCapabilities;
     this.version = data?.version || '';
     this.installationId = data?.installationId || '';
-    this.valid = data?.valid;
+    this.valid = data?.valid ?? false;
     this.typeOfUse = data?.typeOfUse || '';
     this.message = data?.message || '';
     this.present = data?.present || false;

diff --git a/packages/api/src/models/repositories/repository-list.ts b/packages/api/src/models/repositories/repository-list.ts
@@ -22,6 +22,10 @@ export class RepositoryList extends ModelList<Repository> {
     super(repositories);
   }
 
+  filterWithCallback(filterCallback: (repository: Repository) => boolean): RepositoryList {
+    return new RepositoryList(super.filter(filterCallback));
+  }
+
   /**
    * Finds a repository in the list by its ID and location.
    *

diff --git a/packages/api/src/models/repositories/repository.ts b/packages/api/src/models/repositories/repository.ts
@@ -18,6 +18,7 @@ export class Repository extends Model<Repository> implements RepositoryReference
   externalUrl: string;
   location: string;
   state: RepositoryState | undefined;
+  stateLowercase: string | undefined;
   local: boolean | undefined;
   readable: boolean | undefined;
   writable: boolean | undefined;
@@ -34,6 +35,7 @@ export class Repository extends Model<Repository> implements RepositoryReference
     this.externalUrl = data.externalUrl || '';
     this.location = data.location || '';
     this.state = data.state;
+    this.stateLowercase = data.stateLowercase;
     this.local = data.local;
     this.readable = data.readable;
     this.writable = data.writable;

diff --git a/packages/api/src/services/domain/repository/mappers/repository-list.mapper.ts b/packages/api/src/services/domain/repository/mappers/repository-list.mapper.ts
@@ -28,6 +28,7 @@ export const mapRepositoryListResponseToModel: MapperFn<RepositoryListResponse,
           externalUrl: repositoryData.externalUrl,
           location: repositoryData.location,
           state: toEnum(RepositoryState, repositoryData.state),
+          stateLowercase: repositoryData.state ? repositoryData.state.toLowerCase() : undefined,
           local: repositoryData.local,
           readable: repositoryData.readable,
           writable: repositoryData.writable,

diff --git a/packages/api/src/services/domain/security/authorization.service.ts b/packages/api/src/services/domain/security/authorization.service.ts
@@ -2,7 +2,7 @@
 import {AuthenticatedUser, Authority, Rights, SecurityConfig} from '../../../models/security';
 import {service} from '../../../providers';
 import {SecurityContextService} from './security-context.service';
-import {Repository} from '../../../models/repositories';
+import {Repository, RepositoryList} from '../../../models/repositories';
 import {
   RepositoryAuthorityService,
   RepositoryContextService,
@@ -77,6 +77,9 @@
    * @returns {boolean} True if the user has the repository manager role, false otherwise.
    */
   isRepoManager(): boolean {
+    // TODO the legacy is doing the following
+    //  return authorizationService.hasRole(UserRole.ROLE_REPO_MANAGER) && !$repositories.getDegradedReason();
+    // Check why we are not doing the same in the new implementation and if we need to add the degraded reason check back in
     return this.hasRole(Authority.ROLE_REPO_MANAGER);
   }
 
@@ -296,6 +299,46 @@
     this.securityContextService.updateRestrictedPages(restrictedPages);
   };
 
+  /**
+   * Retrieves a list of repositories that the user has write access to.
+   *
+   * @returns {RepositoryList} A list of repositories that the user can write to.
+   */
+  getWritableRepositories(): RepositoryList {
+    return this.repositoryContextService.getRepositoryList().filterWithCallback(repository => this.canWriteRepo(repository));
+  }
+
+  /**
+   * Retrieves a list of repositories that the user has read access to, including those that are readable through
+   * GraphQL permissions.
+   *
+   * @returns {RepositoryList} A list of repositories that the user can read.
+   */
+  getReadableRepositories(): RepositoryList {
+    return this.repositoryContextService.getRepositoryList().filterWithCallback(repository =>
+      this.canReadRepo(repository) || this.canReadGqlRepo(repository)
+    );
+  }
+
+  /**
+   * Retrieves a list of repositories that the user has access to, based on the specified parameters.
+   * @param includeRemote - If true, includes remote repositories in the list; otherwise, only local repositories are included.
+   * @param isRestricted - If true, returns repositories that the user has write access to; if false, returns repositories that the user has read access to.
+   * @returns A list of repositories that the user has access to, filtered based on the provided parameters.
+   */
+  getAccessibleRepositories(includeRemote = false, isRestricted = true): RepositoryList {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let remoteLocationsFilter = (_repo: Repository) => true;
+    if (!includeRemote) {
+      remoteLocationsFilter = (repo) => !!repo.local;
+    }
+    if (isRestricted) {
+      return new RepositoryList(this.getWritableRepositories().filter(remoteLocationsFilter));
+    } else {
+      return new RepositoryList(this.getReadableRepositories().filter(remoteLocationsFilter));
+    }
+  }
+
   private resolveAuthorities(authoritiesList?: string[]) {
     // If no authorities list is provided, return empty array.
     if (!authoritiesList) {

diff --git a/packages/legacy-workbench/src/js/angular/core/templates/core-errors.html b/packages/legacy-workbench/src/js/angular/core/templates/core-errors.html
@@ -2,7 +2,7 @@
     <div role="alert">
         <div class="mb-1 mt-1 ml-1 mr-1">
             <div class="card repository-errors">
-                <div class="alert lead info-message" ng-class="!getActiveRepository() ? 'alert-info' : 'alert-warning'">
+                <div class="alert info-message" ng-class="!getActiveRepository() ? 'alert-info' : 'alert-warning'">
                     <div ng-if="!getActiveRepository()" >{{'core.errors.no.connected.repository.warning.msg' | translate}}</div>
                     <div id="restrictedDiv" ng-if="getActiveRepository() && isRestricted">{{'core.errors.restricted.warning.msg' | translate}}
                         <span ng-if="!isLicenseValid()">{{'core.errors.not.valid.license.warning.msg' | translate}}
@@ -36,7 +36,7 @@
                         class="list-group-item list-group-item-action repository"
                         ng-class="{'remote': !repository.local}"
                         ng-mouseenter="showPopoverForRepo($event, repository)" ngx-mouseleave="setPopoverForRepo($event, repository, false)">
-                        <div class="lead ellipsis-block" ng-click="setRepository(repository)">
+                        <div class="ellipsis-block" ng-click="setRepository(repository)">
                             <span class="popover-anchor"
                                   popover-popup-delay="500"
                                   popover-trigger="show" popover-placement="{{$index % 2 === 0 ? 'bottom-right' : 'left-bottom'}}"

diff --git a/packages/root-config/scripts/validate-translations.js b/packages/root-config/scripts/validate-translations.js
@@ -9,6 +9,7 @@ const packagesDir = path.join(baseDir, 'packages');
 // Verified identical translations - no warnings or errors about them
 const identicalTranslations = [
   "#",
+  "Select",
   "Active",
   "Action",
   "Actions",

diff --git a/packages/workbench/extra-webpack.config.js b/packages/workbench/extra-webpack.config.js
@@ -30,6 +30,5 @@ module.exports = (config, options) => {
   // singleSpaWebpackConfig.devServer.client.overlay = false;
   // singleSpaWebpackConfig.devServer.liveReload = false;
 
-  // console.log('=============', JSON.stringify(singleSpaWebpackConfig, null, 2));
   return singleSpaWebpackConfig;
 };
diff --git a/packages/workbench/src/app/components/page-layout/page-layout.component.html b/packages/workbench/src/app/components/page-layout/page-layout.component.html
@@ -9,11 +9,7 @@ <h1 class="title-container">
       }
     </h1>
 
-    <div class="page-banners">
-      @if (!selectedRepository()) {
-        <app-repository-required-banner></app-repository-required-banner>
-      }
-    </div>
+    <app-page-restrictions [title]="title()"></app-page-restrictions>
   }
 
   <ng-content></ng-content>

diff --git a/packages/workbench/src/app/components/page-layout/page-layout.component.scss b/packages/workbench/src/app/components/page-layout/page-layout.component.scss
@@ -15,7 +15,7 @@
     gap: 0.5rem;
   }
 
-  .page-banners {
+  app-page-restrictions {
     display: block;
 
     /* Compensate for the potential negative margin as the one coming from the sparql-editor page */

diff --git a/packages/workbench/src/app/components/page-layout/page-layout.component.spec.ts b/packages/workbench/src/app/components/page-layout/page-layout.component.spec.ts
@@ -5,7 +5,7 @@ import {CommonModule} from '@angular/common';
 import {ActivatedRoute} from '@angular/router';
 import {provideTranslocoForTesting} from '../../../testing-utils/transloco-utils';
 import {provideNoopAnimations} from '@angular/platform-browser/animations';
-import {Repository, RepositoryContextService, RepositoryList, ServiceProvider} from '@ontotext/workbench-api';
+import {RepositoryContextService, RepositoryList, ServiceProvider} from '@ontotext/workbench-api';
 
 function buildActivatedRouteMock(queryParams: Record<string, string> = {}, data: Record<string, unknown> = {}) {
   return {
@@ -136,67 +136,4 @@ describe('PageLayoutComponent', () => {
   it('should leave documentationLink undefined when not in route data', () => {
     expect(component.documentationLink()).toBeUndefined();
   });
-
-  describe('repository-required-banner visibility', () => {
-    it('should show the banner when no repository is selected', () => {
-      const banner = fixture.nativeElement.querySelector('app-repository-required-banner');
-      expect(banner).not.toBeNull();
-    });
-
-    it('should hide the banner when a repository is already selected on init', async () => {
-      TestBed.resetTestingModule();
-      await TestBed.configureTestingModule({
-        imports: [PageLayoutComponent, CommonModule, provideTranslocoForTesting()],
-        providers: [
-          {provide: ActivatedRoute, useValue: buildActivatedRouteMock()},
-          provideNoopAnimations()
-        ]
-      }).compileComponents();
-
-      const repoContextService = ServiceProvider.get(RepositoryContextService);
-      const repository = new Repository({id: 'test', location: '', uri: 'http://test'});
-      repoContextService.updateRepositoryList(new RepositoryList([repository]));
-      await repoContextService.updateSelectedRepository(repository);
-
-      const f = TestBed.createComponent(PageLayoutComponent);
-      f.detectChanges();
-
-      const banner = f.nativeElement.querySelector('app-repository-required-banner');
-      expect(banner).toBeNull();
-    });
-
-    it('should hide the banner reactively when a repository is selected after init', async () => {
-      const repository = new Repository({id: 'test', location: '', uri: 'http://test'});
-      repositoryContextService.updateRepositoryList(new RepositoryList([repository]));
-
-      let banner = fixture.nativeElement.querySelector('app-repository-required-banner');
-      expect(banner).not.toBeNull();
-
-      await repositoryContextService.updateSelectedRepository(repository);
-      fixture.detectChanges();
-
-      banner = fixture.nativeElement.querySelector('app-repository-required-banner');
-      expect(banner).toBeNull();
-    });
-
-    it('should show the banner again when the selected repository is cleared', async () => {
-      const repository = new Repository({id: 'test', location: '', uri: 'http://test'});
-      repositoryContextService.updateRepositoryList(new RepositoryList([repository]));
-      await repositoryContextService.updateSelectedRepository(repository);
-      fixture.detectChanges();
-
-      expect(fixture.nativeElement.querySelector('app-repository-required-banner')).toBeNull();
-
-      await repositoryContextService.updateSelectedRepository(undefined);
-      fixture.detectChanges();
-
-      expect(fixture.nativeElement.querySelector('app-repository-required-banner')).not.toBeNull();
-    });
-
-    it('should unsubscribe from repository changes on destroy', () => {
-      const unsubscribeSpy = jest.spyOn(component['subscriptions'], 'unsubscribeAll');
-      component.ngOnDestroy();
-      expect(unsubscribeSpy).toHaveBeenCalled();
-    });
-  });
 });
diff --git a/packages/workbench/src/app/components/page-layout/page-layout.component.ts b/packages/workbench/src/app/components/page-layout/page-layout.component.ts
@@ -1,16 +1,10 @@
-import {Component, inject, OnDestroy, OnInit, signal} from '@angular/core';
+import {Component, inject, OnInit, signal} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {ActivatedRoute} from '@angular/router';
 import {ApplicationQueryParams} from '../../models/application-query-params';
 import {TranslocoPipe} from '@jsverse/transloco';
 import {PageInfoTooltipComponent} from '../page-info-tooltip/page-info-tooltip.component';
-import {RepositoryRequiredBannerComponent} from '../repository-required-banner/repository-required-banner.component';
-import {
-  service,
-  RepositoryContextService,
-  Repository,
-  SubscriptionList,
-} from '@ontotext/workbench-api';
+import {PageRestrictionsComponent} from '../page-restrictions/page-restrictions.component';
 
 @Component({
   selector: 'app-page-layout',
@@ -19,43 +13,27 @@ import {
     CommonModule,
     TranslocoPipe,
     PageInfoTooltipComponent,
-    RepositoryRequiredBannerComponent
+    PageRestrictionsComponent
   ],
   templateUrl: './page-layout.component.html',
   styleUrl: './page-layout.component.scss'
 })
-export class PageLayoutComponent implements OnInit, OnDestroy {
-  private readonly repositoryContextService = service(RepositoryContextService);
-
+export class PageLayoutComponent implements OnInit {
   private readonly activatedRoute = inject(ActivatedRoute);
 
   embedded = signal(false);
   title = signal<string | undefined>(undefined);
   helpInfo = signal<string | undefined>(undefined);
   documentationLink = signal<string | undefined>(undefined);
-  selectedRepository = signal<Repository | undefined>(undefined);
-
-  private readonly subscriptions = new SubscriptionList();
 
   ngOnInit(): void {
-    this.selectedRepository.set(this.repositoryContextService.getSelectedRepository());
-    this.subscriptions.add(
-      this.repositoryContextService.onSelectedRepositoryChanged((repo) => {
-        this.selectedRepository.set(repo);
-      })
-    );
-
     this.getPageData();
     const queryParams = this.activatedRoute.snapshot.queryParams;
     if (queryParams.hasOwnProperty(ApplicationQueryParams.EMBEDDED)) {
       this.embedded.set(true);
     }
   }
 
-  ngOnDestroy(): void {
-    this.subscriptions.unsubscribeAll();
-  }
-
   private getPageData(): void {
     const routeData = this.activatedRoute.snapshot.data;
     this.title.set(routeData['title']);

diff --git a/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.html b/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.html
@@ -0,0 +1,18 @@
+<div class="page-restrictions">
+  @if (restrictions().length) {
+    <p-message [severity]="'info'" icon="ri-alert-line">
+      @for (reason of restrictions(); track reason.translationKey) {
+        <div>
+          {{ reason.translationKey | transloco: reason.translationParams }}
+          @if (reason.ctaKey) {
+            <a [routerLink]="reason.ctaLink">{{ reason.ctaKey | transloco }}</a>
+          }
+        </div>
+      }
+    </p-message>
+  }
+  @if (repositoryList() && !selectedRepository()) {
+    <app-repository-picker-list [isRestricted]="isRestricted()"></app-repository-picker-list>
+  }
+</div>
+
diff --git a/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.scss b/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.scss
@@ -0,0 +1,7 @@
+.page-restrictions {
+  margin-top: 1em;
+
+  &:empty {
+    margin-top: 0;
+  }
+}
diff --git a/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.spec.ts b/packages/workbench/src/app/components/page-restrictions/page-restrictions.component.spec.ts
@@ -0,0 +1,26 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideRouter } from '@angular/router';
+
+import { PageRestrictionsComponent } from './page-restrictions.component';
+import {provideTranslocoForTesting} from '../../../testing-utils/transloco-utils';
+
+describe('PageRestrictionsComponent', () => {
+  let component: PageRestrictionsComponent;
+  let fixture: ComponentFixture<PageRestrictionsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [PageRestrictionsComponent, provideTranslocoForTesting()],
+      providers: [provideRouter([])],
+    })
+      .compileComponents();
+
+    fixture = TestBed.createComponent(PageRestrictionsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});