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: {

react/src/routes.tsx

@@ -33,7 +33,12 @@ import { useSetAtom } from 'jotai';
 import { parseAsString, useQueryStates } from 'nuqs';
 import React, { Suspense } from 'react';
 import { useTranslation } from 'react-i18next';
-import { RouteObject, useLocation, useParams } from 'react-router-dom';
+import {
+  Navigate,
+  RouteObject,
+  useLocation,
+  useParams,
+} from 'react-router-dom';
 
 const LoginViewLazy = React.lazy(() => import('./components/LoginView'));
 
@@ -414,7 +419,7 @@ export const mainLayoutChildRoutes: RouteObject[] = [
           const { endpointId } = useParams<{ endpointId: string }>();
           const location = useLocation();
           return (
-            <WebUINavigate
+            <Navigate
               to={`/deployments/${endpointId}/edit${location.search}`}
               replace
             />