Add Worlds Objects child capabilities and normalize Toolbox group colors - PR_26155_032-033-toolbox-final-nav-cleanup

Author: qbytesdq-jpg

assets/theme-v2/css/colors.css

@@ -148,16 +148,19 @@
   --accent: var(--pink)
 }
 
+.tool-group-create,
 .tool-group-build-create {
   --tool-group-color: var(--pink);
   --tool-group-accent: var(--pink)
 }
 
+.tool-group-content,
 .tool-group-content-assets {
   --tool-group-color: var(--orange);
   --tool-group-accent: var(--orange)
 }
 
+.tool-group-media,
 .tool-group-media-audio {
   --tool-group-color: var(--red);
   --tool-group-accent: var(--red)
@@ -168,16 +171,20 @@
   --tool-group-accent: var(--purple)
 }
 
+.tool-group-test,
+.tool-group-account,
 .tool-group-platform-cloud {
   --tool-group-color: var(--electric-blue);
   --tool-group-accent: var(--electric-blue)
 }
 
+.tool-group-build,
 .tool-group-development-system {
   --tool-group-color: var(--steel-gray);
   --tool-group-accent: var(--steel-gray)
 }
 
+.tool-group-share,
 .tool-group-community-marketplace {
   --tool-group-color: var(--gold);
   --tool-group-accent: var(--gold)

assets/theme-v2/css/tools/grouping/build-create.css

@@ -1,3 +1,4 @@
+.tool-group-create,
 .tool-group-build-create {
   --tool-group-color: var(--pink);
   --tool-group-accent: var(--pink)

assets/theme-v2/css/tools/grouping/community-marketplace.css

@@ -1,3 +1,4 @@
+.tool-group-share,
 .tool-group-community-marketplace {
   --tool-group-color: var(--gold);
   --tool-group-accent: var(--gold)

assets/theme-v2/css/tools/grouping/content-assets.css

@@ -1,3 +1,4 @@
+.tool-group-content,
 .tool-group-content-assets {
   --tool-group-color: var(--orange);
   --tool-group-accent: var(--orange)

assets/theme-v2/css/tools/grouping/development-system.css

@@ -1,3 +1,4 @@
+.tool-group-build,
 .tool-group-development-system {
   --tool-group-color: var(--steel-gray);
   --tool-group-accent: var(--steel-gray)

assets/theme-v2/css/tools/grouping/media-audio.css

@@ -1,3 +1,4 @@
+.tool-group-media,
 .tool-group-media-audio {
   --tool-group-color: var(--red);
   --tool-group-accent: var(--red)

assets/theme-v2/css/tools/grouping/platform-cloud.css

@@ -1,3 +1,5 @@
+.tool-group-test,
+.tool-group-account,
 .tool-group-platform-cloud {
   --tool-group-color: var(--electric-blue);
   --tool-group-accent: var(--electric-blue)

docs_build/dev/reports/toolbox-group-color-name-normalization.md

@@ -0,0 +1,43 @@
+# PR_26155_033 Toolbox Group Color Name Normalization
+
+## Summary
+
+- Normalized dynamic Toolbox group color identifiers to creator-facing group names:
+  - `tool-group-create`
+  - `tool-group-build`
+  - `tool-group-content`
+  - `tool-group-media`
+  - `tool-group-test`
+  - `tool-group-share`
+  - `tool-group-account`
+- Updated `toolbox/tools-page-accordions.js` and `toolbox/toolRegistry.js` to use the normalized names.
+- Kept tile outlines visible with the same group color treatment.
+
+## Theme V2 Gap Findings
+
+- Existing Theme V2 color classes used older names such as `tool-group-build-create`, `tool-group-content-assets`, and `tool-group-development-system`.
+- A reusable Theme V2 alias gap existed for the new creator-facing group names.
+- Added shared Theme V2 alias selectors in:
+  - `assets/theme-v2/css/colors.css`
+  - `assets/theme-v2/css/tools/grouping/build-create.css`
+  - `assets/theme-v2/css/tools/grouping/content-assets.css`
+  - `assets/theme-v2/css/tools/grouping/development-system.css`
+  - `assets/theme-v2/css/tools/grouping/media-audio.css`
+  - `assets/theme-v2/css/tools/grouping/platform-cloud.css`
+  - `assets/theme-v2/css/tools/grouping/community-marketplace.css`
+- Older class names remain styled for compatibility with existing tool shells.
+- No page-local CSS, tool-local CSS, inline styles, or style blocks were added.
+
+## Validation Notes
+
+- Playwright verifies Assets uses `tool-group-content`.
+- Playwright verifies Worlds uses `tool-group-create`.
+- Playwright verifies every rendered Toolbox tile still has a `tool-group-*` class and a non-transparent border color.
+- `npm run test:workspace-v2`: PASS, 3 Playwright tests.
+- `git diff --check`: PASS.
+
+## Manual Test Notes
+
+- Verified Create, Build, Content, Media, Test, Share, and Account groups still render.
+- Verified group-color outlines remain visible on Toolbox tiles.
+- Verified Learn, Admin, and Arcade boundaries remain unchanged.

docs_build/dev/reports/toolbox-worlds-objects-submenus.md

@@ -0,0 +1,45 @@
+# PR_26155_032 Toolbox Worlds Objects Submenus
+
+## Summary
+
+- Added visible child capability lists under the existing Worlds and Objects Toolbox tiles.
+- Kept child capabilities beneath their parent tools only.
+- Did not add Vector, Tilemap, Isometric, Hex, Sprite, Character, Enemy, or Interactive as top-level Toolbox groups.
+- Preserved Create, Build, Content, Media, Test, Share, and Account grouping.
+
+## Child Capabilities
+
+- Worlds:
+  - Vector
+  - Tilemap
+  - Isometric
+  - Hex
+- Objects:
+  - Vector
+  - Sprite
+  - Character
+  - Enemy
+  - Interactive
+
+## Implementation Notes
+
+- `toolbox/tools-page-accordions.js` now renders child capabilities as a nested `ul` under the parent tile.
+- Child capabilities remain wireframe/planned labels only.
+- No DB, auth, persistence, or Project Workspace rebuild behavior was added.
+- Learn remains top-level navigation only.
+- Admin remains one top-level navigation area only.
+- Arcade remains absent from Toolbox.
+
+## Validation Notes
+
+- `node scripts/validate-active-tools-surface.mjs`: PASS.
+- `node scripts/validate-tool-registry.mjs`: PASS.
+- `npm run test:workspace-v2`: PASS, 3 Playwright tests.
+- `git diff --check`: PASS.
+
+## Manual Test Notes
+
+- Verified Worlds shows Vector, Tilemap, Isometric, and Hex beneath Worlds.
+- Verified Objects shows Vector, Sprite, Character, Enemy, and Interactive beneath Objects.
+- Verified child capability labels are not top-level Toolbox groups.
+- Verified no console errors in the targeted Playwright run.

scripts/validate-active-tools-surface.mjs

@@ -158,8 +158,11 @@ async function main() {
   if (!/Planned world types/.test(toolsAccordions) || !/Vector/.test(toolsAccordions) || !/Tilemap/.test(toolsAccordions) || !/Isometric/.test(toolsAccordions) || !/Hex/.test(toolsAccordions)) {
     issues.push("Worlds must preserve planned world-type child capabilities: Vector, Tilemap, Isometric, and Hex.");
   }
-  if (!/Planned object types/.test(toolsAccordions) || !/Character/.test(toolsAccordions) || !/Enemy/.test(toolsAccordions) || !/Decoration/.test(toolsAccordions) || !/Interactive/.test(toolsAccordions) || !/Vector Object/.test(toolsAccordions) || !/Sprite Object/.test(toolsAccordions)) {
-    issues.push("Objects must preserve planned object-type child capabilities.");
+  if (!/Planned object types/.test(toolsAccordions) || !/Vector/.test(toolsAccordions) || !/Sprite/.test(toolsAccordions) || !/Character/.test(toolsAccordions) || !/Enemy/.test(toolsAccordions) || !/Interactive/.test(toolsAccordions)) {
+    issues.push("Objects must preserve planned object-type child capabilities: Vector, Sprite, Character, Enemy, and Interactive.");
+  }
+  if (!/dataset\.childCapabilities/.test(toolsAccordions) || !/createElement\("ul"\)/.test(toolsAccordions)) {
+    issues.push("Toolbox child capabilities must render as visible child lists under their parent tool tiles.");
   }
   if (!/container callout/.test(toolboxIndex)) {
     issues.push("Toolbox role banner container must use an existing Theme V2 background panel class.");