fix typing imports

client/src/components/Workflow/InvocationsListState.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, toRef } from "vue";
+import { computed, onBeforeUnmount, onMounted, toRef } from "vue";
 
+import type { WorkflowInvocationElementView } from "@/api/invocations";
 import { useInvocationState } from "@/components/WorkflowInvocationState/usesInvocationState";
 
 import HelpText from "@/components/Help/HelpText.vue";
@@ -16,7 +17,7 @@ interface Props {
 const props = defineProps<Props>();
 
 const {
-    invocation,
+    invocation: invocationFromState,
     invocationState,
     invocationSchedulingTerminal,
     invocationAndJobTerminal,
@@ -25,6 +26,9 @@ const {
     clearStateMonitor,
 } = useInvocationState(toRef(props, "invocationId"), true);
 
+// TODO: This is a workaround to type invocation; I would've expected it to already be typed
+const invocation = computed(() => invocationFromState.value as WorkflowInvocationElementView | undefined);
+
 onMounted(monitorState);
 onBeforeUnmount(clearStateMonitor);
 </script>
@@ -41,6 +45,7 @@ onBeforeUnmount(clearStateMonitor);
                 :invocation-state="invocationState"
                 :invocation-scheduling-terminal="invocationSchedulingTerminal" />
             <InvocationJobsProgressBar
+                v-if="jobStatesSummary"
                 :job-states-summary="jobStatesSummary"
                 :invocation-scheduling-terminal="invocationSchedulingTerminal"
                 :invocation-and-job-terminal="invocationAndJobTerminal" />

client/src/components/WorkflowInvocationState/InvocationJobsProgressBar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import { InvocationJobsSummary } from "@/api/invocations";
+import { type InvocationJobsSummary } from "@/api/invocations";
 
 import {
     errorCount as jobStatesSummaryErrorCount,

client/src/components/WorkflowInvocationState/InvocationStepsProgressBar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-import { InvocationStep, WorkflowInvocationElementView } from "@/api/invocations";
+import { type InvocationStep, type WorkflowInvocationElementView } from "@/api/invocations";
 
 import ProgressBar from "@/components/ProgressBar.vue";
 

client/src/components/WorkflowInvocationState/WorkflowInvocationState.vue

@@ -128,6 +128,7 @@ const {
     clearStateMonitor,
 } = useInvocationState(toRef(props, "invocationId"));
 
+// TODO: This is a workaround to type invocation; I would've expected it to already be typed
 const invocation = computed(() => invocationFromState.value as WorkflowInvocationElementView | undefined);
 
 onMounted(monitorState);

client/src/components/WorkflowInvocationState/usesInvocationState.ts

@@ -1,6 +1,6 @@
 import { computed, type Ref } from "vue";
 
-import { InvocationJobsSummary } from "@/api/invocations";
+import { type InvocationJobsSummary } from "@/api/invocations";
 import { useInvocationStore } from "@/stores/invocationStore";
 
 import { isTerminal, jobCount } from "./util";

client/src/stores/invocationStore.ts

@@ -48,7 +48,7 @@ export const useInvocationStore = defineStore("invocationStore", () => {
         if (error) {
             rethrowSimple(error);
         }
-        return data;
+        return data as WorkflowInvocationStepStatesView;
     }
 
     const { getItemById: getInvocationById, fetchItemById: fetchInvocationForId } =