plum-e2e 1.1.1 → 1.2.1

package/frontend/build/server/manifest.js

@@ -0,0 +1,84 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set(["favicon.png"]),
+	mimeTypes: {".png":"image/png"},
+	_: {
+		client: {start:"_app/immutable/entry/start.GiBry-lw.js",app:"_app/immutable/entry/app.C2MbX06K.js",imports:["_app/immutable/entry/start.GiBry-lw.js","_app/immutable/chunks/Cit9MuSg.js","_app/immutable/chunks/B0bn91RF.js","_app/immutable/entry/app.C2MbX06K.js","_app/immutable/chunks/B0bn91RF.js","_app/immutable/chunks/DFJLQFic.js","_app/immutable/chunks/CwBTqcbj.js","_app/immutable/chunks/Be4iUAB0.js","_app/immutable/chunks/CHV2KnPr.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
+		nodes: [
+			__memo(() => import('./chunks/0-BFfqmlsS.js')),
+			__memo(() => import('./chunks/1-hso3H4Ax.js')),
+			__memo(() => import('./chunks/2-BSZWXCWp.js')),
+			__memo(() => import('./chunks/3-BYumY9dv.js')),
+			__memo(() => import('./chunks/4-2UUrCVtM.js')),
+			__memo(() => import('./chunks/5-C2_y_fwT.js'))
+		],
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			},
+			{
+				id: "/reports",
+				pattern: /^\/reports\/?$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 3 },
+				endpoint: null
+			},
+			{
+				id: "/reports/[slug]",
+				pattern: /^\/reports\/([^/]+?)\/?$/,
+				params: [{"name":"slug","optional":false,"rest":false,"chained":false}],
+				page: { layouts: [0,], errors: [1,], leaf: 4 },
+				endpoint: null
+			},
+			{
+				id: "/scheduled-tests",
+				pattern: /^\/scheduled-tests\/?$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 5 },
+				endpoint: null
+			}
+		],
+		prerendered_routes: new Set([]),
+		matchers: async () => {
+			
+			return {  };
+		},
+		server_assets: {}
+	}
+}
+})();
+
+const prerendered = new Set([]);
+
+const base = "";
+
+export { base, manifest, prerendered };
+//# sourceMappingURL=manifest.js.map

package/frontend/build/server/manifest.js.map

@@ -0,0 +1,17 @@
+/*
+This file is part of Plum.
+
+Plum is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Plum is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Plum. If not, see https://www.gnu.org/licenses/.
+*/
+{"version":3,"file":"manifest.js","sources":["../../.svelte-kit/adapter-node/manifest.js"],"sourcesContent":["export const manifest = (() => {\nfunction __memo(fn) {\n\tlet value;\n\treturn () => value ??= (value = fn());\n}\n\nreturn {\n\tappDir: \"_app\",\n\tappPath: \"_app\",\n\tassets: new Set([\"favicon.png\"]),\n\tmimeTypes: {\".png\":\"image/png\"},\n\t_: {\n\t\tclient: {start:\"_app/immutable/entry/start.GiBry-lw.js\",app:\"_app/immutable/entry/app.C2MbX06K.js\",imports:[\"_app/immutable/entry/start.GiBry-lw.js\",\"_app/immutable/chunks/Cit9MuSg.js\",\"_app/immutable/chunks/B0bn91RF.js\",\"_app/immutable/entry/app.C2MbX06K.js\",\"_app/immutable/chunks/B0bn91RF.js\",\"_app/immutable/chunks/DFJLQFic.js\",\"_app/immutable/chunks/CwBTqcbj.js\",\"_app/immutable/chunks/Be4iUAB0.js\",\"_app/immutable/chunks/CHV2KnPr.js\"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},\n\t\tnodes: [\n\t\t\t__memo(() => import('./nodes/0.js')),\n\t\t\t__memo(() => import('./nodes/1.js')),\n\t\t\t__memo(() => import('./nodes/2.js')),\n\t\t\t__memo(() => import('./nodes/3.js')),\n\t\t\t__memo(() => import('./nodes/4.js')),\n\t\t\t__memo(() => import('./nodes/5.js'))\n\t\t],\n\t\troutes: [\n\t\t\t{\n\t\t\t\tid: \"/\",\n\t\t\t\tpattern: /^\\/$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 2 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/reports\",\n\t\t\t\tpattern: /^\\/reports\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 3 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/reports/[slug]\",\n\t\t\t\tpattern: /^\\/reports\\/([^/]+?)\\/?$/,\n\t\t\t\tparams: [{\"name\":\"slug\",\"optional\":false,\"rest\":false,\"chained\":false}],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 4 },\n\t\t\t\tendpoint: null\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"/scheduled-tests\",\n\t\t\t\tpattern: /^\\/scheduled-tests\\/?$/,\n\t\t\t\tparams: [],\n\t\t\t\tpage: { layouts: [0,], errors: [1,], leaf: 5 },\n\t\t\t\tendpoint: null\n\t\t\t}\n\t\t],\n\t\tprerendered_routes: new Set([]),\n\t\tmatchers: async () => {\n\t\t\t\n\t\t\treturn {  };\n\t\t},\n\t\tserver_assets: {}\n\t}\n}\n})();\n\nexport const prerendered = new Set([]);\n\nexport const base = \"\";"],"names":[],"mappings":"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"}

