From 10d51be60d3ddd45bdd6cea3deda21a29c7fbff1 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 13 Nov 2025 16:34:28 +1300
Subject: [PATCH 1/8] add owner@host to toolbar

---
 src/components/cylc/workspace/Toolbar.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index 385c7da11..6b1fba053 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -266,6 +266,8 @@ subscription Workflow ($workflowId: ID) {
 
 fragment WorkflowData on Workflow {
   id
+  host
+  owner
   status
   statusMsg
   nEdgeDistance
@@ -375,6 +377,9 @@ export default {
     },
     statusAndVersion () {
       let ret = upperFirst(this.currentWorkflow.node.statusMsg || '')
+      if (this.currentWorkflow.node.host && this.currentWorkflow.node.owner) {
+        ret += ` •  ${this.currentWorkflow.node.owner}@${this.currentWorkflow.node.host}`
+      }
       if (this.currentWorkflow.node.cylcVersion) {
         ret += ` • Cylc ${this.currentWorkflow.node.cylcVersion}`
       }

From 3755b6c55031fd1c9dbfe7e861296cf98cd5bab9 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 20 Nov 2025 17:27:19 +1300
Subject: [PATCH 2/8] move to info icon hover

---
 src/components/cylc/workspace/Toolbar.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index 6b1fba053..e257bdab8 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -46,9 +46,23 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <!-- control bar elements displayed only when there is a current workflow in the store -->
     <template v-if="currentWorkflow">
       <div class="c-workflow-controls d-flex align-center flex-shrink-0">
+        <v-tooltip v-if="isRunning">
+          <template v-slot:activator="{ props }">
+            <v-icon :icon="$options.icons.info" v-bind="props" />
+          </template>
+          <dl>
+            <dt>Owner:</dt>
+            <dd>{{ currentWorkflow.node.owner }}</dd>
+            <dt>Host:</dt>
+            <dd>{{ currentWorkflow.node.host }}</dd>
+            <dt>Cylc version:</dt>
+            <dd>{{ currentWorkflow.node.cylcVersion}}</dd>
+          </dl>
+        </v-tooltip>
+
         <WarningIcon
           :workflow="currentWorkflow"
-          style="font-size: 120%; padding-right: 0.3em;"
+          style="font-size: 120%; padding-left: 0.3em; padding-right: 0.3em;"
         />
 
         <v-btn
@@ -233,6 +247,7 @@ import {
   mdiAccount,
   mdiChevronDown,
   mdiArrowULeftTop,
+  mdiInformationOutline,
 } from '@mdi/js'
 import { startCase } from 'lodash'
 import { until } from '@/utils/reactivity'
@@ -377,9 +392,6 @@ export default {
     },
     statusAndVersion () {
       let ret = upperFirst(this.currentWorkflow.node.statusMsg || '')
-      if (this.currentWorkflow.node.host && this.currentWorkflow.node.owner) {
-        ret += ` •  ${this.currentWorkflow.node.owner}@${this.currentWorkflow.node.host}`
-      }
       if (this.currentWorkflow.node.cylcVersion) {
         ret += ` • Cylc ${this.currentWorkflow.node.cylcVersion}`
       }
@@ -498,6 +510,7 @@ export default {
   icons: {
     add: mdiPlusBoxMultiple,
     hold: mdiPause,
+    info: mdiInformationOutline,
     list: mdiViewList,
     menu: mdiMicrosoftXboxControllerMenu,
     run: mdiPlay,

From 1e17ceac9b667115a434342aa85e123f4bc0f8a1 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 20 Nov 2025 21:13:20 +1300
Subject: [PATCH 3/8] changelog entry

---
 changes.d/2361.feat.md | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changes.d/2361.feat.md

diff --git a/changes.d/2361.feat.md b/changes.d/2361.feat.md
new file mode 100644
index 000000000..bb4eaa790
--- /dev/null
+++ b/changes.d/2361.feat.md
@@ -0,0 +1 @@
+An information icon containing workflow details (via hover over) has been added to the workspace toolbar.

From 7d94d7ceb0b84dd80995becca6a97a1d36df2ddb Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Tue, 25 Nov 2025 18:08:09 +1300
Subject: [PATCH 4/8] ronnie & misc

---
 src/components/cylc/workspace/Toolbar.vue | 40 ++++++++++-------------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index e257bdab8..0b2cc9d92 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -46,23 +46,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <!-- control bar elements displayed only when there is a current workflow in the store -->
     <template v-if="currentWorkflow">
       <div class="c-workflow-controls d-flex align-center flex-shrink-0">
-        <v-tooltip v-if="isRunning">
-          <template v-slot:activator="{ props }">
-            <v-icon :icon="$options.icons.info" v-bind="props" />
-          </template>
-          <dl>
-            <dt>Owner:</dt>
-            <dd>{{ currentWorkflow.node.owner }}</dd>
-            <dt>Host:</dt>
-            <dd>{{ currentWorkflow.node.host }}</dd>
-            <dt>Cylc version:</dt>
-            <dd>{{ currentWorkflow.node.cylcVersion}}</dd>
-          </dl>
-        </v-tooltip>
-
         <WarningIcon
           :workflow="currentWorkflow"
-          style="font-size: 120%; padding-left: 0.3em; padding-right: 0.3em;"
+          style="font-size: 120%; padding-right: 0.3em;"
         />
 
         <v-btn
@@ -150,9 +136,23 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         </v-menu>
       </v-btn>
 
+      <!-- workflow info icon -->
+      <v-tooltip v-if="isRunning" :activator="$event => $event.target.closest('span')">
+        <template v-slot:activator="{ props }">
+          <span v-bind="props">
+            <v-icon :icon="$options.icons.info"/>
+          </span>
+        </template>
+        <dl>
+          <dt><strong>Owner:</strong> {{ currentWorkflow.node.owner }}</dt>
+          <dt><strong>Host:</strong> {{ currentWorkflow.node.host }}</dt>
+          <dt><strong>Cylc version:</strong> {{ currentWorkflow.node.cylcVersion }}</dt>
+        </dl>
+      </v-tooltip>
+
       <!-- workflow status message -->
       <span class="status-msg text-body-2">
-        {{ statusAndVersion }}
+        {{ statusMessage }}
       </span>
 
       <v-spacer class="mx-0" />
@@ -390,12 +390,8 @@ export default {
         this.currentWorkflow.node.status === WorkflowState.STOPPED.name
       )
     },
-    statusAndVersion () {
-      let ret = upperFirst(this.currentWorkflow.node.statusMsg || '')
-      if (this.currentWorkflow.node.cylcVersion) {
-        ret += ` • Cylc ${this.currentWorkflow.node.cylcVersion}`
-      }
-      return ret
+    statusMessage () {
+      return upperFirst(this.currentWorkflow.node.statusMsg || '')
     },
     enabled () {
       // object holding the states of controls that are supposed to be enabled

From 38ca379811d7bad0c832e502677aace634b47be1 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Wed, 26 Nov 2025 22:26:16 +1300
Subject: [PATCH 5/8] reinstate toolbar cylc version on diff

---
 src/components/cylc/workspace/Toolbar.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index 0b2cc9d92..7d78fbc79 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -155,6 +155,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         {{ statusMessage }}
       </span>
 
+      <!-- workflow version if different from UIS cylc-flow version -->
+      <span class="version-pop text-body-2">
+        {{ versionPopup }}
+      </span>
+
       <v-spacer class="mx-0" />
 
       <v-btn
@@ -235,6 +240,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script>
+import { inject } from 'vue'
 import { mapState } from 'vuex'
 import {
   mdiCog,
@@ -393,6 +399,16 @@ export default {
     statusMessage () {
       return upperFirst(this.currentWorkflow.node.statusMsg || '')
     },
+    versionPopup () {
+      let ret = ''
+      if (
+        this.currentWorkflow.node.cylcVersion &&
+        this.currentWorkflow.node.cylcVersion !== inject('versionInfo').value?.['cylc-flow']
+      ) {
+        ret += ` • Cylc ${this.currentWorkflow.node.cylcVersion}`
+      }
+      return ret
+    },
     enabled () {
       // object holding the states of controls that are supposed to be enabled
       // NOTE: this is a temporary solution until we are able to subscribe to

From 6522cd6cd81b9337d83ed489db4a1b235738d2b2 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 27 Nov 2025 10:04:20 +1300
Subject: [PATCH 6/8] address activator warnings

Co-authored-by: Ronnie Dutta <61982285+MetRonnie@users.noreply.github.com>
---
 src/components/cylc/workspace/Toolbar.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index 7d78fbc79..6a3855073 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -137,12 +137,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       </v-btn>
 
       <!-- workflow info icon -->
-      <v-tooltip v-if="isRunning" :activator="$event => $event.target.closest('span')">
-        <template v-slot:activator="{ props }">
-          <span v-bind="props">
-            <v-icon :icon="$options.icons.info"/>
-          </span>
-        </template>
+      <v-icon
+        v-if="isRunning"
+        :icon="$options.icons.info"
+        id="info-icon"
+      />
+      <v-tooltip v-if="isRunning" activator="#info-icon">
         <dl>
           <dt><strong>Owner:</strong> {{ currentWorkflow.node.owner }}</dt>
           <dt><strong>Host:</strong> {{ currentWorkflow.node.host }}</dt>

From aeadf36ea85fbf3075c3a536caa59e0219bcb8e4 Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 27 Nov 2025 13:12:10 +1300
Subject: [PATCH 7/8] inject placement and tidy

---
 src/components/cylc/workspace/Toolbar.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index 6a3855073..b59b1fd39 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -153,11 +153,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <!-- workflow status message -->
       <span class="status-msg text-body-2">
         {{ statusMessage }}
-      </span>
-
-      <!-- workflow version if different from UIS cylc-flow version -->
-      <span class="version-pop text-body-2">
-        {{ versionPopup }}
+        <!-- workflow Cylc version popup on differ with UIS version -->
+        <!-- nested within status-msg for style inheritance -->
+        <span v-if="currentWorkflow.node.cylcVersion !== uisFlowVersion">
+          {{ versionPopup }}
+        </span>
       </span>
 
       <v-spacer class="mx-0" />
@@ -318,11 +318,13 @@ export default {
   setup () {
     const { showNavBtn } = useNavBtn()
     const { toggleDrawer } = useDrawer()
+    const uisFlowVersion = inject('versionInfo').value?.['cylc-flow']
     return {
       eventBus,
       showNavBtn,
       toggleDrawer,
-      toolbarHeight
+      toolbarHeight,
+      uisFlowVersion
     }
   },
 
@@ -401,10 +403,7 @@ export default {
     },
     versionPopup () {
       let ret = ''
-      if (
-        this.currentWorkflow.node.cylcVersion &&
-        this.currentWorkflow.node.cylcVersion !== inject('versionInfo').value?.['cylc-flow']
-      ) {
+      if (this.currentWorkflow.node.cylcVersion) {
         ret += ` • Cylc ${this.currentWorkflow.node.cylcVersion}`
       }
       return ret

From 8f02b5ded9ace5b297d767ef45a8a5ef977e283e Mon Sep 17 00:00:00 2001
From: David Sutherland <davidwollow@gmail.com>
Date: Thu, 27 Nov 2025 13:54:17 +1300
Subject: [PATCH 8/8] inject var test fix

---
 src/components/cylc/workspace/Toolbar.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/cylc/workspace/Toolbar.vue b/src/components/cylc/workspace/Toolbar.vue
index b59b1fd39..89bab261c 100644
--- a/src/components/cylc/workspace/Toolbar.vue
+++ b/src/components/cylc/workspace/Toolbar.vue
@@ -318,7 +318,11 @@ export default {
   setup () {
     const { showNavBtn } = useNavBtn()
     const { toggleDrawer } = useDrawer()
-    const uisFlowVersion = inject('versionInfo').value?.['cylc-flow']
+    const uisVersionInfo = inject('versionInfo')
+    let uisFlowVersion = ''
+    if (uisVersionInfo) {
+      uisFlowVersion = uisVersionInfo.value?.['cylc-flow']
+    }
     return {
       eventBus,
       showNavBtn,