GitLab Duo Agent Platform

GitLab Duo Agent Platform에 대해 설명합니다.

이 가이드는 GitLab Duo Agent Platform으로 작업하는 방법을 설명합니다. 개요 # GitLab Duo Agent Platform은 AI 기반 자동화 기능을 위한 통합 인터페이스를 제공하는 Vue.js로 빌드된 단일 페이지 애플리케이션(SPA)입니다. 이 플랫폼은 여러 내비게이션 항목이 /automate 경로 하위에 공존할 수 있도록 하는 범위가 지정된 라우팅 시스템을 사용합니다. 이 플랫폼은 컴포넌트 매핑 시스템을 통해 컨텍스트별 기능을 제공하면서 동일한 프런트엔드 인프라를 다양한 컨텍스트(프로젝트, 그룹 등)에서 재사용할 수 있도록 하는 유연한 네임스페이스 시스템으로 설계되었습니다. 네임스페이스 아키텍처 # 네임스페이스 시스템은 다음을 수행하는 중앙 매핑 메커니즘을 중심으로 구축됩니다: 네임스페이스 확인 - 플랫폼이 실행 중인 컨텍스트를 결정합니다 Vue 컴포넌트에 매핑 - 해당 네임스페이스에 적합한 Vue 컴포넌트로 라우팅합니다 GraphQL 쿼리를 props로 전달 - 의존성 주입을 통해 네임스페이스별 데이터를 제공합니다 진입점 # 주요 진입점은 다음 위치에 있습니다: ee/app/assets/javascripts/pages/projects/duo _agents_ platform/index.js 이 파일은 플랫폼을 가져오고 초기화합니다: import { initDuoAgentsPlatformProjectPage } from 'ee/ai/duo_agents_platform/namespace/project' ; initDuoAgentsPlatformProjectPage (); 앱 구조 # Mermaid 다이어그램 (12줄) 소스 코드 보기 graph TD A[Entry Point] --> B[initDuoAgentsPlatformPage] B --> C[Extract Namespace Data] C --> D[Create Router with Namespace] D --> E[Component Mapping] E --> F[Namespace-Specific Component] F --> G[GraphQL Query with Props] G --> H[Rendered UI] I[Dataset Properties] --> C J[Namespace Constant] --> E K[Component Mappings] --> E</code></pre></details></div> 새 내비게이션 항목 추가 # GitLab Duo Agent Platform은 Vue Router 구성이 브레드크럼 내비게이션을 직접 구동하는 라우터 기반 내비게이션 시스템을 사용합니다. 핵심은 ee/app/assets/javascripts/ai/duo_agents_platform/router/index.js 의 라우터 구조가 URL 구조와 브레드크럼 계층 구조 모두를 결정한다 는 것입니다. 라우터 기반 내비게이션 작동 방식 # 시스템은