Merge branch 'main' into sb/zen-helpsb/zen-help

- Combine HelpCommand (this branch) with HistoryCommand (main) in zen CLI dispatcher
- Keep filter-aware TuiPickOne rewrite; adopt main's ASCII arrow glyphs in doc comment

10 files changed, 937 insertions, 353 deletions

diff --git a/src/zenserver/frontend/html/pages/builds.js b/src/zenserver/frontend/html/pages/builds.js
index 6b3426378..c63d13b91 100644
--- a/src/zenserver/frontend/html/pages/builds.js
+++ b/src/zenserver/frontend/html/pages/builds.js
@@ -39,6 +39,7 @@ export class Page extends ZenPage
 
 	_render_stats(stats)
 	{
+		stats = this._merge_last_stats(stats);
 		const grid = this._stats_grid;
 		const safe = (obj, path) => path.split(".").reduce((a, b) => a && a[b], obj);
 
@@ -49,39 +50,30 @@ export class Page extends ZenPage
 
 		// Build Store tile
 		{
-			const blobs    = safe(stats, "store.blobs");
-			const metadata = safe(stats, "store.metadata");
-			if (blobs || metadata)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile");
-				tile.tag().classify("card-title").text("Build Store");
-				const columns = tile.tag().classify("tile-columns");
+			const blobs    = safe(stats, "store.blobs") || {};
+			const metadata = safe(stats, "store.metadata") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile");
+			tile.tag().classify("card-title").text("Build Store");
+			const columns = tile.tag().classify("tile-columns");
 
-				const left = columns.tag().classify("tile-metrics");
-				this._metric(left, Friendly.bytes(safe(stats, "store.size.disk") || 0), "disk", true);
-				if (blobs)
-				{
-					this._metric(left, Friendly.sep(blobs.count || 0), "blobs");
-					this._metric(left, Friendly.sep(blobs.readcount || 0), "blob reads");
-					this._metric(left, Friendly.sep(blobs.writecount || 0), "blob writes");
-					const blobHitRatio = (blobs.readcount || 0) > 0
-						? (((blobs.hitcount || 0) / blobs.readcount) * 100).toFixed(1) + "%"
-						: "-";
-					this._metric(left, blobHitRatio, "blob hit ratio");
-				}
+			const left = columns.tag().classify("tile-metrics");
+			this._metric(left, Friendly.bytes(safe(stats, "store.size.disk") || 0), "disk", true);
+			this._metric(left, Friendly.sep(blobs.count || 0), "blobs");
+			this._metric(left, Friendly.sep(blobs.readcount || 0), "blob reads");
+			this._metric(left, Friendly.sep(blobs.writecount || 0), "blob writes");
+			const blobHitRatio = (blobs.readcount || 0) > 0
+				? (((blobs.hitcount || 0) / blobs.readcount) * 100).toFixed(1) + "%"
+				: "-";
+			this._metric(left, blobHitRatio, "blob hit ratio");
 
-				const right = columns.tag().classify("tile-metrics");
-				if (metadata)
-				{
-					this._metric(right, Friendly.sep(metadata.count || 0), "metadata entries", true);
-					this._metric(right, Friendly.sep(metadata.readcount || 0), "meta reads");
-					this._metric(right, Friendly.sep(metadata.writecount || 0), "meta writes");
-					const metaHitRatio = (metadata.readcount || 0) > 0
-						? (((metadata.hitcount || 0) / metadata.readcount) * 100).toFixed(1) + "%"
-						: "-";
-					this._metric(right, metaHitRatio, "meta hit ratio");
-				}
-			}
+			const right = columns.tag().classify("tile-metrics");
+			this._metric(right, Friendly.sep(metadata.count || 0), "metadata entries", true);
+			this._metric(right, Friendly.sep(metadata.readcount || 0), "meta reads");
+			this._metric(right, Friendly.sep(metadata.writecount || 0), "meta writes");
+			const metaHitRatio = (metadata.readcount || 0) > 0
+				? (((metadata.hitcount || 0) / metadata.readcount) * 100).toFixed(1) + "%"
+				: "-";
+			this._metric(right, metaHitRatio, "meta hit ratio");
 		}
 	}
 
diff --git a/src/zenserver/frontend/html/pages/cache.js b/src/zenserver/frontend/html/pages/cache.js
index e0f6f73b6..683f7df4f 100644
--- a/src/zenserver/frontend/html/pages/cache.js
+++ b/src/zenserver/frontend/html/pages/cache.js
@@ -6,7 +6,7 @@ import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
 import { Modal } from "../util/modal.js"
-import { Table, Toolbar } from "../util/widgets.js"
+import { Table, Toolbar, Pager, add_copy_button } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 export class Page extends ZenPage
@@ -44,8 +44,6 @@ export class Page extends ZenPage
 		// Cache Namespaces
 		var section = this._collapsible_section("Cache Namespaces");
 
-		section.tag().classify("dropall").text("drop-all").on_click(() => this.drop_all());
-
 		var columns = [
 			"namespace",
 			"dir",
@@ -56,31 +54,30 @@ export class Page extends ZenPage
 			"actions",
 		];
 
-		var zcache_info = await new Fetcher().resource("/z$/").json();
 		this._cache_table = section.add_widget(Table, columns, Table.Flag_FitLeft|Table.Flag_PackRight|Table.Flag_AlignNumeric);
 
-		for (const namespace of zcache_info["Namespaces"] || [])
-		{
-			new Fetcher().resource(`/z$/${namespace}/`).json().then((data) => {
-				const row = this._cache_table.add_row(
-					"",
-					data["Configuration"]["RootDir"],
-					data["Buckets"].length,
-					data["EntryCount"],
-					Friendly.bytes(data["StorageSize"].DiskSize),
-					Friendly.bytes(data["StorageSize"].MemorySize)
-				);
-				var cell = row.get_cell(0);
-				cell.tag().text(namespace).on_click(() => this.view_namespace(namespace));
-
-				cell = row.get_cell(-1);
-				const action_tb = new Toolbar(cell, true);
-				action_tb.left().add("view").on_click(() => this.view_namespace(namespace));
-				action_tb.left().add("drop").on_click(() => this.drop_namespace(namespace));
-
-				row.attr("zs_name", namespace);
-			});
-		}
+		this._cache_pager = new Pager(section, 25, () => this._render_cache_page(),
+			Pager.make_search_fn(() => this._cache_data, item => item.namespace));
+		const cache_drop_link = document.createElement("span");
+		cache_drop_link.className = "dropall zen_action";
+		cache_drop_link.style.position = "static";
+		cache_drop_link.textContent = "drop-all";
+		cache_drop_link.addEventListener("click", () => this.drop_all());
+		this._cache_pager.prepend(cache_drop_link);
+
+		const loading = Pager.loading(section);
+		const zcache_info = await new Fetcher().resource("/z$/").json();
+		const namespaces = zcache_info["Namespaces"] || [];
+		const results = await Promise.allSettled(
+			namespaces.map(ns => new Fetcher().resource(`/z$/${ns}/`).json().then(data => ({ namespace: ns, data })))
+		);
+		this._cache_data = results
+			.filter(r => r.status === "fulfilled")
+			.map(r => r.value)
+			.sort((a, b) => a.namespace.localeCompare(b.namespace));
+		this._cache_pager.set_total(this._cache_data.length);
+		this._render_cache_page();
+		loading.remove();
 
 		// Namespace detail area (inside namespaces section so it collapses together)
 		this._namespace_host = section;
@@ -95,51 +92,79 @@ export class Page extends ZenPage
 		}
 	}
 
