Skip to content

fix(FR-2977): move applying-revision alert inside current revision tab#7671

Merged
graphite-app[bot] merged 1 commit into
mainfrom
06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab
Jun 5, 2026
Merged

fix(FR-2977): move applying-revision alert inside current revision tab#7671
graphite-app[bot] merged 1 commit into
mainfrom
06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab

Conversation

@agatha197

@agatha197 agatha197 commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

Resolves #7601 (FR-2977)

Stacked on #7561 (FR-2957). That PR adds the "Add new revision from this" entry, which is what surfaces the revision-detail drawer changes below.

Summary

Follow-up polish for FR-2977 after #7602 + #7561, focused on the deployment detail page's revision area.

  • Move the "Applying revision #N" alert inside the Current Revision tab (DeploymentConfigurationSection). Previously the alert sat at the deployment level between Basic Information and the revision tabs, so it was visible even on the Revision History tab where it had no context. It now lives inside the currentRevision tab content next to the revision detail it describes, with marginBottom: token.marginMD for separation from DeploymentRevisionDetail.
  • Show the full revision UUID in DeploymentRevisionDetail. The drawer/Current-Revision view rendered the 36-char revision ID inside a 2-column 183px cell, which truncated it to ~12 visible chars even with a copy button. Both revision-number and revision-id items now use span: screens.md ? 2 : 1, so each occupies a dedicated full-width row in the 2-column Descriptions. BAIId is rendered with style={{ maxWidth: 'none' }} so it sits at its natural width — the copy icon stays directly next to the UUID, and the Current / Applying BAITag follows immediately after in the same BAIFlex.
  • Move the "Add Rules" button inline in DeploymentAutoScalingTab. It used to live in the BAICard extra slot; it now sits inside AutoScalingRuleList's toolbar to the right of the refresh button (the inline-add path the list already exposed via hideInlineAddButton). The card stops owning a primary button it didn't actually need.
  • Misc. Wrap DeploymentAddRevisionModal in a <Suspense fallback={null}> inside DeploymentRevisionHistoryTab so the row-level "Add new revision from this" action doesn't suspend the whole page on first open.

Test plan

  • Open a deployment with a deploying revision — verify the "Applying revision #N" alert appears inside the Current Revision tab (not above the tabs), and disappears when switching to Revision History.
  • Open a revision via the Revision History row link — drawer shows Revision Number on one full-width row and Revision ID <uuid> [copy] [Current|Applying] on the next, full UUID visible, copy icon adjacent to the UUID.
  • On the Current Revision tab — same layout; Current tag visible next to the copy icon.
  • Auto-Scaling tab — "Add Rules" button sits to the right of the refresh button (inline), and is not duplicated in BAICard extra.
  • bash scripts/verify.sh — TypeScript, Relay, Lint, Format all pass.

@agatha197 agatha197 marked this pull request as ready for review June 1, 2026 09:13
Copilot AI review requested due to automatic review settings June 1, 2026 09:13
@github-actions github-actions Bot added the size:M 30~100 LoC label Jun 1, 2026

agatha197 commented Jun 1, 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.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Moves the “applying revision” (deploying different revision) informational alert so it only appears within the Current Revision tab of the deployment configuration UI.

Changes:

  • Relocated the “ApplyingRevision” <Alert> from outside the revision tab card into the currentRevision tab content.
  • Added bottom spacing for the alert within the tab content to separate it from the revision detail view.

Comment thread react/src/components/DeploymentConfigurationSection.tsx Outdated
@github-actions

github-actions Bot commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for react-coverage (./react)

Status Category Percentage Covered / Total
🔵 Lines 6.46% 1799 / 27848
🔵 Statements 5.24% 1995 / 38004
🔵 Functions 5.34% 300 / 5610
🔵 Branches 3.67% 1305 / 35532
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
react/src/components/AutoScalingRuleList.tsx 0% 0% 0% 0% 55-399
react/src/components/DeploymentAddRevisionModal.tsx 0% 0% 0% 0% 149-1856
react/src/components/DeploymentAutoScalingTab.tsx 0% 0% 0% 0% 28-67
react/src/components/DeploymentConfigurationSection.tsx 0% 0% 0% 0% 83-396
react/src/components/DeploymentRevisionDetail.tsx 0% 0% 0% 0% 28-373
react/src/components/DeploymentRevisionHistoryTab.tsx 0% 0% 0% 0% 80-771
Generated in workflow #1473 for commit 65b2379 by the Vitest Coverage Report Action

