diff --git a/web/app/src/components/footer/FooterPopup.vue b/web/app/src/components/footer/FooterPopup.vue
index 32748e99..e3ac3769 100644
--- a/web/app/src/components/footer/FooterPopup.vue
+++ b/web/app/src/components/footer/FooterPopup.vue
@@ -13,6 +13,13 @@ const tabs = { NotificationList, TaskLog }
watch(currentTab, async (newTab) => {
localStorage.setItem("footer-popover-active-tab", newTab);
});
+
+function showTaskLogTail() {
+ currentTab.value = 'TaskLog';
+}
+defineExpose({
+ showTaskLogTail,
+});
diff --git a/web/app/src/components/jobs/TaskDetails.vue b/web/app/src/components/jobs/TaskDetails.vue
index 73db3f98..a583c9d0 100644
--- a/web/app/src/components/jobs/TaskDetails.vue
+++ b/web/app/src/components/jobs/TaskDetails.vue
@@ -56,6 +56,8 @@
Task Log
+
@@ -76,6 +78,9 @@ export default {
props: [
"taskData", // Task data to show.
],
+ emits: [
+ "showTaskLogTail", // Emitted when the user presses the "follow task log" button.
+ ],
components: { WorkerLink },
data() {
return {
diff --git a/web/app/src/views/JobsView.vue b/web/app/src/views/JobsView.vue
index da78507a..234e55ed 100644
--- a/web/app/src/views/JobsView.vue
+++ b/web/app/src/views/JobsView.vue
@@ -7,7 +7,7 @@