+	_render_cache_page()
+	{
+		const { start, end } = this._cache_pager.page_range();
+		this._cache_table.clear(start);
+		for (let i = start; i < end; i++)
+		{
+			const item = this._cache_data[i];
+			const data = item.data;
+			const row = this._cache_table.add_row(
+				"",
+				data["Configuration"]["RootDir"],
+				data["Buckets"].length,
+				data["EntryCount"],
+				Friendly.bytes(data["StorageSize"].DiskSize),
+				Friendly.bytes(data["StorageSize"].MemorySize)
+			);
+
+			const cell = row.get_cell(0);
+			cell.tag().text(item.namespace).on_click(() => this.view_namespace(item.namespace));
+			add_copy_button(cell.inner(), item.namespace);
+			add_copy_button(row.get_cell(1).inner(), data["Configuration"]["RootDir"]);
+
+			const action_cell = row.get_cell(-1);
+			const action_tb = new Toolbar(action_cell, true);
+			action_tb.left().add("view").on_click(() => this.view_namespace(item.namespace));
+			action_tb.left().add("drop").on_click(() => this.drop_namespace(item.namespace));
+
+			row.attr("zs_name", item.namespace);
+		}
+	}
+
 	_render_stats(stats)
 	{
+		stats = this._merge_last_stats(stats);
 		const safe = (obj, path) => path.split(".").reduce((a, b) => a && a[b], obj);
 		const grid = this._stats_grid;
 
-		this._last_stats = stats;
 		grid.inner().innerHTML = "";
 
 		// Store I/O tile
 		{
-			const store = safe(stats, "cache.store");
-			if (store)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile").classify("stats-tile-detailed");
-				if (this._selected_category === "store") tile.classify("stats-tile-selected");
-				tile.on_click(() => this._select_category("store"));
-				tile.tag().classify("card-title").text("Store I/O");
-				const columns = tile.tag().classify("tile-columns");
-
-				const left = columns.tag().classify("tile-metrics");
-				const storeHits = store.hits || 0;
-				const storeMisses = store.misses || 0;
-				const storeTotal = storeHits + storeMisses;
-				const storeRatio = storeTotal > 0 ? ((storeHits / storeTotal) * 100).toFixed(1) + "%" : "-";
-				this._metric(left, storeRatio, "store hit ratio", true);
-				this._metric(left, Friendly.sep(storeHits), "hits");
-				this._metric(left, Friendly.sep(storeMisses), "misses");
-				this._metric(left, Friendly.sep(store.writes || 0), "writes");
-				this._metric(left, Friendly.sep(store.rejected_reads || 0), "rejected reads");
-				this._metric(left, Friendly.sep(store.rejected_writes || 0), "rejected writes");
-
-				const right = columns.tag().classify("tile-metrics");
-				const readRateMean = safe(store, "read.bytes.rate_mean") || 0;
-				const readRate1 = safe(store, "read.bytes.rate_1") || 0;
-				const readRate5 = safe(store, "read.bytes.rate_5") || 0;
-				const writeRateMean = safe(store, "write.bytes.rate_mean") || 0;
-				const writeRate1 = safe(store, "write.bytes.rate_1") || 0;
-				const writeRate5 = safe(store, "write.bytes.rate_5") || 0;
-				this._metric(right, Friendly.bytes(readRateMean) + "/s", "read rate (mean)", true);
-				this._metric(right, Friendly.bytes(readRate1) + "/s", "read rate (1m)");
-				this._metric(right, Friendly.bytes(readRate5) + "/s", "read rate (5m)");
-				this._metric(right, Friendly.bytes(writeRateMean) + "/s", "write rate (mean)");
-				this._metric(right, Friendly.bytes(writeRate1) + "/s", "write rate (1m)");
-				this._metric(right, Friendly.bytes(writeRate5) + "/s", "write rate (5m)");
-			}
+			const store = safe(stats, "cache.store") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile").classify("stats-tile-detailed");
+			if (this._selected_category === "store") tile.classify("stats-tile-selected");
+			tile.on_click(() => this._select_category("store"));
+			tile.tag().classify("card-title").text("Store I/O");
+			const columns = tile.tag().classify("tile-columns");
+
+			const left = columns.tag().classify("tile-metrics");
+			const storeHits = store.hits || 0;
+			const storeMisses = store.misses || 0;
+			const storeTotal = storeHits + storeMisses;
+			const storeRatio = storeTotal > 0 ? ((storeHits / storeTotal) * 100).toFixed(1) + "%" : "-";
+			this._metric(left, storeRatio, "store hit ratio", true);
+			this._metric(left, Friendly.sep(storeHits), "hits");
+			this._metric(left, Friendly.sep(storeMisses), "misses");
+			this._metric(left, Friendly.sep(store.writes || 0), "writes");
+			this._metric(left, Friendly.sep(store.rejected_reads || 0), "rejected reads");
+			this._metric(left, Friendly.sep(store.rejected_writes || 0), "rejected writes");
+
+			const right = columns.tag().classify("tile-metrics");
+			const readRateMean = safe(store, "read.bytes.rate_mean") || 0;
+			const readRate1 = safe(store, "read.bytes.rate_1") || 0;
+			const readRate5 = safe(store, "read.bytes.rate_5") || 0;
+			const writeRateMean = safe(store, "write.bytes.rate_mean") || 0;
+			const writeRate1 = safe(store, "write.bytes.rate_1") || 0;
+			const writeRate5 = safe(store, "write.bytes.rate_5") || 0;
+			this._metric(right, Friendly.bytes(readRateMean) + "/s", "read rate (mean)", true);
+			this._metric(right, Friendly.bytes(readRate1) + "/s", "read rate (1m)");
+			this._metric(right, Friendly.bytes(readRate5) + "/s", "read rate (5m)");
+			this._metric(right, Friendly.bytes(writeRateMean) + "/s", "write rate (mean)");
+			this._metric(right, Friendly.bytes(writeRate1) + "/s", "write rate (1m)");
+			this._metric(right, Friendly.bytes(writeRate5) + "/s", "write rate (5m)");
 		}
 
 		// Hit/Miss tile
@@ -175,89 +200,83 @@ export class Page extends ZenPage
 
 		// HTTP Requests tile
 		{
-			const req = safe(stats, "requests");
-			if (req)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile");
-				tile.tag().classify("card-title").text("HTTP Requests");
-				const columns = tile.tag().classify("tile-columns");
+			const req = safe(stats, "requests") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile");
+			tile.tag().classify("card-title").text("HTTP Requests");
+			const columns = tile.tag().classify("tile-columns");
 
-				const left = columns.tag().classify("tile-metrics");
-				const reqData = req.requests || req;
-				this._metric(left, Friendly.sep(reqData.count || 0), "total requests", true);
-				if (reqData.rate_mean > 0)
-				{
-					this._metric(left, Friendly.sep(reqData.rate_mean, 1) + "/s", "req/sec (mean)");
-				}
-				if (reqData.rate_1 > 0)
-				{
-					this._metric(left, Friendly.sep(reqData.rate_1, 1) + "/s", "req/sec (1m)");
-				}
-				if (reqData.rate_5 > 0)
-				{
-					this._metric(left, Friendly.sep(reqData.rate_5, 1) + "/s", "req/sec (5m)");
-				}
-				if (reqData.rate_15 > 0)
-				{
-					this._metric(left, Friendly.sep(reqData.rate_15, 1) + "/s", "req/sec (15m)");
-				}
-				const badRequests = safe(stats, "cache.badrequestcount") || 0;
-				this._metric(left, Friendly.sep(badRequests), "bad requests");
+			const left = columns.tag().classify("tile-metrics");
+			const reqData = req.requests || req;
+			this._metric(left, Friendly.sep(reqData.count || 0), "total requests", true);
+			if (reqData.rate_mean > 0)
+			{
+				this._metric(left, Friendly.sep(reqData.rate_mean, 1) + "/s", "req/sec (mean)");
+			}
+			if (reqData.rate_1 > 0)
+			{
+				this._metric(left, Friendly.sep(reqData.rate_1, 1) + "/s", "req/sec (1m)");
+			}
+			if (reqData.rate_5 > 0)
+			{
+				this._metric(left, Friendly.sep(reqData.rate_5, 1) + "/s", "req/sec (5m)");
+			}
+			if (reqData.rate_15 > 0)
+			{
+				this._metric(left, Friendly.sep(reqData.rate_15, 1) + "/s", "req/sec (15m)");
+			}
+			const badRequests = safe(stats, "cache.badrequestcount") || 0;
+			this._metric(left, Friendly.sep(badRequests), "bad requests");
 
-				const right = columns.tag().classify("tile-metrics");
-				this._metric(right, Friendly.duration(reqData.t_avg || 0), "avg latency", true);
-				if (reqData.t_p75)
-				{
-					this._metric(right, Friendly.duration(reqData.t_p75), "p75");
-				}
-				if (reqData.t_p95)
-				{
-					this._metric(right, Friendly.duration(reqData.t_p95), "p95");
-				}
-				if (reqData.t_p99)
-				{
-					this._metric(right, Friendly.duration(reqData.t_p99), "p99");
-				}
-				if (reqData.t_p999)
-				{
-					this._metric(right, Friendly.duration(reqData.t_p999), "p999");
-				}
-				if (reqData.t_max)
-				{
-					this._metric(right, Friendly.duration(reqData.t_max), "max");
-				}
+			const right = columns.tag().classify("tile-metrics");
+			this._metric(right, Friendly.duration(reqData.t_avg || 0), "avg latency", true);
+			if (reqData.t_p75)
+			{
+				this._metric(right, Friendly.duration(reqData.t_p75), "p75");
+			}
+			if (reqData.t_p95)
+			{
+				this._metric(right, Friendly.duration(reqData.t_p95), "p95");
+			}
+			if (reqData.t_p99)
+			{
+				this._metric(right, Friendly.duration(reqData.t_p99), "p99");
+			}
+			if (reqData.t_p999)
+			{
+				this._metric(right, Friendly.duration(reqData.t_p999), "p999");
+			}
+			if (reqData.t_max)
+			{
+				this._metric(right, Friendly.duration(reqData.t_max), "max");
 			}
 		}
 
 		// RPC tile
 		{
-			const rpc = safe(stats, "cache.rpc");
-			if (rpc)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile");
-				tile.tag().classify("card-title").text("RPC");
-				const columns = tile.tag().classify("tile-columns");
+			const rpc = safe(stats, "cache.rpc") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile");
+			tile.tag().classify("card-title").text("RPC");
+			const columns = tile.tag().classify("tile-columns");
 
-				const left = columns.tag().classify("tile-metrics");
-				this._metric(left, Friendly.sep(rpc.count || 0), "rpc calls", true);
-				this._metric(left, Friendly.sep(rpc.ops || 0), "batch ops");
+			const left = columns.tag().classify("tile-metrics");
+			this._metric(left, Friendly.sep(rpc.count || 0), "rpc calls", true);
+			this._metric(left, Friendly.sep(rpc.ops || 0), "batch ops");
 
-				const right = columns.tag().classify("tile-metrics");
-				if (rpc.records)
-				{
-					this._metric(right, Friendly.sep(rpc.records.count || 0), "record calls");
-					this._metric(right, Friendly.sep(rpc.records.ops || 0), "record ops");
-				}
-				if (rpc.values)
-				{
-					this._metric(right, Friendly.sep(rpc.values.count || 0), "value calls");
-					this._metric(right, Friendly.sep(rpc.values.ops || 0), "value ops");
-				}
-				if (rpc.chunks)
-				{
-					this._metric(right, Friendly.sep(rpc.chunks.count || 0), "chunk calls");
-					this._metric(right, Friendly.sep(rpc.chunks.ops || 0), "chunk ops");
-				}
+			const right = columns.tag().classify("tile-metrics");
+			if (rpc.records)
+			{
+				this._metric(right, Friendly.sep(rpc.records.count || 0), "record calls");
+				this._metric(right, Friendly.sep(rpc.records.ops || 0), "record ops");
+			}
+			if (rpc.values)
+			{
+				this._metric(right, Friendly.sep(rpc.values.count || 0), "value calls");
+				this._metric(right, Friendly.sep(rpc.values.ops || 0), "value ops");
+			}
+			if (rpc.chunks)
+			{
+				this._metric(right, Friendly.sep(rpc.chunks.count || 0), "chunk calls");
+				this._metric(right, Friendly.sep(rpc.chunks.ops || 0), "chunk ops");
 			}
 		}
 
