Asset panel grouped by kind with icons: assets are listed under a header per kind (Sprites, Behaviors, ...) with the count on the right, empty groups are not shown, every group starts folded when a project is opened, a click on the header folds and unfolds it, selecting an asset elsewhere unfolds its group and folding the group of the selected asset clears the selection; every asset kind has an SVG icon in src/editor/panels/icons/ drawn before the name, the pure rule for grouping and sorting lives in assetGroups.ts; the same icons replace the kind word in document tabs and the overflow menu (a list icon for the List tab, which also fixes the close x lying over the end of the active tab's text), stand before every entry of the + menu (Button got an icon option) and on the right of scene object rows instead of the type name; the colour swatch next to sprite names is gone from both panels; the SVG loader moved to src/ui/svg.ts for both icon sets; test hook assetRow unfolds the group and scrolls to the row, assetRowShown only reads, new hook menuIcons; e2e 4g and 4h, 14 and 44a check the icons (#176)

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

tools/e2e/lib/scaffold.mjs

@@ -185,7 +185,7 @@ export async function clickDocumentTab(t, doc) {
     return asset ? asset.name : null;
   })()`);
   await t.clickText('»');
-  const item = (await t.json('__gm.menuRows()')).find((r) => r && r.endsWith(` · ${label}`));
+  const item = (await t.json('__gm.menuRows()')).find((r) => r === label);
   const at = await t.locate(item, true);
   await t.click(at.x, at.y);
 }