Skip to content

UI — DevOps Center

The DevOps / GitOps Platform surfaces in Factory Studio as the DevOps Center — the operator's window onto the delivery plane. It is a read-and-act console: humans observe what the agents are doing and intervene only where governance requires it. The UI is built with the ConnectSoft.Blazor.* micro-frontend stack and consumes the platform's REST and gRPC streaming APIs.

Target Architecture — Final-State Design

All surfaces below are tenant- and project-scoped. They render live state from the platform and stream updates over gRPC/SignalR; they do not bypass the platform's APIs or governance gates.

Surfaces

flowchart LR
    DevOpsCenter["DevOps Center"] --> Repos["Repositories"]
    DevOpsCenter --> PRs["Pull Requests"]
    DevOpsCenter --> Pipelines["Pipelines"]
    DevOpsCenter --> Releases["Releases"]
    DevOpsCenter --> Environments["Environments"]
Hold "Alt" / "Option" to enable pan & zoom

Repositories

  • Browse repositories per project/module with provider, default branch, and provisioning status.
  • Drill into branches and recent commits, each linked to its originating artifactId for lineage.
  • Action: request repository provisioning (delegated to the agent that calls POST /repositories).

Pull Requests

  • A board of open/merged/abandoned PRs with check status and policy-gate state.
  • Per-PR detail: source/target branches, checks, reviews, and the governance evaluation.
  • Action: a human reviewer can approve/merge where policy requires human sign-off; otherwise the Pull Request Creator agent drives it.

Pipelines

  • List generated pipeline definitions and recent runs with status and duration.
  • Live log tail via the PipelineExecution.StreamRunLogs gRPC stream.
  • Action: trigger a run (POST /pipelines/{pipelineId}/run) or regenerate a definition.

Releases

  • The release pipeline view: planned → pending approval → approved → promoting → deployed, mirroring the ReleasePlan state machine.
  • Approval surface enforcing segregation of duties; production releases that require a human approver appear here.
  • Per-release detail: build provenance, packages/images, deployment manifest, and approval audit trail.

Environments

  • Environment matrix (dev / test / staging / prod) showing the currently deployed version per module.
  • GitOps sync status per environment (Synced / OutOfSync / Reconciling / Degraded) with drift indicators.
  • Action: request a promotion or trigger a reconcile (delegated to agents/services).

Real-Time & Notifications

  • State changes arrive over SignalR/gRPC streams so the UI reflects deployments and reconciliations as they happen.
  • Incidents and stuck workflows surface as banners linked to the Observability & Feedback Platform.

Accessibility & Theming

  • Built on the ConnectSoft.Blazor.UIKit with WCAG-compliant components and the factory's light/dark theming.
  • All destructive or governance-sensitive actions present a confirmation with the policy context.

Pillar Alignment

  • Observability — the DevOps Center is the human-facing observability surface for delivery.
  • Governance — human approval gates and audit trails are first-class UI elements.
  • Autonomy — the UI shows agent activity; humans supervise rather than operate.