@@ -280,7 +299,7 @@ export class Page extends ZenPage
 			this._metric(right, safe(stats, "cid.size.large") != null ? Friendly.bytes(safe(stats, "cid.size.large")) : "-", "cid large");
 		}
 
-		// Upstream tile (only if upstream is active)
+		// Upstream tile (only shown when upstream is active)
 		{
 			const upstream = safe(stats, "upstream");
 			if (upstream)
@@ -611,10 +630,9 @@ export class Page extends ZenPage
 	async drop_all()
 	{
 		const drop = async () => {
-			for (const row of this._cache_table)
+			for (const item of this._cache_data || [])
 			{
-				const namespace = row.attr("zs_name");
-				await new Fetcher().resource("z$", namespace).delete();
+				await new Fetcher().resource("z$", item.namespace).delete();
 			}
 			this.reload();
 		};
diff --git a/src/zenserver/frontend/html/pages/compute.js b/src/zenserver/frontend/html/pages/compute.js
index 2eb4d4e9b..c2257029e 100644
--- a/src/zenserver/frontend/html/pages/compute.js
+++ b/src/zenserver/frontend/html/pages/compute.js
@@ -5,7 +5,7 @@
 import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
-import { Table } from "../util/widgets.js"
+import { Table, add_copy_button } from "../util/widgets.js"
 
 const MAX_HISTORY_POINTS = 60;
 
@@ -352,8 +352,9 @@ export class Page extends ZenPage
 					id,
 				);
 
-				// Worker ID column: monospace for hex readability
+				// Worker ID column: monospace for hex readability, copy button
 				row.get_cell(5).style("fontFamily", "'SF Mono', 'Cascadia Mono', Consolas, 'DejaVu Sans Mono', monospace");
+				add_copy_button(row.get_cell(5).inner(), id);
 
 				// Make name clickable to expand detail
 				const cell = row.get_cell(0);
@@ -524,7 +525,7 @@ export class Page extends ZenPage
 				: q.state === "draining" ? "draining"
 				: q.is_complete ? "complete" : "active";
 
-			this._queues_table.add_row(
+			const qrow = this._queues_table.add_row(
 				id,
 				status,
 				String(q.active_count ?? 0),
@@ -534,6 +535,10 @@ export class Page extends ZenPage
 				String(q.cancelled_count ?? 0),
 				q.queue_token || "-",
 			);
+			if (q.queue_token)
+			{
+				add_copy_button(qrow.get_cell(7).inner(), q.queue_token);
+			}
 		}
 	}
 
@@ -590,7 +595,9 @@ export class Page extends ZenPage
 			// use monospace for readability, and show full value on hover
 			const mono = "'SF Mono', 'Cascadia Mono', Consolas, 'DejaVu Sans Mono', monospace";
 			row.get_cell(7).style("textAlign", "right").style("fontFamily", mono).attr("title", workerId);
+			if (workerId !== "-") { add_copy_button(row.get_cell(7).inner(), workerId); }
 			row.get_cell(8).style("textAlign", "right").style("fontFamily", mono).attr("title", actionId);
+			if (actionId !== "-") { add_copy_button(row.get_cell(8).inner(), actionId); }
 		}
 	}
 
diff --git a/src/zenserver/frontend/html/pages/entry.js b/src/zenserver/frontend/html/pages/entry.js
index 1e4c82e3f..e381f4a71 100644
--- a/src/zenserver/frontend/html/pages/entry.js
+++ b/src/zenserver/frontend/html/pages/entry.js
@@ -168,7 +168,7 @@ export class Page extends ZenPage
 			if (key === "cook.artifacts")
 			{
 				action_tb.left().add("view-raw").on_click(() => {
-					window.location = "/" + ["prj", project, "oplog", oplog, value+".json"].join("/");
+					window.open("/" + ["prj", project, "oplog", oplog, value+".json"].join("/"), "_self");
 				});
 			}
 
diff --git a/src/zenserver/frontend/html/pages/hub.js b/src/zenserver/frontend/html/pages/hub.js
index c6f96d496..b2bca9324 100644
--- a/src/zenserver/frontend/html/pages/hub.js
+++ b/src/zenserver/frontend/html/pages/hub.js
@@ -6,6 +6,7 @@ import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
 import { Modal } from "../util/modal.js"
+import { flash_highlight, copy_button } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 const STABLE_STATES = new Set(["provisioned", "hibernated", "crashed"]);
@@ -20,6 +21,7 @@ function _btn_enabled(state, action)
 	if (action === "hibernate") { return state === "provisioned"; }
 	if (action === "wake")      { return state === "hibernated"; }
 	if (action === "deprovision") { return _is_actionable(state); }
+	if (action === "obliterate")  { return _is_actionable(state); }
 	return false;
 }
 
@@ -96,20 +98,24 @@ export class Page extends ZenPage
 		this._bulk_label.className = "module-bulk-label";
 		this._btn_bulk_hibernate = _make_bulk_btn("\u23F8", "Hibernate", () => this._exec_action("hibernate", [...this._selected]));
 		this._btn_bulk_wake      = _make_bulk_btn("\u25B6", "Wake",      () => this._exec_action("wake",      [...this._selected]));
-		this._btn_bulk_deprov    = _make_bulk_btn("\u2715", "Deprovision",() => this._confirm_deprovision([...this._selected]));
+		this._btn_bulk_deprov    = _make_bulk_btn("\u23F9", "Deprovision",() => this._confirm_deprovision([...this._selected]));
+		this._btn_bulk_oblit     = _make_bulk_btn("\uD83D\uDD25", "Obliterate", () => this._confirm_obliterate([...this._selected]));
 		const bulk_sep = document.createElement("div");
 		bulk_sep.className = "module-bulk-sep";
 		this._btn_hibernate_all = _make_bulk_btn("\u23F8", "Hibernate All", () => this._confirm_all("hibernate", "Hibernate All"));
 		this._btn_wake_all      = _make_bulk_btn("\u25B6", "Wake All",      () => this._confirm_all("wake",      "Wake All"));
-		this._btn_deprov_all    = _make_bulk_btn("\u2715", "Deprovision All",() => this._confirm_all("deprovision", "Deprovision All"));
+		this._btn_deprov_all    = _make_bulk_btn("\u23F9", "Deprovision All",() => this._confirm_all("deprovision", "Deprovision All"));
+		this._btn_oblit_all     = _make_bulk_btn("\uD83D\uDD25", "Obliterate All", () => this._confirm_obliterate(this._modules_data.map(m => m.moduleId)));
 		this._bulk_bar.appendChild(this._bulk_label);
 		this._bulk_bar.appendChild(this._btn_bulk_hibernate);
 		this._bulk_bar.appendChild(this._btn_bulk_wake);
 		this._bulk_bar.appendChild(this._btn_bulk_deprov);
+		this._bulk_bar.appendChild(this._btn_bulk_oblit);
 		this._bulk_bar.appendChild(bulk_sep);
 		this._bulk_bar.appendChild(this._btn_hibernate_all);
 		this._bulk_bar.appendChild(this._btn_wake_all);
 		this._bulk_bar.appendChild(this._btn_deprov_all);
+		this._bulk_bar.appendChild(this._btn_oblit_all);
 		mod_host.appendChild(this._bulk_bar);
 
 		// Module table
@@ -152,6 +158,38 @@ export class Page extends ZenPage
 		this._btn_next.className = "module-pager-btn";
 		this._btn_next.textContent = "Next \u2192";
 		this._btn_next.addEventListener("click", () => this._go_page(this._page + 1));
+		this._btn_provision = _make_bulk_btn("+", "Provision", () => this._show_provision_modal());
+		this._btn_obliterate = _make_bulk_btn("\uD83D\uDD25", "Obliterate", () => this._show_obliterate_modal());
+		this._search_input = document.createElement("input");
+		this._search_input.type = "text";
+		this._search_input.className = "module-pager-search";
+		this._search_input.placeholder = "Search module\u2026";
+		this._search_input.addEventListener("keydown", (e) =>
+		{
+			if (e.key === "Enter")
+			{
+				const term = this._search_input.value.trim().toLowerCase();
+				if (!term) { return; }
+				const idx = this._modules_data.findIndex(m =>
+					(m.moduleId || "").toLowerCase().includes(term)
+				);
+				if (idx >= 0)
+				{
+					const id = this._modules_data[idx].moduleId;
+					this._navigate_to_module(id);
+					this._flash_module(id);
+				}
+				else
+				{
+					this._search_input.style.outline = "2px solid var(--theme_fail)";
+					setTimeout(() => { this._search_input.style.outline = ""; }, 1000);
+				}
+			}
+		});
+
+		pager.appendChild(this._btn_provision);
+		pager.appendChild(this._btn_obliterate);
+		pager.appendChild(this._search_input);
 		pager.appendChild(this._btn_prev);
 		pager.appendChild(this._pager_label);
 		pager.appendChild(this._btn_next);
@@ -164,8 +202,11 @@ export class Page extends ZenPage
 		this._row_cache    = new Map();  // moduleId → row refs, for in-place DOM updates
 		this._updating     = false;
 		this._page         = 0;
-		this._page_size    = 50;
+		this._page_size    = 25;
 		this._expanded     = new Set();  // moduleIds with open metrics panel
+		this._pending_highlight = null;       // moduleId to navigate+flash after next poll
+		this._pending_highlight_timer = null;
+		this._loading      = mod_section.tag().classify("pager-loading").text("Loading\u2026").inner();
 
 		await this._update();
 		this._poll_timer = setInterval(() => this._update(), 2000);
@@ -184,6 +225,15 @@ export class Page extends ZenPage
 
 			this._render_capacity(stats);
 			this._render_modules(status);
