Skip to content

feat(FR-2830): show deployment-ready alert with chat shortcut on deployment detail#7281

Merged
graphite-app[bot] merged 1 commit into
mainfrom
feat/FR-2830-deployment-ready-chat-alert
May 7, 2026
Merged

feat(FR-2830): show deployment-ready alert with chat shortcut on deployment detail#7281
graphite-app[bot] merged 1 commit into
mainfrom
feat/FR-2830-deployment-ready-chat-alert

Conversation

@agatha197
Copy link
Copy Markdown
Contributor

@agatha197 agatha197 commented May 7, 2026

Resolves #7280 (FR-2830)

Summary

  • Add a success Alert at the top of the deployment configuration section that appears when deployment.metadata.status === 'READY', mirroring the existing "Service is ready" affordance on the legacy endpoint detail page.
  • The alert exposes a primary Test in Chat button that navigates to /chat?endpointId=<deploymentId> so the user can verify the deployment without leaving the deployment context. The id is normalized via toLocalId so the chat page receives the local id form the endpoint selector expects.
  • Hide the alert when the deployment has no revisions yet (!hasNoRevision); without a revision there is nothing to chat with, so the CTA would be misleading.
  • Extend the DeploymentConfigurationSectionQuery to fetch metadata.status.
  • Reuse deployment.GoToDetailPage in Chat/EndpointSelect's tooltip instead of the orphan general.NavigateToDetailPage key.
  • Align breadcrumb labels in routes.tsx with the new Deployments naming (webui.menu.Deployments and webui.menu.DeploymentDetail) so the section header and breadcrumbs match.
  • Add new i18n keys deployment.DeploymentReady, deployment.StartChatTest, deployment.GoToDetailPage and webui.menu.DeploymentDetail in English/Korean and translate them into all 19 other locales. The earlier deployment.StartChat key is removed.

Test plan

  • Open a deployment whose status is READY and has at least one revision; verify the green success alert appears at the top with a Test in Chat button.
  • Open a READY deployment that has no revisions; verify the alert is suppressed.
  • Click Test in Chat and confirm navigation to /chat?endpointId=<localDeploymentId>, and that the chat page resolves the endpoint correctly.
  • Verify the alert disappears for non-READY statuses (e.g. DEPLOYING, STOPPED).
  • On the chat page's endpoint selector, hover the info icon and confirm the tooltip reads "View Deployment Details" / "배포 자세히 보기".
  • Verify the deployment detail page breadcrumb reads "Deployments / Detail" (and the localized variants) instead of the legacy "Serving / Routing Info".
  • Switch language to Korean (and one more locale) and confirm the alert title, button label, and breadcrumbs are translated.

@github-actions github-actions Bot added area:ux UI / UX issue. area:i18n Localization size:M 30~100 LoC labels May 7, 2026
Copy link
Copy Markdown
Contributor Author


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 changes, fast-track this PR to the front of the merge queue

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.

@agatha197 agatha197 marked this pull request as ready for review May 7, 2026 07:56
@agatha197 agatha197 requested review from Copilot and yomybaby and removed request for Copilot May 7, 2026 07:56
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 7, 2026

Coverage Report for react-coverage (./react)

Status Category Percentage Covered / Total
🔵 Lines 6.51% 1783 / 27373
🔵 Statements 5.38% 1978 / 36723
🔵 Functions 5.19% 296 / 5696
🔵 Branches 3.78% 1293 / 34191
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
react/src/routes.tsx 0% 0% 0% 0% 40-988
react/src/components/DeploymentConfigurationSection.tsx 0% 0% 0% 0% 57-351
react/src/components/Chat/EndpointSelect.tsx 0% 0% 0% 0% 50-250
Generated in workflow #431 for commit 6507cd9 by the Vitest Coverage Report Action

Copilot AI review requested due to automatic review settings May 7, 2026 08:53
@github-actions github-actions Bot added size:L 100~500 LoC and removed size:M 30~100 LoC labels May 7, 2026
@graphite-app
Copy link
Copy Markdown

graphite-app Bot commented May 7, 2026

Merge activity

  • May 7, 8:58 AM UTC: yomybaby added this pull request to the Graphite merge queue.
  • May 7, 9:00 AM UTC: The Graphite merge queue couldn't merge this PR because it failed for an unknown reason (All comments in this PR must be resolved before merging. Once you've resolved all open comment threads, you can retry your merge.).
  • May 7, 9:15 AM UTC: yomybaby added this pull request to the Graphite merge queue.
  • May 7, 9:17 AM UTC: Merged by the Graphite merge queue.

