From a2f69d338c3d69545b0acece52da83b33328d667 Mon Sep 17 00:00:00 2001
From: Vault Automation <github-team-secure-vault-core@hashicorp.com>
Date: Fri, 10 Oct 2025 16:56:29 -0400
Subject: [PATCH] Copy [UI] - Replace transform edit page tooltip with hds
 tooltip into main (#9980) (#10059)

* Copy https://github.com/hashicorp/vault/pull/31398 into main





* replace transform edit page tooltip with hds tooltip

---------

Co-authored-by: Evan Moncuso <emoncuso@hashicorp.com>
Co-authored-by: Evan Moncuso <46458931+emoncuso@users.noreply.github.com>
Co-authored-by: lane-wetmore <lane.wetmore@hashicorp.com>
---
 ui/app/components/transformation-edit.hbs | 31 +++++++++--------------
 1 file changed, 12 insertions(+), 19 deletions(-)

diff --git a/ui/app/components/transformation-edit.hbs b/ui/app/components/transformation-edit.hbs
index c9f883f35b..51e96180e2 100644
--- a/ui/app/components/transformation-edit.hbs
+++ b/ui/app/components/transformation-edit.hbs
@@ -1,6 +1,6 @@
 {{!
-  Copyright (c) HashiCorp, Inc.
-  SPDX-License-Identifier: BUSL-1.1
+Copyright (c) HashiCorp, Inc.
+SPDX-License-Identifier: BUSL-1.1
 }}
 
 <PageHeader as |p|>
@@ -32,22 +32,15 @@
     <ToolbarActions>
       {{#if this.model.updatePath.canDelete}}
         {{#if (gt this.model.allowed_roles.length 0)}}
-          <ToolTip @verticalPosition="above" @horizontalPosition="center" as |T|>
-            <T.Trigger @tabindex="-1">
-              <Hds::Button
-                @text="Delete transformation"
-                @color="secondary"
-                class="toolbar-button"
-                aria-disabled="true"
-                disabled
-              />
-            </T.Trigger>
-            <T.Content @defaultClass="tool-tip">
-              <div class="box">
-                This transformation is in use by a role and can’t be deleted.
-              </div>
-            </T.Content>
-          </ToolTip>
+          <Hds::TooltipButton @text="This transformation is in use by a role and can't be deleted.">
+            <Hds::Button
+              @text="Delete transformation"
+              @color="secondary"
+              class="toolbar-button"
+              aria-disabled="true"
+              disabled
+            />
+          </Hds::TooltipButton>
         {{else}}
           <Hds::Button
             @text="Delete transformation"
@@ -109,7 +102,7 @@
     </M.Header>
     <M.Body>
       <p>
-        You’re editing a transformation that is in use by at least one role. Editing it may mean that encode and decode
+        You're editing a transformation that is in use by at least one role. Editing it may mean that encode and decode
         operations stop working. Are you sure?
       </p>
     </M.Body>