+			if (this._loading) { this._loading.remove(); this._loading = null; }
+			if (this._pending_highlight && this._module_map.has(this._pending_highlight))
+			{
+				const id = this._pending_highlight;
+				this._pending_highlight = null;
+				clearTimeout(this._pending_highlight_timer);
+				this._navigate_to_module(id);
+				this._flash_module(id);
+			}
 		}
 		catch (e) { /* service unavailable */ }
 		finally   { this._updating = false; }
@@ -234,10 +284,12 @@ export class Page extends ZenPage
 
 			const left = columns.tag().classify("tile-metrics");
 			this._metric(left, Friendly.bytes(disk_used), "disk used", true);
+			this._metric(left, Friendly.bytes(machine.disk_total_bytes), "disk total");
 			if (disk_limit > 0) { this._metric(left, Friendly.bytes(disk_limit), "disk limit"); }
 
 			const right = columns.tag().classify("tile-metrics");
 			this._metric(right, Friendly.bytes(mem_used), "memory used", true);
+			this._metric(right, Friendly.bytes(machine.memory_total_mib * 1024 * 1024), "memory total");
 			if (mem_limit > 0) { this._metric(right, Friendly.bytes(mem_limit), "memory limit"); }
 			if (machine.virtual_memory_total_mib > 0)
 			{
@@ -293,7 +345,7 @@ export class Page extends ZenPage
 				row.idx.textContent        = i + 1;
 				row.cb.checked             = this._selected.has(id);
 				row.dot.setAttribute("data-state", state);
-				if (state === "deprovisioning")
+				if (state === "deprovisioning" || state === "obliterating")
 				{
 					row.dot.setAttribute("data-prev-state", prev);
 				}
@@ -303,6 +355,7 @@ export class Page extends ZenPage
 				}
 				row.state_text.nodeValue   = state;
 				row.port_text.nodeValue    = m.port ? String(m.port) : "";
+				row.copy_port_btn.style.display = m.port ? "" : "none";
 				if (m.state_change_time)
 				{
 					const state_label = state.charAt(0).toUpperCase() + state.slice(1);
@@ -315,6 +368,7 @@ export class Page extends ZenPage
 				row.btn_hibernate.disabled = !_btn_enabled(state, "hibernate");
 				row.btn_wake.disabled      = !_btn_enabled(state, "wake");
 				row.btn_deprov.disabled    = !_btn_enabled(state, "deprovision");
+				row.btn_oblit.disabled     = !_btn_enabled(state, "obliterate");
 
 				if (m.process_metrics)
 				{
@@ -374,6 +428,8 @@ export class Page extends ZenPage
 				id_wrap.style.cssText = "display:inline-flex;align-items:center;font-family:monospace;font-size:14px;";
 				id_wrap.appendChild(btn_expand);
 				id_wrap.appendChild(document.createTextNode("\u00A0" + id));
+				const copy_id_btn = copy_button(id);
+				id_wrap.appendChild(copy_id_btn);
 				td_id.appendChild(id_wrap);
 				tr.appendChild(td_id);
 
@@ -381,7 +437,7 @@ export class Page extends ZenPage
 				const dot = document.createElement("span");
 				dot.className = "module-state-dot";
 				dot.setAttribute("data-state", state);
-				if (state === "deprovisioning")
+				if (state === "deprovisioning" || state === "obliterating")
 				{
 					dot.setAttribute("data-prev-state", prev);
 				}
@@ -395,23 +451,29 @@ export class Page extends ZenPage
 				td_port.style.cssText = "font-variant-numeric:tabular-nums;";
 				const port_node = document.createTextNode(port ? String(port) : "");
 				td_port.appendChild(port_node);
+				const copy_port_btn = copy_button(() => port_node.nodeValue);
+				copy_port_btn.style.display = port ? "" : "none";
+				td_port.appendChild(copy_port_btn);
 				tr.appendChild(td_port);
 
 				const td_action = document.createElement("td");
 				td_action.className = "module-action-cell";
 				const [wrap_o, btn_o] = _make_action_btn("\u2197", "Open dashboard", () => {
-					window.open(`${window.location.protocol}//${window.location.hostname}:${port}`, "_blank");
+					window.open(`/hub/proxy/${port}/dashboard/`, "_blank");
 				});
 				btn_o.disabled = state !== "provisioned";
 				const [wrap_h, btn_h] = _make_action_btn("\u23F8", "Hibernate",   () => this._post_module_action(id, "hibernate").then(() => this._update()));
 				const [wrap_w, btn_w] = _make_action_btn("\u25B6", "Wake",        () => this._post_module_action(id, "wake").then(() => this._update()));
-				const [wrap_d, btn_d] = _make_action_btn("\u2715", "Deprovision", () => this._confirm_deprovision([id]));
+				const [wrap_d, btn_d] = _make_action_btn("\u23F9", "Deprovision", () => this._confirm_deprovision([id]));
+				const [wrap_x, btn_x] = _make_action_btn("\uD83D\uDD25", "Obliterate",  () => this._confirm_obliterate([id]));
 				btn_h.disabled = !_btn_enabled(state, "hibernate");
 				btn_w.disabled = !_btn_enabled(state, "wake");
 				btn_d.disabled = !_btn_enabled(state, "deprovision");
+				btn_x.disabled = !_btn_enabled(state, "obliterate");
 				td_action.appendChild(wrap_h);
 				td_action.appendChild(wrap_w);
 				td_action.appendChild(wrap_d);
+				td_action.appendChild(wrap_x);
 				td_action.appendChild(wrap_o);
 				tr.appendChild(td_action);
 
@@ -472,7 +534,7 @@ export class Page extends ZenPage
 				metrics_td.appendChild(metrics_grid);
 				metrics_tr.appendChild(metrics_td);
 
-				row = { tr, metrics_tr, idx: td_idx, cb, dot, state_text: state_node, port_text: port_node, btn_expand, btn_open: btn_o, btn_hibernate: btn_h, btn_wake: btn_w, btn_deprov: btn_d, metric_nodes, state_since_node, state_age_node, state_since_label, state_age_label };
+				row = { tr, metrics_tr, idx: td_idx, cb, dot, state_text: state_node, port_text: port_node, copy_port_btn, btn_expand, btn_open: btn_o, btn_hibernate: btn_h, btn_wake: btn_w, btn_deprov: btn_d, btn_oblit: btn_x, metric_nodes, state_since_node, state_age_node, state_since_label, state_age_label };
 				this._row_cache.set(id, row);
 			}
 
@@ -582,6 +644,7 @@ export class Page extends ZenPage
 		this._btn_bulk_hibernate.disabled = !this._all_selected_in_state("provisioned");
 		this._btn_bulk_wake.disabled      = !this._all_selected_in_state("hibernated");
 		this._btn_bulk_deprov.disabled    = selected === 0;
+		this._btn_bulk_oblit.disabled     = selected === 0;
 
 		this._select_all_cb.disabled      = total === 0;
 		this._select_all_cb.checked       = selected === total && total > 0;
@@ -594,6 +657,7 @@ export class Page extends ZenPage
 		this._btn_hibernate_all.disabled = empty;
 		this._btn_wake_all.disabled      = empty;
 		this._btn_deprov_all.disabled    = empty;
+		this._btn_oblit_all.disabled     = empty;
 	}
 
 	_on_select_all()
@@ -639,6 +703,35 @@ export class Page extends ZenPage
 			.option("Deprovision", () => this._exec_action("deprovision", ids));
 	}
 
+	_confirm_obliterate(ids)
+	{
+		const warn = "\uD83D\uDD25 WARNING: This action is irreversible! \uD83D\uDD25";
+		const detail = "All local and backend data will be permanently destroyed.\nThis cannot be undone.";
+		let message;
+		if (ids.length === 1)
+		{
+			const id    = ids[0];
+			const state = this._module_state(id) || "unknown";
+			message = `${warn}\n\n${detail}\n\nModule ID:     ${id}\nCurrent state: ${state}`;
+		}
+		else
+		{
+			message = `${warn}\n\nObliterate ${ids.length} modules.\n\n${detail}`;
+		}
+
+		new Modal()
+			.title("\uD83D\uDD25 Obliterate")
+			.message(message)
+			.option("Cancel",               null)
+			.option("\uD83D\uDD25 Obliterate", () => this._exec_obliterate(ids));
+	}
+
+	async _exec_obliterate(ids)
+	{
+		await Promise.allSettled(ids.map(id => fetch(`/hub/modules/${encodeURIComponent(id)}`, { method: "DELETE" })));
+		await this._update();
+	}
+
 	_confirm_all(action, label)
 	{
 		// Capture IDs at modal-open time so action targets the displayed list
@@ -663,4 +756,191 @@ export class Page extends ZenPage
 		await fetch(`/hub/modules/${moduleId}/${action}`, { method: "POST" });
 	}
 