package/frontend/build/shims.js

@@ -0,0 +1,49 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+import buffer from 'node:buffer';
+import { webcrypto } from 'node:crypto';
+
+// `buffer.File` was added in Node 18.13.0 while the `File` global was added in Node 20.0.0
+const File = /** @type {import('node:buffer') & { File?: File}} */ (buffer).File;
+
+/** @type {Record<string, any>} */
+const globals = {
+	crypto: webcrypto,
+	File
+};
+
+// exported for dev/preview and node environments
+/**
+ * Make various web APIs available as globals:
+ * - `crypto`
+ * - `File`
+ */
+function installPolyfills() {
+	for (const name in globals) {
+		if (name in globalThis) continue;
+
+		Object.defineProperty(globalThis, name, {
+			enumerable: true,
+			configurable: true,
+			writable: true,
+			value: globals[name]
+		});
+	}
+}
+
+installPolyfills();

package/frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "plum-frontend",
-	"version": "0.0.1",
+	"version": "1.2.1",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "plum-frontend",
-			"version": "0.0.1",
+			"version": "1.2.1",
 			"dependencies": {
 				"socket.io-client": "^4.8.1"
 			},

package/frontend/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "plum-frontend",
 	"private": true,
-	"version": "0.0.1",
+	"version": "1.2.1",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/frontend/src/lib/api/reports.js

@@ -15,29 +15,12 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-/*
-This file is part of Plum.
-
-Plum is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-Plum is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with Plum. If not, see https://www.gnu.org/licenses/.
-*/
-
 const BASE = 'http://localhost:3001';
 
 export async function fetchReports() {
 	const res = await fetch(`${BASE}/reports`);
 	const { reports } = await res.json();
-	return reports.map(parseReport).filter(Boolean);
+	return reports.map((r) => ({ ...r, date: new Date(r.createdAt).toLocaleString() }));
 }
 
 export async function fetchLatestReport() {
@@ -50,19 +33,47 @@ export function reportUrl(fileName) {
 	return `/reports/${encodeURIComponent(fileName)}`;
 }
 
+// Parses metadata out of a report filename.
+// Format: {STATUS}_cucumber_report_{trigger}_{tags}_runners_{n}_{timestamp}.json
+export function parseReport(fileName) {
+	const m = fileName.match(
+		/^(PASS|FAIL)_cucumber_report_(.+?)_(\([^)]+\))_runners_(\d+)_(\d{4}_\d{2}_\d{2}T[\d_]+Z)\.json$/
+	);
+	if (!m) return null;
+	const [, status, triggerType, tags, runners, tsRaw] = m;
+	const isoStr = tsRaw.replace(
+		/^(\d{4})_(\d{2})_(\d{2})T(\d{2})_(\d{2})_(\d{2})_(\d+)Z$/,
+		'$1-$2-$3T$4:$5:$6.$7Z'
+	);
+	return {
+		status,
+		triggerType,
+		tags,
+		runners: parseInt(runners, 10),
+		date: new Date(isoStr).toLocaleString()
+	};
+}
+
 export async function fetchReportDetail(fileName) {
 	const res = await fetch(`${BASE}/reports/${encodeURIComponent(fileName)}/detail`);
 	if (!res.ok) throw new Error('Report not found');
 	return res.json();
 }
 
