fix: use Navigate instead of WebUINavigate for /service/:endpointId/edit redirect

Author: agatha197

.specs/FR-1368-endpoint-deployment-migration/.context/findings.md

@@ -0,0 +1,29 @@
+# FR-1368 Implementation Findings
+
+## Wave 1 (2026-04-22)
+
+### i18n namespace decision (FR-2666)
+Per the Jira issue wording (not the spec's modelService.* suggestion), the foundation adds keys under **`deployment.*`** and **`replicaStatus.*`** (flat namespaces).
+- 143 keys added to `resources/i18n/en.json`.
+- Other 21 languages will be filled via `/fw:i18n` later.
+- Downstream: all status tags/form fields/tabs must reference `deployment.*` / `replicaStatus.*`, NOT `modelService.*`.
+
+### Routes decision (FR-2664)
+- `/admin-serving/:serviceId` redirects to `/deployments/:serviceId` (shared detail page for admin + user), NOT a separate `/admin-deployments/:serviceId`. Admin list is at `/admin-deployments` only.
+- Legacy launcher paths `/service/start` and `/service/update/:endpointId` preserved until FR-2675 launcher lands.
+- Stub pages use `'use memo'` directive and render TODO placeholders.
+
+### Menu hook follow-on (FR-2665)
+- `StartPage.tsx` had a typed `requiredMenuKey: MenuKeys = 'serving'` that had to be updated to `'deployments'` alongside the hook change (MenuKeys type narrows).
+
+### Graphite quirks (common across Wave 1)
+- Worktree `pnpm install` generates `pnpm-lock.worktree-<id>.yaml`. `gt create --all` picks it up → filter it before creating.
+- Agent worktree branches are not tracked in Graphite metadata. Run `gt track --parent main` before first `gt submit`.
+
+## PR Index
+| Sub-task | PR | Branch |
+|----------|----|--------|
+| FR-2663 | [#6904](https://github.com/lablup/backend.ai-webui/pull/6904) | 04-22-feat_fr-2663_... |
+| FR-2664 | [#6907](https://github.com/lablup/backend.ai-webui/pull/6907) | 04-22-feat_fr-2664_... |
+| FR-2665 | [#6905](https://github.com/lablup/backend.ai-webui/pull/6905) | 04-22-feat_fr-2665_... |
+| FR-2666 | [#6906](https://github.com/lablup/backend.ai-webui/pull/6906) | 04-22-feat_fr-2666_... |

.specs/FR-1368-endpoint-deployment-migration/.context/progress.md

@@ -0,0 +1,33 @@
+# Endpoint → Deployment UI Migration Progress
+
+## Last Session: 2026-04-22 (plan creation)
+
+### 1. Current Phase
+
+Planning complete. 6 Stories + 22 Sub-tasks created in Jira under Epic FR-1368. Ready for Wave 1 (Foundation) implementation.
+
+### 2. Next Action
+
+Run `/batch-implement .specs/FR-1368-endpoint-deployment-migration/dev-plan.md` to start Wave 1 (FR-2663, FR-2664, FR-2665, FR-2666 — Foundation layer).
+
+All four Wave 1 sub-tasks have no blockers and can run in parallel, though they may be bundled into a single "Foundation" PR since they are small / mechanical-tier changes.
+
+### 3. Current Goal
+
+Land Story 1 (Foundation) so downstream Stories 2 – 6 are unblocked.
+
+### 4. Lessons Learned
+
+- Jira issuetype is `Subtask` (single word), not `Sub-task`. Using hyphenated form returns HTTP 400.
+- `fw-jira` binary symlink in `~/.local/bin/fw-jira` is broken; use `bash /Users/sujinkim/.claude/plugins/fw/bin/jira.sh` directly.
+- Dependency modeling prioritized *code-level* blockers: shared components (FR-2667, FR-2668) block list table (FR-2670); list table blocks list pages; list pages block cleanup; etc. Cross-story relations that aren't strict blockers are modeled with `relates` (e.g. FR-2675 ↔ FR-2676).
+
+### 5. Completed Work
+
+- Spec finalized: `.specs/FR-1368-endpoint-deployment-migration/spec.md` (PR-review feedback applied)
+- Dev plan created: `.specs/FR-1368-endpoint-deployment-migration/dev-plan.md`
+- 6 Stories created under Epic FR-1368: FR-2657, FR-2658, FR-2659, FR-2660, FR-2661, FR-2662
+- 22 Sub-tasks created with parent Story links: FR-2663 – FR-2684
+- Dependency links (`blocks` + one `relates`) set between sub-tasks to enable `/batch-implement` wave scheduling
+- `metadata.json` updated with Story / Sub-task mapping
+- `.context/` initialized (this file + tasks.md + findings.md)

.specs/FR-1368-endpoint-deployment-migration/.context/tasks.md

@@ -0,0 +1,43 @@
+# Endpoint → Deployment UI Migration Tasks
+
+> Last synced: 2026-04-22 (plan creation)
+> Source: Jira (project FR)
+
+## Progress: 0/22 complete
+
+### Wave 1 — Foundation (Story 1)
+
+- [ ] FR-2663: Add model-deployment-extended-filter feature flag (26.4.3+) — created
+- [ ] FR-2664: Add routes for /deployments + /admin-deployments with legacy fallbacks — created
+- [ ] FR-2665: Update sidebar menu: Serving → Deployments — created
+- [ ] FR-2666: Add Deployment i18n keys (en.json) + propagate to 21 languages — created
+
+### Wave 2 — Shared components + launcher body + quick-deploy hook
+
+- [ ] FR-2667: Add ReplicaStatusTag component + Storybook story — blocked by FR-2666
+- [ ] FR-2668: Add DeploymentStatusTag component — blocked by FR-2666
+- [ ] FR-2669: Add DeploymentOwnerInfo component — blocked by FR-2666
+- [ ] FR-2674: Add DeploymentLauncherPageContent — multi-step form body — after Wave 1
+- [ ] FR-2683: Add useDeploymentLauncher hook (GQL-based Quick Deploy) — blocked by FR-2663
+
+### Wave 3 — List table, launcher page, detail sub-components
+
+- [ ] FR-2670: Add DeploymentList fragment-receiving table — blocked by FR-2667, FR-2668
+- [ ] FR-2675: Add DeploymentLauncherPage (create/edit entry) + GQL mutations — blocked by FR-2674, FR-2664
+- [ ] FR-2676: Add DeploymentConfigurationSection (Overview card + Edit button) — relates FR-2675
+- [ ] FR-2677: Add DeploymentReplicasTab + Replica detail Drawer — blocked by FR-2667
+- [ ] FR-2678: Add DeploymentRevisionHistoryTab + Rollback flow
+- [ ] FR-2679: Add DeploymentAccessTokensTab (list + create + delete)
+- [ ] FR-2680: Add DeploymentAutoScalingTab (wrap existing AutoScalingRuleList)
+
+### Wave 4 — User-visible pages
+
+- [ ] FR-2671: Add DeploymentListPage (user) — owns myDeployments query — blocked by FR-2670, FR-2664
+- [ ] FR-2672: Add AdminDeploymentListPage + admin-only filters/columns (26.4.3+) — blocked by FR-2670, FR-2669, FR-2664
+- [ ] FR-2681: Add DeploymentDetailPage (header + Overview + 4 tabs + URL tab sync) — blocked by FR-2676, FR-2677, FR-2678, FR-2679, FR-2680, FR-2668, FR-2664
+
+### Wave 5 — Cleanup + consumer migration
+
+- [ ] FR-2673: Remove legacy ServingPage and EndpointList / EndpointStatusTag — blocked by FR-2671, FR-2672
+- [ ] FR-2682: Remove legacy EndpointDetailPage + related Endpoint components — blocked by FR-2681
+- [ ] FR-2684: Migrate Deploy button sites to [Deploy | ▼] split button — blocked by FR-2683, FR-2675, FR-2664

react/src/hooks/useWebUIMenuItems.tsx

@@ -85,7 +85,7 @@ export const VALID_MENU_KEYS = [
   'summary', // alias to dashboard for backward compatibility
   'session',
   'job', // alias to session for backward compatibility
-  'serving',
+  'deployments',
   'model-store',
   'ai-agent',
   'chat',
@@ -101,7 +101,7 @@ export const VALID_MENU_KEYS = [
   'scheduler',
   'resource-policy',
   'reservoir',
-  'admin-serving',
+  'admin-deployments',
   'admin-dashboard',
   'admin-data',
   'project-admin-users',
@@ -126,7 +126,7 @@ const ALL_ADMIN_PAGE_KEYS: ReadonlySet<string> = new Set([
   'scheduler',
   'resource-policy',
   'reservoir',
-  'admin-serving',
+  'admin-deployments',
   'admin-dashboard',
   'admin-data',
   'project-admin-users',
@@ -141,13 +141,13 @@ const ALL_ADMIN_PAGE_KEYS: ReadonlySet<string> = new Set([
 ]);
 
 // Admin-category page keys reachable by a project admin (3-tier admin gating).
-// Project admins see Sessions, Serving, Data (vfolders) and Members within the
-// admin category. Other admin pages remain visible only to domain admins or
+// Project admins see Sessions, Deployments, Data (vfolders) and Members within
+// the admin category. Other admin pages remain visible only to domain admins or
 // superadmins. Kept as a plain array so it can be exported and reused (e.g. for
 // per-page route gating in follow-up PRs).
 export const PROJECT_ADMIN_PAGE_KEYS = [
   // 'admin-session',
-  // 'admin-serving',
+  // 'admin-deployments',
   // 'admin-data',
   'project-admin-users',
 ] as const;
@@ -158,7 +158,7 @@ const PROJECT_ADMIN_PAGE_KEY_SET: ReadonlySet<string> = new Set(
 
 // Page keys that additionally require superadmin role
 const SUPERADMIN_ONLY_PAGE_KEYS: ReadonlySet<string> = new Set([
-  'admin-serving',
+  'admin-deployments',
   'admin-dashboard',
   'admin-data',
   'agent',
@@ -268,10 +268,10 @@ export const useWebUIMenuItems = (props?: UseWebUIMenuItemsProps) => {
       'workload',
     ),
     createMenuItem(
-      '/serving',
-      t('webui.menu.Serving'),
+      '/deployments',
+      t('webui.menu.Deployments'),
       <BAIEndpointsIcon style={{ color: token.colorPrimary }} />,
-      'serving',
+      'deployments',
       'service',
     ),
     createMenuItem(
@@ -379,10 +379,12 @@ export const useWebUIMenuItems = (props?: UseWebUIMenuItemsProps) => {
     },
     isSuperAdmin && {
       label: (
-        <WebUILink to="/admin-serving">{t('webui.menu.Serving')}</WebUILink>
+        <WebUILink to="/admin-deployments">
+          {t('webui.menu.Deployments')}
+        </WebUILink>
       ),
       icon: <BAIEndpointsIcon style={{ color: token.colorInfo }} />,
-      key: 'admin-serving' as MenuKeys,
+      key: 'admin-deployments' as MenuKeys,
       group: 'admin-operations' as AdminMenuGroupName,
     },
     {

react/src/pages/StartPage.tsx

@@ -208,7 +208,7 @@ const StartPage: React.FC = () => {
     enableModelFolders && {
       id: 'modelService',
       rowSpan: 3,
-      requiredMenuKey: 'serving',
+      requiredMenuKey: 'deployments',
       columnSpan: 1,
       columnOffset: { 6: 0, 4: 0 },
       data: {

resources/i18n/de.json

@@ -753,6 +753,144 @@
       "Used": "gebraucht"
     }
   },
+  "deployment": {
+    "AccessToken": "Zugriffstoken",
+    "AccessTokens": "Zugriffstoken",
+    "ActivePool": "Active Pool",
+    "ActivePoolDescription": "Replikate, die derzeit über AppProxy Datenverkehr empfangen.",
+    "ActivenessStatus": "Aktivitätsstatus",
+    "AdminDeployments": "Admin-Bereitstellungen",
+    "AutoScaling": "Automatische Skalierung",
+    "AutoScalingRules": "Regeln für automatische Skalierung",
+    "ClusterMode": "Cluster-Modus",
+    "ClusterSize": "Cluster-Größe",
+    "Command": "Befehl",
+    "Configuration": "Konfiguration",
+    "ConfigurationSummary": "Konfigurationsübersicht",
+    "ConfirmDeleteDeployment": "Möchten Sie die Bereitstellung \"{{name}}\" wirklich löschen?",
+    "CopyEndpointUrl": "Endpunkt-URL kopieren",
+    "CreateDeployment": "Bereitstellung erstellen",
+    "CreatedAt": "Erstellt am",
+    "CreatedBy": "Erstellt von",
+    "DeleteDeployment": "Bereitstellung löschen",
+    "Deployment": "Bereitstellung",
+    "DeploymentCreated": "Bereitstellung wurde erstellt.",
+    "DeploymentDeleted": "Bereitstellung wurde gelöscht.",
+    "DeploymentDetail": "Bereitstellungsdetail",
+    "DeploymentId": "Bereitstellungs-ID",
+    "DeploymentName": "Bereitstellungsname",
+    "DeploymentUpdated": "Bereitstellung wurde aktualisiert.",
+    "Deployments": "Bereitstellungen",
+    "DesiredReplicas": "Gewünschte Replikate",
+    "Domain": "Domäne",
+    "EditConfiguration": "Konfiguration bearbeiten",
+    "EditDeployment": "Bereitstellung bearbeiten",
+    "EditModeBanner": "Beim Speichern wird eine neue Revision erstellt. Die vorherige Revision wird aufbewahrt.",
+    "EndpointUrl": "Endpunkt-URL",
+    "Environ": "Umgebungsvariablen",
+    "ExtraMounts": "Zusätzliche Einhängepunkte",
+    "FailedToCreateDeployment": "Bereitstellung konnte nicht erstellt werden.",
+    "FailedToDeleteDeployment": "Bereitstellung konnte nicht gelöscht werden.",
+    "FailedToRollback": "Rollback zur ausgewählten Revision ist fehlgeschlagen.",
+    "FailedToUpdateDeployment": "Bereitstellung konnte nicht aktualisiert werden.",
+    "HealthStatus": "Gesundheitsstatus",
+    "HealthySummary": "{{healthy}} / {{total}} Gesund",
+    "Image": "Image",
+    "LegacyRouteRedirected": "Die Endpunkt-URL wurde verschoben. Sie wurden zur neuen Bereitstellungsseite weitergeleitet.",
+    "LivenessStatus": "Liveness-Status",
+    "Model": "Modell",
+    "ModelDefinitionPath": "Pfad zur Modelldefinitionsdatei",
+    "ModelFolder": "Modellordner",
+    "ModelMountDestination": "Einhängeziel für Modellordner",
+    "ModelVersion": "Modellversion",
+    "Name": "Name",
+    "NamePlaceholder": "Bereitstellungsname eingeben",
+    "NameRequired": "Bereitstellungsname ist erforderlich.",
+    "NewDeployment": "Neue Bereitstellung",
+    "NewRevisionWillBeCreated": "Eine neue Revision wird erstellt. Die vorherige Revision wird aufbewahrt.",
+    "NewRevisionWillBeCreatedConfirm": "Beim Speichern wird eine neue Revision erstellt. Fortfahren?",
+    "NoDeployments": "Keine Bereitstellungen gefunden.",
+    "NumberOfReplicas": "Anzahl der Replikate",
+    "OpenToPublic": "Öffentlich",
+    "Owner": "Eigentümer",
+    "Project": "Projekt",
+    "QuickDeploy": "Bereitstellen",
+    "QuickDeployDetailed": "Konfigurieren und bereitstellen...",
+    "ReadinessStatus": "Bereitschaftsstatus",
+    "Replica": "Replikat",
+    "ReplicaDetail": "Replikat-Detail",
+    "ReplicaId": "Replikat-ID",
+    "ReplicaSummary": "Replikat-Übersicht",
+    "Replicas": "Replikate",
+    "ResourceGroup": "Ressourcengruppe",
+    "ResourcePreset": "Ressourcen-Voreinstellung",
+    "Resources": "Ressourcen",
+    "Revision": "Revision",
+    "RevisionHistory": "Revisionsverlauf",
+    "RevisionId": "Revisions-ID",
+    "Revisions": "Revisionen",
+    "Rollback": "Rollback",
+    "RollbackConfirm": "Möchten Sie wirklich auf Revision #{{revisionNumber}} zurücksetzen? Die aktuelle Revision wird ersetzt.",
+    "RollbackSuccess": "Rollback zu Revision #{{revisionNumber}} wurde angefordert.",
+    "RuntimeVariant": "Laufzeitvariante",
+    "SessionId": "Sitzungs-ID",
+    "Tags": "Tags",
+    "TrafficRatio": "Datenverkehrsanteil",
+    "TrafficStatus": "Datenverkehrsstatus",
+    "UpdateDeployment": "Bereitstellung aktualisieren",
+    "UpdatedAt": "Aktualisiert am",
+    "accessToken": {
+      "Create": "Zugriffstoken erstellen",
+      "Created": "Zugriffstoken wurde erstellt.",
+      "CustomExpiration": "Benutzerdefiniertes Ablaufdatum",
+      "Delete": "Zugriffstoken löschen",
+      "Deleted": "Zugriffstoken wurde gelöscht.",
+      "Expiration": "Ablaufdatum",
+      "NoExpiration": "Kein Ablaufdatum",
+      "Token": "Token"
+    },
+    "filter": {
+      "CreatedAt": "Erstellt am",
+      "DomainName": "Domäne",
+      "EndpointUrl": "Endpunkt-URL",
+      "Name": "Name",
+      "OpenToPublic": "Öffentlich",
+      "ResourceGroup": "Ressourcengruppe",
+      "Status": "Status",
+      "Tags": "Tags"
+    },
+    "nav": {
+      "Next": "Weiter",
+      "Previous": "Zurück",
+      "SkipToReview": "Zur Überprüfung springen"
+    },
+    "status": {
+      "Degraded": "Beeinträchtigt",
+      "Deploying": "Wird bereitgestellt",
+      "Healthy": "Gesund",
+      "NotChecked": "Nicht geprüft",
+      "Pending": "Ausstehend",
+      "Ready": "Bereit",
+      "Scaling": "Skalierung",
+      "Stopped": "Gestoppt",
+      "Stopping": "Wird gestoppt",
+      "Terminated": "Beendet",
+      "Unhealthy": "Nicht gesund"
+    },
+    "step": {
+      "BasicInfo": "Grunddaten",
+      "ModelAndRuntime": "Modell & Laufzeit",
+      "ResourcesAndReplicas": "Ressourcen & Replikate",
+      "ReviewAndCreate": "Überprüfen & Erstellen"
+    },
+    "tab": {
+      "AccessTokens": "Zugriffstoken",
+      "AutoScaling": "Automatische Skalierung",
+      "Overview": "Übersicht",
+      "Replicas": "Replikate",
+      "RevisionHistory": "Revisionsverlauf"
+    }
+  },
   "desktopNotification": {
     "NotSupported": "Dieser Browser unterstützt keine Benachrichtigungen.",
     "PermissionDenied": "Sie haben den Benachrichtigungszugriff abgelehnt. \nUm Warnungen zu verwenden, lassen Sie diese bitte in Ihren Browsereinstellungen zu."
@@ -1910,6 +2048,27 @@
     "Username": "Nutzername",
     "UsernameOptional": "Benutzername (optional)"
   },
+  "replicaStatus": {
+    "Active": "Aktiv",
+    "Degraded": "Beeinträchtigt",
+    "FailedToStart": "Start fehlgeschlagen",
+    "Healthy": "Gesund",
+    "Inactive": "Inaktiv",
+    "NotChecked": "Nicht geprüft",
+    "Provisioning": "Wird bereitgestellt",
+    "Running": "Läuft",
+    "Terminated": "Beendet",
+    "Terminating": "Wird beendet",
+    "Unhealthy": "Nicht gesund",
+    "tooltip": {
+      "Degraded": "Der Health-Checker kann dieses Replikat nicht erreichen. Es wird vorübergehend aus dem Active Pool ausgeschlossen.",
+      "Healthy": "Gesund. Im AppProxy Active Pool enthalten und empfängt Datenverkehr.",
+      "NotChecked": "Innerhalb der anfänglichen Verzögerungszeit. Wartet auf die erste Gesundheitsprüfung.",
+      "Provisioning": "Das Replikat wird bereitgestellt.",
+      "Terminating": "Das Replikat wird beendet.",
+      "Unhealthy": "Nach aufeinanderfolgenden Fehlern als nicht gesund eingestuft. Aus dem Active Pool ausgeschlossen."
+    }
+  },
   "reservoirPage": {
     "Activate": "Aktivieren",
     "Active": "Aktiv",
@@ -2978,6 +3137,7 @@
       "AIAgents": "AI-Agenten",
       "AboutBackendAI": "Über Backend.AI",
       "AdminDashboard": "Admin -Dashboard",
+      "AdminDeployments": "Admin-Bereitstellungen",
       "AdminSettings": "Admin-Einstellungen",
       "Administration": "Verwaltung",
       "AgentSummary": "Agent Zusammenfassung",
@@ -2995,6 +3155,7 @@
       "Data": "Daten",
       "Data&Model": "Daten",
       "Data&Storage": "Datenspeicher",
+      "Deployments": "Bereitstellungen",
       "Diagnostics": "Diagnose",
       "DisMatchUserEmail": "Die E-Mail-Adresse des Benutzers stimmt nicht überein",
       "Endpoint": "Endpunkt",