graphite-app Bot pushed a commit that referenced this pull request May 7, 2026
…oyment detail (#7281)

Resolves #7280 ([FR-2830](https://lablup.atlassian.net/browse/FR-2830))

## Summary
- Add a `success` Alert at the top of the deployment configuration section that appears when `deployment.metadata.status === 'READY'`, mirroring the existing "Service is ready" affordance on the legacy endpoint detail page.
- The alert exposes a primary **Test in Chat** button that navigates to `/chat?endpointId=<deploymentId>` so the user can verify the deployment without leaving the deployment context. The id is normalized via `toLocalId` so the chat page receives the local id form the endpoint selector expects.
- Hide the alert when the deployment has no revisions yet (`!hasNoRevision`); without a revision there is nothing to chat with, so the CTA would be misleading.
- Extend the `DeploymentConfigurationSectionQuery` to fetch `metadata.status`.
- Reuse `deployment.GoToDetailPage` in `Chat/EndpointSelect`'s tooltip instead of the orphan `general.NavigateToDetailPage` key.
- Align breadcrumb labels in `routes.tsx` with the new Deployments naming (`webui.menu.Deployments` and `webui.menu.DeploymentDetail`) so the section header and breadcrumbs match.
- Add new i18n keys `deployment.DeploymentReady`, `deployment.StartChatTest`, `deployment.GoToDetailPage` and `webui.menu.DeploymentDetail` in English/Korean and translate them into all 19 other locales. The earlier `deployment.StartChat` key is removed.

## Test plan
- [ ] Open a deployment whose status is `READY` **and** has at least one revision; verify the green success alert appears at the top with a **Test in Chat** button.
- [ ] Open a `READY` deployment that has **no revisions**; verify the alert is suppressed.
- [ ] Click **Test in Chat** and confirm navigation to `/chat?endpointId=<localDeploymentId>`, and that the chat page resolves the endpoint correctly.
- [ ] Verify the alert disappears for non-`READY` statuses (e.g. `DEPLOYING`, `STOPPED`).
- [ ] On the chat page's endpoint selector, hover the info icon and confirm the tooltip reads "View Deployment Details" / "배포 자세히 보기".
- [ ] Verify the deployment detail page breadcrumb reads "Deployments / Detail" (and the localized variants) instead of the legacy "Serving / Routing Info".
- [ ] Switch language to Korean (and one more locale) and confirm the alert title, button label, and breadcrumbs are translated.

[FR-2830]: https://lablup.atlassian.net/browse/FR-2830?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
@graphite-app graphite-app Bot force-pushed the feat/FR-2830-deployment-ready-chat-alert branch from 7b37db3 to d75c348 Compare May 7, 2026 08:58
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a deployment “READY” success alert (with a Chat shortcut) to the new deployment detail UI, aligns breadcrumbs/menu labels for the new /deployments routes, and updates i18n strings across all locales to support the new UI copy.

Changes:

  • Show a success Alert in DeploymentConfigurationSection when deployment.metadata.status === 'READY', with a button that navigates to /chat?endpointId=<deploymentId>.
  • Update route handle.labelKey values for /deployments (and legacy /serving) to use deployments-specific menu labels.
  • Add new deployment-related i18n keys (including the deployment-ready strings) across all 21 locales and update Chat endpoint selector tooltip text.

Reviewed changes

Copilot reviewed 24 out of 24 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
resources/i18n/de.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (DE).
resources/i18n/el.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (EL).
resources/i18n/en.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (EN).
resources/i18n/es.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (ES).
resources/i18n/fi.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (FI).
resources/i18n/fr.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (FR).
resources/i18n/id.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (ID).
resources/i18n/it.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (IT).
resources/i18n/ja.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (JA).
resources/i18n/ko.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (KO).
resources/i18n/mn.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (MN).
resources/i18n/ms.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (MS).
resources/i18n/pl.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (PL).
resources/i18n/pt-BR.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (PT-BR).
resources/i18n/pt.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (PT).
resources/i18n/ru.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (RU).
resources/i18n/th.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (TH).
resources/i18n/tr.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (TR).
resources/i18n/vi.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (VI).
resources/i18n/zh-CN.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (ZH-CN).
resources/i18n/zh-TW.json Adds deployment-ready + chat CTA strings and webui.menu.DeploymentDetail translation (ZH-TW).
react/src/components/Chat/EndpointSelect.tsx Updates tooltip i18n key for the “navigate to details” info button.
react/src/components/DeploymentConfigurationSection.tsx Fetches metadata.status, computes READY state, and renders the success alert + chat navigation action.
react/src/routes.tsx Updates route breadcrumb/menu label keys for /deployments and legacy /serving.

Comment thread react/src/components/DeploymentConfigurationSection.tsx
Comment thread react/src/components/DeploymentConfigurationSection.tsx Outdated
Comment thread react/src/components/DeploymentConfigurationSection.tsx
Comment thread resources/i18n/en.json
yomybaby added a commit that referenced this pull request May 7, 2026
…locked

Resolves Copilot review feedback on PR #7281:

- Hide the 'Test in Chat' button on the deployment-ready alert when the
  webserver config blockList includes 'chat', mirroring the gating already
  applied on EndpointDetailPage. The alert title still surfaces so operators
  know the deployment is ready, but routing users to a disabled feature is
  avoided.
- Drop the unused 'deployment.DeploymentReadyDescription' i18n key from
  all 22 locales. The alert now renders title + (conditional) CTA only by
  design, so the description string was orphaned.
…oyment detail (#7281)

Resolves #7280 ([FR-2830](https://lablup.atlassian.net/browse/FR-2830))

## Summary
- Add a `success` Alert at the top of the deployment configuration section that appears when `deployment.metadata.status === 'READY'`, mirroring the existing "Service is ready" affordance on the legacy endpoint detail page.
- The alert exposes a primary **Test in Chat** button that navigates to `/chat?endpointId=<deploymentId>` so the user can verify the deployment without leaving the deployment context. The id is normalized via `toLocalId` so the chat page receives the local id form the endpoint selector expects.
- Hide the alert when the deployment has no revisions yet (`!hasNoRevision`); without a revision there is nothing to chat with, so the CTA would be misleading.
- Extend the `DeploymentConfigurationSectionQuery` to fetch `metadata.status`.
- Reuse `deployment.GoToDetailPage` in `Chat/EndpointSelect`'s tooltip instead of the orphan `general.NavigateToDetailPage` key.
- Align breadcrumb labels in `routes.tsx` with the new Deployments naming (`webui.menu.Deployments` and `webui.menu.DeploymentDetail`) so the section header and breadcrumbs match.
- Add new i18n keys `deployment.DeploymentReady`, `deployment.StartChatTest`, `deployment.GoToDetailPage` and `webui.menu.DeploymentDetail` in English/Korean and translate them into all 19 other locales. The earlier `deployment.StartChat` key is removed.

## Test plan
- [ ] Open a deployment whose status is `READY` **and** has at least one revision; verify the green success alert appears at the top with a **Test in Chat** button.
- [ ] Open a `READY` deployment that has **no revisions**; verify the alert is suppressed.
- [ ] Click **Test in Chat** and confirm navigation to `/chat?endpointId=<localDeploymentId>`, and that the chat page resolves the endpoint correctly.
- [ ] Verify the alert disappears for non-`READY` statuses (e.g. `DEPLOYING`, `STOPPED`).
- [ ] On the chat page's endpoint selector, hover the info icon and confirm the tooltip reads "View Deployment Details" / "배포 자세히 보기".
- [ ] Verify the deployment detail page breadcrumb reads "Deployments / Detail" (and the localized variants) instead of the legacy "Serving / Routing Info".
- [ ] Switch language to Korean (and one more locale) and confirm the alert title, button label, and breadcrumbs are translated.

[FR-2830]: https://lablup.atlassian.net/browse/FR-2830?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
@graphite-app graphite-app Bot force-pushed the feat/FR-2830-deployment-ready-chat-alert branch from 1969144 to 6507cd9 Compare May 7, 2026 09:16
@graphite-app graphite-app Bot merged commit 6507cd9 into main May 7, 2026
12 checks passed
@graphite-app graphite-app Bot deleted the feat/FR-2830-deployment-ready-chat-alert branch May 7, 2026 09:17
@github-pages github-pages Bot temporarily deployed to github-pages May 7, 2026 09:18 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:i18n Localization area:ux UI / UX issue. size:L 100~500 LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Show 'deployment ready' alert with chat shortcut on deployment detail

3 participants