@agatha197 agatha197 changed the base branch from 05-27-refactor_fr-2977_unify_revision-source_prefill_in_deploymentaddrevisionmodal to graphite-base/7671 June 1, 2026 09:20
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from ff0adee to ec8fe86 Compare June 1, 2026 09:21
@agatha197 agatha197 changed the base branch from graphite-base/7671 to 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer June 1, 2026 09:21
@github-actions github-actions Bot added size:L 100~500 LoC and removed size:M 30~100 LoC labels Jun 1, 2026
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from ec8fe86 to 34dda32 Compare June 1, 2026 09:30
@agatha197 agatha197 marked this pull request as draft June 1, 2026 09:32
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch 4 times, most recently from dde3a60 to 5f5b340 Compare June 1, 2026 10:52
@agatha197 agatha197 marked this pull request as ready for review June 1, 2026 11:37
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from 5f5b340 to e331587 Compare June 1, 2026 12:01
@agatha197 agatha197 changed the base branch from 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer to graphite-base/7671 June 4, 2026 01:54

@yomybaby yomybaby left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

LGTM

@agatha197 agatha197 force-pushed the graphite-base/7671 branch from bd7f09a to ff479f8 Compare June 4, 2026 12:18
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from e331587 to 66562f7 Compare June 4, 2026 12:18
@agatha197 agatha197 changed the base branch from graphite-base/7671 to 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer June 4, 2026 12:18
@github-actions

github-actions Bot commented Jun 4, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for backend-ai-ui-coverage (./packages/backend.ai-ui)

Status Category Percentage Covered / Total
🔵 Lines 10.76% 528 / 4905
🔵 Statements 9.21% 589 / 6395
🔵 Functions 12.34% 135 / 1094
🔵 Branches 7.75% 486 / 6269
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
packages/backend.ai-ui/src/components/Table/BAINameActionCell.tsx 0% 0% 0% 0% 79-298
Generated in workflow #1473 for commit 65b2379 by the Vitest Coverage Report Action

@agatha197 agatha197 force-pushed the 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer branch from ff479f8 to 8c13610 Compare June 5, 2026 00:47
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from 66562f7 to 09aff93 Compare June 5, 2026 00:47
@agatha197 agatha197 force-pushed the 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer branch from 8c13610 to c261498 Compare June 5, 2026 00:56
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from 09aff93 to fe2864b Compare June 5, 2026 00:56
@agatha197 agatha197 force-pushed the 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer branch from c261498 to 600025e Compare June 5, 2026 01:34
@agatha197 agatha197 force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from fe2864b to 65b2379 Compare June 5, 2026 01:34
@graphite-app

graphite-app Bot commented Jun 5, 2026

Copy link
Copy Markdown

Merge activity

@agatha197 agatha197 changed the base branch from 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer to graphite-base/7671 June 5, 2026 05:05
#7671)

Resolves #7601 (FR-2977)

> **Stacked on #7561 (FR-2957).** That PR adds the "Add new revision from this" entry, which is what surfaces the revision-detail drawer changes below.

## Summary

Follow-up polish for FR-2977 after #7602 + #7561, focused on the deployment detail page's revision area.

- **Move the "Applying revision #N" alert inside the Current Revision tab** (`DeploymentConfigurationSection`). Previously the alert sat at the deployment level between Basic Information and the revision tabs, so it was visible even on the Revision History tab where it had no context. It now lives inside the `currentRevision` tab content next to the revision detail it describes, with `marginBottom: token.marginMD` for separation from `DeploymentRevisionDetail`.
- **Show the full revision UUID in `DeploymentRevisionDetail`.** The drawer/Current-Revision view rendered the 36-char revision ID inside a 2-column 183px cell, which truncated it to ~12 visible chars even with a copy button. Both `revision-number` and `revision-id` items now use `span: screens.md ? 2 : 1`, so each occupies a dedicated full-width row in the 2-column Descriptions. `BAIId` is rendered with `style={{ maxWidth: 'none' }}` so it sits at its natural width — the copy icon stays directly next to the UUID, and the `Current` / `Applying` `BAITag` follows immediately after in the same `BAIFlex`.
- **Move the "Add Rules" button inline in `DeploymentAutoScalingTab`.** It used to live in the `BAICard extra` slot; it now sits inside `AutoScalingRuleList`'s toolbar to the right of the refresh button (the inline-add path the list already exposed via `hideInlineAddButton`). The card stops owning a primary button it didn't actually need.
- **Misc.** Wrap `DeploymentAddRevisionModal` in a `<Suspense fallback={null}>` inside `DeploymentRevisionHistoryTab` so the row-level "Add new revision from this" action doesn't suspend the whole page on first open.