-export function parseReport(fileName) {
-	const match = fileName.match(
-		/(PASS|FAIL)_cucumber_report_(.+?)_\(([^)]+)\)(?:_runners_(\d+))?_(\d{4})_(\d{2})_(\d{2})T(\d{2})_(\d{2})_(\d{2})_\d{3}Z\.json/
-	);
-	if (!match) return null;
-	const [, status, triggerType, tags, runners = '1', year, month, day, hour, minute, second] =
-		match;
-	const date = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}Z`).toLocaleString();
-	return { fileName, status, triggerType, tags, runners: Number(runners), date };
+export async function deleteReport(fileName) {
+	const res = await fetch(`${BASE}/reports/${encodeURIComponent(fileName)}`, {
+		method: 'DELETE'
+	});
+	if (!res.ok) throw new Error('Failed to delete report');
+	return res.json();
+}
+
+export async function deleteReports(fileNames) {
+	const res = await fetch(`${BASE}/reports/bulk`, {
+		method: 'DELETE',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ fileNames })
+	});
+	if (!res.ok) throw new Error('Failed to delete reports');
+	return res.json();
 }

package/frontend/src/lib/api/schedules.js

@@ -15,45 +15,29 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-/*
-This file is part of Plum.
-
-Plum is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-Plum is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with Plum. If not, see https://www.gnu.org/licenses/.
-*/
-
 const BASE = 'http://localhost:3001';
 
-export async function fetchSchedules() {
-	const res = await fetch(`${BASE}/schedules`);
-	const { schedules } = await res.json();
-	return schedules ?? [];
-}
-
 export async function fetchCronJobs() {
 	const res = await fetch(`${BASE}/cron-jobs`);
 	const { cronJobs } = await res.json();
 	return cronJobs ?? [];
 }
 
-export async function saveCronJob({ taskName, cronExpression, tags, isEditing, editTaskName }) {
+export async function saveCronJob({
+	taskName,
+	cronExpression,
+	tags,
+	workers,
+	isEditing,
+	editTaskName
+}) {
 	const formattedTags = tags.replace(/\sOR\s/gi, (m) => m.toLowerCase());
 	const url = isEditing ? `${BASE}/cron-jobs/${editTaskName}` : `${BASE}/cron-jobs`;
 	const method = isEditing ? 'PUT' : 'POST';
 	const res = await fetch(url, {
 		method,
 		headers: { 'Content-Type': 'application/json' },
-		body: JSON.stringify({ cronExpression, taskName, tags: formattedTags })
+		body: JSON.stringify({ cronExpression, taskName, tags: formattedTags, workers })
 	});
 	return res.json();
 }

package/frontend/src/lib/api/settings.js

@@ -0,0 +1,48 @@
+/*
+ * This file is part of Plum.
+ *
+ * Plum is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Plum is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Plum. If not, see https://www.gnu.org/licenses/.
+ */
+
+const BASE = 'http://localhost:3001';
+
+export async function fetchProject() {
+	const res = await fetch(`${BASE}/settings/project`);
+	if (!res.ok) return { name: '', logoUrl: '' };
+	return res.json();
+}
+
+export async function saveProject({ name, logoUrl }) {
+	const res = await fetch(`${BASE}/settings/project`, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ name, logoUrl })
+	});
+	return res.json();
+}
+
+export async function exportBackup() {
+	const res = await fetch(`${BASE}/backup/export`);
+	if (!res.ok) throw new Error('Export failed');
+	return res.json();
+}
+
+export async function importBackup(data) {
+	const res = await fetch(`${BASE}/backup/import`, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify(data)
+	});
+	return res.json();
+}

package/frontend/src/lib/components/layout/Nav.svelte

@@ -25,7 +25,8 @@
 	const links = [
 		{ href: '/', label: 'Run Tests' },
 		{ href: '/reports', label: 'Reports' },
-		{ href: '/scheduled-tests', label: 'Scheduled' }
+		{ href: '/scheduled-tests', label: 'Scheduled' },
+		{ href: '/settings', label: 'Settings' }
 	];
 
 	function toggleTheme() {

package/frontend/src/lib/components/layout/RunnerPanel.svelte

@@ -19,7 +19,16 @@
 	import { onMount } from 'svelte';
 	import { slide, fly } from 'svelte/transition';
 	import { io } from 'socket.io-client';
-	import { socket, runnerState, runnerConfig, panelExpanded, triggerRun } from '$lib/stores/runner';
+	import {
+		socket,
+		runnerState,
+		runnerConfig,
+		panelExpanded,
+		triggerRun,
+		testsVersion,
+		reportsVersion,
+		activeCronJobs
+	} from '$lib/stores/runner';
 	import { fetchLatestReport, reportUrl } from '$lib/api/reports';
 	import Terminal from '$lib/components/ui/Terminal.svelte';
 	import Button from '$lib/components/ui/Button.svelte';
@@ -47,30 +56,56 @@
 			}));
 		});
 
+		s.on('tests-changed', () => {
+			testsVersion.update((v) => v + 1);
+		});
+
+		s.on('report-ready', () => {
+			reportsVersion.update((v) => v + 1);
+		});
+
+		s.on('cron-start', ({ taskName }) => {
+			activeCronJobs.update((j) => ({ ...j, [taskName]: true }));
+		});
+
+		s.on('cron-done', ({ taskName }) => {
+			activeCronJobs.update((j) => {
+				const next = { ...j };
+				delete next[taskName];
+				return next;
+			});
+			reportsVersion.update((v) => v + 1);
+		});
+
 		return () => s.disconnect();
 	});
 
 	$: state = $runnerState;
 	$: cfg = $runnerConfig;
-	$: workerCount = Math.min(cfg.workers, 4);
-	$: dots = Array.from({ length: workerCount });
+	$: dots = Array.from({ length: cfg.workers });
+	$: cronJobs = Object.keys($activeCronJobs);
+	$: anyCronRunning = cronJobs.length > 0;
+	$: anyRunning = state.running || anyCronRunning;
 
 	$: statusColor =
 		state.status === 'pass'
 			? 'var(--pass)'
 			: state.status === 'fail'
 				? 'var(--fail)'
-				: state.status === 'running'
+				: state.running
 					? 'var(--accent)'
-					: 'var(--border)';
-
-	$: statusLabel =
-		state.status === 'running'
-			? 'running'
-			: state.status === 'pass'
-				? 'passed'
-				: state.status === 'fail'
-					? 'failed'
+					: anyCronRunning
+						? 'var(--pass)'
+						: 'var(--border)';
+
+	$: statusLabel = state.running
+		? 'running'
+		: state.status === 'pass'
+			? 'passed'
+			: state.status === 'fail'
+				? 'failed'
+				: anyCronRunning
+					? 'scheduled'
 					: 'ready';
 
 	function handleKeydown(e) {
@@ -142,7 +177,7 @@
 							class:active={cfg.workers === n}
 							on:click={() => runnerConfig.update((c) => ({ ...c, workers: n }))}
 						>
-							{n === 1 ? 'Off' : n}
+							{n}
 						</button>
 					{/each}
 				</div>
@@ -152,15 +187,38 @@
 				</Button>
 			</div>
 
-			<Terminal output={state.output} />
+			<div class="main-row">
+				<!-- Terminal column -->
+				<div class="terminal-col">
+					<Terminal output={state.output} />
+					{#if state.testCompleted && state.latestReport}
+						<div class="report-row" transition:fly={{ y: 6, duration: 200 }}>
+							<a href={reportUrl(state.latestReport)} target="_blank" rel="noopener noreferrer">
+								<Button variant="outline" size="sm">View Report →</Button>
+							</a>
+						</div>
+					{/if}
+				</div>
 
-			{#if state.testCompleted && state.latestReport}
-				<div class="report-row" transition:fly={{ y: 6, duration: 200 }}>
-					<a href={reportUrl(state.latestReport)} target="_blank" rel="noopener noreferrer">
-						<Button variant="outline" size="sm">View Report →</Button>
-					</a>
+				<!-- Sidebar: scheduled jobs -->
+				<div class="sidebar">
+					<div class="sidebar-section">
+						<span class="sidebar-label">Scheduled</span>
+						{#if cronJobs.length === 0}
+							<span class="sidebar-empty">none running</span>
+						{:else}
+							<ul class="cron-list">
+								{#each cronJobs as name}
+									<li class="cron-item" transition:fly={{ x: -6, duration: 180 }}>
+										<span class="cron-dot"></span>
+										<span class="cron-name">{name}</span>
+									</li>
+								{/each}
+							</ul>
+						{/if}
+					</div>
 				</div>
-			{/if}
+			</div>
 		</div>
 	{/if}
 </div>
@@ -372,7 +430,88 @@
 		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
 	}
 
+	/* ── Main row: terminal + sidebar ── */
+	.main-row {
+		display: flex;
+		gap: 1rem;
+		align-items: flex-start;
+	}
+
+	.terminal-col {
+		flex: 1;
+		min-width: 0;
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		/* Constrain terminal height via the Terminal component's wrapper */
+		--terminal-max-height: 140px;
+	}
+
 	.report-row {
 		display: flex;
 	}
+
+	/* ── Sidebar ── */
+	.sidebar {
+		width: 260px;
+		flex-shrink: 0;
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		padding-left: 1.25rem;
+		border-left: 1px solid var(--border);
+	}
+
+	.sidebar-section {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.sidebar-label {
+		font-size: 0.65rem;
+		font-weight: 600;
+		letter-spacing: 0.09em;
+		text-transform: uppercase;
+		color: var(--text-muted);
+	}
+
+	.sidebar-empty {
+		font-size: 0.75rem;
+		color: var(--text-muted);
+		font-style: italic;
+	}
+
+	.cron-list {
+		list-style: none;
+		padding: 0;
+		margin: 0;
+		display: flex;
+		flex-direction: column;
+		gap: 0.375rem;
+	}
+
+	.cron-item {
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+	}
+
+	.cron-dot {
+		width: 7px;
+		height: 7px;
+		border-radius: 50%;
+		background: var(--pass);
+		flex-shrink: 0;
+		animation: statusPulse 1.6s ease-in-out infinite;
+	}
+
+	.cron-name {
+		font-size: 0.75rem;
+		font-family: 'JetBrains Mono', monospace;
+		color: var(--text);
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
 </style>

package/frontend/src/lib/components/ui/Terminal.svelte

@@ -77,8 +77,8 @@
 		background: var(--terminal-bg);
 		color: var(--terminal-text);
 		padding: 1rem;
-		min-height: 220px;
-		max-height: 280px;
+		min-height: 120px;
+		max-height: 160px;
 		overflow-y: auto;
 		white-space: pre-wrap;
 		word-break: break-word;

package/frontend/src/lib/stores/runner.js

@@ -35,6 +35,15 @@ export const runnerConfig = writable({
 
 export const panelExpanded = writable(true);
 
+// Increments whenever the backend detects a change in tests/features/
+export const testsVersion = writable(0);
+
+// Increments whenever a new report file is detected
+export const reportsVersion = writable(0);
+
+// Map of taskName → true for every cron job currently executing
+export const activeCronJobs = writable({});
+
 export function triggerRun(id) {
 	const s = get(socket);
 	if (!s) return;