@acorex-platform/extension-source-control-core-client 0.0.21

package/fesm2022/acorex-platform-extension-source-control-core-client-source-control-page.component-DOALkPKo.mjs

@@ -0,0 +1,749 @@
+import * as i6$1 from '@angular/common';
+import { AsyncPipe, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, signal, computed, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i3 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXDialogService } from '@acorex/components/dialog';
+import * as i5 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i5$1 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i7 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
+import { AXE_SC_PROVIDER_GITHUB, AXE_SC_PROVIDER_GITLAB, AXE_SC_PROVIDER_IDS, RootConfig, AXESourceControlHookKeys } from '@acorex-platform/extension-source-control-core-client/contracts';
+import { trim, defaultTo } from 'lodash-es';
+import { AXMIntegrationConnectionManager } from '@acorex-platform/module-integration-management-client';
+import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { AXPQueryService, AXPCommandExecutor } from '@acorex-platform/framework-client/runtime';
+import { runtimeQueryPayloadData, AXPRegionalSetting } from '@acorex-platform/framework-shared/core';
+import { AXEGithubQueryKeys } from '@acorex-platform/extension-github-client/contracts';
+import { AXEGitLabQueryKeys } from '@acorex-platform/extension-gitlab-client/contracts';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPSettingsService } from '@acorex-platform/framework-client/common';
+import { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXFormatService } from '@acorex/core/format';
+import { AXPHookService } from '@acorex-platform/framework-client/core';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+class AXESourceControlRepoSearchClient {
+    constructor() {
+        this.queryService = inject(AXPQueryService);
+    }
+    async search(input) {
+        const key = this.resolveQueryKey(input.providerId);
+        const result = await this.queryService.fetch(key, input);
+        return runtimeQueryPayloadData(result)?.items ?? [];
+    }
+    resolveQueryKey(providerId) {
+        if (providerId === AXE_SC_PROVIDER_GITHUB) {
+            return AXEGithubQueryKeys.RepoSearch;
+        }
+        if (providerId === AXE_SC_PROVIDER_GITLAB) {
+            return AXEGitLabQueryKeys.RepoSearch;
+        }
+        throw new Error(`Unsupported source-control provider: ${providerId}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepoSearchClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepoSearchClient, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepoSearchClient, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+class AXESourceControlProjectLinkService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.connectionManager = inject(AXMIntegrationConnectionManager);
+        this.entityService = inject(AXPEntityService);
+        this.repoSearch = inject(AXESourceControlRepoSearchClient);
+    }
+    //#endregion
+    //#region ----- Connections -----
+    async listConnections() {
+        const connections = await this.connectionManager.listForCurrentUser('tenant');
+        return connections.filter((item) => AXE_SC_PROVIDER_IDS.includes(item.providerId) &&
+            !item.isRevoked &&
+            !item.isDisabled);
+    }
+    //#endregion
+    //#region ----- Link persistence -----
+    async findLinkByProjectId(projectId) {
+        const id = trim(projectId);
+        if (!id) {
+            return null;
+        }
+        const result = await this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.projectSourceControlLink.name)
+            .data()
+            .query({
+            skip: 0,
+            take: 1,
+            filter: {
+                field: 'projectId',
+                operator: { type: 'equal' },
+                value: id,
+            },
+        });
+        return result.items?.[0] ?? null;
+    }
+    async saveLink(input) {
+        const projectId = trim(input.projectId);
+        if (!projectId) {
+            throw new Error('Project id is required.');
+        }
+        const accessor = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.projectSourceControlLink.name)
+            .data();
+        const existing = await this.findLinkByProjectId(projectId);
+        const linkedAt = new Date().toISOString();
+        const payload = {
+            projectId,
+            providerId: input.connection.providerId,
+            connectionId: input.connection.id,
+            remoteId: input.repo.remoteId,
+            fullName: input.repo.fullName,
+            webUrl: input.repo.webUrl,
+            defaultBranch: input.repo.defaultBranch,
+            linkedAt,
+        };
+        if (existing) {
+            await accessor.update(existing.id, payload);
+            return { ...existing, ...payload };
+        }
+        const createdId = await accessor.create(payload);
+        return {
+            id: String(createdId),
+            ...payload,
+        };
+    }
+    async removeLink(projectId) {
+        const existing = await this.findLinkByProjectId(projectId);
+        if (!existing) {
+            return;
+        }
+        await this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.projectSourceControlLink.name)
+            .data()
+            .delete(existing.id);
+    }
+    //#endregion
+    //#region ----- Repository search -----
+    async searchRepositories(connection, query) {
+        return this.repoSearch.search({
+            providerId: connection.providerId,
+            connectionId: connection.id,
+            query: trim(query),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlProjectLinkService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlProjectLinkService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlProjectLinkService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+class AXESourceControlRepositoryBrowseClient {
+    constructor() {
+        this.queryService = inject(AXPQueryService);
+    }
+    async listBranches(link) {
+        const input = {
+            providerId: link.providerId,
+            connectionId: link.connectionId,
+            fullName: link.fullName,
+        };
+        const result = await this.queryService.fetch(this.resolveBranchesQueryKey(link.providerId), input);
+        return runtimeQueryPayloadData(result)?.items ?? [];
+    }
+    async listCommits(link, branch, take = 30) {
+        const input = {
+            providerId: link.providerId,
+            connectionId: link.connectionId,
+            fullName: link.fullName,
+            branch,
+            take,
+        };
+        const result = await this.queryService.fetch(this.resolveCommitsQueryKey(link.providerId), input);
+        return runtimeQueryPayloadData(result)?.items ?? [];
+    }
+    resolveBranchesQueryKey(providerId) {
+        if (providerId === AXE_SC_PROVIDER_GITHUB) {
+            return AXEGithubQueryKeys.ListBranches;
+        }
+        if (providerId === AXE_SC_PROVIDER_GITLAB) {
+            return AXEGitLabQueryKeys.ListBranches;
+        }
+        throw new Error(`Unsupported source-control provider: ${providerId}`);
+    }
+    resolveCommitsQueryKey(providerId) {
+        if (providerId === AXE_SC_PROVIDER_GITHUB) {
+            return AXEGithubQueryKeys.ListCommits;
+        }
+        if (providerId === AXE_SC_PROVIDER_GITLAB) {
+            return AXEGitLabQueryKeys.ListCommits;
+        }
+        throw new Error(`Unsupported source-control provider: ${providerId}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryBrowseClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryBrowseClient, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryBrowseClient, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+class AXESourceControlRepositoryHooksService {
+    constructor() {
+        this.hooks = inject(AXPHookService);
+    }
+    async resolveCommitActions(input) {
+        const payload = {
+            projectId: input.projectId,
+            link: input.link,
+            branch: input.branch,
+            commit: input.commit,
+            actions: [],
+        };
+        const result = await this.hooks.runAsync(AXESourceControlHookKeys.CommitActions, payload);
+        return result?.actions ?? [];
+    }
+    async resolveBranchActions(input) {
+        const payload = {
+            projectId: input.projectId,
+            link: input.link,
+            branch: input.branch,
+            baseBranch: input.baseBranch,
+            actions: [],
+        };
+        const result = await this.hooks.runAsync(AXESourceControlHookKeys.BranchActions, payload);
+        return result?.actions ?? [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryHooksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryHooksService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlRepositoryHooksService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const I18N$1 = '@extensions-source-control:pages.repository.commits';
+//#endregion
+//#region ----- Component -----
+class AXERepositoryCommitsPanelComponent {
+    //#endregion
+    //#region ----- Lifecycle -----
+    constructor() {
+        //#region ----- Inputs -----
+        this.projectId = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projectId" }] : /* istanbul ignore next */ []));
+        this.link = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Services & Dependencies -----
+        this.i18n = I18N$1;
+        this.browseClient = inject(AXESourceControlRepositoryBrowseClient);
+        this.hooksService = inject(AXESourceControlRepositoryHooksService);
+        this.commandExecutor = inject(AXPCommandExecutor);
+        this.settingsService = inject(AXPSettingsService);
+        this.formatService = inject(AXFormatService);
+        //#endregion
+        //#region ----- State Signals -----
+        this.loading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.branches = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "branches" }] : /* istanbul ignore next */ []));
+        this.selectedBranch = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedBranch" }] : /* istanbul ignore next */ []));
+        this.commits = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "commits" }] : /* istanbul ignore next */ []));
+        this.branchActions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "branchActions" }] : /* istanbul ignore next */ []));
+        this.commitActionsBySha = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "commitActionsBySha" }] : /* istanbul ignore next */ []));
+        this.datetimeFormat = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "datetimeFormat" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.baseBranch = computed(() => {
+            const link = this.link();
+            const defaultBranch = trim(link.defaultBranch ?? '');
+            if (defaultBranch) {
+                return defaultBranch;
+            }
+            const branches = this.branches();
+            const markedDefault = branches.find((branch) => branch.isDefault)?.name;
+            return markedDefault ?? branches[0]?.name ?? 'main';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "baseBranch" }] : /* istanbul ignore next */ []));
+        this.branchOptions = computed(() => this.branches().map((branch) => ({
+            name: branch.name,
+            title: branch.name,
+        })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "branchOptions" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const link = this.link();
+            const projectId = trim(this.projectId());
+            if (!link || !projectId) {
+                return;
+            }
+            untracked(() => {
+                void this.initialize(link, projectId);
+            });
+        });
+        effect(() => {
+            const link = this.link();
+            const projectId = trim(this.projectId());
+            const branch = trim(this.selectedBranch());
+            if (!link || !projectId || !branch) {
+                return;
+            }
+            untracked(() => {
+                void this.loadBranchData(link, projectId, branch);
+            });
+        });
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    onBranchChange(branch) {
+        this.selectedBranch.set(trim(branch ?? ''));
+    }
+    commitActions(sha) {
+        return this.commitActionsBySha()[sha] ?? [];
+    }
+    commitMessage(commit) {
+        const message = trim(commit.message);
+        if (!message) {
+            return '—';
+        }
+        const firstLine = message.split('\n')[0]?.trim();
+        return firstLine || message;
+    }
+    formatCommittedAt(value) {
+        const iso = trim(value);
+        if (!iso) {
+            return '—';
+        }
+        const format = this.datetimeFormat();
+        if (!format) {
+            return iso;
+        }
+        return this.formatService.format(new Date(iso), 'datetime', { format });
+    }
+    actionTextKey(action) {
+        const title = action.title;
+        return typeof title === 'string' ? title : '';
+    }
+    async onActionClick(action) {
+        const command = action.command;
+        if (!command?.name) {
+            return;
+        }
+        await this.commandExecutor.execute(command.name, command.options ?? {});
+    }
+    onViewCommit(commit) {
+        const url = trim(commit.webUrl);
+        if (url) {
+            window.open(url, '_blank', 'noopener,noreferrer');
+        }
+    }
+    //#endregion
+    //#region ----- Data Loading -----
+    async initialize(link, projectId) {
+        this.loading.set(true);
+        try {
+            await this.loadDatetimeFormat();
+            const branches = await this.browseClient.listBranches(link);
+            this.branches.set(branches);
+            const initialBranch = this.resolveInitialBranch(link, branches);
+            this.selectedBranch.set(initialBranch);
+            if (!initialBranch) {
+                this.commits.set([]);
+                this.branchActions.set([]);
+                this.commitActionsBySha.set({});
+            }
+        }
+        catch (error) {
+            this.handleError(error, 'Failed to load repository branches.');
+            this.branches.set([]);
+            this.selectedBranch.set('');
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async loadBranchData(link, projectId, branch) {
+        this.loading.set(true);
+        try {
+            const [commits, branchActions] = await Promise.all([
+                this.browseClient.listCommits(link, branch),
+                this.hooksService.resolveBranchActions({
+                    projectId,
+                    link,
+                    branch,
+                    baseBranch: this.baseBranch(),
+                }),
+            ]);
+            this.commits.set(commits);
+            this.branchActions.set(branchActions);
+            const commitActionsEntries = await Promise.all(commits.map(async (commit) => {
+                const actions = await this.hooksService.resolveCommitActions({
+                    projectId,
+                    link,
+                    branch,
+                    commit,
+                });
+                return [commit.sha, actions];
+            }));
+            this.commitActionsBySha.set(Object.fromEntries(commitActionsEntries));
+        }
+        catch (error) {
+            this.handleError(error, 'Failed to load repository commits.');
+            this.commits.set([]);
+            this.branchActions.set([]);
+            this.commitActionsBySha.set({});
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    resolveInitialBranch(link, branches) {
+        const preferred = trim(link.defaultBranch ?? '');
+        if (preferred && branches.some((branch) => branch.name === preferred)) {
+            return preferred;
+        }
+        const markedDefault = branches.find((branch) => branch.isDefault)?.name;
+        if (markedDefault) {
+            return markedDefault;
+        }
+        return defaultTo(branches[0]?.name, '');
+    }
+    async loadDatetimeFormat() {
+        const dateFormat = await this.settingsService.get(AXPRegionalSetting.ShortDate);
+        const timeFormat = await this.settingsService.get(AXPRegionalSetting.ShortTime);
+        this.datetimeFormat.set(`${dateFormat} ${timeFormat}`.trim());
+    }
+    handleError(error, fallback) {
+        const message = error instanceof Error ? error.message : fallback;
+        console.error(message, error);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXERepositoryCommitsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXERepositoryCommitsPanelComponent, isStandalone: true, selector: "axe-repository-commits-panel", inputs: { projectId: { classPropertyName: "projectId", publicName: "projectId", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<section class=\"flex flex-col gap-4 rounded-lg border border-surface bg-lighter-surface p-4\">\n\n  <div class=\"flex flex-wrap items-start justify-between gap-3\">\n\n    <div>\n\n      <div class=\"font-medium\">{{ (i18n + '.title' | translate | async) ?? '' }}</div>\n\n      <div class=\"text-sm opacity-70\">{{ (i18n + '.description' | translate | async) ?? '' }}</div>\n\n    </div>\n\n    <!-- ----- Branch filter ----- -->\n\n    @if (branchOptions().length) {\n\n      <ax-select-box\n\n        class=\"min-w-[12rem]\"\n\n        [dataSource]=\"branchOptions()\"\n\n        [ngModel]=\"selectedBranch()\"\n\n        (ngModelChange)=\"onBranchChange($event)\"\n\n        valueField=\"name\"\n\n        textField=\"title\"\n\n        [placeholder]=\"(i18n + '.branch.placeholder' | translate | async) ?? ''\"\n\n      ></ax-select-box>\n\n    }\n\n  </div>\n\n\n\n  <!-- ----- Branch-level hook actions ----- -->\n\n  @if (branchActions().length) {\n\n    <div class=\"flex flex-wrap gap-2\">\n\n      @for (action of branchActions(); track action.name ?? action.title) {\n\n        <ax-button\n\n          look=\"outline\"\n\n          color=\"primary\"\n\n          size=\"sm\"\n\n          [text]=\"(actionTextKey(action) | translate | async) ?? ''\"\n\n          (onClick)=\"onActionClick(action)\"\n\n        >\n\n          @if (action.icon) {\n\n            <ax-prefix>\n\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n\n            </ax-prefix>\n\n          }\n\n        </ax-button>\n\n      }\n\n    </div>\n\n  }\n\n\n\n  <!-- ----- Commits loading indicator ----- -->\n\n  @if (loading()) {\n\n    <ax-loading></ax-loading>\n\n  }\n\n  <!-- ----- Empty commits state ----- -->\n\n  @else if (!commits().length) {\n\n    <axp-state-message\n\n      icon=\"fa-light fa-code-commit\"\n\n      [title]=\"i18n + '.empty.title'\"\n\n      [description]=\"i18n + '.empty.description'\"\n\n      look=\"minimal\"\n\n    ></axp-state-message>\n\n  }\n\n  <!-- ----- Commits list ----- -->\n\n  @else {\n\n    <div class=\"flex flex-col gap-2\">\n\n      @for (commit of commits(); track commit.sha) {\n\n        <article class=\"flex flex-wrap items-start justify-between gap-3 rounded-lg border border-surface bg-surface p-3\">\n\n          <div class=\"min-w-0 flex-1\">\n\n            <div class=\"flex flex-wrap items-center gap-2\">\n\n              <ax-badge\n\n                size=\"sm\"\n\n                look=\"twotone\"\n\n                color=\"primary\"\n\n                [text]=\"commit.shortSha ?? commit.sha.slice(0, 7)\"\n\n              ></ax-badge>\n\n              <span class=\"font-medium\">{{ commitMessage(commit) }}</span>\n\n            </div>\n\n            <div class=\"mt-1 flex flex-wrap gap-x-4 gap-y-1 text-sm opacity-70\">\n\n              <span>{{ commit.authorName }}</span>\n\n              <span>{{ formatCommittedAt(commit.committedAt) }}</span>\n\n            </div>\n\n          </div>\n\n          <div class=\"flex shrink-0 flex-wrap items-center gap-2\">\n\n            <ax-button\n\n              look=\"blank\"\n\n              size=\"sm\"\n\n              [text]=\"(i18n + '.actions.view' | translate | async) ?? ''\"\n\n              (onClick)=\"onViewCommit(commit)\"\n\n            >\n\n              <ax-prefix>\n\n                <ax-icon icon=\"fa-light fa-arrow-up-right-from-square\"></ax-icon>\n\n              </ax-prefix>\n\n            </ax-button>\n\n            <!-- ----- Commit-level hook actions ----- -->\n\n            @for (action of commitActions(commit.sha); track action.name ?? action.title) {\n\n              <ax-button\n\n                look=\"outline\"\n\n                size=\"sm\"\n\n                color=\"primary\"\n\n                [text]=\"(actionTextKey(action) | translate | async) ?? ''\"\n\n                (onClick)=\"onActionClick(action)\"\n\n              >\n\n                @if (action.icon) {\n\n                  <ax-prefix>\n\n                    <ax-icon [icon]=\"action.icon\"></ax-icon>\n\n                  </ax-prefix>\n\n                }\n\n              </ax-button>\n\n            }\n\n          </div>\n\n        </article>\n\n      }\n\n    </div>\n\n  }\n\n</section>\n\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXERepositoryCommitsPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axe-repository-commits-panel', imports: [
+                        AsyncPipe,
+                        FormsModule,
+                        AXBadgeModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXSelectBoxModule,
+                        AXTranslationModule,
+                        AXPStateMessageComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"flex flex-col gap-4 rounded-lg border border-surface bg-lighter-surface p-4\">\n\n  <div class=\"flex flex-wrap items-start justify-between gap-3\">\n\n    <div>\n\n      <div class=\"font-medium\">{{ (i18n + '.title' | translate | async) ?? '' }}</div>\n\n      <div class=\"text-sm opacity-70\">{{ (i18n + '.description' | translate | async) ?? '' }}</div>\n\n    </div>\n\n    <!-- ----- Branch filter ----- -->\n\n    @if (branchOptions().length) {\n\n      <ax-select-box\n\n        class=\"min-w-[12rem]\"\n\n        [dataSource]=\"branchOptions()\"\n\n        [ngModel]=\"selectedBranch()\"\n\n        (ngModelChange)=\"onBranchChange($event)\"\n\n        valueField=\"name\"\n\n        textField=\"title\"\n\n        [placeholder]=\"(i18n + '.branch.placeholder' | translate | async) ?? ''\"\n\n      ></ax-select-box>\n\n    }\n\n  </div>\n\n\n\n  <!-- ----- Branch-level hook actions ----- -->\n\n  @if (branchActions().length) {\n\n    <div class=\"flex flex-wrap gap-2\">\n\n      @for (action of branchActions(); track action.name ?? action.title) {\n\n        <ax-button\n\n          look=\"outline\"\n\n          color=\"primary\"\n\n          size=\"sm\"\n\n          [text]=\"(actionTextKey(action) | translate | async) ?? ''\"\n\n          (onClick)=\"onActionClick(action)\"\n\n        >\n\n          @if (action.icon) {\n\n            <ax-prefix>\n\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n\n            </ax-prefix>\n\n          }\n\n        </ax-button>\n\n      }\n\n    </div>\n\n  }\n\n\n\n  <!-- ----- Commits loading indicator ----- -->\n\n  @if (loading()) {\n\n    <ax-loading></ax-loading>\n\n  }\n\n  <!-- ----- Empty commits state ----- -->\n\n  @else if (!commits().length) {\n\n    <axp-state-message\n\n      icon=\"fa-light fa-code-commit\"\n\n      [title]=\"i18n + '.empty.title'\"\n\n      [description]=\"i18n + '.empty.description'\"\n\n      look=\"minimal\"\n\n    ></axp-state-message>\n\n  }\n\n  <!-- ----- Commits list ----- -->\n\n  @else {\n\n    <div class=\"flex flex-col gap-2\">\n\n      @for (commit of commits(); track commit.sha) {\n\n        <article class=\"flex flex-wrap items-start justify-between gap-3 rounded-lg border border-surface bg-surface p-3\">\n\n          <div class=\"min-w-0 flex-1\">\n\n            <div class=\"flex flex-wrap items-center gap-2\">\n\n              <ax-badge\n\n                size=\"sm\"\n\n                look=\"twotone\"\n\n                color=\"primary\"\n\n                [text]=\"commit.shortSha ?? commit.sha.slice(0, 7)\"\n\n              ></ax-badge>\n\n              <span class=\"font-medium\">{{ commitMessage(commit) }}</span>\n\n            </div>\n\n            <div class=\"mt-1 flex flex-wrap gap-x-4 gap-y-1 text-sm opacity-70\">\n\n              <span>{{ commit.authorName }}</span>\n\n              <span>{{ formatCommittedAt(commit.committedAt) }}</span>\n\n            </div>\n\n          </div>\n\n          <div class=\"flex shrink-0 flex-wrap items-center gap-2\">\n\n            <ax-button\n\n              look=\"blank\"\n\n              size=\"sm\"\n\n              [text]=\"(i18n + '.actions.view' | translate | async) ?? ''\"\n\n              (onClick)=\"onViewCommit(commit)\"\n\n            >\n\n              <ax-prefix>\n\n                <ax-icon icon=\"fa-light fa-arrow-up-right-from-square\"></ax-icon>\n\n              </ax-prefix>\n\n            </ax-button>\n\n            <!-- ----- Commit-level hook actions ----- -->\n\n            @for (action of commitActions(commit.sha); track action.name ?? action.title) {\n\n              <ax-button\n\n                look=\"outline\"\n\n                size=\"sm\"\n\n                color=\"primary\"\n\n                [text]=\"(actionTextKey(action) | translate | async) ?? ''\"\n\n                (onClick)=\"onActionClick(action)\"\n\n              >\n\n                @if (action.icon) {\n\n                  <ax-prefix>\n\n                    <ax-icon [icon]=\"action.icon\"></ax-icon>\n\n                  </ax-prefix>\n\n                }\n\n              </ax-button>\n\n            }\n\n          </div>\n\n        </article>\n\n      }\n\n    </div>\n\n  }\n\n</section>\n\n" }]
+        }], ctorParameters: () => [], propDecorators: { projectId: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectId", required: true }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: true }] }] } });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const I18N = '@extensions-source-control:pages.repository';
+const PROVIDER_PRESENTATION = {
+    [AXE_SC_PROVIDER_GITHUB]: {
+        providerId: AXE_SC_PROVIDER_GITHUB,
+        icon: 'fa-brands fa-github',
+        titleKey: '@extensions-github:integration.display-name',
+    },
+    [AXE_SC_PROVIDER_GITLAB]: {
+        providerId: AXE_SC_PROVIDER_GITLAB,
+        icon: 'fa-brands fa-gitlab',
+        titleKey: '@extensions-gitlab:integration.display-name',
+    },
+};
+//#endregion
+//#region ----- Component -----
+class AXESourceControlPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super();
+        //#region ----- Inputs -----
+        this.rootContext = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.pageConfig = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Services & Dependencies -----
+        this.i18n = I18N;
+        this.linkService = inject(AXESourceControlProjectLinkService);
+        this.dialogService = inject(AXDialogService);
+        this.translationService = inject(AXTranslationService);
+        //#endregion
+        //#region ----- State Signals -----
+        this.loading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.linking = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "linking" }] : /* istanbul ignore next */ []));
+        this.reposLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reposLoading" }] : /* istanbul ignore next */ []));
+        this.step = signal('provider', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+        this.connections = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "connections" }] : /* istanbul ignore next */ []));
+        this.selectedConnection = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedConnection" }] : /* istanbul ignore next */ []));
+        this.repositories = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "repositories" }] : /* istanbul ignore next */ []));
+        this.searchQuery = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+        this.existingLink = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "existingLink" }] : /* istanbul ignore next */ []));
+        this.selectingNewLink = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectingNewLink" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.projectId = computed(() => {
+            const id = this.rootContext()?.['id'];
+            return typeof id === 'string' ? trim(id) : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "projectId" }] : /* istanbul ignore next */ []));
+        this.hasConnections = computed(() => this.connections().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasConnections" }] : /* istanbul ignore next */ []));
+        this.showLinkedSummary = computed(() => Boolean(this.existingLink()) && !this.selectingNewLink(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showLinkedSummary" }] : /* istanbul ignore next */ []));
+        this.linkedRepository = computed(() => (this.showLinkedSummary() ? this.existingLink() : null), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "linkedRepository" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const projectId = this.projectId();
+            if (!projectId) {
+                return;
+            }
+            untracked(() => {
+                void this.initialize(projectId);
+            });
+        });
+    }
+    ngOnDestroy() {
+        clearTimeout(this.searchDebounce);
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    providerTitle(connection) {
+        const presentation = PROVIDER_PRESENTATION[connection.providerId];
+        if (presentation?.titleKey) {
+            return presentation.titleKey;
+        }
+        return defaultTo(connection.displayName, connection.providerId);
+    }
+    providerIcon(connection) {
+        return PROVIDER_PRESENTATION[connection.providerId]?.icon ?? 'fa-light fa-code-branch';
+    }
+    async onSelectConnection(connection) {
+        this.selectedConnection.set(connection);
+        this.step.set('repositories');
+        this.searchQuery.set('');
+        await this.loadRepositories();
+    }
+    onBackToProviders() {
+        if (this.existingLink()) {
+            this.onCancelChange();
+            return;
+        }
+        this.step.set('provider');
+        this.selectedConnection.set(null);
+        this.repositories.set([]);
+        this.searchQuery.set('');
+    }
+    onSearchChange(value) {
+        this.searchQuery.set(value ?? '');
+        clearTimeout(this.searchDebounce);
+        this.searchDebounce = setTimeout(() => {
+            void this.loadRepositories();
+        }, 350);
+    }
+    async onSelectRepository(repo) {
+        const connection = this.selectedConnection();
+        const projectId = this.projectId();
+        if (!connection || !projectId) {
+            return;
+        }
+        const confirmed = await this.confirmLink(repo);
+        if (!confirmed) {
+            return;
+        }
+        this.linking.set(true);
+        try {
+            const link = await this.linkService.saveLink({ projectId, connection, repo });
+            this.existingLink.set(link);
+            this.selectingNewLink.set(false);
+            this.step.set('provider');
+            this.selectedConnection.set(null);
+            this.repositories.set([]);
+            this.searchQuery.set('');
+            await this.showLinkedToast(repo.fullName);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Failed to link repository.';
+            this.toastService.show({ color: 'danger', content: message });
+        }
+        finally {
+            this.linking.set(false);
+        }
+    }
+    async onChangeRepository() {
+        this.selectingNewLink.set(true);
+        this.step.set('provider');
+        this.selectedConnection.set(null);
+        this.repositories.set([]);
+        this.searchQuery.set('');
+    }
+    onCancelChange() {
+        this.selectingNewLink.set(false);
+        this.step.set('provider');
+        this.selectedConnection.set(null);
+        this.repositories.set([]);
+        this.searchQuery.set('');
+    }
+    async onUnlinkRepository() {
+        const link = this.existingLink();
+        const projectId = this.projectId();
+        if (!link || !projectId) {
+            return;
+        }
+        const confirmed = await this.confirmUnlink(link.fullName);
+        if (!confirmed) {
+            return;
+        }
+        this.linking.set(true);
+        try {
+            await this.linkService.removeLink(projectId);
+            this.existingLink.set(null);
+            this.step.set('provider');
+            const message = await this.translationService.translateAsync(`${I18N}.messages.unlinked`);
+            this.toastService.show({ color: 'success', content: message ?? 'Repository unlinked.' });
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Failed to unlink repository.';
+            this.toastService.show({ color: 'danger', content: message });
+        }
+        finally {
+            this.linking.set(false);
+        }
+    }
+    //#endregion
+    //#region ----- Data Loading -----
+    async initialize(projectId) {
+        this.loading.set(true);
+        try {
+            const [connections, link] = await Promise.all([
+                this.linkService.listConnections(),
+                this.linkService.findLinkByProjectId(projectId),
+            ]);
+            this.connections.set(connections);
+            this.existingLink.set(link);
+            if (!link) {
+                this.step.set('provider');
+            }
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Failed to load source-control data.';
+            this.toastService.show({ color: 'danger', content: message });
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async loadRepositories() {
+        const connection = this.selectedConnection();
+        if (!connection) {
+            this.repositories.set([]);
+            return;
+        }
+        this.reposLoading.set(true);
+        try {
+            const items = await this.linkService.searchRepositories(connection, this.searchQuery());
+            this.repositories.set(items);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Failed to search repositories.';
+            this.toastService.show({ color: 'danger', content: message });
+            this.repositories.set([]);
+        }
+        finally {
+            this.reposLoading.set(false);
+        }
+    }
+    //#endregion
+    //#region ----- Dialogs -----
+    async confirmLink(repo) {
+        const title = await this.translationService.translateAsync(`${I18N}.dialogs.link.title`);
+        const message = await this.translationService.translateAsync(`${I18N}.dialogs.link.message`, {
+            params: { fullName: repo.fullName },
+        });
+        return Boolean(await this.dialogService.confirm(title ?? 'Link Repository', message ?? 'Link this repository?'));
+    }
+    async confirmUnlink(fullName) {
+        const title = await this.translationService.translateAsync(`${I18N}.dialogs.unlink.title`);
+        const message = await this.translationService.translateAsync(`${I18N}.dialogs.unlink.message`, {
+            params: { fullName },
+        });
+        return Boolean(await this.dialogService.confirm(title ?? 'Unlink Repository', message ?? 'Unlink this repository?'));
+    }
+    async showLinkedToast(fullName) {
+        const message = await this.translationService.translateAsync(`${I18N}.messages.linked`, {
+            params: { fullName },
+        });
+        this.toastService.show({ color: 'success', content: message ?? 'Repository linked.' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXESourceControlPageComponent, isStandalone: true, selector: "axe-source-control-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXESourceControlPageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"flex w-full flex-col gap-4\">\n  <!-- ----- Loading indicator while page data is fetched ----- -->\n  @if (loading()) {\n    <ax-loading></ax-loading>\n  }\n  <!-- ----- Linked repository summary ----- -->\n  @else if (linkedRepository(); as link) {\n    <section class=\"flex flex-col gap-4 rounded-lg border border-surface bg-lighter-surface p-4\">\n      <div class=\"flex flex-wrap items-start justify-between gap-3\">\n        <div class=\"min-w-0\">\n          <div class=\"text-sm opacity-70\">\n            {{ (i18n + '.linked.summary' | translate | async) ?? '' }}\n          </div>\n          <div class=\"mt-1 text-lg font-medium\">{{ link.fullName }}</div>\n        </div>\n        <ax-badge\n          size=\"sm\"\n          look=\"twotone\"\n          color=\"success\"\n          [text]=\"(i18n + '.linked.badge' | translate | async) ?? ''\"\n        ></ax-badge>\n      </div>\n\n      <div class=\"grid gap-3 md:grid-cols-2\">\n        <div>\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.provider' | translate | async) ?? '' }}</div>\n          <div class=\"font-medium\">{{ link.providerId }}</div>\n        </div>\n        <!-- ----- Default branch when configured ----- -->\n        @if (link.defaultBranch) {\n          <div>\n            <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.default-branch' | translate | async) ?? '' }}</div>\n            <div class=\"font-medium\">{{ link.defaultBranch }}</div>\n          </div>\n        }\n        <div class=\"md:col-span-2\">\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.web-url' | translate | async) ?? '' }}</div>\n          <a class=\"font-medium text-primary hover:underline\" [href]=\"link.webUrl\" target=\"_blank\" rel=\"noopener noreferrer\">\n            {{ link.webUrl }}\n          </a>\n        </div>\n      </div>\n\n      <div class=\"flex flex-wrap gap-2\">\n        <ax-button\n          look=\"outline\"\n          color=\"primary\"\n          [disabled]=\"linking()\"\n          [text]=\"(i18n + '.actions.change' | translate | async) ?? ''\"\n          (onClick)=\"onChangeRepository()\"\n        >\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-arrow-right-arrow-left\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button\n          look=\"outline\"\n          color=\"danger\"\n          [disabled]=\"linking()\"\n          [text]=\"(i18n + '.actions.unlink' | translate | async) ?? ''\"\n          (onClick)=\"onUnlinkRepository()\"\n        >\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-link-slash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </section>\n\n    <axe-repository-commits-panel [projectId]=\"projectId()\" [link]=\"link\"></axe-repository-commits-panel>\n  }\n  <!-- ----- No provider connection configured ----- -->\n  @else if (!hasConnections()) {\n    <section class=\"rounded-lg border border-dashed border-surface bg-lighter-surface p-6 text-center\">\n      <ax-icon class=\"mb-3 text-3xl opacity-60\">\n        <i class=\"fa-light fa-plug-circle-xmark\"></i>\n      </ax-icon>\n      <div class=\"font-medium\">{{ (i18n + '.empty.no-connection.title' | translate | async) ?? '' }}</div>\n      <div class=\"mt-2 text-sm opacity-70\">{{ (i18n + '.empty.no-connection.description' | translate | async) ?? '' }}</div>\n    </section>\n  }\n  <!-- ----- Provider selection step ----- -->\n  @else if (step() === 'provider') {\n    <section class=\"flex flex-col gap-3\">\n      <div class=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <div class=\"font-medium\">{{ (i18n + '.steps.provider.title' | translate | async) ?? '' }}</div>\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.steps.provider.description' | translate | async) ?? '' }}</div>\n        </div>\n        <!-- ----- Cancel change when a repository is already linked ----- -->\n        @if (selectingNewLink()) {\n          <ax-button\n            look=\"blank\"\n            size=\"sm\"\n            [disabled]=\"linking()\"\n            [text]=\"(i18n + '.actions.back' | translate | async) ?? ''\"\n            (onClick)=\"onCancelChange()\"\n          ></ax-button>\n        }\n      </div>\n\n      <div class=\"grid gap-3 md:grid-cols-2\">\n        @for (connection of connections(); track connection.id) {\n          <button\n            type=\"button\"\n            class=\"flex items-start gap-3 rounded-lg border border-surface bg-lighter-surface p-4 text-start transition hover:border-primary hover:shadow-sm\"\n            [disabled]=\"linking()\"\n            (click)=\"onSelectConnection(connection)\"\n          >\n            <ax-icon class=\"mt-0.5 text-2xl\">\n              <i [class]=\"providerIcon(connection)\"></i>\n            </ax-icon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"font-medium\">\n                @if (providerTitle(connection).startsWith('@')) {\n                  {{ providerTitle(connection) | translate | async }}\n                }\n                <!-- ----- Fallback when provider title is a plain display name ----- -->\n                @else {\n                  {{ providerTitle(connection) }}\n                }\n              </div>\n              <div class=\"mt-1 truncate text-sm opacity-70\">\n                {{ connection.displayName || connection.providerId }}\n              </div>\n            </div>\n            <ax-icon class=\"opacity-50\">\n              <i class=\"fa-light fa-chevron-right\"></i>\n            </ax-icon>\n          </button>\n        }\n      </div>\n    </section>\n  }\n  <!-- ----- Repository search and selection step ----- -->\n  @else {\n    <section class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <div class=\"flex min-w-0 items-center gap-3\">\n          <ax-button\n            look=\"blank\"\n            size=\"sm\"\n            [disabled]=\"linking()\"\n            [text]=\"(i18n + '.actions.back' | translate | async) ?? ''\"\n            (onClick)=\"onBackToProviders()\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <div class=\"min-w-0\">\n            <div class=\"font-medium\">{{ (i18n + '.steps.repositories.title' | translate | async) ?? '' }}</div>\n            @if (selectedConnection(); as connection) {\n              <div class=\"truncate text-sm opacity-70\">\n                @if (providerTitle(connection).startsWith('@')) {\n                  {{ providerTitle(connection) | translate | async }}\n                }\n                <!-- ----- Fallback when provider title is a plain display name ----- -->\n                @else {\n                  {{ providerTitle(connection) }}\n                }\n                \u00B7 {{ connection.displayName || connection.providerId }}\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n\n      <ax-search-box\n        [value]=\"searchQuery()\"\n        [disabled]=\"linking()\"\n        (valueChange)=\"onSearchChange($event)\"\n        [placeholder]=\"(i18n + '.steps.repositories.search-placeholder' | translate | async) ?? ''\"\n      ></ax-search-box>\n\n      <!-- ----- Repository list loading indicator ----- -->\n      @if (reposLoading()) {\n        <ax-loading></ax-loading>\n      }\n      <!-- ----- Empty repository search results ----- -->\n      @else if (!repositories().length) {\n        <div class=\"rounded-lg border border-dashed border-surface p-6 text-center text-sm opacity-70\">\n          {{ (i18n + '.steps.repositories.empty' | translate | async) ?? '' }}\n        </div>\n      }\n      <!-- ----- Repository results ----- -->\n      @else {\n        <div class=\"flex flex-col gap-2\">\n          @for (repo of repositories(); track repo.remoteId) {\n            <button\n              type=\"button\"\n              class=\"flex items-start justify-between gap-3 rounded-lg border border-surface bg-lighter-surface p-4 text-start transition hover:border-primary hover:shadow-sm\"\n              [disabled]=\"linking()\"\n              (click)=\"onSelectRepository(repo)\"\n            >\n              <div class=\"min-w-0\">\n                <div class=\"font-medium\">{{ repo.fullName }}</div>\n                <!-- ----- Repository description when available ----- -->\n                @if (repo.description) {\n                  <div class=\"mt-1 line-clamp-2 text-sm opacity-70\">{{ repo.description }}</div>\n                }\n                <!-- ----- Default branch metadata ----- -->\n                @if (repo.defaultBranch) {\n                  <div class=\"mt-2 text-xs opacity-60\">\n                    {{ (i18n + '.fields.default-branch' | translate | async) ?? '' }}: {{ repo.defaultBranch }}\n                  </div>\n                }\n              </div>\n              <ax-icon class=\"shrink-0 opacity-50\">\n                <i class=\"fa-light fa-link\"></i>\n              </ax-icon>\n            </button>\n          }\n        </div>\n      }\n    </section>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXERepositoryCommitsPanelComponent, selector: "axe-repository-commits-panel", inputs: ["projectId", "link"] }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXESourceControlPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axe-source-control-page', imports: [
+                        CommonModule,
+                        AXBadgeModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXSearchBoxModule,
+                        AXTranslationModule,
+                        AXERepositoryCommitsPanelComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXESourceControlPageComponent,
+                        },
+                    ], template: "<div class=\"flex w-full flex-col gap-4\">\n  <!-- ----- Loading indicator while page data is fetched ----- -->\n  @if (loading()) {\n    <ax-loading></ax-loading>\n  }\n  <!-- ----- Linked repository summary ----- -->\n  @else if (linkedRepository(); as link) {\n    <section class=\"flex flex-col gap-4 rounded-lg border border-surface bg-lighter-surface p-4\">\n      <div class=\"flex flex-wrap items-start justify-between gap-3\">\n        <div class=\"min-w-0\">\n          <div class=\"text-sm opacity-70\">\n            {{ (i18n + '.linked.summary' | translate | async) ?? '' }}\n          </div>\n          <div class=\"mt-1 text-lg font-medium\">{{ link.fullName }}</div>\n        </div>\n        <ax-badge\n          size=\"sm\"\n          look=\"twotone\"\n          color=\"success\"\n          [text]=\"(i18n + '.linked.badge' | translate | async) ?? ''\"\n        ></ax-badge>\n      </div>\n\n      <div class=\"grid gap-3 md:grid-cols-2\">\n        <div>\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.provider' | translate | async) ?? '' }}</div>\n          <div class=\"font-medium\">{{ link.providerId }}</div>\n        </div>\n        <!-- ----- Default branch when configured ----- -->\n        @if (link.defaultBranch) {\n          <div>\n            <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.default-branch' | translate | async) ?? '' }}</div>\n            <div class=\"font-medium\">{{ link.defaultBranch }}</div>\n          </div>\n        }\n        <div class=\"md:col-span-2\">\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.fields.web-url' | translate | async) ?? '' }}</div>\n          <a class=\"font-medium text-primary hover:underline\" [href]=\"link.webUrl\" target=\"_blank\" rel=\"noopener noreferrer\">\n            {{ link.webUrl }}\n          </a>\n        </div>\n      </div>\n\n      <div class=\"flex flex-wrap gap-2\">\n        <ax-button\n          look=\"outline\"\n          color=\"primary\"\n          [disabled]=\"linking()\"\n          [text]=\"(i18n + '.actions.change' | translate | async) ?? ''\"\n          (onClick)=\"onChangeRepository()\"\n        >\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-arrow-right-arrow-left\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n        <ax-button\n          look=\"outline\"\n          color=\"danger\"\n          [disabled]=\"linking()\"\n          [text]=\"(i18n + '.actions.unlink' | translate | async) ?? ''\"\n          (onClick)=\"onUnlinkRepository()\"\n        >\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-link-slash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </section>\n\n    <axe-repository-commits-panel [projectId]=\"projectId()\" [link]=\"link\"></axe-repository-commits-panel>\n  }\n  <!-- ----- No provider connection configured ----- -->\n  @else if (!hasConnections()) {\n    <section class=\"rounded-lg border border-dashed border-surface bg-lighter-surface p-6 text-center\">\n      <ax-icon class=\"mb-3 text-3xl opacity-60\">\n        <i class=\"fa-light fa-plug-circle-xmark\"></i>\n      </ax-icon>\n      <div class=\"font-medium\">{{ (i18n + '.empty.no-connection.title' | translate | async) ?? '' }}</div>\n      <div class=\"mt-2 text-sm opacity-70\">{{ (i18n + '.empty.no-connection.description' | translate | async) ?? '' }}</div>\n    </section>\n  }\n  <!-- ----- Provider selection step ----- -->\n  @else if (step() === 'provider') {\n    <section class=\"flex flex-col gap-3\">\n      <div class=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <div class=\"font-medium\">{{ (i18n + '.steps.provider.title' | translate | async) ?? '' }}</div>\n          <div class=\"text-sm opacity-70\">{{ (i18n + '.steps.provider.description' | translate | async) ?? '' }}</div>\n        </div>\n        <!-- ----- Cancel change when a repository is already linked ----- -->\n        @if (selectingNewLink()) {\n          <ax-button\n            look=\"blank\"\n            size=\"sm\"\n            [disabled]=\"linking()\"\n            [text]=\"(i18n + '.actions.back' | translate | async) ?? ''\"\n            (onClick)=\"onCancelChange()\"\n          ></ax-button>\n        }\n      </div>\n\n      <div class=\"grid gap-3 md:grid-cols-2\">\n        @for (connection of connections(); track connection.id) {\n          <button\n            type=\"button\"\n            class=\"flex items-start gap-3 rounded-lg border border-surface bg-lighter-surface p-4 text-start transition hover:border-primary hover:shadow-sm\"\n            [disabled]=\"linking()\"\n            (click)=\"onSelectConnection(connection)\"\n          >\n            <ax-icon class=\"mt-0.5 text-2xl\">\n              <i [class]=\"providerIcon(connection)\"></i>\n            </ax-icon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"font-medium\">\n                @if (providerTitle(connection).startsWith('@')) {\n                  {{ providerTitle(connection) | translate | async }}\n                }\n                <!-- ----- Fallback when provider title is a plain display name ----- -->\n                @else {\n                  {{ providerTitle(connection) }}\n                }\n              </div>\n              <div class=\"mt-1 truncate text-sm opacity-70\">\n                {{ connection.displayName || connection.providerId }}\n              </div>\n            </div>\n            <ax-icon class=\"opacity-50\">\n              <i class=\"fa-light fa-chevron-right\"></i>\n            </ax-icon>\n          </button>\n        }\n      </div>\n    </section>\n  }\n  <!-- ----- Repository search and selection step ----- -->\n  @else {\n    <section class=\"flex flex-col gap-4\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <div class=\"flex min-w-0 items-center gap-3\">\n          <ax-button\n            look=\"blank\"\n            size=\"sm\"\n            [disabled]=\"linking()\"\n            [text]=\"(i18n + '.actions.back' | translate | async) ?? ''\"\n            (onClick)=\"onBackToProviders()\"\n          >\n            <ax-prefix>\n              <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n            </ax-prefix>\n          </ax-button>\n          <div class=\"min-w-0\">\n            <div class=\"font-medium\">{{ (i18n + '.steps.repositories.title' | translate | async) ?? '' }}</div>\n            @if (selectedConnection(); as connection) {\n              <div class=\"truncate text-sm opacity-70\">\n                @if (providerTitle(connection).startsWith('@')) {\n                  {{ providerTitle(connection) | translate | async }}\n                }\n                <!-- ----- Fallback when provider title is a plain display name ----- -->\n                @else {\n                  {{ providerTitle(connection) }}\n                }\n                \u00B7 {{ connection.displayName || connection.providerId }}\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n\n      <ax-search-box\n        [value]=\"searchQuery()\"\n        [disabled]=\"linking()\"\n        (valueChange)=\"onSearchChange($event)\"\n        [placeholder]=\"(i18n + '.steps.repositories.search-placeholder' | translate | async) ?? ''\"\n      ></ax-search-box>\n\n      <!-- ----- Repository list loading indicator ----- -->\n      @if (reposLoading()) {\n        <ax-loading></ax-loading>\n      }\n      <!-- ----- Empty repository search results ----- -->\n      @else if (!repositories().length) {\n        <div class=\"rounded-lg border border-dashed border-surface p-6 text-center text-sm opacity-70\">\n          {{ (i18n + '.steps.repositories.empty' | translate | async) ?? '' }}\n        </div>\n      }\n      <!-- ----- Repository results ----- -->\n      @else {\n        <div class=\"flex flex-col gap-2\">\n          @for (repo of repositories(); track repo.remoteId) {\n            <button\n              type=\"button\"\n              class=\"flex items-start justify-between gap-3 rounded-lg border border-surface bg-lighter-surface p-4 text-start transition hover:border-primary hover:shadow-sm\"\n              [disabled]=\"linking()\"\n              (click)=\"onSelectRepository(repo)\"\n            >\n              <div class=\"min-w-0\">\n                <div class=\"font-medium\">{{ repo.fullName }}</div>\n                <!-- ----- Repository description when available ----- -->\n                @if (repo.description) {\n                  <div class=\"mt-1 line-clamp-2 text-sm opacity-70\">{{ repo.description }}</div>\n                }\n                <!-- ----- Default branch metadata ----- -->\n                @if (repo.defaultBranch) {\n                  <div class=\"mt-2 text-xs opacity-60\">\n                    {{ (i18n + '.fields.default-branch' | translate | async) ?? '' }}: {{ repo.defaultBranch }}\n                  </div>\n                }\n              </div>\n              <ax-icon class=\"shrink-0 opacity-50\">\n                <i class=\"fa-light fa-link\"></i>\n              </ax-icon>\n            </button>\n          }\n        </div>\n      }\n    </section>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }] } });
+
+export { AXESourceControlPageComponent };
+//# sourceMappingURL=acorex-platform-extension-source-control-core-client-source-control-page.component-DOALkPKo.mjs.map