diff --git a/static/main.ts b/static/main.ts
deleted file mode 100644
index c991945..0000000
--- a/static/main.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-function main() {
-    alert("Hello world!");
-}
-
-const BUTTON = document.getElementById("button");
-BUTTON?.addEventListener("click", main);
diff --git a/static/queue/main.ts b/static/queue/main.ts
new file mode 100644
index 0000000..07c22d5
--- /dev/null
+++ b/static/queue/main.ts
@@ -0,0 +1,16 @@
+const COUNT = document.getElementById("count")!;
+const QUEUE = document.getElementById("queue")!;
+const REFRESH_SECONDS = 10;
+
+function update() {
+    fetch("table")
+        .then(response => response.text())
+        .then(text => {
+            QUEUE.innerHTML = text;
+            let count = QUEUE.querySelectorAll("tbody tr").length;
+            COUNT.textContent = String(count);
+            document.title = document.title.replace(/^queue \(\d+\)/, `queue (${count})`);
+        });
+}
+
+setInterval(update, REFRESH_SECONDS * 1000);
diff --git a/templates/queue.html b/templates/queue.html
index 3fb2524..8d8cab4 100644
--- a/templates/queue.html
+++ b/templates/queue.html
@@ -2,7 +2,11 @@
 
 {% block title %}queue ({{ table.tasks.len() }}){% endblock %}
 
-{% block body %}
-<h2>Queue ({{ table.tasks.len() }})</h2>
-{{ table|safe }}
+{% block head %}
+<script type="module" src="main.js"></script>
+{% endblock %}
+
+{% block body %}
+<h2>Queue (<span id="count">{{ table.tasks.len() }}</span>)</h2>
+<div id="queue">{{ table|safe }}</div>
 {% endblock %}