feat(FR-1180): Mockup UI for Deployment and Revisions

[yomybaby]

resolves #3880 (FR-1180)

Add Deployment Management UI

This PR adds a new Deployment Management UI to the WebUI, allowing users to create and manage model deployments. The implementation includes:

• New deployment list page with filtering and pagination
• Deployment detail page showing metadata and revisions
• Revision creation with simple and expert modes
• Revision detail page with autoscaling rules and trigger history
• Traffic ratio management between revisions

The UI supports both simple preset-based deployments and expert mode with full configuration control.

Checklist:

• Documentation
• Minium required manager version
• Specific setting for review (eg., KB link, endpoint or how to setup)
• Minimum requirements to check during review
• Test case(s) to demonstrate the difference of before/after

[yomybaby]

• feat(FR-1391): Add auto scaling rule #4197 : 2 dependent PRs (#4200 , #4210 )
• feat(FR-1407): add modify and delete action buttons for deployment detail page #4187
• feat(FR-1388): Add deployment detail page #4173
• feat(FR-1371): Add model deployment launcher UI #4156
• feat(FR-1371): Implement model deployment UI components #4149
• feat(FR-1180): Mockup UI for Deployment and Revisions #3947 👈 (View in Graphite)
• feat(FR-1370): Property filter component for GraphQL v2 filter type #4170 : 1 other dependent PR (#3934 )
• main

---

How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

• flow:merge-queue - adds this PR to the back of the merge queue
• flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

[github-actions]

Coverage report for ./react

St.❔	Category	Percentage	Covered / Total
🔴	Statements	4.49% (-0.11% 🔻)	502/11192
🔴	Branches	3.65% (-0.05% 🔻)	285/7805
🔴	Functions	2.54% (-0.08% 🔻)	90/3543
🔴	Lines	4.45% (-0.11% 🔻)	488/10959

Show new covered files 🐣

St.❔	File	Statements	Branches	Functions	Lines
🔴	... / DeploymentCreatePage.tsx	0%	100%	0%	0%
🔴	... / DeploymentListPage.tsx	0%	0%	0%	0%
🔴	... / DeploymentDetailPage.tsx	0%	0%	0%	0%
🔴	... / RevisionCreatePage.tsx	0%	0%	0%	0%
🔴	... / RevisionDetailPage.tsx	0%	0%	0%	0%
🔴	... / DeploymentCreateModal.tsx	0%	0%	0%	0%
🔴	... / DeploymentList.tsx	0%	100%	0%	0%
🔴	... / DeploymentModeTag.tsx	0%	0%	0%	0%
🔴	... / DeploymentStatusTag.tsx	0%	0%	0%	0%
🔴	... / TrafficRatioSlider.tsx	0%	0%	0%	0%

Test suite run success

114 tests passing in 13 suites.

Report generated by 🧪jest coverage report action from aee2be0

[Copilot]

Pull Request Overview

This PR adds a comprehensive Deployment Management UI to the WebUI, allowing users to create and manage model deployments with both simple preset-based configurations and expert mode with full control. The implementation includes list, detail, and creation pages for deployments and revisions with features like traffic ratio management and autoscaling rules.

• Adds new deployment management pages with CRUD operations for deployments and revisions
• Implements two deployment modes: simple (preset-based) and expert (full configuration)
• Includes traffic ratio management between deployment revisions

Reviewed Changes

Copilot reviewed 15 out of 15 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/components/backend-ai-webui.ts	Adds 'deployment' to available pages list
src/backend-ai-app.ts	Adds deployment route handling and import
resources/i18n/en.json	Adds comprehensive i18n strings for deployment and revision features
react/src/pages/Deployments/*.tsx	Core deployment management pages with list, detail, and creation functionality
react/src/components/Deployments/*.tsx	Reusable deployment UI components for status, mode, traffic management
react/src/components/MainLayout/WebUISider.tsx	Adds deployment menu item to sidebar navigation
react/src/App.tsx	Defines React router configuration for deployment pages

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The translation key 'revision.Condition' is used but not defined in the i18n file. This will result in missing translation text.

[Copilot]

Hard-coded memory value '12g' should use actual data from the deployment object. Consider using row.total_mem or calculating from available data.

Suggested change

	<ResourceNumber type="mem" value={'12g'} />
	<ResourceNumber type="mem" value={row.total_mem.toString()} />