## Test plan

- [x] Open a deployment with a deploying revision — verify the "Applying revision #N" alert appears inside the Current Revision tab (not above the tabs), and disappears when switching to Revision History.
- [x] Open a revision via the Revision History row link — drawer shows `Revision Number` on one full-width row and `Revision ID <uuid> [copy] [Current|Applying]` on the next, full UUID visible, copy icon adjacent to the UUID.
- [x] On the Current Revision tab — same layout; `Current` tag visible next to the copy icon.
- [x] Auto-Scaling tab — "Add Rules" button sits to the right of the refresh button (inline), and is not duplicated in `BAICard extra`.
- [x] `bash scripts/verify.sh` — TypeScript, Relay, Lint, Format all pass.
@graphite-app graphite-app Bot force-pushed the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch from 65b2379 to 5cd4f87 Compare June 5, 2026 05:31
@github-actions github-actions Bot added area:ux UI / UX issue. area:i18n Localization size:XL 500~ LoC and removed size:L 100~500 LoC labels Jun 5, 2026
@graphite-app graphite-app Bot changed the base branch from graphite-base/7671 to 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer June 5, 2026 05:31
Base automatically changed from 05-22-feat_fr-2957_add_fork-from-here_action_in_revision_detail_drawer to main June 5, 2026 05:32
@graphite-app graphite-app Bot merged commit 5cd4f87 into main Jun 5, 2026
4 checks passed
@graphite-app graphite-app Bot deleted the 06-01-fix_fr-2977_move_applying-revision_alert_inside_current_revision_tab branch June 5, 2026 05:33
graphite-app Bot pushed a commit that referenced this pull request Jun 5, 2026
#7724)

Resolves #7601 (FR-2977)

> **Stacked on #7671 (FR-2977).** That PR adds the "Add new revision from this" entry in the revision history row menu and the revision-detail drawer. This PR is a wording + icon polish on that same entry.

## Summary

The revision-source action seeds a **new linear revision** pre-filled from an existing revision's configuration — it does **not** fork or duplicate the history (see #7671 / #7561, which deliberately avoided a branching icon). The previous copy ("Add new revision from this" / KO "이 리비전으로 추가") leaned on a "duplicate" framing that misreads the actual behavior and read inconsistently next to the in-modal **"Load current revision"** alert, whose own copy already frames loading a revision's settings as the *starting point* for a new revision.

This PR aligns the entry with that "based on this / starting point" mental model:

- **Reframe the action label** (`deployment.AddNewRevisionFromThis`) across all 21 locales:
  - EN: `Add new revision from this` → **`New revision based on this`**
  - KO: `이 리비전으로 추가` → **`이 리비전 기반으로 리비전 생성`** (noun-ending menu style, matching `리비전 보기` / `배포 삭제`; makes "creates a revision" explicit)
  - The other 19 locales are updated to the same "new revision based on this" framing, keeping each locale's established term for *revision* (es de-accented to `Revision` and ja switched to Latin-script `Revision` to match each locale's existing deployment strings).
- **Switch the action icon** to lucide **`CopyPlus`** (`<CopyPlusIcon size={14} />`) in `DeploymentRevisionHistoryTab.tsx` — both entry points (the row overflow menu item and the drawer **More (⋯)** dropdown). It reads as "create a new revision from this one's settings" (copy **+** create new), distinct from the plain `Plus` used by the generic *Add Revision* button, without the fork/branch metaphor.

## Scope

- Out of scope by design: the in-modal alert keys (`deployment.LoadCurrentRevision`, `deployment.CurrentRevisionAvailableDescription`, `deployment.CurrentRevisionConfigurationLoaded`) are **unchanged** — the alert already uses the correct "Load / starting point" vocabulary, and the new action label now reads coherently alongside it.
- Pure copy + icon change. No behavioral or data-flow change.

## Test plan

- [x] Revision History row ⋯ menu shows the new label with the CopyPlus icon, opens the Add Revision modal prefilled from that revision.
- [x] Revision-detail drawer **More (⋯)** dropdown shows the same label + icon, same prefill behavior.
- [x] In-modal "Load current revision" alert copy/behavior unchanged.
- [x] `bash scripts/verify.sh` — Relay, Lint, Format, TypeScript all PASS.
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:XL 500~ LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Refactor DeploymentAddRevisionModal to id-based revision source

3 participants