Tweaks

Author: DavidQ

src/engine/ui/hubCommon.css

@@ -60,7 +60,7 @@ h1 {
 
 .subtitle {
   margin: 0;
-  max-width: 980px;
+  max-width: 1024px;
   color: var(--muted, #a9b3c3);
   line-height: 1.6;
 }

tools/index.html

@@ -29,9 +29,14 @@
     <section class="hero">
       <p class="subtitle">Launch the first-class art and scene tools from one registry-driven surface. The landing page
         shows only active, user-facing tools and keeps preserved legacy content out of the main launcher.</p>
-      <p class="subtitle">Use Open Tool for normal day-to-day use, cleanest behavior, and quickest direct debugging.<br />
-        Use Open In Workspace Manager for integration checks: shared shell behavior, tool switching (prev/next), and optional JSON
-        state handoff.</p>
+      <p class="subtitle">* Use Open In Workspace Manager for integration checks: shared shell behavior, tool switching (prev/next), and optional JSON state handoff.</p>
+      <p class="subtitle">* Use Open Tool for normal day-to-day use, cleanest behavior, and quickest direct debugging.</p>
+    </section>
+
+    <section>
+      <h2>Workspace Manager</h2>
+      <div class="grid" data-workspace-manager-grid></div>
+      <hr />
     </section>
 
     <section>

tools/renderToolsIndex.js

@@ -94,6 +94,14 @@ function renderWorkspaceManagerCard() {
   `;
 }
 
+function renderWorkspaceManagerSection() {
+  const grid = document.querySelector("[data-workspace-manager-grid]");
+  if (!grid) {
+    return;
+  }
+  grid.innerHTML = renderWorkspaceManagerCard();
+}
+
 function renderActiveToolsList() {
   const grid = document.querySelector("[data-active-tools-grid]");
   if (!grid) {
@@ -104,7 +112,6 @@ function renderActiveToolsList() {
     .filter((entry) => entry.visibleInToolsList === true)
     .sort((left, right) => String(left.displayName || "").localeCompare(String(right.displayName || "")))
     .map((tool) => renderToolCard(tool));
-  toolCards.push(renderWorkspaceManagerCard());
   grid.innerHTML = toolCards.join("\n");
 }
 
@@ -123,5 +130,6 @@ function sortPlannedCardsAlphabetically() {
     .forEach((card) => grid.appendChild(card));
 }
 
+renderWorkspaceManagerSection();
 renderActiveToolsList();
 sortPlannedCardsAlphabetically();