fix: blank when opening hosted workflow

src/newtab/pages/workflows/Host.vue

@@ -108,6 +108,7 @@
 import { computed, reactive, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
+import { useHead } from '@vueuse/head';
 import { useDialog } from '@/composable/dialog';
 import { useShortcut } from '@/composable/shortcut';
 import { useGroupTooltip } from '@/composable/groupTooltip';
@@ -155,6 +156,13 @@ const workflowStates = computed(() =>
   workflowStore.getWorkflowStates(workflowId)
 );
 
+useHead({
+  title: () =>
+    workflow.value?.name
+      ? `${workflow.value.name} workflow`
+      : 'Hosted workflow',
+});
+
 function openLogs() {
   emitter.emit('ui:logs', {
     workflowId,

src/newtab/router.js

@@ -61,12 +61,12 @@ const routes = [
       },
       {
         name: 'team-workflows',
-        path: 'teams/:teamId/workflows/:id',
+        path: '/teams/:teamId/workflows/:id',
         component: WorkflowDetails,
       },
       {
         name: 'workflow-host',
-        path: 'workflows/:id/host',
+        path: '/workflows/:id/host',
         component: WorkflowHost,
       },
       {