@three-flatland/devtools 0.1.0-alpha.3 → 1.0.0-alpha.6

package/dist/registry-view.js

@@ -1,347 +1,366 @@
+//#region src/registry-view.ts
 const BAR_HEIGHT = 24;
 const BAR_WIDTH = 240;
 const FILL_BY_KIND = {
-  float: "#47cca9",
-  int: "#47cc6a",
-  uint: "#ffa347",
-  bits: "#d94c87",
-  float2: "#9d7aff",
-  float3: "#9d7aff",
-  float4: "#9d7aff"
+	float: "#47cca9",
+	int: "#47cc6a",
+	uint: "#ffa347",
+	bits: "#d94c87",
+	float2: "#9d7aff",
+	float3: "#9d7aff",
+	float4: "#9d7aff"
 };
 function splitName(name) {
-  const dot = name.indexOf(".");
-  if (dot === -1) return { group: "ungrouped", short: name };
-  return { group: name.slice(0, dot), short: name.slice(dot + 1) };
+	const dot = name.indexOf(".");
+	if (dot === -1) return {
+		group: "ungrouped",
+		short: name
+	};
+	return {
+		group: name.slice(0, dot),
+		short: name.slice(dot + 1)
+	};
 }
 function addRegistryView(parent, client) {
-  const blade = parent.addBlade({ view: "separator" });
-  const bladeEl = blade.element;
-  bladeEl.innerHTML = "";
-  bladeEl.className = "tp-cntv";
-  bladeEl.style.cssText = "display:none;flex-direction:column;background:rgba(0,0,0,0.3)";
-  const header = document.createElement("div");
-  header.style.cssText = [
-    "display:grid",
-    "grid-template-columns:2em 1fr 2em",
-    "align-items:center",
-    "padding:4px 6px 6px",
-    "font-size:11px",
-    "color:var(--tp-label-foreground-color)",
-    "user-select:none",
-    "-webkit-user-select:none",
-    "font-variant-numeric:tabular-nums",
-    "cursor:pointer"
-  ].join(";");
-  const arrowStyle = "cursor:pointer;padding:0 4px;opacity:0.8;font-family:ui-monospace,monospace;text-align:center";
-  const prevBtn = document.createElement("span");
-  prevBtn.textContent = "\u25C0";
-  prevBtn.style.cssText = arrowStyle;
-  prevBtn.setAttribute("role", "button");
-  prevBtn.setAttribute("aria-label", "Previous registry group");
-  const groupLabel = document.createElement("span");
-  groupLabel.style.cssText = "font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none";
-  const nextBtn = document.createElement("span");
-  nextBtn.textContent = "\u25B6";
-  nextBtn.style.cssText = arrowStyle;
-  nextBtn.setAttribute("role", "button");
-  nextBtn.setAttribute("aria-label", "Next registry group");
-  header.appendChild(prevBtn);
-  header.appendChild(groupLabel);
-  header.appendChild(nextBtn);
-  const body = document.createElement("div");
-  body.style.cssText = "display:flex;flex-direction:column;gap:4px;padding:2px 6px 6px";
-  bladeEl.appendChild(header);
-  bladeEl.appendChild(body);
-  const groups = /* @__PURE__ */ new Map();
-  let activeGroup = null;
-  let collapsed = true;
-  body.style.display = "none";
-  function syncFilter() {
-    if (collapsed || activeGroup === null) {
-      client.setRegistry([]);
-      return;
-    }
-    const g = groups.get(activeGroup);
-    if (!g) {
-      client.setRegistry([]);
-      return;
-    }
-    const names = [];
-    for (const row of g.entries.values()) names.push(row.name);
-    client.setRegistry(names);
-  }
-  const toggleCollapse = (e) => {
-    e.stopPropagation();
-    collapsed = !collapsed;
-    body.style.display = collapsed ? "none" : "flex";
-    if (!collapsed && activeGroup !== null) {
-      const g = groups.get(activeGroup);
-      if (g) {
-        g.container.style.display = "flex";
-        for (const row of g.entries.values()) row.lastVersion = -1;
-      }
-    }
-    syncFilter();
-  };
-  header.addEventListener("click", toggleCollapse);
-  prevBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    cycle(-1);
-  });
-  nextBtn.addEventListener("click", (e) => {
-    e.stopPropagation();
-    cycle(1);
-  });
-  function ensureGroup(name) {
-    let g = groups.get(name);
-    if (g) return g;
-    const container = document.createElement("div");
-    container.style.cssText = "display:none;flex-direction:column;gap:4px";
-    body.appendChild(container);
-    g = { group: name, container, entries: /* @__PURE__ */ new Map() };
-    groups.set(name, g);
-    return g;
-  }
-  function destroyGroup(name) {
-    const g = groups.get(name);
-    if (!g) return;
-    g.container.remove();
-    groups.delete(name);
-    if (activeGroup === name) activeGroup = null;
-  }
-  function ensureEntryRow(g, name, shortName) {
-    const existing = g.entries.get(shortName);
-    if (existing) return existing;
-    const row = document.createElement("div");
-    row.style.cssText = "display:flex;flex-direction:column;gap:2px";
-    const head = document.createElement("div");
-    head.style.cssText = [
-      "display:flex",
-      "align-items:baseline",
-      "gap:6px",
-      "font-size:10px",
-      "line-height:1.2",
-      "font-family:var(--tp-base-font-family, ui-monospace, monospace)",
-      "font-variant-numeric:tabular-nums",
-      "color:var(--tp-monitor-foreground-color)"
-    ].join(";");
-    const nameLabel = document.createElement("span");
-    nameLabel.style.cssText = "flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tp-label-foreground-color)";
-    nameLabel.textContent = shortName;
-    const valueLabel = document.createElement("span");
-    valueLabel.style.cssText = "opacity:0.75;white-space:nowrap";
-    head.appendChild(nameLabel);
-    head.appendChild(valueLabel);
-    const canvas = document.createElement("canvas");
-    canvas.width = BAR_WIDTH;
-    canvas.height = BAR_HEIGHT;
-    canvas.style.cssText = `width:100%;height:${BAR_HEIGHT}px;background:rgba(0,2,28,0.45);border-radius:2px`;
-    row.appendChild(head);
-    row.appendChild(canvas);
-    g.container.appendChild(row);
-    const entry = {
-      name,
-      shortName,
-      row,
-      nameLabel,
-      valueLabel,
-      canvas,
-      ctx: canvas.getContext("2d"),
-      lastVersion: -1
-    };
-    g.entries.set(shortName, entry);
-    return entry;
-  }
-  function destroyEntryRow(g, shortName) {
-    const row = g.entries.get(shortName);
-    if (!row) return;
-    row.row.remove();
-    g.entries.delete(shortName);
-  }
-  function setActiveGroup(name) {
-    activeGroup = name;
-    for (const [groupName, g] of groups) {
-      g.container.style.display = groupName === name && !collapsed ? "flex" : "none";
-    }
-    groupLabel.textContent = name ?? "\u2014";
-    if (name !== null) {
-      const g = groups.get(name);
-      if (g) for (const row of g.entries.values()) row.lastVersion = -1;
-    }
-    syncFilter();
-  }
-  function cycle(delta) {
-    const names = Array.from(groups.keys());
-    if (names.length === 0) return;
-    const idx = activeGroup !== null ? names.indexOf(activeGroup) : -1;
-    const next = names[(idx + delta + names.length) % names.length];
-    setActiveGroup(next);
-  }
-  function renderBars(row, kind, sample, isSigned) {
-    const ctx = row.ctx;
-    const w = row.canvas.width;
-    const h = row.canvas.height;
-    let min = Infinity;
-    let max = -Infinity;
-    let sum = 0;
-    const n = sample.length;
-    for (let i = 0; i < n; i++) {
-      const v = sample[i];
-      if (v < min) min = v;
-      if (v > max) max = v;
-      sum += v;
-    }
-    const mean = n > 0 ? sum / n : 0;
-    if (!ctx) return { min, max, mean };
-    ctx.clearRect(0, 0, w, h);
-    if (n === 0 || !Number.isFinite(min) || !Number.isFinite(max)) return { min, max: 0, mean };
-    const zeroY = isSigned ? h / 2 : h;
-    const scale = isSigned ? h / 2 / Math.max(Math.abs(min), Math.abs(max) || 1) : h / (max || 1);
-    ctx.fillStyle = FILL_BY_KIND[kind] ?? "#47cca9";
-    const bw = Math.max(1, w / n);
-    for (let i = 0; i < n; i++) {
-      const v = sample[i];
-      const x = Math.floor(i / n * w);
-      const bh = v * scale;
-      if (isSigned) {
-        if (bh >= 0) ctx.fillRect(x, zeroY - bh, Math.ceil(bw), bh);
-        else ctx.fillRect(x, zeroY, Math.ceil(bw), -bh);
-      } else {
-        ctx.fillRect(x, zeroY - bh, Math.ceil(bw), bh);
-      }
-    }
-    if (isSigned) {
-      ctx.fillStyle = "rgba(240, 237, 216, 0.2)";
-      ctx.fillRect(0, zeroY, w, 1);
-    }
-    return { min, max, mean };
-  }
-  function renderBits(row, sample, count) {
-    const ctx = row.ctx;
-    const w = row.canvas.width;
-    const h = row.canvas.height;
-    if (!ctx) return { ones: 0, total: 0 };
-    ctx.clearRect(0, 0, w, h);
-    const totalBits = count * 32;
-    if (totalBits === 0) return { ones: 0, total: 0 };
-    let ones = 0;
-    const px = w / totalBits;
-    ctx.fillStyle = FILL_BY_KIND.bits;
-    for (let i = 0; i < count; i++) {
-      const word = sample[i] >>> 0;
-      for (let b = 0; b < 32; b++) {
-        if (word >>> b & 1) {
-          ones++;
-          const bitIdx = i * 32 + b;
-          const x = Math.floor(bitIdx * px);
-          ctx.fillRect(x, 2, Math.max(1, Math.ceil(px)), h - 4);
-        }
-      }
-    }
-    return { ones, total: totalBits };
-  }
-  function renderEntry(row, entry) {
-    if (row.lastVersion === entry.version) return;
-    row.lastVersion = entry.version;
-    row.nameLabel.title = `${entry.name} \xB7 ${entry.kind} \xB7 ${entry.count}`;
-    const kind = entry.kind;
-    if (kind === "bits") {
-      const { ones, total } = renderBits(row, entry.sample, entry.count);
-      row.valueLabel.textContent = `${ones} / ${total}`;
-      return;
-    }
-    if (kind === "float2" || kind === "float3" || kind === "float4") {
-      const stride = kind === "float2" ? 2 : kind === "float3" ? 3 : 4;
-      const n = Math.floor(entry.sample.length / stride);
-      const mags = new Float32Array(n);
-      for (let i = 0; i < n; i++) {
-        let sq = 0;
-        for (let c = 0; c < stride; c++) {
-          const v = entry.sample[i * stride + c];
-          sq += v * v;
-        }
-        mags[i] = Math.sqrt(sq);
-      }
-      const stats2 = renderBars(row, kind, mags, false);
-      row.valueLabel.textContent = `${n}\xD7${stride}  \u03BC=${stats2.mean.toFixed(2)}`;
-      return;
-    }
-    const isSigned = kind === "int" || kind === "float";
-    const stats = renderBars(row, kind, entry.sample, isSigned);
-    const fmt = (v) => {
-      if (!Number.isFinite(v)) return "\u2014";
-      if (kind === "uint" || kind === "int") return Math.round(v).toString();
-      return v.toFixed(2);
-    };
-    row.valueLabel.textContent = `\u03BC=${fmt(stats.mean)}  ${fmt(stats.min)}\u2013${fmt(stats.max)}`;
-  }
-  const unsubscribe = client.addListener((state) => {
-    const registry = state.registry;
-    const seen = /* @__PURE__ */ new Map();
-    for (const [name] of registry) {
-      const { group, short } = splitName(name);
-      let bucket = seen.get(group);
-      if (!bucket) {
-        bucket = /* @__PURE__ */ new Set();
-        seen.set(group, bucket);
-      }
-      bucket.add(short);
-    }
-    for (const [groupName, g] of groups) {
-      const bucket = seen.get(groupName);
-      if (!bucket) {
-        destroyGroup(groupName);
-        continue;
-      }
-      for (const shortName of g.entries.keys()) {
-        if (!bucket.has(shortName)) destroyEntryRow(g, shortName);
-      }
-    }
-    for (const [name] of registry) {
-      const { group, short } = splitName(name);
-      const g = ensureGroup(group);
-      ensureEntryRow(g, name, short);
-    }
-    if (groups.size === 0) {
-      activeGroup = null;
-      groupLabel.textContent = "\u2014";
-    } else if (activeGroup === null || !groups.has(activeGroup)) {
-      setActiveGroup(groups.keys().next().value);
-    } else {
-      groupLabel.textContent = activeGroup;
-      const g = groups.get(activeGroup);
-      g.container.style.display = collapsed ? "none" : "flex";
-    }
-    if (!collapsed && activeGroup !== null) {
-      const g = groups.get(activeGroup);
-      if (g) {
-        for (const [shortName, row] of g.entries) {
-          const entry = registry.get(`${activeGroup}.${shortName}`) ?? registry.get(shortName);
-          if (entry) renderEntry(row, entry);
-        }
-      }
-    }
-    const multi = groups.size > 1;
-    const arrowOpacity = multi ? "0.8" : "0.25";
-    const arrowPointer = multi ? "pointer" : "default";
-    prevBtn.style.opacity = arrowOpacity;
-    nextBtn.style.opacity = arrowOpacity;
-    prevBtn.style.cursor = arrowPointer;
-    nextBtn.style.cursor = arrowPointer;
-    bladeEl.style.display = registry.size > 0 ? "flex" : "none";
-    syncFilter();
-  });
-  return {
-    element: bladeEl,
-    dispose() {
-      unsubscribe();
-      groups.clear();
-      blade.dispose();
-    }
-  };
+	const blade = parent.addBlade({ view: "separator" });
+	const bladeEl = blade.element;
+	bladeEl.innerHTML = "";
+	bladeEl.className = "tp-cntv";
+	bladeEl.style.cssText = "display:none;flex-direction:column;background:rgba(0,0,0,0.3)";
+	const header = document.createElement("div");
+	header.style.cssText = [
+		"display:grid",
+		"grid-template-columns:2em 1fr 2em",
+		"align-items:center",
+		"padding:4px 6px 6px",
+		"font-size:11px",
+		"color:var(--tp-label-foreground-color)",
+		"user-select:none",
+		"-webkit-user-select:none",
+		"font-variant-numeric:tabular-nums",
+		"cursor:pointer"
+	].join(";");
+	const arrowStyle = "cursor:pointer;padding:0 4px;opacity:0.8;font-family:ui-monospace,monospace;text-align:center";
+	const prevBtn = document.createElement("span");
+	prevBtn.textContent = "◀";
+	prevBtn.style.cssText = arrowStyle;
+	prevBtn.setAttribute("role", "button");
+	prevBtn.setAttribute("aria-label", "Previous registry group");
+	const groupLabel = document.createElement("span");
+	groupLabel.style.cssText = "font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none";
+	const nextBtn = document.createElement("span");
+	nextBtn.textContent = "▶";
+	nextBtn.style.cssText = arrowStyle;
+	nextBtn.setAttribute("role", "button");
+	nextBtn.setAttribute("aria-label", "Next registry group");
+	header.appendChild(prevBtn);
+	header.appendChild(groupLabel);
+	header.appendChild(nextBtn);
+	const body = document.createElement("div");
+	body.style.cssText = "display:flex;flex-direction:column;gap:4px;padding:2px 6px 6px";
+	bladeEl.appendChild(header);
+	bladeEl.appendChild(body);
+	const groups = /* @__PURE__ */ new Map();
+	let activeGroup = null;
+	let collapsed = true;
+	body.style.display = "none";
+	/** Push the currently-visible entry names up to the client. */
+	function syncFilter() {
+		if (collapsed || activeGroup === null) {
+			client.setRegistry([]);
+			return;
+		}
+		const g = groups.get(activeGroup);
+		if (!g) {
+			client.setRegistry([]);
+			return;
+		}
+		const names = [];
+		for (const row of g.entries.values()) names.push(row.name);
+		client.setRegistry(names);
+	}
+	const toggleCollapse = (e) => {
+		e.stopPropagation();
+		collapsed = !collapsed;
+		body.style.display = collapsed ? "none" : "flex";
+		if (!collapsed && activeGroup !== null) {
+			const g = groups.get(activeGroup);
+			if (g) {
+				g.container.style.display = "flex";
+				for (const row of g.entries.values()) row.lastVersion = -1;
+			}
+		}
+		syncFilter();
+	};
+	header.addEventListener("click", toggleCollapse);
+	prevBtn.addEventListener("click", (e) => {
+		e.stopPropagation();
+		cycle(-1);
+	});
+	nextBtn.addEventListener("click", (e) => {
+		e.stopPropagation();
+		cycle(1);
+	});
+	function ensureGroup(name) {
+		let g = groups.get(name);
+		if (g) return g;
+		const container = document.createElement("div");
+		container.style.cssText = "display:none;flex-direction:column;gap:4px";
+		body.appendChild(container);
+		g = {
+			group: name,
+			container,
+			entries: /* @__PURE__ */ new Map()
+		};
+		groups.set(name, g);
+		return g;
+	}
+	function destroyGroup(name) {
+		const g = groups.get(name);
+		if (!g) return;
+		g.container.remove();
+		groups.delete(name);
+		if (activeGroup === name) activeGroup = null;
+	}
+	function ensureEntryRow(g, name, shortName) {
+		const existing = g.entries.get(shortName);
+		if (existing) return existing;
+		const row = document.createElement("div");
+		row.style.cssText = "display:flex;flex-direction:column;gap:2px";
+		const head = document.createElement("div");
+		head.style.cssText = [
+			"display:flex",
+			"align-items:baseline",
+			"gap:6px",
+			"font-size:10px",
+			"line-height:1.2",
+			"font-family:var(--tp-base-font-family, ui-monospace, monospace)",
+			"font-variant-numeric:tabular-nums",
+			"color:var(--tp-monitor-foreground-color)"
+		].join(";");
+		const nameLabel = document.createElement("span");
+		nameLabel.style.cssText = "flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tp-label-foreground-color)";
+		nameLabel.textContent = shortName;
+		const valueLabel = document.createElement("span");
+		valueLabel.style.cssText = "opacity:0.75;white-space:nowrap";
+		head.appendChild(nameLabel);
+		head.appendChild(valueLabel);
+		const canvas = document.createElement("canvas");
+		canvas.width = BAR_WIDTH;
+		canvas.height = BAR_HEIGHT;
+		canvas.style.cssText = `width:100%;height:${BAR_HEIGHT}px;background:rgba(0,2,28,0.45);border-radius:2px`;
+		row.appendChild(head);
+		row.appendChild(canvas);
+		g.container.appendChild(row);
+		const entry = {
+			name,
+			shortName,
+			row,
+			nameLabel,
+			valueLabel,
+			canvas,
+			ctx: canvas.getContext("2d"),
+			lastVersion: -1
+		};
+		g.entries.set(shortName, entry);
+		return entry;
+	}
+	function destroyEntryRow(g, shortName) {
+		const row = g.entries.get(shortName);
+		if (!row) return;
+		row.row.remove();
+		g.entries.delete(shortName);
+	}
+	function setActiveGroup(name) {
+		activeGroup = name;
+		for (const [groupName, g] of groups) g.container.style.display = groupName === name && !collapsed ? "flex" : "none";
+		groupLabel.textContent = name ?? "—";
+		if (name !== null) {
+			const g = groups.get(name);
+			if (g) for (const row of g.entries.values()) row.lastVersion = -1;
+		}
+		syncFilter();
+	}
+	function cycle(delta) {
+		const names = Array.from(groups.keys());
+		if (names.length === 0) return;
+		const next = names[((activeGroup !== null ? names.indexOf(activeGroup) : -1) + delta + names.length) % names.length];
+		setActiveGroup(next);
+	}
+	function renderBars(row, kind, sample, isSigned) {
+		const ctx = row.ctx;
+		const w = row.canvas.width;
+		const h = row.canvas.height;
+		let min = Infinity;
+		let max = -Infinity;
+		let sum = 0;
+		const n = sample.length;
+		for (let i = 0; i < n; i++) {
+			const v = sample[i];
+			if (v < min) min = v;
+			if (v > max) max = v;
+			sum += v;
+		}
+		const mean = n > 0 ? sum / n : 0;
+		if (!ctx) return {
+			min,
+			max,
+			mean
+		};
+		ctx.clearRect(0, 0, w, h);
+		if (n === 0 || !Number.isFinite(min) || !Number.isFinite(max)) return {
+			min,
+			max: 0,
+			mean
+		};
+		const zeroY = isSigned ? h / 2 : h;
+		const scale = isSigned ? h / 2 / Math.max(Math.abs(min), Math.abs(max) || 1) : h / (max || 1);
+		ctx.fillStyle = FILL_BY_KIND[kind] ?? "#47cca9";
+		const bw = Math.max(1, w / n);
+		for (let i = 0; i < n; i++) {
+			const v = sample[i];
+			const x = Math.floor(i / n * w);
+			const bh = v * scale;
+			if (isSigned) if (bh >= 0) ctx.fillRect(x, zeroY - bh, Math.ceil(bw), bh);
+			else ctx.fillRect(x, zeroY, Math.ceil(bw), -bh);
+			else ctx.fillRect(x, zeroY - bh, Math.ceil(bw), bh);
+		}
+		if (isSigned) {
+			ctx.fillStyle = "rgba(240, 237, 216, 0.2)";
+			ctx.fillRect(0, zeroY, w, 1);
+		}
+		return {
+			min,
+			max,
+			mean
+		};
+	}
+	function renderBits(row, sample, count) {
+		const ctx = row.ctx;
+		const w = row.canvas.width;
+		const h = row.canvas.height;
+		if (!ctx) return {
+			ones: 0,
+			total: 0
+		};
+		ctx.clearRect(0, 0, w, h);
+		const totalBits = count * 32;
+		if (totalBits === 0) return {
+			ones: 0,
+			total: 0
+		};
+		let ones = 0;
+		const px = w / totalBits;
+		ctx.fillStyle = FILL_BY_KIND.bits;
+		for (let i = 0; i < count; i++) {
+			const word = sample[i] >>> 0;
+			for (let b = 0; b < 32; b++) if (word >>> b & 1) {
+				ones++;
+				const bitIdx = i * 32 + b;
+				const x = Math.floor(bitIdx * px);
+				ctx.fillRect(x, 2, Math.max(1, Math.ceil(px)), h - 4);
+			}
+		}
+		return {
+			ones,
+			total: totalBits
+		};
+	}
+	function renderEntry(row, entry) {
+		if (row.lastVersion === entry.version) return;
+		row.lastVersion = entry.version;
+		row.nameLabel.title = `${entry.name} · ${entry.kind} · ${entry.count}`;
+		const kind = entry.kind;
+		if (kind === "bits") {
+			const { ones, total } = renderBits(row, entry.sample, entry.count);
+			row.valueLabel.textContent = `${ones} / ${total}`;
+			return;
+		}
+		if (kind === "float2" || kind === "float3" || kind === "float4") {
+			const stride = kind === "float2" ? 2 : kind === "float3" ? 3 : 4;
+			const n = Math.floor(entry.sample.length / stride);
+			const mags = new Float32Array(n);
+			for (let i = 0; i < n; i++) {
+				let sq = 0;
+				for (let c = 0; c < stride; c++) {
+					const v = entry.sample[i * stride + c];
+					sq += v * v;
+				}
+				mags[i] = Math.sqrt(sq);
+			}
+			const stats = renderBars(row, kind, mags, false);
+			row.valueLabel.textContent = `${n}×${stride}  μ=${stats.mean.toFixed(2)}`;
+			return;
+		}
+		const isSigned = kind === "int" || kind === "float";
+		const stats = renderBars(row, kind, entry.sample, isSigned);
+		const fmt = (v) => {
+			if (!Number.isFinite(v)) return "—";
+			if (kind === "uint" || kind === "int") return Math.round(v).toString();
+			return v.toFixed(2);
+		};
+		row.valueLabel.textContent = `μ=${fmt(stats.mean)}  ${fmt(stats.min)}–${fmt(stats.max)}`;
+	}
+	const unsubscribe = client.addListener((state) => {
+		const registry = state.registry;
+		const seen = /* @__PURE__ */ new Map();
+		for (const [name] of registry) {
+			const { group, short } = splitName(name);
+			let bucket = seen.get(group);
+			if (!bucket) {
+				bucket = /* @__PURE__ */ new Set();
+				seen.set(group, bucket);
+			}
+			bucket.add(short);
+		}
+		for (const [groupName, g] of groups) {
+			const bucket = seen.get(groupName);
+			if (!bucket) {
+				destroyGroup(groupName);
+				continue;
+			}
+			for (const shortName of g.entries.keys()) if (!bucket.has(shortName)) destroyEntryRow(g, shortName);
+		}
+		for (const [name] of registry) {
+			const { group, short } = splitName(name);
+			ensureEntryRow(ensureGroup(group), name, short);
+		}
+		if (groups.size === 0) {
+			activeGroup = null;
+			groupLabel.textContent = "—";
+		} else if (activeGroup === null || !groups.has(activeGroup)) setActiveGroup(groups.keys().next().value);
+		else {
+			groupLabel.textContent = activeGroup;
+			const g = groups.get(activeGroup);
+			g.container.style.display = collapsed ? "none" : "flex";
+		}
+		if (!collapsed && activeGroup !== null) {
+			const g = groups.get(activeGroup);
+			if (g) for (const [shortName, row] of g.entries) {
+				const entry = registry.get(`${activeGroup}.${shortName}`) ?? registry.get(shortName);
+				if (entry) renderEntry(row, entry);
+			}
+		}
+		const multi = groups.size > 1;
+		const arrowOpacity = multi ? "0.8" : "0.25";
+		const arrowPointer = multi ? "pointer" : "default";
+		prevBtn.style.opacity = arrowOpacity;
+		nextBtn.style.opacity = arrowOpacity;
+		prevBtn.style.cursor = arrowPointer;
+		nextBtn.style.cursor = arrowPointer;
+		bladeEl.style.display = registry.size > 0 ? "flex" : "none";
+		syncFilter();
+	});
+	return {
+		element: bladeEl,
+		dispose() {
+			unsubscribe();
+			groups.clear();
+			blade.dispose();
+		}
+	};
 }
-export {
-  addRegistryView
-};
+//#endregion
+export { addRegistryView };
+
 //# sourceMappingURL=registry-view.js.map