+	_show_module_input_modal({ title, submit_label, warning, on_submit })
+	{
+		const MODULE_ID_RE = /^[A-Za-z0-9][A-Za-z0-9-]*$/;
+
+		const overlay = document.createElement("div");
+		overlay.className = "zen_modal";
+
+		const bg = document.createElement("div");
+		bg.className = "zen_modal_bg";
+		bg.addEventListener("click", () => overlay.remove());
+		overlay.appendChild(bg);
+
+		const dialog = document.createElement("div");
+		overlay.appendChild(dialog);
+
+		const title_el = document.createElement("div");
+		title_el.className = "zen_modal_title";
+		title_el.textContent = title;
+		dialog.appendChild(title_el);
+
+		const content = document.createElement("div");
+		content.className = "zen_modal_message";
+		content.style.textAlign = "center";
+
+		if (warning)
+		{
+			const warn = document.createElement("div");
+			warn.style.cssText = "color:var(--theme_fail);font-weight:bold;margin-bottom:12px;";
+			warn.textContent = warning;
+			content.appendChild(warn);
+		}
+
+		const input = document.createElement("input");
+		input.type = "text";
+		input.placeholder = "module-name";
+		input.style.cssText = "width:100%;font-size:14px;padding:8px 12px;";
+		content.appendChild(input);
+
+		const error_div = document.createElement("div");
+		error_div.style.cssText = "color:var(--theme_fail);font-size:12px;margin-top:8px;min-height:1.2em;";
+		content.appendChild(error_div);
+
+		dialog.appendChild(content);
+
+		const buttons = document.createElement("div");
+		buttons.className = "zen_modal_buttons";
+
+		const btn_cancel = document.createElement("div");
+		btn_cancel.textContent = "Cancel";
+		btn_cancel.addEventListener("click", () => overlay.remove());
+
+		const btn_submit = document.createElement("div");
+		btn_submit.textContent = submit_label;
+
+		buttons.appendChild(btn_cancel);
+		buttons.appendChild(btn_submit);
+		dialog.appendChild(buttons);
+
+		let submitting = false;
+
+		const set_submit_enabled = (enabled) => {
+			btn_submit.style.opacity       = enabled ? "" : "0.4";
+			btn_submit.style.pointerEvents = enabled ? "" : "none";
+		};
+
+		set_submit_enabled(false);
+
+		const validate = () => {
+			if (submitting) { return false; }
+			const val = input.value.trim();
+			if (val.length === 0)
+			{
+				error_div.textContent = "";
+				set_submit_enabled(false);
+				return false;
+			}
+			if (!MODULE_ID_RE.test(val))
+			{
+				error_div.textContent = "Only letters, numbers, and hyphens allowed (must start with a letter or number)";
+				set_submit_enabled(false);
+				return false;
+			}
+			error_div.textContent = "";
+			set_submit_enabled(true);
+			return true;
+		};
+
+		input.addEventListener("input", validate);
+
+		const submit = async () => {
+			if (submitting) { return; }
+			const moduleId = input.value.trim();
+			if (!MODULE_ID_RE.test(moduleId)) { return; }
+
+			submitting = true;
+			set_submit_enabled(false);
+			error_div.textContent = "";
+
+			try
+			{
+				const ok = await on_submit(moduleId);
+				if (ok)
+				{
+					overlay.remove();
+					await this._update();
+					return;
+				}
+			}
+			catch (e)
+			{
+				error_div.textContent = e.message || "Request failed";
+			}
+			submitting = false;
+			set_submit_enabled(true);
+		};
+
+		btn_submit.addEventListener("click", submit);
+		input.addEventListener("keydown", (e) => {
+			if (e.key === "Enter" && validate()) { submit(); }
+			if (e.key === "Escape") { overlay.remove(); }
+		});
+
+		document.body.appendChild(overlay);
+		input.focus();
+
+		return { error_div };
+	}
+
+	_show_provision_modal()
+	{
+		const { error_div } = this._show_module_input_modal({
+			title:        "Provision Module",
+			submit_label: "Provision",
+			on_submit:    async (moduleId) => {
+				const resp = await fetch(`/hub/modules/${encodeURIComponent(moduleId)}/provision`, { method: "POST" });
+				if (!resp.ok)
+				{
+					const msg = await resp.text();
+					error_div.textContent = msg || ("HTTP " + resp.status);
+					return false;
+				}
+				// Endpoint returns compact binary (CbObjectWriter), not text
+				if (resp.status === 200 || resp.status === 202)
+				{
+					this._pending_highlight = moduleId;
+					this._pending_highlight_timer = setTimeout(() => { this._pending_highlight = null; }, 5000);
+				}
+				return true;
+			}
+		});
+	}
+
+	_show_obliterate_modal()
+	{
+		const { error_div } = this._show_module_input_modal({
+			title:        "\uD83D\uDD25 Obliterate Module",
+			submit_label: "\uD83D\uDD25 Obliterate",
+			warning:      "\uD83D\uDD25 WARNING: This action is irreversible! \uD83D\uDD25\nAll local and backend data will be permanently destroyed.",
+			on_submit:    async (moduleId) => {
+				const resp = await fetch(`/hub/modules/${encodeURIComponent(moduleId)}`, { method: "DELETE" });
+				if (resp.ok)
+				{
+					return true;
+				}
+				const msg = await resp.text();
+				error_div.textContent = msg || ("HTTP " + resp.status);
+				return false;
+			}
+		});
+	}
+
+	_navigate_to_module(moduleId)
+	{
+		const idx = this._modules_data.findIndex(m => m.moduleId === moduleId);
+		if (idx >= 0)
+		{
+			this._page = Math.floor(idx / this._page_size);
+			this._render_page();
+		}
+	}
+
+	_flash_module(id)
+	{
+		const cached = this._row_cache.get(id);
+		if (cached) { flash_highlight(cached.tr); }
+	}
+
 }
diff --git a/src/zenserver/frontend/html/pages/orchestrator.js b/src/zenserver/frontend/html/pages/orchestrator.js
index a280fabdb..d11306998 100644
--- a/src/zenserver/frontend/html/pages/orchestrator.js
+++ b/src/zenserver/frontend/html/pages/orchestrator.js
@@ -5,7 +5,7 @@
 import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
-import { Table } from "../util/widgets.js"
+import { Table, add_copy_button } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 export class Page extends ZenPage
@@ -14,6 +14,14 @@ export class Page extends ZenPage
 	{
 		this.set_title("orchestrator");
 
+		// Provisioner section (hidden until data arrives)
+		this._prov_section = this._collapsible_section("Provisioner");
+		this._prov_section._parent.inner().style.display = "none";
+		this._prov_grid = null;
+		this._prov_target_dirty = false;
+		this._prov_commit_timer = null;
+		this._prov_last_target = null;
+
 		// Agents section
 		const agents_section = this._collapsible_section("Compute Agents");
 		this._agents_host = agents_section;
@@ -50,11 +58,12 @@ export class Page extends ZenPage
 	{
 		try
 		{
-			const [agents, history, clients, client_history] = await Promise.all([
+			const [agents, history, clients, client_history, prov] = await Promise.all([
 				new Fetcher().resource("/orch/agents").json(),
 				new Fetcher().resource("/orch/history").param("limit", "50").json().catch(() => null),
 				new Fetcher().resource("/orch/clients").json().catch(() => null),
 				new Fetcher().resource("/orch/clients/history").param("limit", "50").json().catch(() => null),
+				new Fetcher().resource("/orch/provisioner/status").json().catch(() => null),
 			]);
 
 			this._render_agents(agents);
@@ -70,6 +79,7 @@ export class Page extends ZenPage
 			{
 				this._render_client_history(client_history.client_events || []);
 			}
+			this._render_provisioner(prov);
 		}
 		catch (e) { /* service unavailable */ }
 	}
@@ -109,6 +119,7 @@ export class Page extends ZenPage
 					{
 						this._render_client_history(data.client_events);
 					}
+					this._render_provisioner(data.provisioner);
 				}
 				catch (e) { /* ignore parse errors */ }
 			};
@@ -156,7 +167,7 @@ export class Page extends ZenPage
 			return;
 		}
 
-		let totalCpus = 0, totalWeightedCpu = 0;
+		let totalCpus = 0, activeCpus = 0, totalWeightedCpu = 0;
 		let totalMemUsed = 0, totalMemTotal = 0;
 		let totalQueues = 0, totalPending = 0, totalRunning = 0, totalCompleted = 0;
 		let totalRecv = 0, totalSent = 0;
@@ -173,8 +184,14 @@ export class Page extends ZenPage
 			const completed = w.actions_completed || 0;
 			const recv = w.bytes_received || 0;
 			const sent = w.bytes_sent || 0;
+			const provisioner = w.provisioner || "";
+			const isProvisioned = provisioner !== "";
 
 			totalCpus += cpus;
+			if (w.provisioner_status === "active")
+			{
+				activeCpus += cpus;
+			}
 			if (cpus > 0 && typeof cpuUsage === "number")
 			{
 				totalWeightedCpu += cpuUsage * cpus;
@@ -209,12 +226,49 @@ export class Page extends ZenPage
 				cell.inner().textContent = "";
 				cell.tag("a").text(hostname).attr("href", w.uri + "/dashboard/compute/").attr("target", "_blank");
 			}
+
+			// Visual treatment based on provisioner status
+			const provStatus = w.provisioner_status || "";
+			if (!isProvisioned)
+			{
+				row.inner().style.opacity = "0.45";
+			}
+			else
+			{
+				const hostCell = row.get_cell(0);
+				const el = hostCell.inner();
+				const badge = document.createElement("span");
+				const badgeBase = "display:inline-block;margin-left:6px;padding:1px 5px;border-radius:8px;" +
+					"font-size:9px;font-weight:600;color:#fff;vertical-align:middle;";
+
+				if (provStatus === "draining")
+				{
+					badge.textContent = "draining";
+					badge.style.cssText = badgeBase + "background:var(--theme_warn);";
+					row.inner().style.opacity = "0.6";
+				}
+				else if (provStatus === "active")
+				{
+					badge.textContent = provisioner;
+					badge.style.cssText = badgeBase + "background:#8957e5;";
+				}
+				else
+				{
+					badge.textContent = "deallocated";
+					badge.style.cssText = badgeBase + "background:var(--theme_fail);";
+					row.inner().style.opacity = "0.45";
+				}
+				el.appendChild(badge);
+			}
 		}
 
