From 5f5c255d0fc7bf49f6abcda17bfdb7969e046025 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil@riotindustries.com>
Date: Thu, 23 Jan 2025 13:05:22 -0500
Subject: [PATCH] Read from localStorage to display a copyable access token and
 secret

---
 .changelog/22105.txt                          |  3 +++
 .../consul-ui/app/templates/settings.hbs      | 20 +++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 .changelog/22105.txt

diff --git a/.changelog/22105.txt b/.changelog/22105.txt
new file mode 100644
index 0000000000..adab9261f8
--- /dev/null
+++ b/.changelog/22105.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Adds a copyable token accessor/secret on the settings page when signed in
+```
diff --git a/ui/packages/consul-ui/app/templates/settings.hbs b/ui/packages/consul-ui/app/templates/settings.hbs
index 66251636dc..d296e9e424 100644
--- a/ui/packages/consul-ui/app/templates/settings.hbs
+++ b/ui/packages/consul-ui/app/templates/settings.hbs
@@ -35,6 +35,26 @@ as |item|}}
         <A.Title>Local Storage</A.Title>
         <A.Description>These settings are immediately saved to local storage and persisted through browser usage.</A.Description>
       </Hds::Alert>
+
+      <DataSource
+        @src={{uri "settings://consul:token"}}
+        @onchange={{action (mut token) value="data"}}
+        @onerror={{action (mut error) value="error"}}
+      />
+      {{#if token}}
+        <Hds::Alert @type="inline" @color="highlight" class="mb-3 mt-2" @icon="token" as |A|>
+          <A.Title>Your Access Token</A.Title>
+          <A.Description>
+          <Hds::Form::MaskedInput::Field readonly @isContentMasked={{false}} @hasCopyButton={{true}} @value={{token.AccessorID}} as |F|>
+            <F.Label>Accessor ID</F.Label>
+          </Hds::Form::MaskedInput::Field>
+          <Hds::Form::MaskedInput::Field readonly @hasCopyButton={{true}} @value={{token.SecretID}} as |F|>
+            <F.Label>Secret ID</F.Label>
+          </Hds::Form::MaskedInput::Field>
+          </A.Description>
+        </Hds::Alert>
+      {{/if}}
+
       <form>
       {{#if (not (env 'CONSUL_UI_DISABLE_REALTIME'))}}
       <Disclosure as |disclosure|>