Lookup, wrap, rewrap and unwrap token rename with description (#16489)

* Changed wrapping token to wrapped token

* Added descriptions and changed rewrap and unwrap labels

* Added changelog

* Fixed changelog

changelog/16489.txt

@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Renamed labels under Tools for wrap, lookup, rewrap and unwrap with description.
+```

ui/app/templates/components/tool-lookup.hbs

@@ -28,7 +28,10 @@
     <NamespaceReminder @mode="perform" @noun={{@selectedAction}} />
     <MessageError @errors={{@errors}} />
     <div class="field">
-      <label for="token" class="is-label">Wrapping token</label>
+      <label for="token" class="is-label">Wrapped token</label>
+      <div class="has-text-grey is-size-8 has-bottom-margin-xs">
+        Enter your wrapped token here to display its information.
+      </div>
       <div class="control">
         <Input @value={{@token}} class="input" id="token" name="token" data-test-tools-input="wrapping-token" />
       </div>

ui/app/templates/components/tool-rewrap.hbs

@@ -44,7 +44,10 @@
     <NamespaceReminder @mode="perform" @noun={{@selectedAction}} />
     <MessageError @errors={{@errors}} />
     <div class="field">
-      <label for="token" class="is-label">Wrapping token</label>
+      <label for="token" class="is-label">Wrapped token</label>
+      <div class="has-text-grey is-size-8 has-bottom-margin-xs">
+        Enter your wrapped token here to rewrap it and refresh its TTL.
+      </div>
       <div class="control">
         <Input @value={{@token}} class="input" id="token" name="token" data-test-tools-input="wrapping-token" />
       </div>

ui/app/templates/components/tool-unwrap.hbs

@@ -86,7 +86,10 @@
     <NamespaceReminder @mode="perform" @noun={{@selectedAction}} />
     <MessageError @errors={{@errors}} />
     <div class="field">
-      <label for="token" class="is-label">Wrapping token</label>
+      <label for="token" class="is-label">Wrapped token</label>
+      <div class="has-text-grey is-size-8 has-bottom-margin-xs">
+        Enter your wrapped token here to unwrap it and return its original value.
+      </div>
       <div class="control">
         <Input
           @value={{@token}}

ui/app/templates/components/tool-wrap.hbs

@@ -9,7 +9,7 @@
 {{#if @token}}
   <div class="box is-sideless is-fullwidth is-marginless">
     <div class="field">
-      <label for="wrap-info" class="is-label">Wrapping token</label>
+      <label for="wrap-info" class="is-label">Wrapped token</label>
       <div class="control">
         <Textarea
           @value={{@token}}

ui/app/templates/components/wizard/tools-unwrapped.hbs

@@ -2,7 +2,7 @@
   <WizardSection @headerText="Your unwrapped data" @docText="API: Unwrap Data" @docPath="/api/system/wrapping-unwrap.html">
     <p>
       Here you can see that your data survived intact. These tools are mostly handy for applications to use, but if you ever
-      do need to wrap data or handle the wrapping token, now you know how.
+      do need to wrap data or handle the wrapped token, now you know how.
     </p>
   </WizardSection>
   <button type="button" class="button next-feature-step" {{action @onAdvance}}>