-		// Total row
+		// Total row — show active / total in CPUs column
+		const cpuLabel = activeCpus < totalCpus
+			? Friendly.sep(activeCpus) + " / " + Friendly.sep(totalCpus)
+			: Friendly.sep(totalCpus);
 		const total = this._agents_table.add_row(
 			"TOTAL",
-			Friendly.sep(totalCpus),
+			cpuLabel,
 			"",
 			totalMemTotal > 0 ? Friendly.bytes(totalMemUsed) + " / " + Friendly.bytes(totalMemTotal) : "-",
 			Friendly.sep(totalQueues),
@@ -244,12 +298,13 @@ export class Page extends ZenPage
 
 		for (const c of clients)
 		{
-			this._clients_table.add_row(
+			const crow = this._clients_table.add_row(
 				c.id || "",
 				c.hostname || "",
 				c.address || "",
 				this._format_last_seen(c.dt),
 			);
+			if (c.id) { add_copy_button(crow.get_cell(0).inner(), c.id); }
 		}
 	}
 
@@ -305,6 +360,154 @@ export class Page extends ZenPage
 		}
 	}
 
+	_render_provisioner(prov)
+	{
+		const container = this._prov_section._parent.inner();
+
+		if (!prov || !prov.name)
+		{
+			container.style.display = "none";
+			return;
+		}
+		container.style.display = "";
+
+		if (!this._prov_grid)
+		{
+			this._prov_grid = this._prov_section.tag().classify("grid").classify("stats-tiles");
+			this._prov_tiles = {};
+
+			// Target cores tile with editable input
+			const target_tile = this._prov_grid.tag().classify("card").classify("stats-tile");
+			target_tile.tag().classify("card-title").text("Target Cores");
+			const target_body = target_tile.tag().classify("tile-metrics");
+			const target_m = target_body.tag().classify("tile-metric").classify("tile-metric-hero");
+			const input = document.createElement("input");
+			input.type = "number";
+			input.min = "0";
+			input.style.cssText = "width:100px;padding:4px 8px;border:1px solid var(--theme_g2);border-radius:4px;" +
+				"background:var(--theme_g4);color:var(--theme_bright);font-size:20px;font-weight:600;text-align:right;";
+			target_m.inner().appendChild(input);
+			target_m.tag().classify("metric-label").text("target");
+			this._prov_tiles.target_input = input;
+
+			input.addEventListener("focus", () => { this._prov_target_dirty = true; });
+			input.addEventListener("input", () => {
+				this._prov_target_dirty = true;
+				if (this._prov_commit_timer)
+				{
+					clearTimeout(this._prov_commit_timer);
+				}
+				this._prov_commit_timer = setTimeout(() => this._commit_provisioner_target(), 800);
+			});
+			input.addEventListener("keydown", (e) => {
+				if (e.key === "Enter")
+				{
+					if (this._prov_commit_timer)
+					{
+						clearTimeout(this._prov_commit_timer);
+					}
+					this._commit_provisioner_target();
+					input.blur();
+				}
+			});
+			input.addEventListener("blur", () => {
+				if (this._prov_commit_timer)
+				{
+					clearTimeout(this._prov_commit_timer);
+				}
+				this._commit_provisioner_target();
+			});
+
+			// Active cores
+			const active_tile = this._prov_grid.tag().classify("card").classify("stats-tile");
+			active_tile.tag().classify("card-title").text("Active Cores");
+			const active_body = active_tile.tag().classify("tile-metrics");
+			this._prov_tiles.active = active_body;
+
+			// Estimated cores
+			const est_tile = this._prov_grid.tag().classify("card").classify("stats-tile");
+			est_tile.tag().classify("card-title").text("Estimated Cores");
+			const est_body = est_tile.tag().classify("tile-metrics");
+			this._prov_tiles.estimated = est_body;
+
+			// Agents
+			const agents_tile = this._prov_grid.tag().classify("card").classify("stats-tile");
+			agents_tile.tag().classify("card-title").text("Agents");
+			const agents_body = agents_tile.tag().classify("tile-metrics");
+			this._prov_tiles.agents = agents_body;
+
+			// Draining
+			const drain_tile = this._prov_grid.tag().classify("card").classify("stats-tile");
+			drain_tile.tag().classify("card-title").text("Draining");
+			const drain_body = drain_tile.tag().classify("tile-metrics");
+			this._prov_tiles.draining = drain_body;
+		}
+
+		// Update values
+		const input = this._prov_tiles.target_input;
+		if (!this._prov_target_dirty && document.activeElement !== input)
+		{
+			input.value = prov.target_cores;
+		}
+		this._prov_last_target = prov.target_cores;
+
+		// Re-render metric tiles (clear and recreate content)
+		for (const key of ["active", "estimated", "agents", "draining"])
+		{
+			this._prov_tiles[key].inner().innerHTML = "";
+		}
+		this._metric(this._prov_tiles.active, Friendly.sep(prov.active_cores), "cores", true);
+		this._metric(this._prov_tiles.estimated, Friendly.sep(prov.estimated_cores), "cores", true);
+		this._metric(this._prov_tiles.agents, Friendly.sep(prov.agents), "active", true);
+		this._metric(this._prov_tiles.draining, Friendly.sep(prov.agents_draining || 0), "agents", true);
+	}
+
+	async _commit_provisioner_target()
+	{
+		const input = this._prov_tiles?.target_input;
+		if (!input || this._prov_committing)
+		{
+			return;
+		}
+		const value = parseInt(input.value, 10);
+		if (isNaN(value) || value < 0)
+		{
+			return;
+		}
+		if (value === this._prov_last_target)
+		{
+			this._prov_target_dirty = false;
+			return;
+		}
+		this._prov_committing = true;
+		try
+		{
+			const resp = await fetch("/orch/provisioner/target", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ target_cores: value }),
+			});
+			if (resp.ok)
+			{
+				this._prov_target_dirty = false;
+				console.log("Target cores set to", value);
+			}
+			else
+			{
+				const text = await resp.text();
+				console.error("Failed to set target cores: HTTP", resp.status, text);
+			}
+		}
+		catch (e)
+		{
+			console.error("Failed to set target cores:", e);
+		}
+		finally
+		{
+			this._prov_committing = false;
+		}
+	}
+
 	_metric(parent, value, label, hero = false)
 	{
 		const m = parent.tag().classify("tile-metric");
diff --git a/src/zenserver/frontend/html/pages/page.js b/src/zenserver/frontend/html/pages/page.js
index ff530ff8e..d3069f506 100644
--- a/src/zenserver/frontend/html/pages/page.js
+++ b/src/zenserver/frontend/html/pages/page.js
@@ -6,6 +6,26 @@ import { WidgetHost } from "../util/widgets.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
 
+function _deep_merge_stats(base, update)
+{
+	const result = Object.assign({}, base);
+	for (const key of Object.keys(update))
+	{
+		const bv = result[key];
+		const uv = update[key];
+		if (uv && typeof uv === "object" && !Array.isArray(uv)
+			&& bv && typeof bv === "object" && !Array.isArray(bv))
+		{
+			result[key] = _deep_merge_stats(bv, uv);
+		}
+		else
+		{
+			result[key] = uv;
+		}
+	}
+	return result;
+}
+
 ////////////////////////////////////////////////////////////////////////////////
 export class PageBase extends WidgetHost
 {
@@ -79,6 +99,11 @@ export class ZenPage extends PageBase
 
 		this._banner = banner;
 		this._poll_status();
+
+		new Fetcher().resource("/health/version").text().then((data) => {
+			const v = data ? data.trim() : "";
+			if (v) banner.attr("version", v);
+		}).catch(() => {});
 	}
 
 	static _mode_taglines = {
@@ -282,10 +307,7 @@ export class ZenPage extends PageBase
 
 	_render_http_requests_tile(grid, req, bad_requests = undefined)
 	{
-		if (!req)
-		{
-			return;
-		}
+		req = req || {};
 		const tile = grid.tag().classify("card").classify("stats-tile");
 		tile.tag().classify("card-title").text("HTTP Requests");
 		const columns = tile.tag().classify("tile-columns");
@@ -338,6 +360,16 @@ export class ZenPage extends PageBase
 		}
 	}
 
+	_merge_last_stats(stats)
+	{
+		if (this._last_stats)
+		{
+			stats = _deep_merge_stats(this._last_stats, stats);
+		}
+		this._last_stats = stats;
+		return stats;
+	}
+
 	_collapsible_section(name)
 	{
 		const section = this.add_section(name);
diff --git a/src/zenserver/frontend/html/pages/projects.js b/src/zenserver/frontend/html/pages/projects.js
index dfe4faeb8..2e76a80f1 100644
--- a/src/zenserver/frontend/html/pages/projects.js
+++ b/src/zenserver/frontend/html/pages/projects.js
@@ -6,7 +6,7 @@ import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
 import { Modal } from "../util/modal.js"
-import { Table, Toolbar } from "../util/widgets.js"
+import { Table, Toolbar, Pager, add_copy_button } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 export class Page extends ZenPage
@@ -39,8 +39,6 @@ export class Page extends ZenPage
 		// Projects list
 		var section = this._collapsible_section("Projects");
 
-		section.tag().classify("dropall").text("drop-all").on_click(() => this.drop_all());
-
 		var columns = [
 			"name",
 			"project dir",
@@ -51,51 +49,21 @@ export class Page extends ZenPage
 
 		this._project_table = section.add_widget(Table, columns, Table.Flag_FitLeft|Table.Flag_PackRight|Table.Flag_Sortable|Table.Flag_AlignNumeric);
 
-		var projects = await new Fetcher().resource("/prj/list").json();
-		projects.sort((a, b) => (b.LastAccessTime || 0) - (a.LastAccessTime || 0));
-
-		for (const project of projects)
-		{
-			var row = this._project_table.add_row(
-				"",
-				"",
-				"",
-				"",
-			);
-
-			var cell = row.get_cell(0);
-			cell.tag().text(project.Id).on_click(() => this.view_project(project.Id));
-
-			if (project.ProjectRootDir)
-			{
-				row.get_cell(1).tag("a").text(project.ProjectRootDir)
-					.attr("href", "vscode://" + project.ProjectRootDir.replace(/\\/g, "/"));
-			}
-			if (project.EngineRootDir)
-			{
-				row.get_cell(2).tag("a").text(project.EngineRootDir)
-					.attr("href", "vscode://" + project.EngineRootDir.replace(/\\/g, "/"));
-			}
-
-			cell = row.get_cell(-1);
-			const action_tb = new Toolbar(cell, true).left();
-			action_tb.add("view").on_click(() => this.view_project(project.Id));
-			action_tb.add("drop").on_click(() => this.drop_project(project.Id));
-
-			row.attr("zs_name", project.Id);
-
-			// Fetch project details to get oplog count
-			new Fetcher().resource("prj", project.Id).json().then((info) => {
-				const oplogs = info["oplogs"] || [];
-				row.get_cell(3).text(Friendly.sep(oplogs.length)).style("textAlign", "right");
-				// Right-align the corresponding header cell
-				const header = this._project_table._element.firstElementChild;
-				if (header && header.children[4])
-				{
-					header.children[4].style.textAlign = "right";
-				}
-			}).catch(() => {});
-		}
+		this._project_pager = new Pager(section, 25, () => this._render_projects_page(),
+			Pager.make_search_fn(() => this._projects_data, p => p.Id));
+		const drop_link = document.createElement("span");
+		drop_link.className = "dropall zen_action";
+		drop_link.style.position = "static";
+		drop_link.textContent = "drop-all";
+		drop_link.addEventListener("click", () => this.drop_all());
+		this._project_pager.prepend(drop_link);
+
+		const loading = Pager.loading(section);
+		this._projects_data = await new Fetcher().resource("/prj/list").json();
+		this._projects_data.sort((a, b) => a.Id.localeCompare(b.Id));
+		this._project_pager.set_total(this._projects_data.length);
+		this._render_projects_page();
+		loading.remove();
 
 		// Project detail area (inside projects section so it collapses together)
 		this._project_host = section;
@@ -120,6 +88,7 @@ export class Page extends ZenPage
 
 	_render_stats(stats)
 	{
+		stats = this._merge_last_stats(stats);
 		const safe = (obj, path) => path.split(".").reduce((a, b) => a && a[b], obj);
 		const grid = this._stats_grid;
 
@@ -130,54 +99,48 @@ export class Page extends ZenPage
 
 		// Store Operations tile
 		{
-			const store = safe(stats, "store");
-			if (store)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile");
-				tile.tag().classify("card-title").text("Store Operations");
-				const columns = tile.tag().classify("tile-columns");
-
-				const left = columns.tag().classify("tile-metrics");
-				const proj = store.project || {};
-				this._metric(left, Friendly.sep(proj.readcount || 0), "project reads", true);
-				this._metric(left, Friendly.sep(proj.writecount || 0), "project writes");
-				this._metric(left, Friendly.sep(proj.deletecount || 0), "project deletes");
-
-				const right = columns.tag().classify("tile-metrics");
-				const oplog = store.oplog || {};
-				this._metric(right, Friendly.sep(oplog.readcount || 0), "oplog reads", true);
-				this._metric(right, Friendly.sep(oplog.writecount || 0), "oplog writes");
-				this._metric(right, Friendly.sep(oplog.deletecount || 0), "oplog deletes");
-			}
+			const store = safe(stats, "store") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile");
+			tile.tag().classify("card-title").text("Store Operations");
+			const columns = tile.tag().classify("tile-columns");
+
+			const left = columns.tag().classify("tile-metrics");
+			const proj = store.project || {};
+			this._metric(left, Friendly.sep(proj.readcount || 0), "project reads", true);
+			this._metric(left, Friendly.sep(proj.writecount || 0), "project writes");
+			this._metric(left, Friendly.sep(proj.deletecount || 0), "project deletes");
+
+			const right = columns.tag().classify("tile-metrics");
+			const oplog = store.oplog || {};
+			this._metric(right, Friendly.sep(oplog.readcount || 0), "oplog reads", true);
+			this._metric(right, Friendly.sep(oplog.writecount || 0), "oplog writes");
+			this._metric(right, Friendly.sep(oplog.deletecount || 0), "oplog deletes");
 		}
 
 		// Op & Chunk tile
 		{
-			const store = safe(stats, "store");
-			if (store)
-			{
-				const tile = grid.tag().classify("card").classify("stats-tile");
-				tile.tag().classify("card-title").text("Ops & Chunks");
-				const columns = tile.tag().classify("tile-columns");
-
-				const left = columns.tag().classify("tile-metrics");
-				const op = store.op || {};
-				const opTotal = (op.hitcount || 0) + (op.misscount || 0);
-				const opRatio = opTotal > 0 ? (((op.hitcount || 0) / opTotal) * 100).toFixed(1) + "%" : "-";
-				this._metric(left, opRatio, "op hit ratio", true);
-				this._metric(left, Friendly.sep(op.hitcount || 0), "op hits");
-				this._metric(left, Friendly.sep(op.misscount || 0), "op misses");
-				this._metric(left, Friendly.sep(op.writecount || 0), "op writes");
-
-				const right = columns.tag().classify("tile-metrics");
-				const chunk = store.chunk || {};
-				const chunkTotal = (chunk.hitcount || 0) + (chunk.misscount || 0);
-				const chunkRatio = chunkTotal > 0 ? (((chunk.hitcount || 0) / chunkTotal) * 100).toFixed(1) + "%" : "-";
-				this._metric(right, chunkRatio, "chunk hit ratio", true);
-				this._metric(right, Friendly.sep(chunk.hitcount || 0), "chunk hits");
-				this._metric(right, Friendly.sep(chunk.misscount || 0), "chunk misses");
-				this._metric(right, Friendly.sep(chunk.writecount || 0), "chunk writes");
-			}
+			const store = safe(stats, "store") || {};
+			const tile = grid.tag().classify("card").classify("stats-tile");
+			tile.tag().classify("card-title").text("Ops & Chunks");
+			const columns = tile.tag().classify("tile-columns");
+
+			const left = columns.tag().classify("tile-metrics");
+			const op = store.op || {};
+			const opTotal = (op.hitcount || 0) + (op.misscount || 0);
+			const opRatio = opTotal > 0 ? (((op.hitcount || 0) / opTotal) * 100).toFixed(1) + "%" : "-";
+			this._metric(left, opRatio, "op hit ratio", true);
+			this._metric(left, Friendly.sep(op.hitcount || 0), "op hits");
+			this._metric(left, Friendly.sep(op.misscount || 0), "op misses");
+			this._metric(left, Friendly.sep(op.writecount || 0), "op writes");
+
+			const right = columns.tag().classify("tile-metrics");
+			const chunk = store.chunk || {};
+			const chunkTotal = (chunk.hitcount || 0) + (chunk.misscount || 0);
+			const chunkRatio = chunkTotal > 0 ? (((chunk.hitcount || 0) / chunkTotal) * 100).toFixed(1) + "%" : "-";
+			this._metric(right, chunkRatio, "chunk hit ratio", true);
+			this._metric(right, Friendly.sep(chunk.hitcount || 0), "chunk hits");
+			this._metric(right, Friendly.sep(chunk.misscount || 0), "chunk misses");
+			this._metric(right, Friendly.sep(chunk.writecount || 0), "chunk writes");
 		}
 
 		// Storage tile
@@ -198,6 +161,57 @@ export class Page extends ZenPage
 		}
 	}
 
+	_render_projects_page()
+	{
+		const { start, end } = this._project_pager.page_range();
+		this._project_table.clear(start);
+		for (let i = start; i < end; i++)
+		{
+			const project = this._projects_data[i];
+			const row = this._project_table.add_row(
+				"",
+				"",
+				"",
+				"",
+			);
+
+			const cell = row.get_cell(0);
+			cell.tag().text(project.Id).on_click(() => this.view_project(project.Id));
+			add_copy_button(cell.inner(), project.Id);
+
+			if (project.ProjectRootDir)
+			{
+				row.get_cell(1).tag("a").text(project.ProjectRootDir)
+					.attr("href", "vscode://" + project.ProjectRootDir.replace(/\\/g, "/"));
+				add_copy_button(row.get_cell(1).inner(), project.ProjectRootDir);
+			}
+			if (project.EngineRootDir)
+			{
+				row.get_cell(2).tag("a").text(project.EngineRootDir)
+					.attr("href", "vscode://" + project.EngineRootDir.replace(/\\/g, "/"));
+				add_copy_button(row.get_cell(2).inner(), project.EngineRootDir);
+			}
+
+			const action_cell = row.get_cell(-1);
+			const action_tb = new Toolbar(action_cell, true).left();
+			action_tb.add("view").on_click(() => this.view_project(project.Id));
+			action_tb.add("drop").on_click(() => this.drop_project(project.Id));
+
+			row.attr("zs_name", project.Id);
+
+			new Fetcher().resource("prj", project.Id).json().then((info) => {
+				const oplogs = info["oplogs"] || [];
+				row.get_cell(3).text(Friendly.sep(oplogs.length)).style("textAlign", "right");
+			}).catch(() => {});
+		}
+
+		const header = this._project_table._element.firstElementChild;
+		if (header && header.children[4])
+		{
+			header.children[4].style.textAlign = "right";
+		}
+	}
+
 	async view_project(project_id)
 	{
 		// Toggle off if already selected
@@ -318,10 +332,9 @@ export class Page extends ZenPage
 	async drop_all()
 	{
 		const drop = async () => {
-			for (const row of this._project_table)
+			for (const project of this._projects_data || [])
 			{
-				const project_id = row.attr("zs_name");
-				await new Fetcher().resource("prj", project_id).delete();
+				await new Fetcher().resource("prj", project.Id).delete();
 			}
 			this.reload();
 		};
diff --git a/src/zenserver/frontend/html/pages/start.js b/src/zenserver/frontend/html/pages/start.js
index e5b4d14f1..d06040b2f 100644
--- a/src/zenserver/frontend/html/pages/start.js
+++ b/src/zenserver/frontend/html/pages/start.js
@@ -6,7 +6,7 @@ import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
 import { Friendly } from "../util/friendly.js"
 import { Modal } from "../util/modal.js"
-import { Table, Toolbar } from "../util/widgets.js"
+import { Table, Toolbar, Pager } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 export class Page extends ZenPage
@@ -50,54 +50,40 @@ export class Page extends ZenPage
 		this._render_stats(all_stats);
 
 		// project list
-		var project_table = null;
 		if (available.has("/prj/"))
 		{
 			var section = this.add_section("Cooked Projects");
 
-			section.tag().classify("dropall").text("drop-all").on_click(() => this.drop_all("projects"));
-
 			var columns = [
 				"name",
 				"project_dir",
 				"engine_dir",
 				"actions",
 			];
-			project_table = section.add_widget(Table, columns);
-
-			var projects = await new Fetcher().resource("/prj/list").json();
-			projects.sort((a, b) => (b.LastAccessTime || 0) - (a.LastAccessTime || 0));
-			projects = projects.slice(0, 25);
-			projects.sort((a, b) => a.Id.localeCompare(b.Id));
-
-			for (const project of projects)
-			{
-				var row = project_table.add_row(
-					"",
-					project.ProjectRootDir,
-					project.EngineRootDir,
-				);
-
-				var cell = row.get_cell(0);
-				cell.tag().text(project.Id).on_click((x) => this.view_project(x), project.Id);
-
-				var cell = row.get_cell(-1);
-				var action_tb = new Toolbar(cell, true);
-				action_tb.left().add("view").on_click((x) => this.view_project(x), project.Id);
-				action_tb.left().add("drop").on_click((x) => this.drop_project(x), project.Id);
-
-				row.attr("zs_name", project.Id);
-			}
+			this._project_table = section.add_widget(Table, columns);
+
+			this._project_pager = new Pager(section, 25, () => this._render_projects_page(),
+				Pager.make_search_fn(() => this._projects_data, p => p.Id));
+			const drop_link = document.createElement("span");
+			drop_link.className = "dropall zen_action";
+			drop_link.style.position = "static";
+			drop_link.textContent = "drop-all";
+			drop_link.addEventListener("click", () => this.drop_all("projects"));
+			this._project_pager.prepend(drop_link);
+
+			const prj_loading = Pager.loading(section);
+			this._projects_data = await new Fetcher().resource("/prj/list").json();
+			this._projects_data.sort((a, b) => a.Id.localeCompare(b.Id));
+			this._project_pager.set_total(this._projects_data.length);
+			this._render_projects_page();
+			prj_loading.remove();
 		}
 
 		// cache
-		var cache_table = null;
 		if (available.has("/z$/"))
 		{
 			var section = this.add_section("Cache");
 
-			section.tag().classify("dropall").text("drop-all").on_click(() => this.drop_all("z$"));
-
 			var columns = [
 				"namespace",
 				"dir",
@@ -107,30 +93,30 @@ export class Page extends ZenPage
 				"size mem",
 				"actions",
 			];
-			var zcache_info = await new Fetcher().resource("/z$/").json();
-			cache_table = section.add_widget(Table, columns, Table.Flag_FitLeft|Table.Flag_PackRight);
-			for (const namespace of zcache_info["Namespaces"] || [])
-			{
-				new Fetcher().resource(`/z$/${namespace}/`).json().then((data) => {
-					const row = cache_table.add_row(
-						"",
-						data["Configuration"]["RootDir"],
-						data["Buckets"].length,
-						data["EntryCount"],
-						Friendly.bytes(data["StorageSize"].DiskSize),
-						Friendly.bytes(data["StorageSize"].MemorySize)
-					);
-					var cell = row.get_cell(0);
-					cell.tag().text(namespace).on_click(() => this.view_zcache(namespace));
-
-					cell = row.get_cell(-1);
-					const action_tb = new Toolbar(cell, true);
-					action_tb.left().add("view").on_click(() => this.view_zcache(namespace));
-					action_tb.left().add("drop").on_click(() => this.drop_zcache(namespace));
-
-					row.attr("zs_name", namespace);
-				});
-			}
+			this._cache_table = section.add_widget(Table, columns, Table.Flag_FitLeft|Table.Flag_PackRight);
+
+			this._cache_pager = new Pager(section, 25, () => this._render_cache_page(),
+				Pager.make_search_fn(() => this._cache_data, item => item.namespace));
+			const cache_drop_link = document.createElement("span");
+			cache_drop_link.className = "dropall zen_action";
+			cache_drop_link.style.position = "static";
+			cache_drop_link.textContent = "drop-all";
+			cache_drop_link.addEventListener("click", () => this.drop_all("z$"));
+			this._cache_pager.prepend(cache_drop_link);
+
+			const cache_loading = Pager.loading(section);
+			const zcache_info = await new Fetcher().resource("/z$/").json();
+			const namespaces = zcache_info["Namespaces"] || [];
+			const results = await Promise.allSettled(
+				namespaces.map(ns => new Fetcher().resource(`/z$/${ns}/`).json().then(data => ({ namespace: ns, data })))
+			);
+			this._cache_data = results
+				.filter(r => r.status === "fulfilled")
+				.map(r => r.value)
+				.sort((a, b) => a.namespace.localeCompare(b.namespace));
+			this._cache_pager.set_total(this._cache_data.length);
+			this._render_cache_page();
+			cache_loading.remove();
 		}
 
 		// version
@@ -139,15 +125,13 @@ export class Page extends ZenPage
 		version.param("detailed", "true");
 		version.text().then((data) => ver_tag.text(data));
 
-		this._project_table = project_table;
-		this._cache_table = cache_table;
-
 		// WebSocket for live stats updates
 		this.connect_stats_ws((all_stats) => this._render_stats(all_stats));
 	}
 
 	_render_stats(all_stats)
 	{
+		all_stats = this._merge_last_stats(all_stats);
 		const grid = this._stats_grid;
 		const safe_lookup = this._safe_lookup;
 
@@ -316,6 +300,60 @@ export class Page extends ZenPage
 		m.tag().classify("metric-label").text(label);
 	}
 
+	_render_projects_page()
+	{
+		const { start, end } = this._project_pager.page_range();
+		this._project_table.clear(start);
+		for (let i = start; i < end; i++)
+		{
+			const project = this._projects_data[i];
+			const row = this._project_table.add_row(
+				"",
+				project.ProjectRootDir,
+				project.EngineRootDir,
+			);
+
+			const cell = row.get_cell(0);
+			cell.tag().text(project.Id).on_click((x) => this.view_project(x), project.Id);
+
+			const action_cell = row.get_cell(-1);
+			const action_tb = new Toolbar(action_cell, true);
+			action_tb.left().add("view").on_click((x) => this.view_project(x), project.Id);
+			action_tb.left().add("drop").on_click((x) => this.drop_project(x), project.Id);
+
+			row.attr("zs_name", project.Id);
+		}
+	}
+
+	_render_cache_page()
+	{
+		const { start, end } = this._cache_pager.page_range();
+		this._cache_table.clear(start);
+		for (let i = start; i < end; i++)
+		{
+			const item = this._cache_data[i];
+			const data = item.data;
+			const row = this._cache_table.add_row(
+				"",
+				data["Configuration"]["RootDir"],
+				data["Buckets"].length,
+				data["EntryCount"],
+				Friendly.bytes(data["StorageSize"].DiskSize),
+				Friendly.bytes(data["StorageSize"].MemorySize)
+			);
+
+			const cell = row.get_cell(0);
+			cell.tag().text(item.namespace).on_click(() => this.view_zcache(item.namespace));
+
+			const action_cell = row.get_cell(-1);
+			const action_tb = new Toolbar(action_cell, true);
+			action_tb.left().add("view").on_click(() => this.view_zcache(item.namespace));
+			action_tb.left().add("drop").on_click(() => this.drop_zcache(item.namespace));
+
+			row.attr("zs_name", item.namespace);
+		}
+	}
+
 	view_stat(provider)
 	{
 		window.location = "?page=stat&provider=" + provider;
@@ -361,20 +399,18 @@ export class Page extends ZenPage
 
 	async drop_all_projects()
 	{
-		for (const row of this._project_table)
+		for (const project of this._projects_data || [])
 		{
-			const project_id = row.attr("zs_name");
-			await new Fetcher().resource("prj", project_id).delete();
+			await new Fetcher().resource("prj", project.Id).delete();
 		}
 		this.reload();
 	}
 
 	async drop_all_zcache()
 	{
-		for (const row of this._cache_table)
+		for (const item of this._cache_data || [])
 		{
-			const namespace = row.attr("zs_name");
-			await new Fetcher().resource("z$", namespace).delete();
+			await new Fetcher().resource("z$", item.namespace).delete();
 		}
 		this.reload();
 	}
diff --git a/src/zenserver/frontend/html/pages/workspaces.js b/src/zenserver/frontend/html/pages/workspaces.js
index 2442fb35b..db02e8be1 100644
--- a/src/zenserver/frontend/html/pages/workspaces.js
+++ b/src/zenserver/frontend/html/pages/workspaces.js
@@ -4,6 +4,7 @@
 
 import { ZenPage } from "./page.js"
 import { Fetcher } from "../util/fetcher.js"
+import { copy_button } from "../util/widgets.js"
 
 ////////////////////////////////////////////////////////////////////////////////
 export class Page extends ZenPage
@@ -157,6 +158,7 @@ export class Page extends ZenPage
 				id_wrap.className = "ws-id-wrap";
 				id_wrap.appendChild(btn_expand);
 				id_wrap.appendChild(document.createTextNode("\u00A0" + id));
+				id_wrap.appendChild(copy_button(id));
 				const td_id = document.createElement("td");
 				td_id.appendChild(id_wrap);
 				tr.appendChild(td_id);
@@ -200,6 +202,7 @@ export class Page extends ZenPage
 
 	_render_stats(stats)
 	{
+		stats = this._merge_last_stats(stats);
 		const grid = this._stats_grid;
 		grid.inner().innerHTML = "";